@taiga-ui/kit 4.52.0-canary.bf9131e → 4.52.0-canary.c8448e0

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,kit}
 ```
 

package/components/avatar/avatar-labeled.component.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class TuiAvatarLabeled {
-    label: string;
-    protected split(label: string): readonly string[];
+    readonly label: import("@angular/core").InputSignal<string>;
+    protected readonly words: import("@angular/core").Signal<string[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAvatarLabeled, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAvatarLabeled, "tui-avatar-labeled", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAvatarLabeled, "tui-avatar-labeled", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/avatar/avatar-stack.component.d.ts

@@ -1,7 +1,7 @@
 import { type TuiHorizontalDirection } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiAvatarStack {
-    direction: TuiHorizontalDirection;
+    readonly direction: import("@angular/core").InputSignal<TuiHorizontalDirection>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAvatarStack, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAvatarStack, "tui-avatar-stack", never, { "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAvatarStack, "tui-avatar-stack", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/badge/badge.options.d.ts

@@ -1,9 +1,7 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
 import { type TuiSizeS, type TuiSizeXL } from '@taiga-ui/core/types';
 export interface TuiBadgeOptions extends TuiAppearanceOptions {
     readonly size: TuiSizeS | TuiSizeXL;
 }
 export declare const TUI_BADGE_DEFAULT_OPTIONS: TuiBadgeOptions;
-export declare const TUI_BADGE_OPTIONS: InjectionToken<TuiBadgeOptions>;
-export declare function tuiBadgeOptionsProvider(options: Partial<TuiBadgeOptions>): Provider;
+export declare const TUI_BADGE_OPTIONS: import("@angular/core").InjectionToken<TuiBadgeOptions>, tuiBadgeOptionsProvider: (item: Partial<TuiBadgeOptions> | (() => Partial<TuiBadgeOptions>)) => import("@angular/core").FactoryProvider;

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

@@ -1,8 +1,7 @@
-import { type TuiSizeL, type TuiSizeXS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
 export declare class TuiBadgeNotification {
-    size: TuiSizeL | TuiSizeXS;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "s" | "xs">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgeNotification, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgeNotification, "tui-badge-notification", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgeNotification, "tui-badge-notification", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
 }

package/components/badge-notification/badge-notification.options.d.ts

@@ -1,8 +1,6 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiSizeL, type TuiSizeXS } from '@taiga-ui/core/types';
 export interface TuiBadgeNotificationOptions {
     readonly size: TuiSizeL | TuiSizeXS;
 }
 export declare const TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS: TuiBadgeNotificationOptions;
-export declare const TUI_BADGE_NOTIFICATION_OPTIONS: InjectionToken<TuiBadgeNotificationOptions>;
-export declare function tuiBadgeNotificationOptionsProvider(options: Partial<TuiBadgeNotificationOptions>): Provider;
+export declare const TUI_BADGE_NOTIFICATION_OPTIONS: import("@angular/core").InjectionToken<TuiBadgeNotificationOptions>, tuiBadgeNotificationOptionsProvider: (item: Partial<TuiBadgeNotificationOptions> | (() => Partial<TuiBadgeNotificationOptions>)) => import("@angular/core").FactoryProvider;

package/components/badged-content/badged-content.directive.d.ts

@@ -1,7 +1,6 @@
-import { type TuiLooseUnion } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiBadgedContentDirective {
-    tuiSlot: TuiLooseUnion<'bottom' | 'top'>;
+    readonly tuiSlot: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgedContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBadgedContentDirective, "[tuiSlot]", never, { "tuiSlot": { "alias": "tuiSlot"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBadgedContentDirective, "[tuiSlot]", never, { "tuiSlot": { "alias": "tuiSlot"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/block/block.options.d.ts

@@ -1,9 +1,7 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiBlockOptions extends TuiAppearanceOptions {
     readonly size: TuiSizeL | TuiSizeS | '';
 }
 export declare const TUI_BLOCK_DEFAULT_OPTIONS: TuiBlockOptions;
-export declare const TUI_BLOCK_OPTIONS: InjectionToken<TuiBlockOptions>;
-export declare function tuiBlockOptionsProvider(options: Partial<TuiBlockOptions>): Provider;
+export declare const TUI_BLOCK_OPTIONS: import("@angular/core").InjectionToken<TuiBlockOptions>, tuiBlockOptionsProvider: (item: Partial<TuiBlockOptions> | (() => Partial<TuiBlockOptions>)) => import("@angular/core").FactoryProvider;

package/components/breadcrumbs/breadcrumbs.component.d.ts

@@ -1,15 +1,14 @@
-import { type QueryList, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { type TuiBreadcrumbsOptions } from './breadcrumbs.options';
 import * as i0 from "@angular/core";
 export declare class TuiBreadcrumbs {
-    protected readonly items: QueryList<TemplateRef<Record<string, unknown>>>;
+    protected readonly items: import("@angular/core").Signal<readonly TemplateRef<any>[]>;
     protected readonly options: TuiBreadcrumbsOptions;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly more: import("@angular/core").Signal<string>;
-    size: TuiBreadcrumbsOptions['size'];
-    itemsLimit: number;
-    protected get limit(): number;
-    protected get offset(): number;
+    readonly size: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiSizeL>;
+    readonly itemsLimit: import("@angular/core").InputSignal<number>;
+    protected readonly offset: import("@angular/core").Signal<0 | 1>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBreadcrumbs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBreadcrumbs, "tui-breadcrumbs", never, { "size": { "alias": "size"; "required": false; }; "itemsLimit": { "alias": "itemsLimit"; "required": false; }; }, {}, ["items"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBreadcrumbs, "tui-breadcrumbs", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "itemsLimit": { "alias": "itemsLimit"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*"], true, never>;
 }

package/components/breadcrumbs/breadcrumbs.options.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiSizeL } from '@taiga-ui/core/types';
 export interface TuiBreadcrumbsOptions {
     readonly icon: string;
@@ -6,5 +5,4 @@ export interface TuiBreadcrumbsOptions {
     readonly itemsLimit: number;
 }
 export declare const TUI_BREADCRUMBS_DEFAULT_OPTIONS: TuiBreadcrumbsOptions;
-export declare const TUI_BREADCRUMBS_OPTIONS: InjectionToken<TuiBreadcrumbsOptions>;
-export declare function tuiBreadcrumbsOptionsProvider(options: Partial<TuiBreadcrumbsOptions>): Provider;
+export declare const TUI_BREADCRUMBS_OPTIONS: import("@angular/core").InjectionToken<TuiBreadcrumbsOptions>, tuiBreadcrumbsOptionsProvider: (item: Partial<TuiBreadcrumbsOptions> | (() => Partial<TuiBreadcrumbsOptions>)) => import("@angular/core").FactoryProvider;

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

@@ -2,11 +2,11 @@ import { type TuiSizeS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiButtonLoading {
     private readonly options;
-    size: "m" | "l" | "xl" | "s" | "xs";
-    loading: boolean | string | null;
-    protected get loaderSize(): TuiSizeS;
-    protected get label(): string;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "xl" | "s" | "xs">;
+    readonly loading: import("@angular/core").InputSignal<string | boolean | null>;
+    protected readonly loaderSize: import("@angular/core").Signal<TuiSizeS>;
+    protected readonly label: import("@angular/core").Signal<string | boolean | null>;
     protected onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonLoading, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonLoading, "[tuiButton][loading],[tuiIconButton][loading]", never, { "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonLoading, "[tuiButton][loading],[tuiIconButton][loading]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -7,10 +7,11 @@ export declare class TuiCalendarMonth {
     protected isYearPickerShown: boolean;
     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]>;
     protected readonly isRangePicking: import("@angular/core").Signal<boolean>;
+    protected readonly handler: import("@angular/core").Signal<TuiBooleanHandler<TuiMonth>>;
     year: TuiYear;
-    disabledItemHandler: TuiBooleanHandler<TuiMonth>;
-    minLength: number | null;
-    maxLength: number | null;
+    readonly minLength: import("@angular/core").InputSignal<number | null>;
+    readonly maxLength: import("@angular/core").InputSignal<number | null>;
+    readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<TuiMonth>>;
     readonly monthClick: EventEmitter<TuiMonth>;
     readonly hoveredItemChange: EventEmitter<TuiMonth | null>;
     readonly yearChange: EventEmitter<TuiYear>;
@@ -25,7 +26,6 @@ export declare class TuiCalendarMonth {
     onNextYear(): void;
     onPreviousYear(): void;
     getItemRange(item: TuiMonth): 'active' | 'end' | 'middle' | 'start' | null;
-    protected get disabledItemHandlerWithMinMax(): TuiBooleanHandler<TuiMonth>;
     protected getTuiMonth(monthNumber: number, yearNumber: number): TuiMonth;
     protected isItemToday(item: TuiMonth): boolean;
     protected onPickerYearClick(year: number): void;
@@ -36,7 +36,7 @@ export declare class TuiCalendarMonth {
     private updateHoveredItem;
     private updateActiveYear;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendarMonth, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarMonth, "tui-calendar-month", never, { "year": { "alias": "year"; "required": false; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; "valueSetter": { "alias": "value"; "required": false; }; }, { "monthClick": "monthClick"; "hoveredItemChange": "hoveredItemChange"; "yearChange": "yearChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarMonth, "tui-calendar-month", never, { "year": { "alias": "year"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; "valueSetter": { "alias": "value"; "required": false; }; }, { "monthClick": "monthClick"; "hoveredItemChange": "hoveredItemChange"; "yearChange": "yearChange"; }, never, never, true, never>;
     static ngAcceptInputType_minSetter: i1.TuiMonth | null;
     static ngAcceptInputType_maxSetter: i1.TuiMonth | null;
 }

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

@@ -28,7 +28,6 @@ export declare class TuiCalendarRange implements OnInit, OnChanges {
     item: TuiDayRangePeriod | null;
     readonly valueChange: EventEmitter<TuiDayRange | null>;
     readonly itemChange: EventEmitter<TuiDayRangePeriod | null>;
-    constructor();
     set valueSetter(value: TuiDayRange | null);
     set defaultViewedMonth(month: TuiMonth);
     set value(value: TuiDayRange | null);
@@ -43,7 +42,6 @@ export declare class TuiCalendarRange implements OnInit, OnChanges {
     set selectedActivePeriod(period: TuiDayRangePeriod | null);
     ngOnChanges(): void;
     ngOnInit(): void;
-    protected get calculatedDisabledItemHandler(): TuiBooleanHandler<TuiDay>;
     protected onEsc(event: KeyboardEvent): void;
     protected readonly monthOffset: TuiMapper<[TuiMonth, number], TuiMonth>;
     protected readonly mapper: TuiMapper<[
@@ -53,13 +51,13 @@ export declare class TuiCalendarRange implements OnInit, OnChanges {
         TuiDayLike | null,
         string | null | undefined
     ], ReadonlyArray<TuiDayRangePeriod | string>>;
+    protected readonly disabledMapper: (disabledItemHandler: TuiBooleanHandler<TuiDay>, value: TuiDay | TuiDayRange | null, minLength: TuiDayLike | null) => TuiBooleanHandler<TuiDay>;
     protected isItemActive(item: TuiDayRangePeriod | string): boolean;
     protected onItemSelect(item: TuiDayRangePeriod | string): void;
     protected onMonthChange(month: TuiMonth): void;
     protected onDayClick(day: TuiDay): void;
     protected updateValue(value: TuiDayRange | null): void;
     private get activePeriod();
-    private calculateDisabledItemHandler;
     private initDefaultViewedMonth;
     private findItemByDayRange;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendarRange, never>;

package/components/calendar-range/day-range-period.d.ts

@@ -1,5 +1,6 @@
 import { TuiDayRange } from '@taiga-ui/cdk/date-time';
 import { type TuiContext } from '@taiga-ui/cdk/types';
+import { type TuiLanguageKit } from '@taiga-ui/i18n/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 export declare class TuiDayRangePeriod {
     readonly range: TuiDayRange;
@@ -8,4 +9,4 @@ export declare class TuiDayRangePeriod {
     constructor(range: TuiDayRange, name: string, content?: PolymorpheusContent<TuiContext<TuiDayRange>>);
     toString(): string;
 }
-export declare function tuiCreateDefaultDayRangePeriods(periodTitles?: [string, string, string, string, string, string]): readonly TuiDayRangePeriod[];
+export declare function tuiCreateDefaultDayRangePeriods(periodTitles?: TuiLanguageKit['dayRangePeriods']): readonly TuiDayRangePeriod[];

package/components/carousel/carousel-autoscroll.directive.d.ts

@@ -1,7 +1,6 @@
-import { TuiCarouselDirective } from './carousel.directive';
 import * as i0 from "@angular/core";
 export declare class TuiCarouselAutoscroll {
-    readonly tuiCarouselAutoscroll: TuiCarouselDirective;
+    readonly tuiCarouselAutoscroll: import("@angular/core").OutputRef<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCarouselAutoscroll, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCarouselAutoscroll, "[tuiCarouselAutoscroll]", never, {}, { "tuiCarouselAutoscroll": "tuiCarouselAutoscroll"; }, never, never, true, never>;
 }

package/components/carousel/carousel-scroll.directive.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class TuiCarouselScroll {
     private readonly el;
-    readonly tuiCarouselScroll: import("rxjs").Observable<number>;
+    readonly tuiCarouselScroll: import("@angular/core").OutputRef<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCarouselScroll, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCarouselScroll, "[tuiCarouselScroll]", never, {}, { "tuiCarouselScroll": "tuiCarouselScroll"; }, never, never, true, never>;
 }

package/components/carousel/carousel.component.d.ts

@@ -1,37 +1,34 @@
-import { EventEmitter, type QueryList, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { type TuiSwipeDirection } from '@taiga-ui/cdk/directives/swipe';
 import * as i0 from "@angular/core";
 import * as i1 from "./carousel.directive";
 export declare class TuiCarouselComponent {
     private readonly el;
-    private readonly cdr;
     private readonly isMobile;
     private readonly directive;
-    private translate;
-    protected readonly items: QueryList<TemplateRef<Record<string, unknown>>>;
-    protected transitioned: boolean;
-    protected index: number;
-    draggable: boolean;
-    itemsCount: number;
-    readonly indexChange: EventEmitter<number>;
-    readonly shift: EventEmitter<number>;
-    set indexSetter(index: number);
+    private readonly translate;
+    protected readonly transitioned: import("@angular/core").WritableSignal<boolean>;
+    protected readonly transform: import("@angular/core").Signal<string>;
+    protected readonly items: import("@angular/core").Signal<readonly TemplateRef<any>[]>;
+    protected readonly computedDraggable: import("@angular/core").Signal<boolean>;
+    protected readonly computedTranslate: import("@angular/core").Signal<number>;
+    protected readonly x: import("@angular/core").Signal<number>;
+    protected readonly resetDuration: import("@angular/core").EffectRef;
+    readonly draggable: import("@angular/core").InputSignal<boolean>;
+    readonly itemsCount: import("@angular/core").InputSignal<number>;
+    readonly index: import("@angular/core").ModelSignal<number>;
+    readonly shift: import("@angular/core").OutputEmitterRef<number>;
     next(): void;
     prev(): void;
-    protected get transform(): string;
-    protected getStyle(itemsCount: number): Partial<CSSStyleDeclaration>;
     protected onTransitioned(transitioned: boolean): void;
     protected isDisabled(index: number): boolean;
-    protected onIntersection({ intersectionRatio }: IntersectionObserverEntry, index: number): void;
+    protected onIntersection(ratio: number, index: number): void;
     protected onScroll(delta: number): void;
     protected onPan(x: number): void;
     protected onSwipe(direction: TuiSwipeDirection): void;
     protected onAutoscroll(): void;
     protected onShift(): void;
-    private get x();
-    private get computedTranslate();
-    private get computedDraggable();
     private updateIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCarouselComponent, "tui-carousel", never, { "draggable": { "alias": "draggable"; "required": false; }; "itemsCount": { "alias": "itemsCount"; "required": false; }; "indexSetter": { "alias": "index"; "required": false; }; }, { "indexChange": "indexChange"; "shift": "shift"; }, ["items"], never, true, [{ directive: typeof i1.TuiCarouselDirective; inputs: { "duration": "duration"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCarouselComponent, "tui-carousel", never, { "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "itemsCount": { "alias": "itemsCount"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, { "index": "indexChange"; "shift": "shift"; }, ["items"], ["*"], true, [{ directive: typeof i1.TuiCarouselDirective; inputs: { "duration": "duration"; }; outputs: {}; }]>;
 }

package/components/carousel/carousel.directive.d.ts

@@ -5,11 +5,12 @@ export declare class TuiCarouselDirective extends Observable<unknown> {
     private readonly platform;
     private readonly visible$;
     private readonly zone;
-    private readonly duration$;
+    private readonly trigger$;
     private readonly running$;
-    private readonly output$;
+    readonly duration: import("@angular/core").InputSignal<number>;
+    protected readonly output$: Observable<number>;
     constructor();
-    set duration(duration: number);
+    restart(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCarouselDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCarouselDirective, never, never, { "duration": { "alias": "duration"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCarouselDirective, never, never, { "duration": { "alias": "duration"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/chip/chip.options.d.ts

@@ -1,9 +1,7 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
 import { type TuiSizeXXS } from '@taiga-ui/core/types';
 export interface TuiChipOptions extends TuiAppearanceOptions {
     readonly size: TuiSizeXXS;
 }
 export declare const TUI_CHIP_DEFAULT_OPTIONS: TuiChipOptions;
-export declare const TUI_CHIP_OPTIONS: InjectionToken<TuiChipOptions>;
-export declare function tuiChipOptionsProvider(options: Partial<TuiChipOptions>): Provider;
+export declare const TUI_CHIP_OPTIONS: import("@angular/core").InjectionToken<TuiChipOptions>, tuiChipOptionsProvider: (item: Partial<TuiChipOptions> | (() => Partial<TuiChipOptions>)) => import("@angular/core").FactoryProvider;

package/components/combo-box/combo-box.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 { TuiComboBoxDirective } from './combo-box.directive';
+export declare const TuiComboBox: readonly [typeof TuiComboBoxDirective, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

package/components/combo-box/combo-box.directive.d.ts

@@ -2,29 +2,27 @@ import { TuiControl } from '@taiga-ui/cdk/classes';
 import { type TuiStringMatcher } from '@taiga-ui/cdk/types';
 import { type TuiTextfieldAccessor } from '@taiga-ui/core/components/textfield';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
-export declare class TuiComboBox<T> extends TuiControl<T | string | null> implements TuiTextfieldAccessor<T> {
+import * as i1 from "@taiga-ui/core/components/input";
+export declare class TuiComboBoxDirective<T> extends TuiControl<T | string | null> implements TuiTextfieldAccessor<T> {
     private readonly host;
-    private readonly textfield;
+    private readonly input;
     private readonly open;
     private readonly dropdownEnabled;
     private readonly dropdown;
     private readonly handlers;
-    private readonly matcher;
-    private readonly strict;
     private readonly datalist;
     private readonly options;
     protected readonly nonStrictControlEffect: import("@angular/core").EffectRef;
     protected readonly matchingEffect: import("@angular/core").EffectRef;
     protected readonly newValueEffect: import("@angular/core").EffectRef;
     protected readonly blurEffect: import("@angular/core").EffectRef;
-    set strictSetter(x: boolean);
-    set matcherSetter(x: TuiStringMatcher<T> | null);
+    readonly strict: import("@angular/core").InputSignal<boolean>;
+    readonly matcher: import("@angular/core").InputSignal<TuiStringMatcher<T> | null>;
     setValue(value: T | null): void;
     writeValue(value: T | string | null): void;
     protected toggleDropdown(open?: boolean): void;
     protected keydownEnter(event: KeyboardEvent): void;
     private stringify;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiComboBox<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiComboBox<any>, "input[tuiComboBox]", never, { "strictSetter": { "alias": "strict"; "required": false; }; "matcherSetter": { "alias": "matcher"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiComboBoxDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiComboBoxDirective<any>, "input[tuiComboBox]", never, { "strict": { "alias": "strict"; "required": false; "isSignal": true; }; "matcher": { "alias": "matcher"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }]>;
 }

package/components/combo-box/index.d.ts

@@ -1 +1,2 @@
+export * from './combo-box';
 export * from './combo-box.directive';

package/components/compass/compass.component.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class TuiCompass {
-    degrees: number;
+    readonly degrees: import("@angular/core").InputSignal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCompass, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCompass, "tui-compass", never, { "degrees": { "alias": "degrees"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCompass, "tui-compass", never, { "degrees": { "alias": "degrees"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/confirm/confirm.component.d.ts

@@ -1,4 +1,5 @@
-import { type TuiDialogContext } from '@taiga-ui/core/components/dialog';
+import { InjectionToken } from '@angular/core';
+import { type TuiDialogContext } from '@taiga-ui/core/portals/dialog';
 import { PolymorpheusComponent, type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
 export interface TuiConfirmData {
@@ -16,7 +17,7 @@ export declare class TuiConfirm {
     readonly context: TuiDialogContext<boolean, TuiConfirmData | undefined>;
     protected get appearance(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiConfirm, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiConfirm, "tui-confirm", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiConfirm, "ng-component", never, {}, {}, never, never, true, never>;
 }
 export declare const TUI_CONFIRM: PolymorpheusComponent<TuiConfirm>;
-export declare const TUI_CONFIRM_DIALOG: import("@angular/core").InjectionToken<PolymorpheusContent<TuiDialogContext<boolean, unknown>>>;
+export declare const TUI_CONFIRM_DIALOG: InjectionToken<PolymorpheusContent<TuiDialogContext<boolean, unknown>>>;

package/components/confirm/confirm.service.d.ts

@@ -1,4 +1,4 @@
-import { type TuiDialogOptions } from '@taiga-ui/core/components/dialog';
+import { type TuiDialogOptions } from '@taiga-ui/core/portals/dialog';
 import { type Observable } from 'rxjs';
 import { type TuiConfirmData } from './confirm.component';
 import * as i0 from "@angular/core";

package/components/copy/copy.component.d.ts

@@ -2,14 +2,13 @@ import { type TuiSizeL } from '@taiga-ui/core/types';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiCopyComponent {
-    protected readonly notification: import("@taiga-ui/core/components/notification").TuiNotificationOptions;
+    protected readonly notification: import("@taiga-ui/core/components/notification").TuiNotificationOptions<undefined>;
     protected readonly options: import("./copy.options").TuiCopyOptions;
     protected readonly copied$: BehaviorSubject<boolean>;
     protected readonly texts: import("@angular/core").Signal<readonly [copy: string, copied: string]>;
     protected readonly hint: import("@angular/core").Signal<boolean | undefined>;
-    size: TuiSizeL;
-    protected get icon(): string;
+    readonly size: import("@angular/core").InputSignal<TuiSizeL>;
     protected get check(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCopyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCopyComponent, "tui-copy", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCopyComponent, "tui-copy", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/copy/copy.directive.d.ts

@@ -1,7 +1,7 @@
 import { TuiTextfieldComponent } from '@taiga-ui/core/components/textfield';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/appearance";
-import * as i2 from "@taiga-ui/core/directives/hint";
+import * as i2 from "@taiga-ui/core/portals/hint";
 export declare class TuiCopyDirective {
     private readonly copied$;
     private readonly doc;
@@ -9,9 +9,7 @@ export declare class TuiCopyDirective {
     protected readonly icons: import("@angular/core").Signal<string>;
     protected readonly copyTexts: import("@angular/core").Signal<readonly [copy: string, copied: string]>;
     protected readonly hint: import("@angular/core").Signal<string>;
-    tuiCopy: string;
-    protected get disabled(): boolean;
     protected copy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCopyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCopyDirective, "tui-icon[tuiCopy]", never, { "tuiCopy": { "alias": "tuiCopy"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiHintDirective; inputs: { "tuiHintAppearance": "tuiHintAppearance"; "tuiHintContext": "tuiHintContext"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCopyDirective, "tui-icon[tuiCopy]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiHintDirective; inputs: { "tuiHintAppearance": "tuiHintAppearance"; "tuiHintContext": "tuiHintContext"; }; outputs: {}; }]>;
 }

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

@@ -3,7 +3,7 @@ import { TuiDataListWrapperComponent } from './data-list-wrapper.component';
 import * as i0 from "@angular/core";
 export declare class TuiDataListGroupWrapperComponent<T> extends TuiDataListWrapperComponent<T, readonly T[]> {
     protected readonly multi: TuiMultiSelectGroupDirective | null;
-    labels: readonly string[];
+    readonly labels: import("@angular/core").InputSignal<readonly string[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDataListGroupWrapperComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDataListGroupWrapperComponent<any>, "tui-data-list-wrapper[labels]", never, { "labels": { "alias": "labels"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDataListGroupWrapperComponent<any>, "tui-data-list-wrapper[labels]", never, { "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,27 +1,19 @@
-import { type ElementRef, EventEmitter, type QueryList } from '@angular/core';
-import { type TuiBooleanHandler } from '@taiga-ui/cdk/types';
-import { type TuiDataListAccessor, TuiDataListComponent, TuiOption, TuiOptionWithValue } from '@taiga-ui/core/components/data-list';
-import { type TuiValueContentContext } from '@taiga-ui/core/types';
+import { type TuiContext } from '@taiga-ui/cdk/types';
+import { type TuiDataListAccessor, TuiDataListComponent } from '@taiga-ui/core/components/data-list';
+import { type TuiItemsHandlers } from '@taiga-ui/core/directives/items-handlers';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
 export declare class TuiDataListWrapperComponent<T, K = T> implements TuiDataListAccessor<T> {
-    private readonly datalist;
-    private readonly itemsHandlers;
-    private readonly itemsHandlersLegacy;
-    protected readonly legacyOptionsQuery: QueryList<TuiOption<T>>;
-    protected readonly optionsQuery: QueryList<TuiOptionWithValue<T>>;
-    protected readonly newOptionMode: boolean;
-    items: readonly K[] | null;
-    disabledItemHandler: TuiBooleanHandler<T>;
-    emptyContent: PolymorpheusContent;
-    size: "m" | "l" | "s";
-    readonly itemClick: EventEmitter<T>;
-    readonly options: import("@angular/core").Signal<readonly T[]>;
-    itemContent: PolymorpheusContent<TuiValueContentContext<T>>;
-    getContext($implicit: T, { nativeElement }: ElementRef<HTMLElement>): TuiValueContentContext<T>;
-    getOptions(includeDisabled?: boolean): readonly T[];
-    protected set datalistSetter(x: TuiDataListComponent<T>);
-    protected $cast(items: readonly K[]): readonly T[];
+    protected readonly handlers: TuiItemsHandlers<T>;
+    protected readonly datalist: import("@angular/core").Signal<TuiDataListComponent<any> | undefined>;
+    protected readonly content: import("@angular/core").Signal<PolymorpheusContent<TuiContext<T>>>;
+    readonly options: import("@angular/core").Signal<any[]>;
+    readonly items: import("@angular/core").InputSignal<readonly K[] | null>;
+    readonly emptyContent: import("@angular/core").InputSignal<PolymorpheusContent>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "s">;
+    readonly itemContent: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<T>>>;
+    readonly itemClick: import("@angular/core").OutputEmitterRef<T>;
+    protected $cast(items: readonly K[] | null): readonly T[];
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDataListWrapperComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDataListWrapperComponent<any, any>, "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", never, { "items": { "alias": "items"; "required": false; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "emptyContent": { "alias": "emptyContent"; "required": false; }; "size": { "alias": "size"; "required": false; }; "itemContent": { "alias": "itemContent"; "required": false; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDataListWrapperComponent<any, any>, "tui-data-list-wrapper:not([labels])", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "emptyContent": { "alias": "emptyContent"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "itemContent": { "alias": "itemContent"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
 }

package/components/data-list-wrapper/{data-list-wrapper.module.d.ts → data-list-wrapper.d.ts}

@@ -1,4 +1,3 @@
-import { TuiDataListDirective } from '@taiga-ui/core/components/data-list';
 import { TuiDataListGroupWrapperComponent } from './data-list-group-wrapper.component';
 import { TuiDataListWrapperComponent } from './data-list-wrapper.component';
-export declare const TuiDataListWrapper: readonly [typeof TuiDataListWrapperComponent, typeof TuiDataListGroupWrapperComponent, typeof TuiDataListDirective];
+export declare const TuiDataListWrapper: readonly [typeof TuiDataListWrapperComponent, typeof TuiDataListGroupWrapperComponent];

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

@@ -1,3 +1,3 @@
 export * from './data-list-group-wrapper.component';
+export * from './data-list-wrapper';
 export * from './data-list-wrapper.component';
-export * from './data-list-wrapper.module';

package/components/drawer/drawer.component.d.ts

@@ -2,9 +2,8 @@ import { type TuiHorizontalDirection } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
 export declare class TuiDrawer {
-    direction: TuiHorizontalDirection;
-    overlay: boolean;
-    get from(): string;
+    readonly direction: import("@angular/core").InputSignal<TuiHorizontalDirection>;
+    readonly overlay: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDrawer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDrawer, "tui-drawer", never, { "direction": { "alias": "direction"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; }, {}, never, ["header", "*", "footer"], true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDrawer, "tui-drawer", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "overlay": { "alias": "overlay"; "required": false; "isSignal": true; }; }, {}, never, ["header", "*", "footer"], true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
 }