@taiga-ui/kit 4.52.0-canary.763e67d → 4.52.0-canary.7c53ccc

package/components/input-phone-international/input-phone-international.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, type QueryList } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { type MaskitoOptions } from '@maskito/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
@@ -6,14 +6,13 @@ import { type MetadataJson } from 'libphonenumber-js/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@maskito/angular";
 import * as i2 from "@taiga-ui/core/components/input";
+import * as i3 from "@taiga-ui/kit/directives/appearance-proxy";
 export declare class TuiInputPhoneInternationalComponent extends TuiControl<string> {
-    protected readonly list: QueryList<ElementRef<HTMLButtonElement>>;
+    protected readonly list: import("@angular/core").Signal<readonly ElementRef<any>[]>;
     protected readonly el: HTMLInputElement;
     protected readonly ios: boolean;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly options: import("./input-phone-international.options").TuiInputPhoneInternationalOptions;
-    protected readonly countries: import("@angular/core").WritableSignal<readonly TuiCountryIsoCode[]>;
-    protected readonly code: import("@angular/core").WritableSignal<TuiCountryIsoCode>;
     protected readonly label: import("@angular/core").Signal<string>;
     protected readonly metadata: import("@angular/core").Signal<MetadataJson | undefined>;
     protected readonly names: import("@angular/core").Signal<Record<TuiCountryIsoCode, string>>;
@@ -23,17 +22,16 @@ export declare class TuiInputPhoneInternationalComponent extends TuiControl<stri
     protected readonly search: import("@angular/core").WritableSignal<string>;
     protected readonly size: import("@angular/core").Signal<"m" | "l" | "s">;
     protected readonly masked: import("@angular/core").WritableSignal<string>;
-    protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
+    protected readonly mask: import("@angular/core").Signal<MaskitoOptions>;
     protected readonly filtered: import("@angular/core").Signal<{
         iso: TuiCountryIsoCode;
         name: string;
         code: string;
     }[]>;
     protected readonly $: import("rxjs").Subscription;
-    countrySearch: boolean;
-    readonly countryIsoCodeChange: import("rxjs").Observable<TuiCountryIsoCode>;
-    set countriesValue(value: readonly TuiCountryIsoCode[]);
-    set isoCode(code: TuiCountryIsoCode);
+    readonly countrySearch: import("@angular/core").InputSignal<boolean>;
+    readonly countryIsoCode: import("@angular/core").ModelSignal<TuiCountryIsoCode>;
+    readonly countries: import("@angular/core").InputSignal<readonly TuiCountryIsoCode[]>;
     writeValue(unmasked: string | null): void;
     protected onPaste(event: Event): void;
     protected onItemClick(code: TuiCountryIsoCode): void;
@@ -41,5 +39,5 @@ export declare class TuiInputPhoneInternationalComponent extends TuiControl<stri
     private unmask;
     private getCountryCode;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPhoneInternationalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPhoneInternationalComponent, "input[tuiInputPhoneInternational]", never, { "countrySearch": { "alias": "countrySearch"; "required": false; }; "countriesValue": { "alias": "countries"; "required": false; }; "isoCode": { "alias": "countryIsoCode"; "required": false; }; }, { "countryIsoCodeChange": "countryIsoCodeChange"; }, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithInput; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPhoneInternationalComponent, "input[tuiInputPhoneInternational]", never, { "countrySearch": { "alias": "countrySearch"; "required": false; "isSignal": true; }; "countryIsoCode": { "alias": "countryIsoCode"; "required": false; "isSignal": true; }; "countries": { "alias": "countries"; "required": false; "isSignal": true; }; }, { "countryIsoCode": "countryIsoCodeChange"; }, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiAppearanceProxy; inputs: {}; outputs: {}; }]>;
 }

package/components/input-phone-international/input-phone-international.options.d.ts

