@taiga-ui/core 4.52.0-canary.24b31eb → 4.52.0-canary.2fa3dd5

package/README.md

@@ -14,7 +14,7 @@ consisting of multiple base libraries and several add-ons
 
 ## How to install
 
-```
+```bash
 npm i @taiga-ui/{cdk,core}
 ```
 

package/classes/accessors.d.ts

@@ -10,7 +10,7 @@ export declare abstract class TuiRectAccessor extends TuiAccessor {
     abstract getClientRect(): DOMRect;
 }
 export declare function tuiProvideAccessor<T extends TuiAccessor>(provide: AbstractType<T>, type: string, fallback: Type<T>): FactoryProvider;
-export declare function tuiFallbackAccessor<T extends TuiAccessor>(type: string): (accessors: readonly T[] | null, fallback: T) => T;
+export declare function tuiFallbackAccessor<T extends TuiAccessor>(type: string): (accessors: readonly T[] | null, fallback: Omit<T, 'type'>) => T;
 export declare function tuiPositionAccessorFor(type: string, fallback: Type<TuiPositionAccessor>): FactoryProvider;
 export declare function tuiRectAccessorFor(type: string, fallback: Type<TuiRectAccessor>): FactoryProvider;
 export declare function tuiAsPositionAccessor(accessor: Type<TuiPositionAccessor>): ExistingProvider;

package/components/alert/alert.component.d.ts

@@ -1,15 +1,14 @@
-import { type TuiPopover } from '@taiga-ui/cdk/services';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import { type TuiAlertOptions } from './alert.interfaces';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
+import * as i2 from "@taiga-ui/core/directives";
 export declare class TuiAlertComponent<O, I> {
     private readonly el;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly close: import("@angular/core").Signal<string | undefined>;
-    protected readonly position: string;
-    protected readonly item: TuiPopover<TuiAlertOptions<I>, O>;
+    protected readonly close: import("@angular/core").Signal<string>;
+    protected readonly item: TuiPortalContext<TuiAlertOptions<I>, O>;
     protected readonly sub: import("rxjs").Subscription;
-    get from(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlertComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAlertComponent<any, any>, "tui-alert", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAlertComponent<any, any>, "tui-alert", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiNotificationDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/alert/alert.directive.d.ts

@@ -1,7 +1,8 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
 import { type TuiAlertOptions } from './alert.interfaces';
 import * as i0 from "@angular/core";
-export declare class TuiAlert<T> extends TuiPopoverDirective<TuiAlertOptions<T>> {
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiAlert<T> {
+    readonly tuiAlertOptions: import("@angular/core").InputSignal<Partial<TuiAlertOptions<T>>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlert<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAlert<any>, "ng-template[tuiAlert]", never, { "options": { "alias": "tuiAlertOptions"; "required": false; }; "open": { "alias": "tuiAlert"; "required": false; }; }, { "openChange": "tuiAlertChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAlert<any>, "ng-template[tuiAlert]", never, { "tuiAlertOptions": { "alias": "tuiAlertOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "options": "tuiAlertOptions"; "open": "tuiAlert"; }; outputs: { "openChange": "tuiAlertChange"; }; }]>;
 }

package/components/alert/alert.interfaces.d.ts

@@ -1,12 +1,12 @@
-import { type TuiPopoverContext } from '@taiga-ui/cdk/services';
-import { type TuiHandler } from '@taiga-ui/cdk/types';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
+import { type TuiNumberHandler } from '@taiga-ui/cdk/types';
 import { type TuiNotificationOptions } from '@taiga-ui/core/components/notification';
+import { type TuiPositionOptions } from '@taiga-ui/core/directives';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-export interface TuiAlertOptions<I = undefined> extends Omit<TuiNotificationOptions, 'size'> {
-    readonly autoClose: TuiHandler<string, number> | number;
+export interface TuiAlertOptions<I = undefined> extends Omit<TuiNotificationOptions, 'size'>, TuiPositionOptions {
+    readonly autoClose: TuiNumberHandler<string> | number;
     readonly data: I;
     readonly closable: boolean;
     readonly label: PolymorpheusContent<TuiAlertOptions<I>>;
 }
-export interface TuiAlertContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiAlertOptions<I> {
-}
+export type TuiAlertContext<O = void, I = undefined> = TuiPortalContext<TuiAlertOptions<I>, O>;

package/components/alert/alert.service.d.ts

@@ -1,7 +1,11 @@
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
+import { TuiNotificationService } from '@taiga-ui/core/directives/notification';
+import { TuiAlertComponent } from './alert.component';
 import { type TuiAlertOptions } from './alert.interfaces';
 import * as i0 from "@angular/core";
-export declare class TuiAlertService extends TuiPopoverService<TuiAlertOptions<any>> {
+export declare class TuiAlertService extends TuiNotificationService<TuiAlertOptions<any>> {
+    protected readonly options: TuiAlertOptions<undefined>;
+    protected readonly component: typeof TuiAlertComponent;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlertService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiAlertService>;
 }

package/components/alert/alert.tokens.d.ts

@@ -1,12 +1,6 @@
 import { type FactoryProvider, InjectionToken } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
 import { type TuiAlertOptions } from './alert.interfaces';
+export declare const TUI_ALERT_CONCURRENCY: InjectionToken<number>;
 export declare const TUI_ALERT_DEFAULT_OPTIONS: Omit<TuiAlertOptions, 'appearance' | 'icon'>;
 export declare const TUI_ALERT_OPTIONS: InjectionToken<TuiAlertOptions<undefined>>;
-export declare const TUI_ALERT_POSITION: InjectionToken<string>;
-export declare const TUI_ALERTS: InjectionToken<BehaviorSubject<readonly any[]>>;
-/**
- * Grouping alerts by their component
- */
-export declare const TUI_ALERTS_GROUPED: InjectionToken<import("rxjs").Observable<(readonly any[])[]>>;
 export declare function tuiAlertOptionsProvider(options: Partial<TuiAlertOptions>): FactoryProvider;

package/components/alert/index.d.ts

@@ -3,4 +3,3 @@ export * from './alert.directive';
 export type * from './alert.interfaces';
 export * from './alert.service';
 export * from './alert.tokens';
-export * from './alerts.component';

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

@@ -1,7 +1,5 @@
-import { InjectionToken, type Provider } from '@angular/core';
 export interface TuiCalendarSheetOptions {
     readonly rangeMode: boolean;
 }
 export declare const TUI_CALENDAR_SHEET_DEFAULT_OPTIONS: TuiCalendarSheetOptions;
-export declare const TUI_CALENDAR_SHEET_OPTIONS: InjectionToken<TuiCalendarSheetOptions>;
-export declare function tuiCalendarSheetOptionsProvider(options: Partial<TuiCalendarSheetOptions>): Provider;
+export declare const TUI_CALENDAR_SHEET_OPTIONS: import("@angular/core").InjectionToken<TuiCalendarSheetOptions>, tuiCalendarSheetOptionsProvider: (item: Partial<TuiCalendarSheetOptions> | (() => Partial<TuiCalendarSheetOptions>)) => import("@angular/core").FactoryProvider;

package/components/data-list/data-list.component.d.ts

@@ -13,7 +13,7 @@ export declare class TuiDataListComponent<T> implements TuiDataListAccessor<T>,
     private readonly el;
     private readonly cdr;
     private readonly contentReady$;
-    protected readonly fallback: import("@angular/core").Signal<string | undefined>;
+    protected readonly fallback: import("@angular/core").Signal<string>;
     protected readonly empty: import("@angular/core").WritableSignal<boolean>;
     emptyContent: PolymorpheusContent;
     size: "m" | "l" | "s";

package/components/dialog/dialog.component.d.ts

@@ -1,13 +1,12 @@
-import { type TuiPopover } from '@taiga-ui/cdk/services';
 import { Subject } from 'rxjs';
-import { type TuiDialogOptions } from './dialog.options';
+import { type TuiDialogContext } from './dialog.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
 export declare class TuiDialogComponent<O, I> {
     protected readonly close$: Subject<void>;
-    protected readonly close: import("@angular/core").Signal<string | undefined>;
+    protected readonly close: import("@angular/core").Signal<string>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly context: TuiPopover<TuiDialogOptions<I>, O>;
+    protected readonly context: TuiDialogContext<I, O>;
     protected readonly primitive: boolean;
     protected readonly sub: import("rxjs").Subscription;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialogComponent<any, any>, never>;

package/components/dialog/dialog.directive.d.ts

@@ -1,7 +1,8 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
 import { type TuiDialogOptions } from './dialog.options';
 import * as i0 from "@angular/core";
-export declare class TuiDialog<T> extends TuiPopoverDirective<TuiDialogOptions<T>> {
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiDialog<T> {
+    readonly tuiDialogOptions: import("@angular/core").InputSignal<Partial<TuiDialogOptions<T>>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialog<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDialog<any>, "ng-template[tuiDialog]", never, { "options": { "alias": "tuiDialogOptions"; "required": false; }; "open": { "alias": "tuiDialog"; "required": false; }; }, { "openChange": "tuiDialogChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDialog<any>, "ng-template[tuiDialog]", never, { "tuiDialogOptions": { "alias": "tuiDialogOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "options": "tuiDialogOptions"; "open": "tuiDialog"; }; outputs: { "openChange": "tuiDialogChange"; }; }]>;
 }

package/components/dialog/dialog.options.d.ts

@@ -1,4 +1,4 @@
-import { type TuiPopoverContext } from '@taiga-ui/cdk/services';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 import { type Observable } from 'rxjs';
 /**
@@ -21,6 +21,5 @@ export interface TuiDialogOptions<I> {
     readonly required: boolean;
     readonly size: TuiSizeL | TuiSizeS;
 }
-export interface TuiDialogContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiDialogOptions<I> {
-}
+export type TuiDialogContext<O = void, I = undefined> = TuiPortalContext<TuiDialogOptions<I>, O>;
 export declare const TUI_DIALOG_OPTIONS: import("@angular/core").InjectionToken<TuiDialogOptions<void>>, tuiDialogOptionsProvider: (item: Partial<TuiDialogOptions<void>> | (() => Partial<TuiDialogOptions<void>>)) => import("@angular/core").FactoryProvider;

package/components/dialog/dialog.providers.d.ts

@@ -1,7 +1,6 @@
 import { InjectionToken } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare const TUI_DIALOGS: InjectionToken<BehaviorSubject<readonly any[]>>;
 export declare const TUI_DIALOGS_CLOSE: InjectionToken<Observable<unknown>>;
 export declare class TuiDialogCloseService extends Observable<unknown> {
     private readonly win;

package/components/dialog/dialog.service.d.ts

@@ -1,7 +1,10 @@
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
+import { TuiModalService } from '@taiga-ui/core/components/modal';
+import { TuiDialogComponent } from './dialog.component';
 import { type TuiDialogOptions } from './dialog.options';
 import * as i0 from "@angular/core";
-export declare class TuiDialogService extends TuiPopoverService<TuiDialogOptions<any>> {
+export declare class TuiDialogService extends TuiModalService<TuiDialogOptions<any>> {
+    protected readonly options: TuiDialogOptions<void>;
+    protected readonly content: typeof TuiDialogComponent;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiDialogService>;
 }

package/components/dialog/index.d.ts

@@ -4,4 +4,3 @@ export * from './dialog.factory';
 export * from './dialog.options';
 export * from './dialog.providers';
 export * from './dialog.service';
-export * from './dialogs.component';

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

@@ -1,7 +1,7 @@
 import { TuiValidationError } from '@taiga-ui/cdk/classes';
 import * as i0 from "@angular/core";
 export declare class TuiErrorComponent {
-    protected readonly default: import("@angular/core").Signal<string | undefined>;
+    protected readonly default: import("@angular/core").Signal<string>;
     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>;

package/components/index.d.ts

@@ -6,11 +6,11 @@ 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/header';
 export * from '@taiga-ui/core/components/icon';
 export * from '@taiga-ui/core/components/label';
 export * from '@taiga-ui/core/components/link';
 export * from '@taiga-ui/core/components/loader';
+export * from '@taiga-ui/core/components/modal';
 export * from '@taiga-ui/core/components/notification';
 export * from '@taiga-ui/core/components/root';
 export * from '@taiga-ui/core/components/scrollbar';

package/components/link/link.directive.d.ts

@@ -7,7 +7,7 @@ export declare class TuiLink {
      * @deprecated: use on host
      * [style.text-decoration-line]="'underline'"
      */
-    pseudo: boolean;
+    readonly pseudo: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLink, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiLink, "a[tuiLink], button[tuiLink]", never, { "pseudo": { "alias": "pseudo"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithIcons; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiLink, "a[tuiLink], button[tuiLink]", never, { "pseudo": { "alias": "pseudo"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithIcons; inputs: {}; outputs: {}; }]>;
 }

package/components/link/link.options.d.ts

@@ -1,4 +1,3 @@
-import { type FactoryProvider, InjectionToken } from '@angular/core';
 import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
 export interface TuiLinkOptions extends TuiAppearanceOptions {
     /**
@@ -8,5 +7,4 @@ export interface TuiLinkOptions extends TuiAppearanceOptions {
     readonly pseudo: boolean;
 }
 export declare const TUI_LINK_DEFAULT_OPTIONS: TuiLinkOptions;
-export declare const TUI_LINK_OPTIONS: InjectionToken<TuiLinkOptions>;
-export declare function tuiLinkOptionsProvider(options: Partial<TuiLinkOptions>): FactoryProvider;
+export declare const TUI_LINK_OPTIONS: import("@angular/core").InjectionToken<TuiLinkOptions>, tuiLinkOptionsProvider: (item: Partial<TuiLinkOptions> | (() => Partial<TuiLinkOptions>)) => import("@angular/core").FactoryProvider;

package/components/loader/loader.component.d.ts

@@ -4,12 +4,12 @@ export declare class TuiLoader {
     private readonly isIOS;
     private readonly options;
     protected readonly isApple: boolean;
-    size: "m" | "s" | "xs" | "l" | "xl" | "xxl";
-    inheritColor: boolean;
-    overlay: boolean;
-    textContent: PolymorpheusContent;
-    loading: boolean;
-    protected get isHorizontal(): boolean;
+    protected readonly isHorizontal: import("@angular/core").Signal<boolean>;
+    readonly size: import("@angular/core").InputSignal<"m" | "s" | "xs" | "l" | "xl" | "xxl">;
+    readonly inheritColor: import("@angular/core").InputSignal<boolean>;
+    readonly overlay: import("@angular/core").InputSignal<boolean>;
+    readonly textContent: import("@angular/core").InputSignal<PolymorpheusContent>;
+    readonly loading: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLoader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLoader, "tui-loader", never, { "size": { "alias": "size"; "required": false; }; "inheritColor": { "alias": "inheritColor"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; "textContent": { "alias": "textContent"; "required": false; }; "loading": { "alias": "showLoader"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLoader, "tui-loader", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "inheritColor": { "alias": "inheritColor"; "required": false; "isSignal": true; }; "overlay": { "alias": "overlay"; "required": false; "isSignal": true; }; "textContent": { "alias": "textContent"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/loader/loader.options.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiSizeXS, type TuiSizeXXL } from '@taiga-ui/core/types';
 export interface TuiLoaderOptions {
     readonly inheritColor: boolean;
@@ -10,5 +9,4 @@ export declare const TUI_LOADER_DEFAULT_OPTIONS: TuiLoaderOptions;
 /**
  * Default parameters for loader component
  */
-export declare const TUI_LOADER_OPTIONS: InjectionToken<TuiLoaderOptions>;
-export declare function tuiLoaderOptionsProvider(options: Partial<TuiLoaderOptions>): Provider;
+export declare const TUI_LOADER_OPTIONS: import("@angular/core").InjectionToken<TuiLoaderOptions>, tuiLoaderOptionsProvider: (item: Partial<TuiLoaderOptions> | (() => Partial<TuiLoaderOptions>)) => import("@angular/core").FactoryProvider;

package/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './modal.component';
+export * from './modal.service';

package/components/modal/modal.component.d.ts

@@ -0,0 +1,17 @@
+import { type OnDestroy, type OnInit } from '@angular/core';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
+import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk/directives/active-zone";
+import * as i2 from "@taiga-ui/cdk/directives/focus-trap";
+import * as i3 from "@taiga-ui/core/components/scrollbar";
+export declare class TuiModalComponent<T> implements OnDestroy, OnInit {
+    private readonly current;
+    private readonly parent;
+    readonly context: TuiPortalContext<T>;
+    readonly component: import("@angular/core").WritableSignal<PolymorpheusContent<TuiPortalContext<T>>>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiModalComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiModalComponent<any>, "tui-modal", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiActiveZone; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiFocusTrap; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiScrollRef; inputs: {}; outputs: {}; }]>;
+}

package/components/modal/modal.service.d.ts

@@ -0,0 +1,13 @@
+import { type Type } from '@angular/core';
+import { TuiPortal } from '@taiga-ui/cdk/portals';
+import { PolymorpheusComponent } from '@taiga-ui/polymorpheus';
+import { TuiModalComponent } from './modal.component';
+import * as i0 from "@angular/core";
+export declare abstract class TuiModalService<T, K = void> extends TuiPortal<T, K> {
+    protected abstract readonly content: Type<unknown>;
+    protected readonly component: typeof TuiModalComponent;
+    constructor();
+    protected add(component: PolymorpheusComponent<TuiModalComponent<T>>): () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiModalService<any, any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TuiModalService<any, any>>;
+}

package/components/notification/notification.directive.d.ts

@@ -1,19 +1,14 @@
-import { type OnChanges, type OnInit } from '@angular/core';
 import { type TuiStringHandler } from '@taiga-ui/cdk/types';
-import { TuiIcons } from '@taiga-ui/core/directives/icons';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/icons";
 import * as i2 from "@taiga-ui/core/directives/appearance";
-export declare class TuiNotification implements OnChanges, OnInit {
+export declare class TuiNotification {
     private readonly options;
     protected readonly nothing: undefined;
-    protected readonly icons: TuiIcons;
-    appearance: "info" | "positive" | "negative" | "warning" | "neutral" | "accent" | "action-destructive" | "action-grayscale" | "action" | "flat-destructive" | "flat-grayscale" | "flat" | "floating" | "glass" | "icon" | "outline-destructive" | "outline-grayscale" | "outline" | "primary-destructive" | "primary-grayscale" | "primary" | "secondary-destructive" | "secondary-grayscale" | "secondary" | "textfield" | (Record<never, never> & string);
-    icon: TuiStringHandler<string> | string;
-    size: "m" | "l" | "s";
-    ngOnInit(): void;
-    ngOnChanges(): void;
-    private refresh;
+    protected readonly icons: import("@angular/core").Signal<string>;
+    readonly appearance: import("@angular/core").InputSignal<"" | ("info" | "positive" | "negative" | "warning" | "neutral" | "accent" | "action-destructive" | "action-grayscale" | "action" | "flat-destructive" | "flat-grayscale" | "flat" | "floating" | "glass" | "icon" | "outline-destructive" | "outline-grayscale" | "outline" | "primary-destructive" | "primary-grayscale" | "primary" | "secondary-destructive" | "secondary-grayscale" | "secondary" | "textfield" | (Record<never, never> & string))>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "s">;
+    readonly icon: import("@angular/core").InputSignal<string | TuiStringHandler<string>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotification, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNotification, "tui-notification,a[tuiNotification],button[tuiNotification]", never, { "appearance": { "alias": "appearance"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNotification, "tui-notification,[tuiNotification]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
 }

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

@@ -13,5 +13,5 @@ export declare class TuiRoot {
     protected readonly scrollbars: 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"], true, [{ directive: typeof i1.TuiPlatform; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiVisualViewport; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiFontSize; inputs: {}; outputs: {}; }]>;
 }

package/components/scrollbar/scroll-into-view.directive.d.ts

@@ -5,7 +5,8 @@ import * as i0 from "@angular/core";
 export declare class TuiScrollIntoView {
     private readonly el;
     private readonly destroyRef;
-    set tuiScrollIntoView(scroll: boolean);
+    readonly tuiScrollIntoView: import("@angular/core").InputSignal<boolean | undefined>;
+    protected readonly dispatchEvent: import("@angular/core").EffectRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiScrollIntoView, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiScrollIntoView, "[tuiScrollIntoView]", never, { "tuiScrollIntoView": { "alias": "tuiScrollIntoView"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiScrollIntoView, "[tuiScrollIntoView]", never, { "tuiScrollIntoView": { "alias": "tuiScrollIntoView"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/scrollbar/scrollbar.component.d.ts

@@ -17,11 +17,11 @@ export declare class TuiScrollbar {
     /**
      * @deprecated: use tuiScrollbarOptionsProvider({ mode: 'hidden' })
      */
-    hidden: boolean;
+    readonly hidden: import("@angular/core").InputSignal<boolean>;
     protected get delegated(): boolean;
     protected get scrollRef(): HTMLElement;
     protected set scrollRef(element: HTMLElement);
     protected scrollIntoView(detail: HTMLElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiScrollbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiScrollbar, "tui-scrollbar", never, { "hidden": { "alias": "hidden"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiScrollbar, "tui-scrollbar", never, { "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/scrollbar/scrollbar.directive.d.ts

@@ -4,11 +4,11 @@ export declare class TuiScrollbarDirective {
     private readonly style;
     protected readonly scrollSub: import("rxjs").Subscription;
     protected readonly styleSub: import("rxjs").Subscription;
-    tuiScrollbar: 'horizontal' | 'vertical';
+    readonly tuiScrollbar: import("@angular/core").InputSignal<"horizontal" | "vertical">;
     private getScrolled;
     private getCompensation;
     private getThumb;
     private getView;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiScrollbarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiScrollbarDirective, "[tuiScrollbar]", never, { "tuiScrollbar": { "alias": "tuiScrollbar"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiScrollbarDirective, "[tuiScrollbar]", never, { "tuiScrollbar": { "alias": "tuiScrollbar"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/spin-button/spin-button.component.d.ts

@@ -1,16 +1,15 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiSpinButton {
     protected readonly icons: import("@taiga-ui/core/tokens").TuiSpinIcons;
-    protected readonly spinTexts$: import("rxjs").Observable<readonly [previous: string, next: string]>;
-    focusable: boolean;
-    disabled: boolean;
-    leftDisabled: boolean;
-    rightDisabled: boolean;
-    readonly leftClick: EventEmitter<void>;
-    readonly rightClick: EventEmitter<void>;
+    protected readonly spinTexts: import("@angular/core").Signal<readonly [previous: string, next: string]>;
+    readonly focusable: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly leftDisabled: import("@angular/core").InputSignal<boolean>;
+    readonly rightDisabled: import("@angular/core").InputSignal<boolean>;
+    readonly leftClick: import("@angular/core").OutputEmitterRef<void>;
+    readonly rightClick: import("@angular/core").OutputEmitterRef<void>;
     onLeftClick(): void;
     onRightClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSpinButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSpinButton, "tui-spin-button", never, { "focusable": { "alias": "focusable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "leftDisabled": { "alias": "leftDisabled"; "required": false; }; "rightDisabled": { "alias": "rightDisabled"; "required": false; }; }, { "leftClick": "leftClick"; "rightClick": "rightClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSpinButton, "tui-spin-button", never, { "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "leftDisabled": { "alias": "leftDisabled"; "required": false; "isSignal": true; }; "rightDisabled": { "alias": "rightDisabled"; "required": false; "isSignal": true; }; }, { "leftClick": "leftClick"; "rightClick": "rightClick"; }, never, ["*"], true, never>;
 }

package/components/textfield/index.d.ts

@@ -6,9 +6,7 @@ export * from './textfield.options';
 export * from './textfield-accessor';
 export * from './textfield-auxiliary';
 export * from './textfield-content.directive';
-export * from './textfield-dropdown.directive';
 export * from './textfield-icon';
-export * from './with-native-picker.directive';
-export * from './select.directive';
 export * from './textfield-multi/textfield-item.component';
 export * from './textfield-multi/textfield-multi.component';
+export * from './with-native-picker.directive';

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

@@ -5,22 +5,21 @@ import { TuiTextfieldBaseComponent } from '../textfield.component';
 import { type TuiTextfieldItem } from './textfield-item.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/dropdown";
-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";
+import * as i2 from "@taiga-ui/core/directives/icons";
+import * as i3 from "@taiga-ui/core/directives";
+import * as i4 from "@taiga-ui/core/components/data-list";
 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>>>;
     protected readonly sub: import("rxjs").Subscription;
     readonly item?: TemplateRef<unknown>;
-    rows: number;
+    readonly rows: import("@angular/core").InputSignal<number>;
     handleOption(option: T): void;
     protected get placeholder(): string;
     protected onItems({ target }: ResizeObserverEntry): void;
     protected onLeft(event: any): void;
     protected onClick(target: HTMLElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldMultiComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextfieldMultiComponent<any>, "tui-textfield[multi]", never, { "rows": { "alias": "rows"; "required": false; }; }, {}, ["item"], ["label", "input", "select", "*", "tui-icon"], true, [{ directive: typeof i1.TuiDropdownFixed; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithTextfieldDropdown; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiWithIcons; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiWithItemsHandlers; inputs: {}; outputs: {}; }, { directive: typeof i5.TuiWithOptionContent; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextfieldMultiComponent<any>, "tui-textfield[multi]", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, ["item"], ["label", "input", "select", "*", "tui-icon"], true, [{ directive: typeof i1.TuiDropdownFixed; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownDirective; 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 i3.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
 }

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

@@ -13,9 +13,7 @@ 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;
     private readonly contentReady$;
@@ -28,7 +26,7 @@ export declare class TuiTextfieldBaseComponent<T> implements TuiDataListHost<T>,
     protected readonly dropdown: TuiDropdownDirective;
     protected readonly dropdownOpen: TuiDropdownOpen;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly clear: import("@angular/core").Signal<string | undefined>;
+    protected readonly clear: import("@angular/core").Signal<string>;
     protected readonly computedFiller: import("@angular/core").Signal<string>;
     protected readonly showFiller: import("@angular/core").Signal<boolean>;
     readonly vcr?: ViewContainerRef;
@@ -36,13 +34,13 @@ export declare class TuiTextfieldBaseComponent<T> implements TuiDataListHost<T>,
     readonly control?: NgControl;
     readonly cva?: TuiControl<unknown>;
     readonly input?: ElementRef<HTMLInputElement>;
-    content: PolymorpheusContent<TuiContext<T>>;
+    readonly content: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<T>>>;
     readonly focused: import("@angular/core").Signal<boolean>;
     readonly options: import("./textfield.options").TuiTextfieldOptions;
     readonly el: HTMLElement;
     readonly value: import("@angular/core").WritableSignal<string>;
     readonly auxiliaries: import("@angular/core").Signal<readonly object[]>;
-    set fillerSetter(filler: string);
+    readonly filler: import("@angular/core").InputSignal<string>;
     get id(): string;
     get size(): TuiSizeL | TuiSizeS;
     ngAfterContentChecked(): void;
@@ -52,9 +50,9 @@ export declare class TuiTextfieldBaseComponent<T> implements TuiDataListHost<T>,
     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", "_input", "accessor", "control", "cva", "input", "auxiliaryQuery"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextfieldBaseComponent<any>, never, never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "filler": { "alias": "filler"; "required": false; "isSignal": true; }; }, {}, ["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 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: {}; }]>;
+    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: {}; }]>;
 }

package/components/textfield/textfield.d.ts

@@ -1,9 +1,8 @@
 import { TuiItem } from '@taiga-ui/cdk/directives/item';
 import { TuiLabel } from '@taiga-ui/core/components/label';
-import { TuiSelect } from './select.directive';
+import { TuiDropdownContent } from '@taiga-ui/core/directives/dropdown';
 import { TuiTextfieldComponent } from './textfield.component';
 import { TuiTextfieldDirective } from './textfield.directive';
 import { TuiTextfieldOptionsDirective } from './textfield.options';
-import { TuiTextfieldDropdownDirective } from './textfield-dropdown.directive';
 import { TuiTextfieldMultiComponent } from './textfield-multi/textfield-multi.component';
-export declare const TuiTextfield: readonly [typeof TuiItem, typeof TuiLabel, typeof TuiSelect, typeof TuiTextfieldComponent, typeof TuiTextfieldDirective, typeof TuiTextfieldOptionsDirective, typeof TuiTextfieldDropdownDirective, typeof TuiTextfieldMultiComponent];
+export declare const TuiTextfield: readonly [typeof TuiItem, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldDirective, typeof TuiTextfieldOptionsDirective, typeof TuiTextfieldMultiComponent, typeof TuiDropdownContent];