@taiga-ui/core 4.52.0-canary.4d93c87 → 4.52.0-canary.55ce829

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 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,11 +1,12 @@
 import { type TuiPopoverContext } from '@taiga-ui/cdk/services';
 import { type TuiHandler } 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'> {
+export interface TuiAlertOptions<I = undefined> extends Omit<TuiNotificationOptions, 'size'>, TuiPositionOptions {
     readonly autoClose: TuiHandler<string, number> | number;
     readonly data: I;
-    readonly closeable: boolean;
+    readonly closable: boolean;
     readonly label: PolymorpheusContent<TuiAlertOptions<I>>;
 }
 export interface TuiAlertContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiAlertOptions<I> {

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

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

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

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

package/components/cell/index.d.ts

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

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

@@ -1,20 +1,15 @@
 import { type TuiPopover } from '@taiga-ui/cdk/services';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type Observable, Subject } from 'rxjs';
-import { type TuiDialogOptions, type TuiDialogSize } from './dialog.interfaces';
+import { Subject } from 'rxjs';
+import { type TuiDialogOptions } 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 context: TuiPopover<TuiDialogOptions<I>, O>;
-    protected readonly closeWord$: Observable<string>;
+    protected readonly close: import("@angular/core").Signal<string | undefined>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly from: import("@angular/core").Signal<"translateY(100vh)" | "translateY(2.5rem)">;
-    protected readonly isMobile: import("@angular/core").Signal<boolean | undefined>;
-    constructor();
-    protected get size(): TuiDialogSize;
-    protected get header(): PolymorpheusContent<TuiPopover<TuiDialogOptions<I>, O>>;
-    private close;
+    protected readonly context: TuiPopover<TuiDialogOptions<I>, O>;
+    protected readonly primitive: boolean;
+    protected readonly sub: import("rxjs").Subscription;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialogComponent<any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiDialogComponent<any, any>, "tui-dialog", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,5 +1,5 @@
 import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
