@taiga-ui/kit 4.65.0 → 5.0.0-canary.8b64ec1

package/components/input-time/input-time.options.d.ts

@@ -8,4 +8,4 @@ export interface TuiInputTimeOptions extends Required<Pick<MaskitoTimeParams, 'm
     readonly valueTransformer: TuiValueTransformer<TuiTime | null, any> | null;
 }
 export declare const TUI_INPUT_TIME_DEFAULT_OPTIONS: TuiInputTimeOptions;
-export declare const TUI_INPUT_TIME_OPTIONS: import("@angular/core").InjectionToken<TuiInputTimeOptions>, tuiInputTimeOptionsProvider: (item: Partial<TuiInputTimeOptions> | import("@angular/core").ProviderToken<Partial<TuiInputTimeOptions>> | (() => Partial<TuiInputTimeOptions>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_INPUT_TIME_OPTIONS: import("@angular/core").InjectionToken<TuiInputTimeOptions>, tuiInputTimeOptionsProvider: (item: Partial<TuiInputTimeOptions> | (() => Partial<TuiInputTimeOptions>)) => import("@angular/core").FactoryProvider;

package/components/input-year/input-year.d.ts

@@ -1,3 +1,6 @@
 import { TuiCalendarYear } from '@taiga-ui/core/components/calendar';
+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 { TuiInputYearDirective } from './input-year.directive';
-export declare const TuiInputYear: readonly [typeof TuiInputYearDirective, typeof TuiCalendarYear];
+export declare const TuiInputYear: readonly [typeof TuiInputYearDirective, typeof TuiCalendarYear, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

package/components/input-year/input-year.directive.d.ts

@@ -1,31 +1,29 @@
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { TuiCalendarYear } from '@taiga-ui/core/components/calendar';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
+import * as i1 from "@taiga-ui/core/components/input";
 import * as i2 from "@maskito/angular";
-import * as i3 from "@taiga-ui/core/directives/dropdown";
+import * as i3 from "@taiga-ui/core/portals/dropdown";
 export declare class TuiInputYearDirective extends TuiControl<number | null> {
     private readonly options;
-    private readonly textfield;
+    private readonly input;
     private readonly open;
     private readonly initialItem;
-    protected readonly calendar: import("@angular/core").Signal<TuiCalendarYear | null>;
     protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
     protected readonly icon: import("@angular/core").Signal<string>;
-    protected readonly min: import("@angular/core").WritableSignal<number>;
-    protected readonly max: import("@angular/core").WritableSignal<number>;
+    protected readonly calendar: import("@angular/core").Signal<TuiCalendarYear | null>;
     /**
      * TODO: move to [value]="value()" after update to Angular 17+
      * something wrong with change detection on host binding
      */
     protected readonly valueEffect: import("@angular/core").EffectRef;
-    protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
+    protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions>;
     protected readonly calendarInEffect: import("@angular/core").EffectRef;
     protected readonly calendarOutEffect: import("@angular/core").EffectRef;
-    set minSetter(x: number);
-    set maxSetter(x: number);
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
     protected toggle(): void;
     protected onInput(raw: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputYearDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputYearDirective, "input[tuiInputYear]", never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiDropdownAuto; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputYearDirective, "input[tuiInputYear]", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiDropdownAuto; inputs: {}; outputs: {}; }]>;
 }

package/components/input-year/input-year.options.d.ts

@@ -1,7 +1,7 @@
 import { type FactoryProvider, InjectionToken } from '@angular/core';
 import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
-import { type TuiInputDateOptionsNew } from '@taiga-ui/kit/components/input-date';
-export interface TuiInputYearOptions extends Omit<TuiInputDateOptionsNew, 'valueTransformer'> {
+import { type TuiInputDateOptions } from '@taiga-ui/kit/components/input-date';
+export interface TuiInputYearOptions extends Omit<TuiInputDateOptions, 'valueTransformer'> {
     readonly valueTransformer: TuiValueTransformer<number | null, any>;
 }
 export declare const TUI_INPUT_YEAR_OPTIONS: InjectionToken<TuiInputYearOptions>;

package/components/items-with-more/items-with-more.component.d.ts

@@ -1,16 +1,16 @@
-import { type QueryList, TemplateRef } from '@angular/core';
-import { type TuiContext } from '@taiga-ui/cdk/types';
+import { TemplateRef } from '@angular/core';
 import { TuiItemsWithMoreDirective } from './items-with-more.directive';
 import { TuiItemsWithMoreService } from './items-with-more.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./items-with-more.directive";
 export declare class TuiItemsWithMoreComponent {
-    protected readonly items: QueryList<TemplateRef<unknown>>;
-    protected readonly more?: TemplateRef<TuiContext<number>>;
+    protected readonly service: TuiItemsWithMoreService;
     protected readonly directive: TuiItemsWithMoreDirective;
-    readonly lastIndexChange: TuiItemsWithMoreService;
+    protected readonly more: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    protected readonly items: import("@angular/core").Signal<readonly TemplateRef<any>[]>;
+    protected readonly isMoreHidden: import("@angular/core").Signal<boolean>;
+    readonly lastIndexChange: import("@angular/core").OutputRef<number>;
     readonly lastIndex: import("@angular/core").Signal<number>;
-    protected get isMoreHidden(): boolean;
     protected isHidden(index: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiItemsWithMoreComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiItemsWithMoreComponent, "tui-items-with-more", never, {}, { "lastIndexChange": "lastIndexChange"; }, ["more", "items"], never, true, [{ directive: typeof i1.TuiItemsWithMoreDirective; inputs: { "itemsLimit": "itemsLimit"; "required": "required"; "side": "side"; "linesLimit": "linesLimit"; }; outputs: {}; }]>;

package/components/items-with-more/items-with-more.directive.d.ts

@@ -3,14 +3,14 @@ import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiItemsWithMoreDirective implements OnChanges {
     private readonly el;
-    itemsLimit: number;
-    required: number;
-    linesLimit: number;
-    side: 'end' | 'start';
+    readonly itemsLimit: import("@angular/core").InputSignal<number>;
+    readonly required: import("@angular/core").InputSignal<number>;
+    readonly linesLimit: import("@angular/core").InputSignal<number>;
+    readonly side: import("@angular/core").InputSignal<"end" | "start">;
+    readonly align: import("@angular/core").Signal<"end" | "start">;
     readonly change$: Subject<void>;
-    get computedSide(): 'end' | 'start';
     ngOnChanges(): void;
     protected maxWidth(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiItemsWithMoreDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiItemsWithMoreDirective, never, never, { "itemsLimit": { "alias": "itemsLimit"; "required": false; }; "required": { "alias": "required"; "required": false; }; "linesLimit": { "alias": "linesLimit"; "required": false; }; "side": { "alias": "side"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiItemsWithMoreDirective, never, never, { "itemsLimit": { "alias": "itemsLimit"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "linesLimit": { "alias": "linesLimit"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/like/like.component.d.ts

@@ -1,16 +1,9 @@
-import { type TuiStringHandler } from '@taiga-ui/cdk/types';
-import { type TuiSizeS } from '@taiga-ui/core/types';
-import { type TuiLikeOptions } from './like.options';
 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 class TuiLike {
-    private readonly options;
-    private readonly resolver;
-    color: string;
-    uncheckedIcon: TuiStringHandler<TuiSizeS> | string;
-    checkedIcon: TuiStringHandler<TuiSizeS> | string;
-    size: TuiSizeS;
-    protected getIcon(state: keyof TuiLikeOptions['icons']): string;
+    readonly color: import("@angular/core").InputSignal<string>;
+    readonly size: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiSizeS>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLike, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLike, "input[tuiLike][type=checkbox]", never, { "color": { "alias": "tuiLike"; "required": false; }; "uncheckedIcon": { "alias": "uncheckedIcon"; "required": false; }; "checkedIcon": { "alias": "checkedIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLike, "input[tuiLike][type=checkbox]", never, { "color": { "alias": "tuiLike"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiIcons; inputs: { "iconStart": "uncheckedIcon"; "iconEnd": "checkedIcon"; }; outputs: {}; }]>;
 }

package/components/like/like.options.d.ts

@@ -1,11 +1,10 @@
-import { type TuiStringHandler } from '@taiga-ui/cdk/types';
-import { type TuiAppearanceOptions } from '@taiga-ui/core/directives';
+import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
 import { type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiLikeOptions extends TuiAppearanceOptions {
     readonly size: TuiSizeS;
     readonly icons: Readonly<{
-        checked: TuiStringHandler<TuiSizeS> | string;
-        unchecked: TuiStringHandler<TuiSizeS> | string;
+        checked: string;
+        unchecked: string;
     }>;
 }
-export declare const TUI_LIKE_OPTIONS: import("@angular/core").InjectionToken<TuiLikeOptions>, tuiLikeOptionsProvider: (item: Partial<TuiLikeOptions> | import("@angular/core").ProviderToken<Partial<TuiLikeOptions>> | (() => Partial<TuiLikeOptions>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_LIKE_OPTIONS: import("@angular/core").InjectionToken<TuiLikeOptions>, tuiLikeOptionsProvider: (item: Partial<TuiLikeOptions> | (() => Partial<TuiLikeOptions>)) => import("@angular/core").FactoryProvider;

package/components/line-clamp/line-clamp-box.component.d.ts

@@ -1,8 +1,7 @@
-import { TuiHintBaseComponent } from '@taiga-ui/core/directives/hint';
+import { TuiHintComponent } from '@taiga-ui/core/portals/hint';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/animated";
-export declare class TuiLineClampBox extends TuiHintBaseComponent {
+export declare class TuiLineClampBox extends TuiHintComponent {
     protected get width(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineClampBox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineClampBox, "tui-line-clamp-box", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineClampBox, "tui-line-clamp-box", never, {}, {}, never, never, true, never>;
 }

package/components/line-clamp/line-clamp.component.d.ts

@@ -1,24 +1,22 @@
 import { type DoCheck } from '@angular/core';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/transitioned";
 export declare class TuiLineClamp implements DoCheck {
-    private readonly outlet?;
+    private readonly outlet;
     private readonly options;
     private readonly el;
-    private readonly linesLimit$;
     private readonly isOverflown$;
-    protected lineClamp: import("@angular/core").Signal<number>;
-    lineHeight: number;
-    content: PolymorpheusContent;
-    readonly overflownChange: Observable<boolean>;
-    set linesLimit(linesLimit: number);
+    private readonly maxHeight;
+    readonly lineHeight: import("@angular/core").InputSignal<number>;
+    readonly linesLimit: import("@angular/core").InputSignal<number>;
+    readonly content: import("@angular/core").InputSignal<PolymorpheusContent>;
+    readonly overflownChange: import("@angular/core").OutputRef<boolean>;
+    protected readonly lineClamp: import("@angular/core").Signal<number>;
     ngDoCheck(): void;
     protected get overflown(): boolean;
     protected get computedContent(): PolymorpheusContent;
     protected update(): void;
-    private get maxHeight();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineClamp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineClamp, "tui-line-clamp", never, { "lineHeight": { "alias": "lineHeight"; "required": false; }; "content": { "alias": "content"; "required": false; }; "linesLimit": { "alias": "linesLimit"; "required": false; }; }, { "overflownChange": "overflownChange"; }, never, never, true, [{ directive: typeof i1.TuiTransitioned; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineClamp, "tui-line-clamp", never, { "lineHeight": { "alias": "lineHeight"; "required": false; "isSignal": true; }; "linesLimit": { "alias": "linesLimit"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, { "overflownChange": "overflownChange"; }, never, never, true, [{ directive: typeof i1.TuiTransitioned; inputs: {}; outputs: {}; }]>;
 }

package/components/line-clamp/line-clamp.options.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 export interface TuiLineClampOptions {
     readonly showHint: boolean;
 }
@@ -6,5 +5,4 @@ export declare const TUI_LINE_CLAMP_DEFAULT_OPTIONS: TuiLineClampOptions;
 /**
  * Default parameters for LineClamp component
  */
-export declare const TUI_LINE_CLAMP_OPTIONS: InjectionToken<TuiLineClampOptions>;
-export declare function tuiLineClampOptionsProvider(options: Partial<TuiLineClampOptions>): Provider;
+export declare const TUI_LINE_CLAMP_OPTIONS: import("@angular/core").InjectionToken<TuiLineClampOptions>, tuiLineClampOptionsProvider: (item: Partial<TuiLineClampOptions> | (() => Partial<TuiLineClampOptions>)) => import("@angular/core").FactoryProvider;

package/components/multi-select/multi-select-group/multi-select-group.component.d.ts

@@ -1,19 +1,17 @@
-import { type QueryList } from '@angular/core';
-import { TuiOptionWithValue } from '@taiga-ui/core/components/data-list';
 import * as i0 from "@angular/core";
 export declare class TuiMultiSelectGroupComponent<T> {
+    private readonly options;
     private readonly handlers;
     private readonly control;
-    protected readonly values: import("@angular/core").WritableSignal<readonly T[]>;
+    protected readonly values: import("@angular/core").Signal<(T | undefined)[]>;
     protected readonly texts: import("@angular/core").Signal<{
         all: string;
         none: string;
-    } | undefined>;
-    protected readonly value: import("@angular/core").Signal<readonly T[]>;
+    }>;
+    protected readonly value: import("@angular/core").Signal<readonly T[] | null>;
     protected readonly checked: import("@angular/core").Signal<boolean>;
-    label: string;
-    protected set options(options: QueryList<TuiOptionWithValue<T>>);
+    readonly label: import("@angular/core").InputSignal<string>;
     protected toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiMultiSelectGroupComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMultiSelectGroupComponent<any>, "tui-opt-group[tuiMultiSelectGroup]", never, { "label": { "alias": "label"; "required": false; }; }, {}, ["options"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMultiSelectGroupComponent<any>, "tui-opt-group[tuiMultiSelectGroup]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, ["options"], ["*"], true, never>;
 }

package/components/multi-select/multi-select-native/multi-select-native.component.d.ts

@@ -11,10 +11,11 @@ export declare class TuiMultiSelectNative<T> {
     protected readonly el: HTMLSelectElement;
     protected readonly mobile: boolean;
     protected readonly isSelected: import("@angular/core").Signal<(x: T) => boolean>;
-    items: ReadonlyArray<readonly T[]> | readonly T[] | null;
-    labels: readonly string[];
-    set placeholder(placeholder: string);
+    readonly items: import("@angular/core").InputSignal<readonly T[] | readonly (readonly T[])[] | null>;
+    readonly labels: import("@angular/core").InputSignal<readonly string[]>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    protected readonly binding: import("@angular/core").InputSignal<string>;
     protected onInput(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiMultiSelectNative<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMultiSelectNative<any>, "select[tuiMultiSelect]", never, { "items": { "alias": "items"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiInputChipDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiSelectLike; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMultiSelectNative<any>, "select[tuiMultiSelect]", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiInputChipDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiSelectLike; inputs: {}; outputs: {}; }]>;
 }

package/components/multi-select/multi-select-option/multi-select-option.component.d.ts

@@ -5,7 +5,7 @@ export declare class TuiMultiSelectOption<T> {
     protected readonly option: TuiOptionWithValue<T> | null;
     protected readonly handlers: TuiItemsHandlers<T>;
     protected readonly value: import("@angular/core").Signal<readonly T[]>;
-    protected readonly size: import("@angular/core").WritableSignal<"m" | "l" | "s">;
+    protected readonly size: import("@angular/core").Signal<"m" | "l" | "s">;
     protected readonly selected: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiMultiSelectOption<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiMultiSelectOption<any>, "ng-component", never, {}, {}, never, never, true, never>;

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

@@ -1,5 +1,5 @@
 import { type Signal } from '@angular/core';
-import { type TuiPopover } from '@taiga-ui/cdk/services';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
 import * as i2 from "@ng-web-apis/resize-observer";
@@ -8,7 +8,7 @@ export interface TuiNotificationMiddleOptions {
 }
 export declare class TuiNotificationMiddleComponent {
     protected readonly el: HTMLElement;
-    protected readonly context: TuiPopover<TuiNotificationMiddleOptions, void>;
+    protected readonly context: TuiPortalContext<TuiNotificationMiddleOptions>;
     protected onClick(target: HTMLElement): void;
     private get closable();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotificationMiddleComponent, never>;

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

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

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

@@ -1,7 +1,11 @@
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
-import { type TuiNotificationMiddleOptions } from './notification-middle.component';
+import { TuiModalService } from '@taiga-ui/core/portals/modal';
+import { TuiNotificationMiddleComponent, type TuiNotificationMiddleOptions } from './notification-middle.component';
 import * as i0 from "@angular/core";
-export declare class TuiNotificationMiddleService extends TuiPopoverService<TuiNotificationMiddleOptions> {
+export declare class TuiNotificationMiddleService extends TuiModalService<TuiNotificationMiddleOptions> {
+    protected readonly options: {
+        closable: boolean;
+    };
+    protected readonly content: typeof TuiNotificationMiddleComponent;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotificationMiddleService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiNotificationMiddleService>;
 }

package/components/pager/pager.component.d.ts

@@ -1,23 +1,23 @@
-import { type AfterViewInit, type ElementRef, type OnChanges, type QueryList, type TemplateRef } from '@angular/core';
+import { type AfterViewInit, type ElementRef, type OnChanges, type TemplateRef } from '@angular/core';
 import { type TuiSizeS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiPager implements OnChanges, AfterViewInit {
-    protected items?: QueryList<ElementRef<HTMLElement>>;
-    protected start: number;
-    protected end: number;
-    protected left: import("@angular/core").WritableSignal<number>;
+    protected readonly items: import("@angular/core").Signal<readonly ElementRef<HTMLElement>[]>;
+    protected readonly start: import("@angular/core").WritableSignal<number>;
+    protected readonly end: import("@angular/core").WritableSignal<number>;
+    protected readonly left: import("@angular/core").WritableSignal<number>;
+    protected readonly gap: import("@angular/core").Signal<9 | 7>;
     protected readonly maxWidth: import("@angular/core").Signal<number>;
-    max: number;
-    count: number;
-    size: TuiSizeS;
-    valueContent?: TemplateRef<unknown>;
-    index: number;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly count: import("@angular/core").InputSignal<number>;
+    readonly size: import("@angular/core").InputSignal<TuiSizeS>;
+    readonly valueContent: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
+    readonly index: import("@angular/core").InputSignal<number>;
     ngOnChanges(): void;
     ngAfterViewInit(): void;
-    protected get gap(): number;
     private get visibleRange();
     private get visibleWidth();
     private move;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPager, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPager, "tui-pager", never, { "max": { "alias": "max"; "required": false; }; "count": { "alias": "count"; "required": false; }; "size": { "alias": "size"; "required": false; }; "valueContent": { "alias": "valueContent"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPager, "tui-pager", never, { "max": { "alias": "max"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "valueContent": { "alias": "valueContent"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/pagination/index.d.ts

@@ -1 +1,2 @@
 export * from './pagination.component';
+export * from './pagination.options';

package/components/pagination/pagination.component.d.ts

@@ -1,43 +1,32 @@
-import { EventEmitter } from '@angular/core';
 import { type TuiContext } from '@taiga-ui/cdk/types';
-import { type TuiHorizontalDirection, type TuiSizeL, type TuiSizeS, type TuiSizeXS } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
 export declare class TuiPagination {
     private readonly els;
     private readonly el;
-    protected readonly texts$: import("rxjs").Observable<readonly [previous_page: string, next_page: string]>;
-    protected readonly icons: import("@taiga-ui/core/tokens").TuiSpinIcons;
-    length: number;
-    focusable: boolean;
-    size: TuiSizeL | TuiSizeS;
-    readonly disabled = false;
-    /**
-     * Amount of visible pages around active page
-     */
-    activePadding: number;
-    /**
-     * Amount of visible pages at the edges
-     */
-    sidePadding: number;
-    /**
-     * Customization for page number display.
-     */
-    content: PolymorpheusContent<TuiContext<number>>;
-    /**
-     * Active page index
-     */
-    index: number;
-    readonly indexChange: EventEmitter<number>;
-    get nativeFocusableElement(): HTMLElement | null;
+    private readonly maxHalfLength;
+    private readonly maxElementsLength;
+    private readonly lastElementIndex;
+    private readonly itemsFit;
+    private readonly lastIndex;
+    private readonly reverseIndex;
+    protected readonly texts: import("@angular/core").Signal<readonly [previous_page: string, next_page: string]>;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
+    protected readonly options: import("./pagination.options").TuiPaginationOptions;
+    protected readonly buttonSize: import("@angular/core").Signal<"xs" | "s">;
+    protected readonly elementsLength: import("@angular/core").Signal<number>;
+    readonly length: import("@angular/core").InputSignal<number>;
+    readonly focusable: import("@angular/core").InputSignal<boolean>;
+    readonly size: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiSizeL>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly activePadding: import("@angular/core").InputSignal<number>;
+    readonly sidePadding: import("@angular/core").InputSignal<number>;
+    readonly content: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<number>>>;
+    readonly index: import("@angular/core").ModelSignal<number>;
+    readonly arrowIsDisabledRight: import("@angular/core").Signal<boolean>;
+    readonly arrowIsDisabledLeft: import("@angular/core").Signal<boolean>;
+    readonly nativeFocusableElement: import("@angular/core").Signal<HTMLElement | null>;
     get focused(): boolean;
-    get arrowIsDisabledLeft(): boolean;
-    get arrowIsDisabledRight(): boolean;
-    /**
-     * Number of items in a container.
-     */
-    protected get elementsLength(): number;
-    protected get buttonSize(): TuiSizeXS;
     protected elementIsFocusable(index: number): boolean;
     /**
      * Get index by element index
@@ -45,29 +34,11 @@ export declare class TuiPagination {
      * @returns index or null (for '…')
      */
     protected getItemIndexByElementIndex(elementIndex: number): number | null;
-    protected getElementMode(index: number): string;
+    protected getElementMode(index?: number): string;
     protected onElementClick(index: number): void;
     protected onElementKeyDownArrowLeft(element: HTMLElement): void;
     protected onElementKeyDownArrowRight(element: HTMLElement): void;
-    protected onArrowClick(direction: TuiHorizontalDirection): void;
-    /**
-     * Active index from the end
-     */
-    private get reverseIndex();
-    /**
-     * Max number of elements in half (not counting the middle one).
-     */
-    private get maxHalfLength();
-    /**
-     * Is there '...' anywhere
-     */
-    private get itemsFit();
-    /**
-     * Max number of elements
-     */
-    private get maxElementsLength();
-    private get lastIndex();
-    private get lastElementIndex();
+    protected onArrowClick(step: -1 | 1): void;
     /**
      * Are there collapsed items at that index
      * @param index
@@ -75,8 +46,7 @@ export declare class TuiPagination {
      */
     private hasCollapsedItems;
     private tryChangeTo;
-    private focusActive;
     private updateIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPagination, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPagination, "tui-pagination", never, { "length": { "alias": "length"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "activePadding": { "alias": "activePadding"; "required": false; }; "sidePadding": { "alias": "sidePadding"; "required": false; }; "content": { "alias": "content"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, { "indexChange": "indexChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPagination, "tui-pagination", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "activePadding": { "alias": "activePadding"; "required": false; "isSignal": true; }; "sidePadding": { "alias": "sidePadding"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, { "index": "indexChange"; }, never, never, true, never>;
 }

package/components/pagination/pagination.options.d.ts

@@ -0,0 +1,7 @@
+import { type TuiStringHandler } from '@taiga-ui/cdk/types';
+import { type TuiSizeL } from '@taiga-ui/core/types';
+export interface TuiPaginationOptions {
+    readonly size: TuiSizeL;
+    readonly appearance: TuiStringHandler<boolean>;
+}
+export declare const TUI_PAGINATION_OPTIONS: import("@angular/core").InjectionToken<TuiPaginationOptions>, tuiPaginationOptionsProvider: (item: Partial<TuiPaginationOptions> | (() => Partial<TuiPaginationOptions>)) => import("@angular/core").FactoryProvider;

package/components/pin/pin.directive.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class TuiPin {
     protected readonly nothing: undefined;
-    open: boolean;
+    readonly open: import("@angular/core").InputSignal<boolean | "">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPin, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPin, "tui-pin,[tuiPin]", never, { "open": { "alias": "open"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPin, "[tuiPin]", never, { "open": { "alias": "tuiPin"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,8 +1,8 @@
-import { type TuiPopover } from '@taiga-ui/cdk/services';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
 export declare class TuiPreviewDialog {
-    protected readonly context: TuiPopover<void, void>;
+    protected readonly context: TuiPortalContext<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewDialog, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewDialog, "tui-preview-dialog", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,6 +1,6 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
 import * as i0 from "@angular/core";
-export declare class TuiPreviewDialogDirective extends TuiPopoverDirective<unknown> {
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiPreviewDialogDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewDialogDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPreviewDialogDirective, "ng-template[tuiPreviewDialog]", never, { "open": { "alias": "tuiPreviewDialog"; "required": false; }; }, { "openChange": "tuiPreviewDialogChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPreviewDialogDirective, "ng-template[tuiPreviewDialog]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "open": "tuiPreviewDialog"; }; outputs: { "openChange": "tuiPreviewDialogChange"; }; }]>;
 }

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

@@ -1,6 +1,9 @@
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
+import { TuiModalService } from '@taiga-ui/core/portals/modal';
+import { TuiPreviewDialog } from './preview-dialog.component';
 import * as i0 from "@angular/core";
-export declare class TuiPreviewDialogService extends TuiPopoverService<unknown> {
+export declare class TuiPreviewDialogService extends TuiModalService<unknown> {
+    protected readonly options: {};
+    protected readonly content: typeof TuiPreviewDialog;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiPreviewDialogService>;
 }

package/components/preview/index.d.ts

@@ -3,5 +3,6 @@ export * from './dialog';
 export * from './pagination/preview-pagination.component';
 export * from './preview';
 export * from './preview.component';
+export * from './preview.options';
 export * from './title/preview-title.component';
 export * from './zoom/preview-zoom.component';

package/components/preview/pagination/preview-pagination.component.d.ts

@@ -1,15 +1,11 @@
-import { EventEmitter } from '@angular/core';
+import { type TuiPreviewIcons } from '../preview.options';
 import * as i0 from "@angular/core";
 export declare class TuiPreviewPagination {
-    protected readonly icons: import("@taiga-ui/kit/tokens").TuiPreviewIcons;
-    protected readonly texts$: import("rxjs").Observable<readonly [previous_page: string, next_page: string]>;
-    length: number;
-    index: number;
-    readonly indexChange: EventEmitter<number>;
+    protected readonly icons: TuiPreviewIcons;
+    protected readonly texts: import("@angular/core").Signal<readonly [previous_page: string, next_page: string]>;
+    readonly length: import("@angular/core").InputSignal<number>;
+    readonly index: import("@angular/core").ModelSignal<number>;
     onArrowClick(step: number): void;
-    protected get leftButtonDisabled(): boolean;
-    protected get rightButtonDisabled(): boolean;
-    private updateIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewPagination, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewPagination, "tui-preview-pagination", never, { "length": { "alias": "length"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, { "indexChange": "indexChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewPagination, "tui-preview-pagination", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, { "index": "indexChange"; }, never, never, true, never>;
 }