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

package/classes/accessors.d.ts

@@ -4,7 +4,7 @@ export declare abstract class TuiAccessor {
     abstract readonly type: string;
 }
 export declare abstract class TuiPositionAccessor extends TuiAccessor {
-    abstract getPosition(rect: DOMRect, element?: HTMLElement): TuiPoint;
+    abstract getPosition(rect: DOMRect): TuiPoint;
 }
 export declare abstract class TuiRectAccessor extends TuiAccessor {
     abstract getClientRect(): DOMRect;

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

@@ -7,7 +7,7 @@ export declare class TuiCalendarSheet {
     private readonly options;
     private readonly today;
     protected readonly unorderedWeekDays$: import("rxjs").Observable<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>;
-    protected readonly dayTypeHandler: TuiHandler<TuiDay, string>;
+    protected readonly dayType: TuiHandler<TuiDay, string>;
     month: TuiMonth;
     disabledItemHandler: TuiBooleanHandler<TuiDay>;
     markerHandler: TuiMarkerHandler | null;

package/{pipes/calendar-sheet → components/calendar}/calendar-sheet.pipe.d.ts

@@ -1,8 +1,8 @@
 import { type PipeTransform } from '@angular/core';
-import { type TuiDay, type TuiMonth } from '@taiga-ui/cdk/date-time';
+import { TuiDay, type TuiMonth } from '@taiga-ui/cdk/date-time';
 import * as i0 from "@angular/core";
 export declare class TuiCalendarSheetPipe implements PipeTransform {
-    private readonly firstDayOfWeek;
+    private readonly options;
     private currentMonth;
     private currentSheet;
     transform(month: TuiMonth, showAdjacentDays?: boolean): ReadonlyArray<readonly TuiDay[]>;

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

@@ -2,6 +2,7 @@ import { EventEmitter } from '@angular/core';
 import { TuiMonth, type TuiMonthLike, type TuiYear } from '@taiga-ui/cdk/date-time';
 import * as i0 from "@angular/core";
 export declare class TuiCalendarSpin {
+    protected readonly months: import("@angular/core").Signal<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>;
     value: TuiMonth;
     min: TuiMonth;
     max: TuiMonth;

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

@@ -11,7 +11,7 @@ export declare class TuiCalendarYear {
     readonly initialItem: import("@angular/core").WritableSignal<number>;
     readonly min: import("@angular/core").WritableSignal<number>;
     readonly max: import("@angular/core").WritableSignal<number>;
-    readonly value: import("@angular/core").WritableSignal<number | TuiYear | TuiDayRange | readonly TuiDay[] | TuiMonthRange | null>;
+    readonly value: import("@angular/core").WritableSignal<number | TuiYear | readonly TuiDay[] | TuiDayRange | TuiMonthRange | null>;
     set initialItemSetter(x: number | null);
     set minSetter(x: number);
     set maxSetter(x: number);

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

@@ -0,0 +1,9 @@
+import { type Signal } from '@angular/core';
+import { type TuiDay } from '@taiga-ui/cdk/date-time';
+import { type TuiHandler } from '@taiga-ui/cdk/types';
+export interface TuiCalendarOptions {
+    readonly dayType: TuiHandler<TuiDay, string>;
+    readonly weekStart: Signal<0 | 1 | 2 | 3 | 4 | 5 | 6>;
+}
+export declare const TUI_CALENDAR_DEFAULT_OPTIONS: TuiCalendarOptions;
+export declare const TUI_CALENDAR_OPTIONS: import("@angular/core").InjectionToken<TuiCalendarOptions>, tuiCalendarOptionsProvider: (item: Partial<TuiCalendarOptions> | (() => Partial<TuiCalendarOptions>)) => import("@angular/core").FactoryProvider;

package/components/calendar/index.d.ts

@@ -1,5 +1,8 @@
 export * from './calendar.component';
+export * from './calendar.options';
 export * from './calendar-sheet.component';
 export * from './calendar-sheet.options';
+export * from './calendar-sheet.pipe';
 export * from './calendar-spin.component';
 export * from './calendar-year.component';
+export * from './order-week-days.pipe';

package/{pipes/order-week-days → components/calendar}/order-week-days.pipe.d.ts

@@ -2,7 +2,7 @@ import { type PipeTransform } from '@angular/core';
 import { type Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiOrderWeekDaysPipe implements PipeTransform {
-    private readonly firstDayOfWeekIndex;
+    private readonly options;
     transform(mondayFirstWeekDays$: Observable<readonly string[]>): Observable<readonly string[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiOrderWeekDaysPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TuiOrderWeekDaysPipe, "tuiOrderWeekDays", true>;

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

@@ -5,13 +5,12 @@ import { type TuiDataListAccessor } from './data-list.tokens';
 import * as i0 from "@angular/core";
 export declare function tuiInjectDataListSize(): TuiSizeL | TuiSizeS;
 export declare class TuiDataListComponent<T> implements TuiDataListAccessor<T>, AfterContentChecked {
-    private readonly legacyOptionsQuery;
-    private readonly optionsQuery;
     private origin?;
     private readonly ngZone;
     private readonly destroyRef;
     private readonly el;
     private readonly cdr;
+    private readonly optionsQuery;
     protected readonly fallback: import("@angular/core").Signal<string>;
     protected readonly empty: import("@angular/core").WritableSignal<boolean>;
     readonly emptyContent: import("@angular/core").InputSignal<PolymorpheusContent>;
@@ -20,9 +19,8 @@ export declare class TuiDataListComponent<T> implements TuiDataListAccessor<T>,
     onKeyDownArrow(current: HTMLElement, step: number): void;
     handleFocusLossIfNecessary(element?: Element): void;
     ngAfterContentChecked(): void;
-    getOptions(includeDisabled?: boolean): readonly T[];
     protected onFocusIn(relatedTarget: HTMLElement, currentTarget: HTMLElement): void;
     private get elements();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDataListComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDataListComponent<any>, "tui-data-list", never, { "emptyContent": { "alias": "emptyContent"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["legacyOptionsQuery", "optionsQuery"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDataListComponent<any>, "tui-data-list", never, { "emptyContent": { "alias": "emptyContent"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["optionsQuery"], ["*"], true, never>;
 }

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

@@ -1,6 +1,5 @@
 import { TuiDataListComponent } from './data-list.component';
-import { TuiDataListDirective } from './data-list.directive';
 import { TuiOptGroup } from './opt-group.directive';
-import { TuiOptionNew, TuiOptionWithValue } from './option/option.directive';
-import { TuiOption } from './option/option-legacy.component';
-export declare const TuiDataList: readonly [typeof TuiDataListComponent, typeof TuiDataListDirective, typeof TuiOption, typeof TuiOptionNew, typeof TuiOptionWithValue, typeof TuiOptGroup];
+import { TuiOption } from './option.directive';
+import { TuiOptionWithValue } from './option-with-value.directive';
+export declare const TuiDataList: readonly [typeof TuiDataListComponent, typeof TuiOption, typeof TuiOptionWithValue, typeof TuiOptGroup];

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

@@ -1,33 +1,11 @@
 import { InjectionToken, type Provider, type Signal, type Type } from '@angular/core';
-import { type TuiIdentityMatcher, type TuiStringHandler } from '@taiga-ui/cdk/types';
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiDataListAccessor<T = unknown> {
-    /**
-     * @deprecated Use `options` property instead
-     */
-    getOptions(includeDisabled?: boolean): readonly T[];
-    options?: Signal<readonly T[]>;
+    options: Signal<readonly T[]>;
 }
 export interface TuiDataListHost<T> {
-    checkOption?(option: T): void;
     handleOption?(option: T): void;
-    /**
-     * @deprecated Use `inject(TuiItemsHandlersDirective<T>).identityMatcher` instead
-     */
-    readonly identityMatcher?: TuiIdentityMatcher<T>;
-    /**
-     * @deprecated Use `inject(TuiItemsHandlersDirective<T>).stringify` instead
-     */
-    readonly stringify?: TuiStringHandler<T>;
     readonly size?: TuiSizeL | TuiSizeS;
 }
-/**
- * Accessor for data-list options
- */
-export declare const TUI_DATA_LIST_ACCESSOR: InjectionToken<TuiDataListAccessor<unknown>>;
-export declare function tuiAsDataListAccessor(accessor: Type<TuiDataListAccessor>): Provider;
-/**
- * DataList controller
- */
 export declare const TUI_DATA_LIST_HOST: InjectionToken<TuiDataListHost<unknown>>;
 export declare function tuiAsDataListHost<T>(host: Type<TuiDataListHost<T>>): Provider;

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

@@ -1,8 +1,7 @@
 export * from './data-list';
 export * from './data-list.component';
-export * from './data-list.directive';
 export * from './data-list.tokens';
 export * from './opt-group.directive';
-export * from './option/option.directive';
-export * from './option/option-content';
-export * from './option/option-legacy.component';
+export * from './option.directive';
+export * from './option-content.directive';
+export * from './option-with-value.directive';

package/components/data-list/option-content.directive.d.ts

@@ -0,0 +1,14 @@
+import { InjectionToken, type Provider, type Type } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Content for tuiOption component
+ */
+export declare const TUI_OPTION_CONTENT: InjectionToken<Type<any>>;
+export declare function tuiAsOptionContent(useValue: Type<any>): Provider;
+export declare class TuiWithOptionContent {
+    protected readonly local: Type<any> | null;
+    protected readonly global: Type<any> | null;
+    get content(): Type<any> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithOptionContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithOptionContent, never, never, {}, {}, ["local"], never, true, never>;
+}

package/components/data-list/option-with-value.directive.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class TuiOptionWithValue<T = unknown> {
+    private readonly host;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly value: import("@angular/core").InputSignal<T | undefined>;
+    protected onClick(value?: T | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiOptionWithValue<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiOptionWithValue<any>, "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/data-list/option.directive.d.ts

@@ -0,0 +1,19 @@
+import { type OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/directives/icons";
+import * as i2 from "@taiga-ui/core/components/cell";
+export declare class TuiOption<T = unknown> implements OnDestroy {
+    private readonly vcr;
+    private readonly isMobile;
+    private readonly el;
+    private readonly datalist;
+    private readonly content;
+    private readonly ref;
+    protected readonly dropdown: import("@angular/core").WritableSignal<import("@angular/core").ComponentRef<unknown> | null> | undefined;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    constructor();
+    ngOnDestroy(): void;
+    protected onMouseMove(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiOption<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiOption<any>, "button[tuiOption], a[tuiOption], label[tuiOption]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiCell; inputs: {}; outputs: {}; }]>;
+}

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

@@ -1,6 +1,6 @@
-import { TuiIcons } from '@taiga-ui/core/directives';
+import { TuiIcons } from '@taiga-ui/core/directives/icons';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives";
+import * as i1 from "@taiga-ui/core/directives/icons";
 export declare class TuiIcon {
     protected readonly icons: TuiIcons;
     protected readonly mask: import("@angular/core").Signal<string | null>;

package/components/index.d.ts

@@ -2,16 +2,16 @@ 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/icon';
+export * from '@taiga-ui/core/components/input';
 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';
 export * from '@taiga-ui/core/components/spin-button';
 export * from '@taiga-ui/core/components/textfield';
+export * from '@taiga-ui/core/components/title';

package/components/input/index.d.ts

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

package/components/input/input.d.ts

@@ -0,0 +1,5 @@
+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 { TuiInputDirective } from './input.directive';
+export declare const TuiInput: readonly [typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent, typeof TuiInputDirective];

package/components/{textfield/textfield.directive.d.ts → input/input.directive.d.ts}

@@ -1,12 +1,10 @@
 import { NgControl } from '@angular/forms';
+import { type TuiTextfieldAccessor, TuiTextfieldComponent } from '@taiga-ui/core/components/textfield';
 import { type TuiItemsHandlers } from '@taiga-ui/core/directives/items-handlers';
 import { type TuiInteractiveState } from '@taiga-ui/core/types';
-import { TuiTextfieldComponent } from './textfield.component';
-import { type TuiTextfieldAccessor } from './textfield-accessor';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/native-validator";
-import * as i2 from "@taiga-ui/core/directives/appearance";
-export declare class TuiTextfieldDirective<T> implements TuiTextfieldAccessor<T> {
+export declare class TuiInputDirective<T> implements TuiTextfieldAccessor<T> {
     protected readonly el: HTMLInputElement;
     protected readonly control: NgControl | null;
     protected readonly handlers: TuiItemsHandlers<T>;
@@ -22,10 +20,10 @@ export declare class TuiTextfieldDirective<T> implements TuiTextfieldAccessor<T>
     readonly value: import("@angular/core").WritableSignal<string>;
     readonly mode: import("@angular/core").Signal<string | null>;
     setValue(value: T | null): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextfieldDirective<any>, "input[tuiTextfield]", never, { "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "focused": { "alias": "focused"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAppearance; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDirective<any>, "input[tuiInput]", never, { "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "focused": { "alias": "focused"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
 }
-export declare class TuiWithTextfield {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithTextfield, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithTextfield, never, never, {}, {}, never, never, true, [{ directive: typeof TuiTextfieldDirective; inputs: { "invalid": "invalid"; "focused": "focused"; "readOnly": "readOnly"; "state": "state"; }; outputs: {}; }]>;
+export declare class TuiWithInput {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithInput, never, never, {}, {}, never, never, true, [{ directive: typeof TuiInputDirective; inputs: { "invalid": "invalid"; "focused": "focused"; "readOnly": "readOnly"; "state": "state"; }; outputs: {}; }]>;
 }

package/components/label/label.directive.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class TuiLabel {
-    protected readonly textfield?: unknown;
+    protected readonly textfield: import("@angular/core").Signal<any>;
     protected readonly el: HTMLLabelElement;
     protected readonly nothing: undefined;
     protected readonly parent: any;

package/components/link/index.d.ts

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

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

@@ -1,13 +1,15 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/appearance";
 import * as i2 from "@taiga-ui/core/directives/icons";
+export declare const TUI_LINK_OPTIONS: import("@angular/core").InjectionToken<{
+    appearance: string;
+}>, tuiLinkOptionsProvider: (item: Partial<{
+    appearance: string;
+}> | (() => Partial<{
+    appearance: string;
+}>)) => import("@angular/core").FactoryProvider;
 export declare class TuiLink {
     protected readonly nothing: undefined;
-    /**
-     * @deprecated: use on host
-     * [style.text-decoration-line]="'underline'"
-     */
-    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; "isSignal": true; }; }, {}, 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, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithIcons; inputs: {}; outputs: {}; }]>;
 }

package/components/notification/notification.component.d.ts

@@ -2,7 +2,7 @@ import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import { type TuiNotificationOptions } from './notification.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
-import * as i2 from "@taiga-ui/core/directives/alert";
+import * as i2 from "@taiga-ui/core/portals/alert";
 export declare class TuiNotificationComponent<O, I> {
     private readonly el;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;

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

@@ -6,9 +6,9 @@ export declare class TuiNotificationDirective {
     private readonly options;
     protected readonly nothing: undefined;
     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 appearance: import("@angular/core").InputSignal<string>;
     readonly size: import("@angular/core").InputSignal<"m" | "l" | "s">;
     readonly icon: import("@angular/core").InputSignal<string | TuiStringHandler<string>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotificationDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNotificationDirective, "tui-notification,[tuiNotification]:not(ng-template)", 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: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNotificationDirective, "[tuiNotification]:not(ng-template)", 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/notification/notification.options.d.ts

@@ -1,7 +1,7 @@
 import { InjectionToken } from '@angular/core';
 import { type TuiNumberHandler, type TuiStringHandler } from '@taiga-ui/cdk/types';
-import { type TuiPositionOptions } from '@taiga-ui/core/directives/alert';
 import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
+import { type TuiPositionOptions } from '@taiga-ui/core/portals/alert';
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiNotificationOptions<I = undefined> extends TuiAppearanceOptions, TuiPositionOptions {
     readonly icon: TuiStringHandler<string> | string;

package/components/notification/notification.service.d.ts

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

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

@@ -9,7 +9,7 @@ export declare class TuiRoot {
     protected readonly reducedMotion: boolean;
     protected readonly duration: number;
     protected readonly top: import("@angular/core").WritableSignal<boolean>;
-    protected readonly breakpoint: import("@angular/core").Signal<"desktopLarge" | "desktopSmall" | "mobile" | null | undefined>;
+    protected readonly breakpoint: import("@angular/core").Signal<"desktopLarge" | "desktopSmall" | "mobile">;
     protected readonly scrollbars: boolean;
     protected get parent(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRoot, never>;

package/components/scrollbar/scroll-ref.directive.d.ts

@@ -1,5 +1,7 @@
+import { ElementRef, InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare const SCROLL_REF_SELECTOR = "[tuiScrollRef]";
+export declare const TUI_SCROLL_REF: InjectionToken<ElementRef<HTMLElement>>;
 export declare class TuiScrollRef {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiScrollRef, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiScrollRef, "[tuiScrollRef]", never, {}, {}, never, never, true, never>;

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

@@ -14,14 +14,10 @@ export declare class TuiScrollbar {
     protected readonly options: import("./scrollbar.options").TuiScrollbarOptions;
     protected readonly isIOS: boolean;
     protected readonly browserScrollRef: ElementRef<HTMLElement>;
-    /**
-     * @deprecated: use tuiScrollbarOptionsProvider({ mode: 'hidden' })
-     */
-    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; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiScrollbar, "tui-scrollbar", never, {}, {}, never, ["*"], true, never>;
 }

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

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class TuiSpinButton {
-    protected readonly icons: import("@taiga-ui/core/tokens").TuiSpinIcons;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     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>;

package/components/textfield/index.d.ts

@@ -1,7 +1,6 @@
 export * from './select-like.directive';
 export * from './textfield';
 export * from './textfield.component';
-export * from './textfield.directive';
 export * from './textfield.options';
 export * from './textfield-accessor';
 export * from './textfield-auxiliary';

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

@@ -2,10 +2,9 @@ import { TemplateRef } from '@angular/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { TuiTextfieldComponent } from '../textfield.component';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives";
 export declare class TuiTextfieldMultiComponent<T> extends TuiTextfieldComponent<T> {
     protected readonly height: import("@angular/core").WritableSignal<number | null>;
-    protected readonly handlers: import("@taiga-ui/core/directives").TuiItemsHandlers<unknown>;
+    protected readonly handlers: import("@taiga-ui/core/directives/items-handlers").TuiItemsHandlers<unknown>;
     protected readonly component: import("@taiga-ui/polymorpheus").PolymorpheusContent<import("@taiga-ui/cdk/types").TuiContext<import("./textfield-item.component").TuiTextfieldItem<any>>>;
     protected readonly sub: import("rxjs").Subscription;
     readonly cva: import("@angular/core").Signal<TuiControl<any> | undefined>;
@@ -17,5 +16,5 @@ export declare class TuiTextfieldMultiComponent<T> extends TuiTextfieldComponent
     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; "isSignal": true; }; }, {}, ["cva", "item"], ["label", "input", "select", "*", "tui-icon"], true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextfieldMultiComponent<any>, "tui-textfield[multi]", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, ["cva", "item"], ["label", "input", "select", "*", "tui-icon"], true, never>;
 }

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

@@ -2,22 +2,22 @@ import { ElementRef, type Signal, ViewContainerRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { type TuiContext } from '@taiga-ui/cdk/types';
 import { type TuiDataListHost } from '@taiga-ui/core/components/data-list';
-import { TuiDropdownDirective, TuiDropdownOpen } from '@taiga-ui/core/directives/dropdown';
+import { TuiDropdownDirective, TuiDropdownOpen } from '@taiga-ui/core/portals/dropdown';
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { type TuiTextfieldAccessor } from './textfield-accessor';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/dropdown";
-import * as i2 from "@taiga-ui/core/directives/icons";
-import * as i3 from "@taiga-ui/core/directives/items-handlers";
-import * as i4 from "@taiga-ui/core/components/data-list";
+import * as i1 from "@taiga-ui/core/directives/appearance";
+import * as i2 from "@taiga-ui/core/portals/dropdown";
+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";
 export declare class TuiTextfieldComponent<T> implements TuiDataListHost<T> {
     private readonly autoId;
     private readonly focusedIn;
     protected readonly ghost: Signal<ElementRef<HTMLElement> | undefined>;
-    protected readonly open: import("@angular/core").WritableSignal<boolean>;
     protected readonly dropdown: TuiDropdownDirective;
-    protected readonly dropdownOpen: TuiDropdownOpen;
+    protected readonly open: TuiDropdownOpen;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly clear: Signal<string>;
     protected readonly label: Signal<ElementRef<any> | undefined>;
@@ -34,7 +34,6 @@ export declare class TuiTextfieldComponent<T> implements TuiDataListHost<T> {
     readonly content: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<T>>>;
     readonly filler: import("@angular/core").InputSignal<string>;
     readonly value: import("@angular/core").WritableSignal<string>;
-    constructor();
     get id(): string;
     get size(): TuiSizeL | TuiSizeS;
     handleOption(option: T): void;
@@ -43,5 +42,5 @@ export declare class TuiTextfieldComponent<T> implements TuiDataListHost<T> {
     protected onIconClick(): void;
     protected onScroll(element: HTMLElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextfieldComponent<any>, "tui-textfield:not([multi])", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "filler": { "alias": "filler"; "required": false; "isSignal": true; }; }, {}, ["label", "accessor", "control", "auxiliaries", "input"], ["input", "select", "textarea", "label", "*", "tui-icon"], true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownFixed; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithIcons; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiWithItemsHandlers; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiWithOptionContent; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextfieldComponent<any>, "tui-textfield:not([multi])", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "filler": { "alias": "filler"; "required": false; "isSignal": true; }; }, {}, ["label", "accessor", "control", "auxiliaries", "input"], ["input", "select", "textarea", "label", "*", "tui-icon"], true, [{ directive: typeof i1.TuiAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownFixed; inputs: {}; outputs: {}; }, { directive: typeof i2.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,8 +1,7 @@
 import { TuiItem } from '@taiga-ui/cdk/directives/item';
 import { TuiLabel } from '@taiga-ui/core/components/label';
-import { TuiDropdownContent } from '@taiga-ui/core/directives/dropdown';
+import { TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
 import { TuiTextfieldComponent } from './textfield.component';
-import { TuiTextfieldDirective } from './textfield.directive';
 import { TuiTextfieldOptionsDirective } from './textfield.options';
 import { TuiTextfieldMultiComponent } from './textfield-multi/textfield-multi.component';
-export declare const TuiTextfield: readonly [typeof TuiItem, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldDirective, typeof TuiTextfieldOptionsDirective, typeof TuiTextfieldMultiComponent, typeof TuiDropdownContent];
+export declare const TuiTextfield: readonly [typeof TuiItem, typeof TuiLabel, typeof TuiTextfieldComponent, 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<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

@@ -1,9 +1,8 @@
 import { type ExistingProvider, InjectionToken, type ProviderToken } from '@angular/core';
-import { type TuiLooseUnion } from '@taiga-ui/cdk/types';
 /**
  * Bundled appearances for autocomplete purposes, not exported on purpose
  */
-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'>;
+type Appearance = string | '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 | '';
 }

package/directives/group/group.directive.d.ts

@@ -1,12 +1,12 @@
-import { type TuiOrientation, type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
+import { type TuiOrientation } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiGroup {
-    private readonly options;
+    protected readonly options: import("./group.options").TuiGroupOptions;
     protected readonly nothing: undefined;
-    orientation: TuiOrientation;
-    collapsed: boolean;
-    rounded: boolean;
-    size: TuiSizeL | TuiSizeS;
+    readonly orientation: import("@angular/core").InputSignal<TuiOrientation>;
+    readonly collapsed: import("@angular/core").InputSignal<boolean>;
+    readonly rounded: import("@angular/core").InputSignal<boolean>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "s">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiGroup, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiGroup, "[tuiGroup]:not(ng-container)", never, { "orientation": { "alias": "orientation"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiGroup, "[tuiGroup]:not(ng-container)", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/index.d.ts

@@ -1,11 +1,6 @@
-export * from '@taiga-ui/core/directives/alert';
 export * from '@taiga-ui/core/directives/appearance';
 export * from '@taiga-ui/core/directives/date-format';
-export * from '@taiga-ui/core/directives/dropdown';
 export * from '@taiga-ui/core/directives/group';
-export * from '@taiga-ui/core/directives/hint';
 export * from '@taiga-ui/core/directives/icons';
 export * from '@taiga-ui/core/directives/items-handlers';
 export * from '@taiga-ui/core/directives/number-format';
-export * from '@taiga-ui/core/directives/popup';
-export * from '@taiga-ui/core/directives/title';

package/directives/items-handlers/items-handlers.directive.d.ts

@@ -1,16 +1,12 @@
-import { type TuiBooleanHandler, type TuiIdentityMatcher, type TuiStringHandler } from '@taiga-ui/cdk/types';
 import { type TuiItemsHandlers } from './items-handlers.tokens';
 import * as i0 from "@angular/core";
 export declare class TuiItemsHandlersDirective<T> implements TuiItemsHandlers<T> {
-    private readonly defaultHandlers;
-    readonly stringify: import("@angular/core").WritableSignal<TuiStringHandler<T>>;
-    readonly identityMatcher: import("@angular/core").WritableSignal<TuiIdentityMatcher<T>>;
-    readonly disabledItemHandler: import("@angular/core").WritableSignal<TuiBooleanHandler<T>>;
-    set stringifySetter(x: TuiStringHandler<T>);
-    set identityMatcherSetter(x: TuiIdentityMatcher<T>);
-    set disabledItemHandlerSetter(x: TuiBooleanHandler<T>);
+    private readonly handlers;
+    readonly stringify: import("@angular/core").InputSignal<import("@taiga-ui/cdk/types").TuiStringHandler<T>>;
+    readonly identityMatcher: import("@angular/core").InputSignal<import("@taiga-ui/cdk/types").TuiIdentityMatcher<T>>;
+    readonly disabledItemHandler: import("@angular/core").InputSignal<import("@taiga-ui/cdk/types").TuiBooleanHandler<T>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiItemsHandlersDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiItemsHandlersDirective<any>, never, never, { "stringifySetter": { "alias": "stringify"; "required": false; }; "identityMatcherSetter": { "alias": "identityMatcher"; "required": false; }; "disabledItemHandlerSetter": { "alias": "disabledItemHandler"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiItemsHandlersDirective<any>, never, never, { "stringify": { "alias": "stringify"; "required": false; "isSignal": true; }; "identityMatcher": { "alias": "identityMatcher"; "required": false; "isSignal": true; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class TuiWithItemsHandlers {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithItemsHandlers, never>;