-import { type TuiDialogOptions } from './dialog.interfaces';
+import { type TuiDialogOptions } from './dialog.options';
 import * as i0 from "@angular/core";
 export declare class TuiDialog<T> extends TuiPopoverDirective<TuiDialogOptions<T>> {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialog<any>, never>;

package/components/dialog/dialog.factory.d.ts

@@ -1,6 +1,6 @@
 import { type Injector } from '@angular/core';
 import { type Observable } from 'rxjs';
-import { type TuiDialogContext, type TuiDialogOptions } from './dialog.interfaces';
+import { type TuiDialogContext, type TuiDialogOptions } from './dialog.options';
 type SingleUnionOrNever<T, U = T> = [T] extends [never] ? never : T extends U ? [U] extends [T] ? T : never : never;
 type ReplaceAny<T> = 0 extends T & 1 ? void : T;
 type ContextKeys<T> = {

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

@@ -0,0 +1,26 @@
+import { type TuiPopoverContext } from '@taiga-ui/cdk/services';
+import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
+import { type Observable } from 'rxjs';
+/**
+ * Options for a dialog
+ *
+ * appearance - data-appearance attribute of the dialog ('taiga' by default)
+ * closable - show close button (true by default)
+ * data - arbitrary data for dialog
+ * dismissible - close dialog by Esc button or click on overlay (true by default)
+ * label - string title for the dialog ('' by default)
+ * required - dismissing or closing dialog by X button throws (false by default)
+ * size - size of the dialog ('m' by default)
+ */
+export interface TuiDialogOptions<I> {
+    readonly appearance: string;
+    readonly closable: Observable<boolean> | boolean;
+    readonly data: I extends void ? undefined : I;
+    readonly dismissible: Observable<boolean> | boolean;
+    readonly label: string;
+    readonly required: boolean;
+    readonly size: TuiSizeL | TuiSizeS;
+}
+export interface TuiDialogContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiDialogOptions<I> {
+}
+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-close.service.d.ts → dialog.providers.d.ts}

@@ -1,5 +1,8 @@
-import { Observable } from 'rxjs';
+import { InjectionToken } from '@angular/core';
+import { BehaviorSubject, 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;
     private readonly doc;

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

@@ -1,5 +1,5 @@
 import { TuiPopoverService } from '@taiga-ui/cdk/services';
-import { type TuiDialogOptions } from './dialog.interfaces';
+import { type TuiDialogOptions } from './dialog.options';
 import * as i0 from "@angular/core";
 export declare class TuiDialogService extends TuiPopoverService<TuiDialogOptions<any>> {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialogService, never>;

package/components/dialog/index.d.ts

@@ -1,8 +1,7 @@
 export * from './dialog.component';
 export * from './dialog.directive';
 export * from './dialog.factory';
-export type * from './dialog.interfaces';
+export * from './dialog.options';
+export * from './dialog.providers';
 export * from './dialog.service';
-export * from './dialog.tokens';
-export * from './dialog-close.service';
 export * from './dialogs.component';

package/components/expand/expand.component.d.ts

@@ -1,30 +1,11 @@
-import { type NgIfContext } from '@angular/common';
-import { TemplateRef } from '@angular/core';
+import { type OnInit, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-/**
- * An event indicating that async data for expand has finished loading.
- * Dispatch to finish loading states for {@link TuiExpandComponent}.
- */
-export declare const TUI_EXPAND_LOADED = "tui-expand-loaded";
-/**
- * @deprecated use {@link TuiExpand} from @taiga-ui/experimental
- */
-export declare class TuiExpandComponent {
-    private readonly contentWrapper?;
-    private readonly cdr;
-    private readonly destroyRef;
-    private state;
-    protected content: TemplateRef<NgIfContext<boolean>> | null;
-    protected expanded: boolean | null;
-    async: boolean;
-    set expandedSetter(expanded: boolean | null);
-    get contentVisible(): boolean;
-    protected get overflow(): boolean;
-    protected get loading(): boolean;
-    protected get height(): number | null;
-    protected onTransitionEnd({ propertyName, pseudoElement }: TransitionEvent): void;
-    protected onExpandLoaded(event: Event): void;
-    private retrigger;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiExpandComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiExpandComponent, "tui-expand", never, { "async": { "alias": "async"; "required": false; }; "expandedSetter": { "alias": "expanded"; "required": false; }; }, {}, ["content"], ["*"], true, never>;
+export declare class TuiExpand implements OnInit {
+    protected readonly content: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    protected readonly open: import("@angular/core").WritableSignal<boolean>;
+    readonly expanded: import("@angular/core").InputSignal<boolean>;
+    ngOnInit(): void;
+    protected onTransitionEnd({ propertyName }: TransitionEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiExpand, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiExpand, "tui-expand", never, { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, {}, ["content"], ["*"], true, never>;
 }

package/components/expand/index.d.ts

@@ -1,3 +1 @@
-export * from './expand';
 export * from './expand.component';
-export * from './expand-content.directive';

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

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

package/components/header/index.d.ts

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

package/components/index.d.ts

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

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

@@ -8,7 +8,7 @@ export declare class TuiNotification implements OnChanges, OnInit {
     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);
+    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;

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

@@ -2,7 +2,6 @@ import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/platform";
 import * as i2 from "@taiga-ui/cdk/directives/visual-viewport";
 import * as i3 from "@taiga-ui/cdk/directives/font-size";
-import * as i4 from "@taiga-ui/cdk/directives/active-zone";
 export declare class TuiRoot {
     private readonly doc;
     private readonly el;
@@ -14,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: {}; }, { directive: typeof i4.TuiActiveZone; 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/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,10 +5,9 @@ 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>;
@@ -22,5 +21,5 @@ export declare class TuiTextfieldMultiComponent<T> extends TuiTextfieldBaseCompo
     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; }; }, {}, ["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,7 +13,6 @@ 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;
@@ -56,5 +55,5 @@ export declare class TuiTextfieldBaseComponent<T> implements TuiDataListHost<T>,
 }
 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];

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

@@ -4,7 +4,7 @@ import * as i1 from "@taiga-ui/cdk/directives/transitioned";
 export declare class TuiAppearance {
     protected readonly nothing: undefined;
     protected readonly modes: import("@angular/core").Signal<string | null>;
-    readonly tuiAppearance: import("@angular/core").InputSignal<"accent" | "action-destructive" | "action-grayscale" | "action" | "flat-destructive" | "flat-grayscale" | "flat" | "floating" | "glass" | "icon" | "info" | "negative" | "neutral" | "outline-destructive" | "outline-grayscale" | "outline" | "positive" | "primary-destructive" | "primary-grayscale" | "primary" | "secondary-destructive" | "secondary-grayscale" | "secondary" | "textfield" | "warning" | (Record<never, never> & string)>;
+    readonly tuiAppearance: import("@angular/core").InputSignal<"" | ("accent" | "action-destructive" | "action-grayscale" | "action" | "flat-destructive" | "flat-grayscale" | "flat" | "floating" | "glass" | "icon" | "info" | "negative" | "neutral" | "outline-destructive" | "outline-grayscale" | "outline" | "positive" | "primary-destructive" | "primary-grayscale" | "primary" | "secondary-destructive" | "secondary-grayscale" | "secondary" | "textfield" | "warning" | (Record<never, never> & string))>;
     readonly tuiAppearanceState: import("@angular/core").InputSignal<TuiInteractiveState | null>;
     readonly tuiAppearanceFocus: import("@angular/core").InputSignal<boolean | null>;
     readonly tuiAppearanceMode: import("@angular/core").InputSignal<string | readonly string[] | null>;

package/directives/appearance/appearance.options.d.ts

@@ -5,7 +5,7 @@ import { type TuiLooseUnion } from '@taiga-ui/cdk/types';
  */
 type Appearance = TuiLooseUnion<'accent' | 'action-destructive' | 'action-grayscale' | 'action' | 'flat-destructive' | 'flat-grayscale' | 'flat' | 'floating' | 'glass' | 'icon' | 'info' | 'negative' | 'neutral' | 'outline-destructive' | 'outline-grayscale' | 'outline' | 'positive' | 'primary-destructive' | 'primary-grayscale' | 'primary' | 'secondary-destructive' | 'secondary-grayscale' | 'secondary' | 'textfield' | 'warning'>;
 export interface TuiAppearanceOptions {
-    readonly appearance: Appearance;
+    readonly appearance: Appearance | '';
 }
 export declare const TUI_APPEARANCE_DEFAULT_OPTIONS: TuiAppearanceOptions;
 export declare const TUI_APPEARANCE_OPTIONS: InjectionToken<TuiAppearanceOptions>;

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

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

package/directives/dropdown/dropdown.d.ts

@@ -1,14 +1,14 @@
 import { TuiDropdownComponent } from './dropdown.component';
 import { TuiDropdownDirective } from './dropdown.directive';
 import { TuiDropdownDriverDirective } from './dropdown.driver';
+import { TuiDropdownContent } from './dropdown-content.directive';
 import { TuiDropdownContext } from './dropdown-context.directive';
 import { TuiDropdownHover } from './dropdown-hover.directive';
 import { TuiDropdownManual } from './dropdown-manual.directive';
 import { TuiDropdownOpen } from './dropdown-open.directive';
 import { TuiDropdownOpenLegacy } from './dropdown-open-legacy.directive';
 import { TuiDropdownOptionsDirective } from './dropdown-options.directive';
-import { TuiDropdownPortal } from './dropdown-portal.directive';
 import { TuiDropdownPosition } from './dropdown-position.directive';
 import { TuiDropdownPositionSided } from './dropdown-position-sided.directive';
 import { TuiDropdownSelection } from './dropdown-selection.directive';
-export declare const TuiDropdown: readonly [typeof TuiDropdownOptionsDirective, typeof TuiDropdownDriverDirective, typeof TuiDropdownDirective, typeof TuiDropdownComponent, typeof TuiDropdownOpen, typeof TuiDropdownOpenLegacy, typeof TuiDropdownPortal, typeof TuiDropdownManual, typeof TuiDropdownHover, typeof TuiDropdownContext, typeof TuiDropdownPosition, typeof TuiDropdownPositionSided, typeof TuiDropdownSelection];
+export declare const TuiDropdown: readonly [typeof TuiDropdownOptionsDirective, typeof TuiDropdownDriverDirective, typeof TuiDropdownDirective, typeof TuiDropdownComponent, typeof TuiDropdownOpen, typeof TuiDropdownOpenLegacy, typeof TuiDropdownManual, typeof TuiDropdownHover, typeof TuiDropdownContent, typeof TuiDropdownContext, typeof TuiDropdownPosition, typeof TuiDropdownPositionSided, typeof TuiDropdownSelection];

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

@@ -1,12 +1,11 @@
 import { type AfterViewChecked, type ComponentRef, type OnDestroy } from '@angular/core';
 import { type TuiContext } from '@taiga-ui/cdk/types';
 import { type TuiRectAccessor, type TuiVehicle } from '@taiga-ui/core/classes';
-import { type TuiPortalItem } from '@taiga-ui/core/types';
 import { PolymorpheusComponent, type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
 import * as i1 from "./dropdown.driver";
 import * as i2 from "./dropdown-position.directive";
-export declare class TuiDropdownDirective implements AfterViewChecked, OnDestroy, TuiPortalItem, TuiRectAccessor, TuiVehicle {
+export declare class TuiDropdownDirective implements AfterViewChecked, OnDestroy, TuiRectAccessor, TuiVehicle {
     private readonly refresh$;
     private readonly service;
     private readonly cdr;

package/directives/dropdown/index.d.ts

@@ -4,7 +4,7 @@ export * from './dropdown.component';
 export * from './dropdown.directive';
 export * from './dropdown.driver';
 export * from './dropdown.providers';
-export * from './dropdown.service';
+export * from './dropdown-content.directive';
 export * from './dropdown-context.directive';
 export * from './dropdown-hover.directive';
 export * from './dropdown-hover.options';
@@ -13,9 +13,7 @@ export * from './dropdown-manual.directive';
 export * from './dropdown-open.directive';
 export * from './dropdown-open-legacy.directive';
 export * from './dropdown-options.directive';
-export * from './dropdown-portal.directive';
 export * from './dropdown-position.directive';
 export * from './dropdown-position-sided.directive';
 export * from './dropdown-selection.directive';
-export * from './dropdowns.component';
 export * from './with-dropdown-open.directive';

package/directives/hint/hint-describe.directive.d.ts

@@ -3,14 +3,12 @@ import * as i0 from "@angular/core";
 export declare class TuiHintDescribe extends TuiDriver {
     private readonly doc;
     private readonly el;
-    private readonly zone;
-    private readonly id$;
-    private readonly stream$;
+    protected readonly element: import("@angular/core").Signal<Element>;
+    readonly id: import("@angular/core").InputSignal<string | null | undefined>;
     readonly type = "hint";
+    protected readonly stream$: import("rxjs").Observable<boolean>;
     constructor();
-    set tuiHintDescribe(id: string | null | undefined);
-    private get element();
     private get focused();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintDescribe, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintDescribe, "[tuiHintDescribe]", never, { "tuiHintDescribe": { "alias": "tuiHintDescribe"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintDescribe, "[tuiHintDescribe]", never, { "id": { "alias": "tuiHintDescribe"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/hint/hint-host.directive.d.ts

@@ -1,9 +1,9 @@
 import { TuiRectAccessor } from '@taiga-ui/core/classes';
 import * as i0 from "@angular/core";
 export declare class TuiHintHost extends TuiRectAccessor {
-    tuiHintHost?: HTMLElement;
+    readonly tuiHintHost: import("@angular/core").InputSignal<HTMLElement | undefined>;
     readonly type = "hint";
     getClientRect(): DOMRect;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintHost, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintHost, "[tuiHint][tuiHintHost]", never, { "tuiHintHost": { "alias": "tuiHintHost"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintHost, "[tuiHint][tuiHintHost]", never, { "tuiHintHost": { "alias": "tuiHintHost"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/hint/hint-hover.directive.d.ts

@@ -1,5 +1,4 @@
 import { TuiDriver } from '@taiga-ui/core/classes';
-import { type TuiHintOptions } from './hint-options.directive';
 import * as i0 from "@angular/core";
 export declare class TuiHintHover extends TuiDriver {
     private readonly isMobile;
@@ -10,13 +9,13 @@ export declare class TuiHintHover extends TuiDriver {
     private readonly toggle$;
     private readonly stream$;
     private readonly parent;
-    tuiHintShowDelay: TuiHintOptions['showDelay'];
-    tuiHintHideDelay: TuiHintOptions['hideDelay'];
+    readonly showDelay: import("@angular/core").InputSignal<number>;
+    readonly hideDelay: import("@angular/core").InputSignal<number>;
     readonly type = "hint";
     enabled: boolean;
     constructor();
     toggle(visible?: boolean): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintHover, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintHover, never, ["tuiHintHover"], { "tuiHintShowDelay": { "alias": "tuiHintShowDelay"; "required": false; }; "tuiHintHideDelay": { "alias": "tuiHintHideDelay"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintHover, never, ["tuiHintHover"], { "showDelay": { "alias": "tuiHintShowDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "tuiHintHideDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/hint/hint-manual.directive.d.ts

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export declare class TuiHintManual extends TuiDriver implements OnChanges {
     private readonly hover;
     private readonly stream$;
-    tuiHintManual: boolean | null;
+    readonly visible: import("@angular/core").InputSignal<boolean | null>;
     readonly type = "hint";
     constructor();
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintManual, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintManual, "[tuiHint][tuiHintManual]", never, { "tuiHintManual": { "alias": "tuiHintManual"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintManual, "[tuiHint][tuiHintManual]", never, { "visible": { "alias": "tuiHintManual"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/hint/hint-options.directive.d.ts

@@ -1,11 +1,11 @@
 import { type FactoryProvider, InjectionToken, type OnChanges } from '@angular/core';
+import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export type TuiHintDirection = 'bottom-left' | 'bottom-right' | 'bottom' | 'left-bottom' | 'left-top' | 'left' | 'right-bottom' | 'right-top' | 'right' | 'top-left' | 'top-right' | 'top';
 export declare const TUI_HINT_DIRECTIONS: readonly TuiHintDirection[];
-export interface TuiHintOptions {
-    readonly appearance: string;
+export interface TuiHintOptions extends TuiAppearanceOptions {
     readonly direction: TuiHintDirection | TuiHintDirection[];
     readonly hideDelay: number;
     readonly icon: string;
@@ -25,7 +25,7 @@ export declare class TuiHintOptionsDirective implements TuiHintOptions, OnChange
     private readonly options;
     content: PolymorpheusContent;
     direction: TuiHintDirection | TuiHintDirection[];
-    appearance: string;
+    appearance: "" | ("accent" | "action-destructive" | "action-grayscale" | "action" | "flat-destructive" | "flat-grayscale" | "flat" | "floating" | "glass" | "icon" | "info" | "negative" | "neutral" | "outline-destructive" | "outline-grayscale" | "outline" | "positive" | "primary-destructive" | "primary-grayscale" | "primary" | "secondary-destructive" | "secondary-grayscale" | "secondary" | "textfield" | "warning" | (Record<never, never> & string));
     showDelay: number;
     hideDelay: number;
     icon: string;

package/directives/hint/hint-overflow.directive.d.ts

@@ -2,8 +2,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "./hint.directive";
 export declare class TuiHintOverflow {
     private readonly hint;
-    tuiHintOverflow: string | null;
+    readonly content: import("@angular/core").InputSignal<string | null>;
     protected onMouseEnter({ scrollWidth, clientWidth, textContent }: Element): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintOverflow, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintOverflow, "[tuiHintOverflow]", never, { "tuiHintOverflow": { "alias": "tuiHintOverflow"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiHintDirective; inputs: { "tuiHintAppearance": "tuiHintAppearance"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintOverflow, "[tuiHintOverflow]", never, { "content": { "alias": "tuiHintOverflow"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiHintDirective; inputs: { "tuiHintAppearance": "tuiHintAppearance"; }; outputs: {}; }]>;
 }