@@ -3,6 +3,7 @@ import { type MetadataJson } from 'libphonenumber-js/core';
 import { type Observable } from 'rxjs';
 export interface TuiInputPhoneInternationalOptions {
     readonly countries: readonly TuiCountryIsoCode[];
+    readonly countrySearch: boolean;
     readonly countryIsoCode: TuiCountryIsoCode;
     readonly metadata: Observable<MetadataJson> | Promise<MetadataJson>;
     readonly separator: string;

package/components/input-pin/input-pin.component.d.ts

@@ -4,15 +4,14 @@ import * as i0 from "@angular/core";
 import * as i1 from "@maskito/angular";
 export declare class TuiInputPinComponent {
     protected readonly el: HTMLInputElement;
-    protected readonly mask: import("@angular/core").WritableSignal<MaskitoMask>;
     protected readonly appearance: import("@angular/core").Signal<string>;
     protected readonly control: NgControl;
-    protected readonly maskito: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
-    set maskSetter(mask: MaskitoMask | string);
+    protected readonly maskito: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions>;
+    readonly mask: import("@angular/core").InputSignalWithTransform<MaskitoMask, string | MaskitoMask>;
     onClick(index: number): void;
     onSelection(): void;
     onArrow(): void;
     isFocused(index: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPinComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPinComponent, "input[tuiInputPin]", never, { "maskSetter": { "alias": "mask"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPinComponent, "input[tuiInputPin]", never, { "mask": { "alias": "mask"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,61 +1,36 @@
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { type TuiContext } from '@taiga-ui/cdk/types';
-import { type TuiKeySteps } from '@taiga-ui/kit/components/slider';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
-export declare class TuiInputRange extends TuiControl<readonly [
-    number,
-    number
-]> {
-    private readonly inputNumberRefs;
-    private readonly range?;
+export declare class TuiInputRange extends TuiControl<readonly [number, number]> {
+    private readonly inputs;
+    private readonly range;
+    private readonly options;
     private readonly isMobile;
-    private readonly quantum;
     private readonly quantumTransformer;
     protected readonly size: import("@angular/core").Signal<"m" | "s" | "l">;
-    protected textfieldValueStart: number;
-    protected textfieldValueEnd: number;
-    protected lastActiveSide: 'end' | 'start';
+    protected start: number;
+    protected end: number;
+    protected side: 'end' | 'start';
     protected readonly contentStart: import("@angular/core").Signal<PolymorpheusContent<TuiContext<number>>>;
     protected readonly contentEnd: import("@angular/core").Signal<PolymorpheusContent<TuiContext<number>>>;
-    min: number;
-    max: number;
-    step: number;
-    segments: number;
-    keySteps: TuiKeySteps | null;
-    prefix: readonly [
-        string,
-        string
-    ];
-    postfix: readonly [
-        string,
-        string
-    ];
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly step: import("@angular/core").InputSignal<number>;
+    readonly segments: import("@angular/core").InputSignal<number>;
+    readonly keySteps: import("@angular/core").InputSignal<[[0, number], ...[number, number][], [100, number]] | undefined>;
+    readonly quantum: import("@angular/core").InputSignal<number>;
+    readonly prefix: import("@angular/core").InputSignalWithTransform<readonly [string, string], readonly [string, string] | null | undefined>;
+    readonly postfix: import("@angular/core").InputSignalWithTransform<readonly [string, string], readonly [string, string] | null | undefined>;
     content: import("@angular/core").InputSignal<readonly [PolymorpheusContent<TuiContext<number>>, PolymorpheusContent<TuiContext<number>>]>;
-    set quantumSetter(x: number);
-    writeValue(value: [
-        number,
-        number
-    ]): void;
+    writeValue(value: [number, number]): void;
     protected get contentStartHidden(): boolean;
     protected get contentEndHidden(): boolean;
-    protected takeStep(event: Event | KeyboardEvent, coefficients: readonly [
-        number,
-        number
-    ]): void;
-    protected onInput([start, end]: [
-        number | null,
-        number | null
-    ]): void;
-    protected onExternalValueUpdate(value: readonly [
-        number,
-        number
-    ]): void;
+    protected takeStep(event: Event | KeyboardEvent, coefficients: readonly [number, number]): void;
+    protected onInput([start, end]: [number | null, number | null]): void;
+    protected onExternalValueUpdate(value: readonly [number, number]): void;
     protected focusToTextfield(): void;
-    protected setTextfieldValues([start, end]: readonly [
-        number,
-        number
-    ]): void;
+    protected setTextfieldValues([start, end]: readonly [number, number]): void;
     private get textfieldStart();
     private get textfieldEnd();
     private get activeTextfield();
@@ -63,10 +38,5 @@ export declare class TuiInputRange extends TuiControl<readonly [
     private valueGuard;
     private isPrimitive;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputRange, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputRange, "tui-input-range", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "segments": { "alias": "segments"; "required": false; }; "keySteps": { "alias": "keySteps"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "postfix": { "alias": "postfix"; "required": false; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "quantumSetter": { "alias": "quantum"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_prefix: readonly [
-        string,
-        string
-    ] | null;
-    static ngAcceptInputType_postfix: readonly [string, string] | null;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputRange, "tui-input-range", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "segments": { "alias": "segments"; "required": false; "isSignal": true; }; "keySteps": { "alias": "keySteps"; "required": false; "isSignal": true; }; "quantum": { "alias": "quantum"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "postfix": { "alias": "postfix"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -15,7 +15,7 @@ export declare class TuiInputTimeDirective extends TuiControl<TuiTime | null> im
     protected readonly icon: import("@angular/core").Signal<string>;
     protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
     protected readonly filler: import("@angular/core").Signal<string>;
-    protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
+    protected readonly mask: import("@angular/core").Signal<MaskitoOptions>;
     readonly accept: import("@angular/core").InputSignal<readonly TuiTime[]>;
     readonly timeMode: import("@angular/core").InputSignal<MaskitoTimeMode>;
     readonly prefix: import("@angular/core").InputSignal<string>;

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

@@ -11,21 +11,19 @@ export declare class TuiInputYearDirective extends TuiControl<number | null> {
     private readonly initialItem;
     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.TuiWithInput; 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/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/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/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/preview/pagination/preview-pagination.component.d.ts

@@ -1,16 +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: TuiPreviewIcons;
-    protected readonly paginationTexts: import("@angular/core").Signal<readonly [previous_page: string, next_page: string]>;
-    length: number;
-    index: number;
-    readonly indexChange: EventEmitter<number>;
+    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>;
 }

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

@@ -7,7 +7,7 @@ export declare class TuiPreviewComponent {
     protected minZoom: number;
     protected width: number;
     protected height: number;
-    protected readonly previewTexts: import("@angular/core").Signal<{
+    protected readonly texts: import("@angular/core").Signal<{
         rotate: string;
     }>;
     protected readonly icons: import("./preview.options").TuiPreviewIcons;
@@ -18,9 +18,9 @@ export declare class TuiPreviewComponent {
     protected readonly transitioned$: import("rxjs").Observable<boolean>;
     protected readonly cursor$: import("rxjs").Observable<string>;
     protected readonly wrapperTransform$: import("rxjs").Observable<string>;
-    zoomable: boolean;
-    rotatable: boolean;
-    initialScale: number;
+    readonly zoomable: import("@angular/core").InputSignal<boolean>;
+    readonly rotatable: import("@angular/core").InputSignal<boolean>;
+    readonly initialScale: import("@angular/core").InputSignal<number>;
     protected rotate(): void;
     protected onPan(delta: readonly [number, number]): void;
     protected onMutation(contentWrapper: HTMLElement): void;
@@ -35,5 +35,5 @@ export declare class TuiPreviewComponent {
     private getGuardedCoordinates;
     private getScaleCenter;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewComponent, "tui-preview", never, { "zoomable": { "alias": "zoomable"; "required": false; }; "rotatable": { "alias": "rotatable"; "required": false; }; "initialScale": { "alias": "initialScale"; "required": false; }; }, {}, never, ["*", "tui-preview-title", "tui-preview-pagination", "[tuiPreviewAction]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewComponent, "tui-preview", never, { "zoomable": { "alias": "zoomable"; "required": false; "isSignal": true; }; "rotatable": { "alias": "rotatable"; "required": false; "isSignal": true; }; "initialScale": { "alias": "initialScale"; "required": false; "isSignal": true; }; }, {}, never, ["*", "tui-preview-title", "tui-preview-pagination", "[tuiPreviewAction]"], true, never>;
 }

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

@@ -1,27 +1,19 @@
-import { EventEmitter } from '@angular/core';
 import { type TuiPreviewIcons } from '../preview.options';
 import * as i0 from "@angular/core";
 export declare class TuiPreviewZoom {
     protected readonly icons: TuiPreviewIcons;
-    protected readonly zoomTexts: import("@angular/core").Signal<{
+    protected readonly texts: import("@angular/core").Signal<{
         zoomIn: string;
         zoomOut: string;
         reset: string;
     }>;
     protected readonly sliderLabel: import("@angular/core").Signal<string>;
-    min: number;
-    max: number;
-    value: number;
-    readonly valueChange: EventEmitter<number>;
-    readonly reset: EventEmitter<void>;
-    readonly hintShow$: import("rxjs").Observable<boolean>;
-    protected get leftButtonDisabled(): boolean;
-    protected get rightButtonDisabled(): boolean;
-    protected get collapseVisible(): boolean;
-    protected onModelChange(value: number): void;
-    protected onReset(): void;
-    protected onMinus(): void;
-    protected onPlus(): void;
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly value: import("@angular/core").ModelSignal<number>;
+    readonly reset: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly hint: import("@angular/core").Signal<boolean>;
+    protected clamp(value: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewZoom, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewZoom, "tui-preview-zoom", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "reset": "reset"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewZoom, "tui-preview-zoom", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "reset": "reset"; }, never, never, true, never>;
 }

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

@@ -1,16 +1,12 @@
-import { type BooleanInput } from '@angular/cdk/coercion';
-import { type TuiSizeXXL, type TuiSizeXXS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiProgressCircle {
     private readonly options;
-    protected readonly animationDelay: import("@angular/core").Signal<boolean | undefined>;
-    value: number;
-    max: number;
-    color: string | null;
-    size: TuiSizeXXL | TuiSizeXXS;
-    arc: BooleanInput;
-    protected get progressRatio(): number;
+    protected readonly ratio: import("@angular/core").Signal<number>;
+    readonly value: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly color: import("@angular/core").InputSignal<string | null>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "xl" | "xxl" | "s" | "xs" | "xxs">;
+    readonly arc: import("@angular/core").InputSignalWithTransform<boolean, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiProgressCircle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiProgressCircle, "tui-progress-circle", never, { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "arc": { "alias": "arc"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_arc: any;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiProgressCircle, "tui-progress-circle", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "arc": { "alias": "arc"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,15 +1,14 @@
-import { EventEmitter } from '@angular/core';
 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("@angular/core").Signal<string>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    heading: string;
-    type: string;
-    lines: number;
-    timestamp: number | string;
-    readonly close: EventEmitter<void>;
+    readonly heading: import("@angular/core").InputSignal<string>;
+    readonly type: import("@angular/core").InputSignal<string>;
+    readonly lines: import("@angular/core").InputSignal<number>;
+    readonly timestamp: import("@angular/core").InputSignal<string | number>;
+    readonly close: import("@angular/core").OutputEmitterRef<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-icon", "*", "[tuiButton]", "[tuiLink]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushComponent, "tui-push", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["img", "tui-icon", "*", "[tuiButton]", "[tuiLink]"], true, never>;
 }

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

@@ -1,23 +1,23 @@
 import { type ValidatorFn } from '@angular/forms';
 import { TuiControl } from '@taiga-ui/cdk/classes';
-import { type TuiBooleanHandler, type TuiContext, type TuiIdentityMatcher } from '@taiga-ui/cdk/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<TuiContext<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.component.d.ts

@@ -12,23 +12,22 @@ export declare class TuiRange extends TuiControl<[number, number]> {
     readonly step: import("@angular/core").InputSignal<number>;
     readonly size: import("@angular/core").InputSignal<TuiSizeS>;
     readonly segments: import("@angular/core").InputSignal<number>;
-    readonly keySteps: import("@angular/core").InputSignal<[[0, number], ...[number, number][], [100, number]] | null>;
+    readonly keySteps: import("@angular/core").InputSignal<[[0, number], ...[number, number][], [100, number]] | undefined>;
     readonly focusable: import("@angular/core").InputSignal<boolean>;
     readonly margin: import("@angular/core").InputSignal<number>;
     readonly limit: import("@angular/core").InputSignal<number>;
-    readonly slidersRefs: import("@angular/core").Signal<readonly ElementRef<HTMLInputElement>[]>;
     readonly start: import("@angular/core").Signal<number>;
     readonly end: import("@angular/core").Signal<number>;
+    readonly sliders: import("@angular/core").Signal<readonly ElementRef<HTMLInputElement>[]>;
+    protected readonly segmentWidthRatio: import("@angular/core").Signal<number>;
     protected readonly fractionStep: import("@angular/core").Signal<number>;
     protected readonly computedKeySteps: import("@angular/core").Signal<[[0, number], ...[number, number][], [100, number]]>;
-    protected readonly segmentWidthRatio: import("@angular/core").Signal<number>;
     processValue(value: number, end: boolean): void;
     takeStep(coefficients: readonly [number, number]): readonly [number, number];
     toValue(fraction: number): number;
     protected get rtl(): boolean;
     protected changeByStep(coefficient: number, target: HTMLElement): void;
     protected toPercent(value: number): number;
-    private computePureKeySteps;
     private updateStart;
     private updateEnd;
     private checkDistance;

package/components/slider/helpers/slider-key-steps.directive.d.ts

@@ -7,22 +7,23 @@ export declare class TuiSliderKeyStepsBase {
     private readonly control;
     protected readonly min: import("@angular/core").WritableSignal<number | undefined>;
     protected readonly max: import("@angular/core").WritableSignal<number | undefined>;
-    step: import("@angular/core").InputSignal<number>;
-    transformer: import("@angular/core").WritableSignal<TuiValueTransformer<number, number> | null>;
+    protected readonly sync: import("@angular/core").EffectRef;
+    readonly step: import("@angular/core").InputSignal<number>;
+    readonly keySteps: import("@angular/core").InputSignal<[[0, number], ...[number, number][], [100, number]] | undefined>;
+    readonly transformer: import("@angular/core").WritableSignal<TuiValueTransformer<number, number> | undefined>;
     controlValue: import("@angular/core").Signal<number | undefined>;
     readonly totalSteps: import("@angular/core").Signal<number>;
     get slider(): TuiSliderComponent;
-    set keySteps(steps: TuiKeySteps | null);
     takeStep(coefficient: number): number;
     toSliderValue(fraction: number): number;
     setControlValue(controlValue: number): void;
     getControlValue(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderKeyStepsBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderKeyStepsBase, "input[tuiSlider][keySteps]", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "keySteps": { "alias": "keySteps"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderKeyStepsBase, "input[tuiSlider][keySteps]", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "keySteps": { "alias": "keySteps"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class TuiSliderKeySteps extends TuiControl<number> {
     protected readonly base: TuiSliderKeyStepsBase;
-    set keySteps(steps: TuiKeySteps | null);
+    set keySteps(steps: TuiKeySteps | null | undefined);
     protected setValue(sliderValue: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderKeySteps, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderKeySteps, "input[tuiSlider][keySteps][ngModel],input[tuiSlider][keySteps][formControl],input[tuiSlider][keySteps][formControlName]", never, { "keySteps": { "alias": "keySteps"; "required": false; }; }, {}, never, never, true, never>;

package/components/slider/helpers/slider-readonly.directive.d.ts

@@ -1,4 +1,3 @@
-import { type BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 /**
  * Native <input type='range' readonly> doesn't work.
@@ -7,11 +6,10 @@ import * as i0 from "@angular/core";
 export declare class TuiSliderReadonly {
     private readonly el;
     private readonly doc;
-    readonly: BooleanInput;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, any>;
     constructor();
     protected preventEvent(event: Event): void;
     protected preventKeyboardInteraction(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderReadonly, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderReadonly, "input[tuiSlider][readonly]", never, { "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_readonly: any;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderReadonly, "input[tuiSlider][readonly]", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/slider/helpers/slider-thumb-label.component.d.ts

@@ -1,13 +1,11 @@
 import { type AfterContentInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { type TuiSizeS } from '@taiga-ui/core/types';
 import { TuiSliderComponent } from '../slider.component';
 import * as i0 from "@angular/core";
 export declare class TuiSliderThumbLabel implements AfterContentInit {
-    protected readonly slider?: TuiSliderComponent;
-    protected readonly control?: NgControl;
+    protected readonly slider: import("@angular/core").Signal<TuiSliderComponent | undefined>;
+    protected readonly control: import("@angular/core").Signal<NgControl | undefined>;
     ngAfterContentInit(): void;
-    protected get size(): TuiSizeS;
     protected get ratio(): number;
     protected get ghostStart(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderThumbLabel, never>;