@taiga-ui/kit 4.52.0-canary.216e347 → 4.52.0-canary.217a686

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 maxWidth: import("@angular/core").Signal<number | undefined>;
-    max: number;
-    count: number;
-    size: TuiSizeS;
-    valueContent?: TemplateRef<unknown>;
-    index: 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>;
+    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,33 @@
-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 TuiHorizontalDirection } 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 +35,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();
     /**
      * Are there collapsed items at that index
      * @param index
@@ -75,8 +47,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,8 +1,9 @@
 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]>;
+    protected readonly icons: TuiPreviewIcons;
+    protected readonly paginationTexts: import("@angular/core").Signal<readonly [previous_page: string, next_page: string]>;
     length: number;
     index: number;
     readonly indexChange: EventEmitter<number>;

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

@@ -7,10 +7,10 @@ export declare class TuiPreviewComponent {
     protected minZoom: number;
     protected width: number;
     protected height: number;
-    protected readonly texts$: import("rxjs").Observable<{
+    protected readonly previewTexts: import("@angular/core").Signal<{
         rotate: string;
     }>;
-    protected readonly icons: import("@taiga-ui/kit/tokens").TuiPreviewIcons;
+    protected readonly icons: import("./preview.options").TuiPreviewIcons;
     protected readonly cdr: ChangeDetectorRef;
     protected readonly zoom$: BehaviorSubject<number>;
     protected readonly rotation$: BehaviorSubject<number>;

package/components/preview/preview.d.ts

@@ -1,6 +1,7 @@
 import { TuiPreviewAction } from './action/preview-action.directive';
+import { TuiPreviewDialogDirective } from './dialog/preview-dialog.directive';
 import { TuiPreviewPagination } from './pagination/preview-pagination.component';
 import { TuiPreviewComponent } from './preview.component';
 import { TuiPreviewTitle } from './title/preview-title.component';
 import { TuiPreviewZoom } from './zoom/preview-zoom.component';
-export declare const TuiPreview: readonly [typeof TuiPreviewComponent, typeof TuiPreviewTitle, typeof TuiPreviewPagination, typeof TuiPreviewAction, typeof TuiPreviewZoom];
+export declare const TuiPreview: readonly [typeof TuiPreviewComponent, typeof TuiPreviewDialogDirective, typeof TuiPreviewTitle, typeof TuiPreviewPagination, typeof TuiPreviewAction, typeof TuiPreviewZoom];

package/{tokens/preview-icons.d.ts → components/preview/preview.options.d.ts}

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 export interface TuiPreviewIcons {
     readonly next: string;
     readonly prev: string;
@@ -8,5 +7,4 @@ export interface TuiPreviewIcons {
     readonly zoomReset: string;
 }
 export declare const TUI_PREVIEW_ICONS_DEFAULT: TuiPreviewIcons;
-export declare const TUI_PREVIEW_ICONS: InjectionToken<TuiPreviewIcons>;
-export declare function tuiPreviewIconsProvider(icons: Partial<TuiPreviewIcons>): Provider;
+export declare const TUI_PREVIEW_ICONS: import("@angular/core").InjectionToken<TuiPreviewIcons>, tuiPreviewIconsProvider: (item: Partial<TuiPreviewIcons> | (() => Partial<TuiPreviewIcons>)) => import("@angular/core").FactoryProvider;

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

@@ -1,12 +1,14 @@
 import { EventEmitter } from '@angular/core';
+import { type TuiPreviewIcons } from '../preview.options';
 import * as i0 from "@angular/core";
 export declare class TuiPreviewZoom {
-    protected readonly icons: import("@taiga-ui/kit/tokens").TuiPreviewIcons;
-    protected readonly zoomTexts$: import("rxjs").Observable<{
+    protected readonly icons: TuiPreviewIcons;
+    protected readonly zoomTexts: import("@angular/core").Signal<{
         zoomIn: string;
         zoomOut: string;
         reset: string;
     }>;
+    protected readonly sliderLabel: import("@angular/core").Signal<string>;
     min: number;
     max: number;
     value: number;

package/components/progress/progress-bar/fixed-gradient/progress-fixed-gradient.directive.d.ts

@@ -1,8 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class TuiProgressFixedGradientDirective {
-    private readonly nativeProgress;
     protected readonly nothing: undefined;
-    protected get progressPercent(): number;
+    protected readonly el: HTMLProgressElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiProgressFixedGradientDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiProgressFixedGradientDirective, "progress[tuiProgressBar][tuiProgressFixedGradient]", never, {}, {}, never, never, true, never>;
 }

package/components/progress/progress-bar/progress-bar.component.d.ts

@@ -1,9 +1,8 @@
-import { type TuiSizeXXL, type TuiSizeXXS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiProgressBar {
     private readonly options;
-    color: string | null;
-    size: TuiSizeXXL | TuiSizeXXS;
+    readonly color: import("@angular/core").InputSignal<string | null>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "xl" | "xxl" | "s" | "xs" | "xxs">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiProgressBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiProgressBar, "progress[tuiProgressBar]", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiProgressBar, "progress[tuiProgressBar]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/progress/progress-bar/progress-color-segments.directive.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class TuiProgressColorSegments {
-    private readonly colors$;
     private readonly el;
-    protected readonly color: import("@angular/core").Signal<string | undefined>;
-    set colors(colors: string[]);
+    private readonly position;
+    protected readonly color: import("@angular/core").Signal<string | null>;
+    readonly colors: import("@angular/core").InputSignal<readonly string[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiProgressColorSegments, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiProgressColorSegments, "progress[tuiProgressBar][tuiProgressColorSegments]", never, { "colors": { "alias": "tuiProgressColorSegments"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiProgressColorSegments, "progress[tuiProgressBar][tuiProgressColorSegments]", never, { "colors": { "alias": "tuiProgressColorSegments"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/progress/progress-segmented/progress-segmented.directive.d.ts

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

package/components/progress/progress.options.d.ts

@@ -1,9 +1,7 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiSizeXXL, type TuiSizeXXS } from '@taiga-ui/core/types';
 export interface TuiProgressOptions {
     readonly color: string | null;
     readonly size: TuiSizeXXL | TuiSizeXXS;
 }
 export declare const TUI_PROGRESS_DEFAULT_OPTIONS: TuiProgressOptions;
-export declare const TUI_PROGRESS_OPTIONS: InjectionToken<TuiProgressOptions>;
-export declare function tuiProgressOptionsProvider(options: Partial<TuiProgressOptions>): Provider;
+export declare const TUI_PROGRESS_OPTIONS: import("@angular/core").InjectionToken<TuiProgressOptions>, tuiProgressOptionsProvider: (item: Partial<TuiProgressOptions> | (() => Partial<TuiProgressOptions>)) => import("@angular/core").FactoryProvider;

package/components/pulse/pulse.component.d.ts

@@ -4,9 +4,9 @@ import * as i1 from "@taiga-ui/cdk/directives/animated";
 export declare class TuiPulse extends TuiRectAccessor {
     private readonly isBrowser;
     private readonly el;
-    playing: boolean;
+    readonly playing: import("@angular/core").InputSignal<boolean>;
     readonly type = "hint";
     getClientRect(): DOMRect;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPulse, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPulse, "tui-pulse", never, { "playing": { "alias": "playing"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPulse, "tui-pulse", never, { "playing": { "alias": "playing"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,10 +1,11 @@
-import { type TuiPopover } from '@taiga-ui/cdk/services';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import { type TuiPushOptions } from './push.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
+import * as i2 from "@taiga-ui/core/portals/alert";
 export declare class TuiPushAlert {
-    protected readonly context: TuiPopover<TuiPushOptions, string>;
+    protected readonly context: TuiPortalContext<TuiPushOptions, string>;
     protected get isDirective(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPushAlert, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushAlert, "ng-component", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushAlert, "tui-push-alert", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAlertDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/push/push.component.d.ts

@@ -3,7 +3,7 @@ import { tuiIsString } from '@taiga-ui/cdk/utils/miscellaneous';
 import * as i0 from "@angular/core";
 export declare class TuiPushComponent {
     protected readonly isString: typeof tuiIsString;
-    protected readonly closeWord$: import("rxjs").Observable<string>;
+    protected readonly closeWord: import("@angular/core").Signal<string>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     heading: string;
     type: string;
@@ -11,5 +11,5 @@ export declare class TuiPushComponent {
     timestamp: number | string;
     readonly close: EventEmitter<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPushComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushComponent, "tui-push", never, { "heading": { "alias": "heading"; "required": false; }; "type": { "alias": "type"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "timestamp": { "alias": "timestamp"; "required": false; }; }, { "close": "close"; }, never, ["img", "tui-svg,tui-icon", "*", "[tuiButton]", "[tuiLink]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushComponent, "tui-push", never, { "heading": { "alias": "heading"; "required": false; }; "type": { "alias": "type"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "timestamp": { "alias": "timestamp"; "required": false; }; }, { "close": "close"; }, never, ["img", "tui-icon", "*", "[tuiButton]", "[tuiLink]"], true, never>;
 }

package/components/push/push.directive.d.ts

@@ -1,10 +1,8 @@
-import { PolymorpheusTemplate } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
-export declare class TuiPushDirective extends PolymorpheusTemplate {
-    private readonly push;
-    private readonly show$;
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiPushDirective {
+    private readonly sub;
     constructor();
-    set tuiPush(show: boolean);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPushDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPushDirective, "ng-template[tuiPush]", never, { "tuiPush": { "alias": "tuiPush"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPushDirective, "ng-template[tuiPush]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "open": "tuiPush"; }; outputs: {}; }]>;
 }

package/components/push/push.options.d.ts

@@ -1,5 +1,6 @@
-import { InjectionToken, type Provider } from '@angular/core';
-export interface TuiPushOptions {
+import { InjectionToken } from '@angular/core';
+import { type TuiPositionOptions } from '@taiga-ui/core/portals/alert';
+export interface TuiPushOptions extends TuiPositionOptions {
     readonly buttons: readonly string[];
     readonly heading: string;
     readonly icon: string;
@@ -8,9 +9,5 @@ export interface TuiPushOptions {
     readonly timestamp: number | string;
     readonly type: string;
 }
-export declare const TUI_PUSH_DEFAULT_OPTIONS: TuiPushOptions;
-/**
- * Default parameters for Push component
- */
-export declare const TUI_PUSH_OPTIONS: InjectionToken<TuiPushOptions>;
-export declare function tuiPushOptionsProvider(options: Partial<TuiPushOptions>): Provider;
+export declare const TUI_PUSH_OPTIONS: InjectionToken<TuiPushOptions>, tuiPushOptionsProvider: (item: Partial<TuiPushOptions> | (() => Partial<TuiPushOptions>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_PUSH_CONCURRENCY: InjectionToken<number>;

package/components/push/push.service.d.ts

@@ -1,7 +1,11 @@
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
+import { TuiAlertService } from '@taiga-ui/core/portals/alert';
 import { type TuiPushOptions } from './push.options';
+import { TuiPushAlert } from './push-alert.component';
 import * as i0 from "@angular/core";
-export declare class TuiPushService extends TuiPopoverService<TuiPushOptions, string> {
+export declare class TuiPushService extends TuiAlertService<TuiPushOptions, string> {
+    protected readonly options: TuiPushOptions;
+    protected readonly component: typeof TuiPushAlert;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPushService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiPushService>;
 }

package/components/radio/radio.component.d.ts

@@ -1,19 +1,18 @@
 import { type DoCheck, type OnInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { type TuiSizeS } from '@taiga-ui/core/types';
+import { type TuiRadioOptions } from './radio.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/appearance";
 import * as i2 from "@taiga-ui/cdk/directives/native-validator";
-export declare class TuiRadioComponent implements DoCheck, OnInit {
-    private readonly appearance;
+export declare class TuiRadioComponent<T extends TuiRadioOptions> implements DoCheck, OnInit {
     private readonly destroyRef;
-    private readonly cdr;
-    private readonly options;
-    private readonly el;
+    protected readonly el: HTMLInputElement;
+    protected readonly options: T;
+    protected readonly appearance: import("@angular/core").WritableSignal<string>;
     protected readonly control: NgControl | null;
-    size: TuiSizeS;
+    readonly size: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiSizeS>;
     ngOnInit(): void;
     ngDoCheck(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioComponent, "input[type=\"radio\"][tuiRadio]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; "tuiAppearanceMode": "tuiAppearanceMode"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioComponent<any>, "input[type=\"radio\"][tuiRadio]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; "tuiAppearanceMode": "tuiAppearanceMode"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
 }

package/components/radio/radio.directive.d.ts

@@ -1,8 +1,8 @@
 import { type TuiIdentityMatcher } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiRadioDirective<T> {
-    identityMatcher: TuiIdentityMatcher<T>;
+    readonly identityMatcher: import("@angular/core").InputSignal<TuiIdentityMatcher<T>>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiRadioDirective<any>, "input[type=\"radio\"][tuiRadio][identityMatcher]", never, { "identityMatcher": { "alias": "identityMatcher"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiRadioDirective<any>, "input[type=\"radio\"][tuiRadio][identityMatcher]", never, { "identityMatcher": { "alias": "identityMatcher"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/radio/radio.options.d.ts

@@ -1,10 +1,7 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiStringHandler } from '@taiga-ui/cdk/types';
 import { type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiRadioOptions {
-    readonly appearance: TuiStringHandler<HTMLInputElement> | string;
+    readonly appearance: TuiStringHandler<HTMLInputElement>;
     readonly size: TuiSizeS;
 }
-export declare const TUI_RADIO_DEFAULT_OPTIONS: TuiRadioOptions;
-export declare const TUI_RADIO_OPTIONS: InjectionToken<TuiRadioOptions>;
-export declare function tuiRadioOptionsProvider(options: Partial<TuiRadioOptions>): Provider;
+export declare const TUI_RADIO_OPTIONS: import("@angular/core").InjectionToken<TuiRadioOptions>, tuiRadioOptionsProvider: (item: Partial<TuiRadioOptions> | (() => Partial<TuiRadioOptions>)) => import("@angular/core").FactoryProvider;

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

@@ -1,21 +1,23 @@
 import { type ValidatorFn } from '@angular/forms';
 import { TuiControl } from '@taiga-ui/cdk/classes';
-import { type TuiBooleanHandler, type TuiIdentityMatcher } from '@taiga-ui/cdk/types';
-import { type TuiSizeS, type TuiValueContentContext } from '@taiga-ui/core/types';
+import { type TuiContext } from '@taiga-ui/cdk/types';
+import { type TuiSizeS } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/directives/items-handlers";
 export declare class TuiRadioList<T> extends TuiControl<T> {
     private readonly controls;
     private readonly id;
-    protected validator: import("@angular/core").Signal<ValidatorFn>;
-    items: readonly T[];
-    size: TuiSizeS;
-    identityMatcher: TuiIdentityMatcher<T>;
-    disabledItemHandler: TuiBooleanHandler<T>;
-    itemContent: PolymorpheusContent<TuiValueContentContext<T>>;
+    protected readonly handlers: import("@taiga-ui/core/directives/items-handlers").TuiItemsHandlers<unknown>;
+    protected readonly validator: import("@angular/core").Signal<ValidatorFn>;
+    readonly items: import("@angular/core").InputSignal<readonly T[] | undefined>;
+    readonly size: import("@angular/core").InputSignal<TuiSizeS>;
+    readonly itemContent: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<T> & {
+        active: boolean;
+    }>>;
     protected get name(): string;
     protected onFocusOut(): void;
     protected itemIsActive(item: T): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioList<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioList<any>, "tui-radio-list", never, { "items": { "alias": "items"; "required": false; }; "size": { "alias": "size"; "required": false; }; "identityMatcher": { "alias": "identityMatcher"; "required": false; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "itemContent": { "alias": "itemContent"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioList<any>, "tui-radio-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "itemContent": { "alias": "itemContent"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithItemsHandlers; inputs: {}; outputs: {}; }]>;
 }

package/components/range/range-change.directive.d.ts

@@ -1,10 +1,9 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiRangeChange {
     private readonly doc;
     private readonly el;
     private readonly range;
-    readonly activeThumbChange: EventEmitter<"left" | "right">;
+    readonly activeThumbChange: import("@angular/core").OutputEmitterRef<"end" | "start">;
     constructor();
     private getFractionFromEvents;
     private detectActiveThumb;