@taiga-ui/kit 4.52.0-canary.6de148b → 4.52.0-canary.763e67d

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

@@ -13,9 +13,9 @@ export declare class TuiInputDateTimeDirective extends TuiInputDateBase<readonly
     private readonly timeFillers;
     protected readonly options: import("./input-date-time.options").TuiInputDateTimeOptions;
     protected readonly filler: import("@angular/core").Signal<string>;
-    protected valueEffect: import("@angular/core").EffectRef;
-    protected readonly identity: void;
-    protected readonly disabledItemHandler: import("@angular/core").WritableSignal<(value: readonly [TuiDay, TuiTime | null] | null) => boolean>;
+    protected readonly valueEffect: import("@angular/core").EffectRef;
+    protected readonly identity: import("@angular/core").WritableSignal<(a: any, b: any) => boolean>;
+    protected readonly disabledItemHandler: import("@angular/core").Signal<(value: readonly [TuiDay, TuiTime | null] | null) => boolean>;
     protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
     readonly timeMode: import("@angular/core").WritableSignal<MaskitoTimeMode>;
     readonly minTime: import("@angular/core").WritableSignal<TuiTime>;

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

@@ -2,8 +2,8 @@ import { type FactoryProvider, InjectionToken } from '@angular/core';
 import { type MaskitoTimeMode } from '@maskito/kit';
 import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
 import { type TuiDay, type TuiTime } from '@taiga-ui/cdk/date-time';
-import { type TuiInputDateOptionsNew } from '@taiga-ui/kit/components/input-date';
-export interface TuiInputDateTimeOptions extends Omit<TuiInputDateOptionsNew, 'valueTransformer'> {
+import { type TuiInputDateOptions } from '@taiga-ui/kit/components/input-date';
+export interface TuiInputDateTimeOptions extends Omit<TuiInputDateOptions, 'valueTransformer'> {
     readonly timeMode: MaskitoTimeMode;
     readonly dateTimeSeparator: string;
     readonly valueTransformer: TuiValueTransformer<[TuiDay, TuiTime | null] | null, any>;

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

@@ -1,4 +1,7 @@
+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 { TuiCalendarMonth } from '@taiga-ui/kit/components/calendar-month';
 import { TuiInputMonthComponent } from './input-month.component';
 import { TuiInputMonthDirective } from './input-month.directive';
-export declare const TuiInputMonth: readonly [typeof TuiInputMonthComponent, typeof TuiInputMonthDirective, typeof TuiCalendarMonth, readonly [typeof import("@taiga-ui/cdk/directives/item").TuiItem, typeof import("@taiga-ui/core/components/label").TuiLabel, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldComponent, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldOptionsDirective, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldMultiComponent, typeof import("@taiga-ui/core/portals/dropdown").TuiDropdownContent]];
+export declare const TuiInputMonth: readonly [typeof TuiInputMonthComponent, typeof TuiInputMonthDirective, typeof TuiCalendarMonth, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -7,7 +7,7 @@ import * as i2 from "@taiga-ui/core/components/textfield";
 import * as i3 from "@taiga-ui/core/portals/dropdown";
 export declare class TuiInputMonthDirective extends TuiControl<TuiMonth | null> {
     private readonly input;
-    private readonly formatter;
+    private readonly months;
     private readonly open;
     protected readonly icon: import("@angular/core").Signal<string>;
     protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;

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

@@ -1,3 +1,6 @@
+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 { TuiCalendarMonth } from '@taiga-ui/kit/components/calendar-month';
 import { TuiInputMonthRangeDirective } from './input-month-range.directive';
-export declare const TuiInputMonthRange: readonly [typeof TuiInputMonthRangeDirective, typeof TuiCalendarMonth, readonly [typeof import("@taiga-ui/cdk/directives/item").TuiItem, typeof import("@taiga-ui/core/components/label").TuiLabel, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldComponent, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldOptionsDirective, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldMultiComponent, typeof import("@taiga-ui/core/portals/dropdown").TuiDropdownContent]];
+export declare const TuiInputMonthRange: readonly [typeof TuiInputMonthRangeDirective, typeof TuiCalendarMonth, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

package/components/input-month-range/input-month-range.directive.d.ts

@@ -6,7 +6,7 @@ import * as i2 from "@taiga-ui/core/components/textfield";
 import * as i3 from "@taiga-ui/core/portals/dropdown";
 export declare class TuiInputMonthRangeDirective extends TuiControl<TuiMonthRange | null> {
     private readonly input;
-    private readonly formatter;
+    private readonly months;
     private readonly open;
     private readonly intermediateValue;
     private readonly calendar;

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

@@ -1,4 +1,7 @@
+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 { TuiInputNumberDirective } from './input-number.directive';
 import { TuiQuantumValueTransformer } from './quantum.directive';
 import { TuiInputNumberStep } from './step/input-number-step.component';
-export declare const TuiInputNumber: readonly [typeof TuiInputNumberDirective, typeof TuiInputNumberStep, typeof TuiQuantumValueTransformer, readonly [typeof import("@taiga-ui/cdk/directives/item").TuiItem, typeof import("@taiga-ui/core/components/label").TuiLabel, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldComponent, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldOptionsDirective, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldMultiComponent, typeof import("@taiga-ui/core/portals/dropdown").TuiDropdownContent]];
+export declare const TuiInputNumber: readonly [typeof TuiInputNumberDirective, typeof TuiInputNumberStep, typeof TuiQuantumValueTransformer, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -1,2 +1,5 @@
+import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import { TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
 import { TuiInputPhoneDirective } from './input-phone.directive';
-export declare const TuiInputPhone: readonly [typeof TuiInputPhoneDirective, readonly [typeof import("@taiga-ui/cdk/directives/item").TuiItem, typeof import("@taiga-ui/core/components/label").TuiLabel, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldComponent, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldOptionsDirective, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldMultiComponent, typeof import("@taiga-ui/core/portals/dropdown").TuiDropdownContent]];
+export declare const TuiInputPhone: readonly [typeof TuiInputPhoneDirective, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -3,6 +3,9 @@ import { type MaskitoOptions } from '@maskito/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
 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";
 export declare class TuiInputPhoneInternationalComponent extends TuiControl<string> {
     protected readonly list: QueryList<ElementRef<HTMLButtonElement>>;
     protected readonly el: HTMLInputElement;
@@ -37,4 +40,6 @@ export declare class TuiInputPhoneInternationalComponent extends TuiControl<stri
     private computeMask;
     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: {}; }]>;
 }

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

@@ -1,2 +1,5 @@
+import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import { TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
 import { TuiInputPhoneInternationalComponent } from './input-phone-international.component';
-export declare const TuiInputPhoneInternational: readonly [typeof TuiInputPhoneInternationalComponent, readonly [typeof import("@taiga-ui/cdk/directives/item").TuiItem, typeof import("@taiga-ui/core/components/label").TuiLabel, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldComponent, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldOptionsDirective, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldMultiComponent, typeof import("@taiga-ui/core/portals/dropdown").TuiDropdownContent]];
+export declare const TuiInputPhoneInternational: readonly [typeof TuiInputPhoneInternationalComponent, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -1,2 +1,5 @@
+import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import { TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
 import { TuiInputPinComponent } from './input-pin.component';
-export declare const TuiInputPin: readonly [typeof TuiInputPinComponent, readonly [typeof import("@taiga-ui/cdk/directives/item").TuiItem, typeof import("@taiga-ui/core/components/label").TuiLabel, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldComponent, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldOptionsDirective, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldMultiComponent, typeof import("@taiga-ui/core/portals/dropdown").TuiDropdownContent]];
+export declare const TuiInputPin: readonly [typeof TuiInputPinComponent, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -1,2 +1 @@
-export * from './input-range';
 export * from './input-range.component';

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

@@ -2,7 +2,11 @@ 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';
-export declare class TuiInputRangeComponent extends TuiControl<readonly [number, number]> {
+import * as i0 from "@angular/core";
+export declare class TuiInputRange extends TuiControl<readonly [
+    number,
+    number
+]> {
     private readonly inputNumberRefs;
     private readonly range?;
     private readonly isMobile;
@@ -19,22 +23,50 @@ export declare class TuiInputRangeComponent extends TuiControl<readonly [number,
     step: number;
     segments: number;
     keySteps: TuiKeySteps | null;
-    prefix: readonly [string, string];
-    postfix: readonly [string, string];
+    prefix: readonly [
+        string,
+        string
+    ];
+    postfix: readonly [
+        string,
+        string
+    ];
     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();
     private setValue;
     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;
 }

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

@@ -1,3 +1,6 @@
+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 { TuiSliderComponent, TuiSliderKeySteps, TuiSliderKeyStepsBase } from '@taiga-ui/kit/components/slider';
 import { TuiInputSliderDirective } from './input-slider.directive';
-export declare const TuiInputSlider: readonly [typeof TuiSliderComponent, typeof TuiSliderKeyStepsBase, typeof TuiSliderKeySteps, typeof TuiInputSliderDirective, readonly [typeof import("@taiga-ui/cdk/directives/item").TuiItem, typeof import("@taiga-ui/core/components/label").TuiLabel, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldComponent, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldOptionsDirective, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldMultiComponent, typeof import("@taiga-ui/core/portals/dropdown").TuiDropdownContent]];
+export declare const TuiInputSlider: readonly [typeof TuiSliderComponent, typeof TuiSliderKeyStepsBase, typeof TuiSliderKeySteps, typeof TuiInputSliderDirective, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -1,3 +1,6 @@
+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 { TuiInputTimeComponent } from './input-time.component';
 import { TuiInputTimeDirective } from './input-time.directive';
-export declare const TuiInputTime: readonly [typeof TuiInputTimeDirective, typeof TuiInputTimeComponent, readonly [typeof import("@taiga-ui/cdk/directives/item").TuiItem, typeof import("@taiga-ui/core/components/label").TuiLabel, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldComponent, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldOptionsDirective, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldMultiComponent, typeof import("@taiga-ui/core/portals/dropdown").TuiDropdownContent]];
+export declare const TuiInputTime: readonly [typeof TuiInputTimeDirective, typeof TuiInputTimeComponent, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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, readonly [typeof import("@taiga-ui/cdk/directives/item").TuiItem, typeof import("@taiga-ui/core/components/label").TuiLabel, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldComponent, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldOptionsDirective, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldMultiComponent, typeof import("@taiga-ui/core/portals/dropdown").TuiDropdownContent]];
+export declare const TuiInputYear: readonly [typeof TuiInputYearDirective, typeof TuiCalendarYear, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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/pagination/pagination.component.d.ts

@@ -1,44 +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;
+    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").TuiSpinIcons;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly options: import("./pagination.options").TuiPaginationOptions;
-    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;
+    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
@@ -51,24 +40,6 @@ export declare class TuiPagination {
     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
@@ -76,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

@@ -1,10 +1,7 @@
 import { type TuiStringHandler } from '@taiga-ui/cdk/types';
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
+import { type TuiSizeL } from '@taiga-ui/core/types';
 export interface TuiPaginationOptions {
-    readonly appearance: TuiStringHandler<{
-        isActive: boolean;
-        size: TuiSizeL | TuiSizeS;
-    }>;
-    readonly defaultSize: TuiSizeL | TuiSizeS;
+    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/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,7 +1,8 @@
 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 icons: TuiPreviewIcons;
     protected readonly paginationTexts: import("@angular/core").Signal<readonly [previous_page: string, next_page: string]>;
     length: number;
     index: number;

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

@@ -10,7 +10,7 @@ export declare class TuiPreviewComponent {
     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/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 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/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/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/radio/radio.component.d.ts

@@ -6,7 +6,7 @@ import * as i1 from "@taiga-ui/core/directives/appearance";
 import * as i2 from "@taiga-ui/cdk/directives/native-validator";
 export declare class TuiRadioComponent<T extends TuiRadioOptions> implements DoCheck, OnInit {
     private readonly destroyRef;
-    private readonly el;
+    protected readonly el: HTMLInputElement;
     protected readonly options: T;
     protected readonly appearance: import("@angular/core").WritableSignal<string>;
     protected readonly control: NgControl | null;

package/components/select/select.d.ts

@@ -1,3 +1,6 @@
+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 { TuiNativeSelect } from './native-select/native-select.component';
 import { TuiSelectDirective } from './select.directive';
-export declare const TuiSelect: readonly [typeof TuiSelectDirective, typeof TuiNativeSelect, readonly [typeof import("@taiga-ui/cdk/directives/item").TuiItem, typeof import("@taiga-ui/core/components/label").TuiLabel, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldComponent, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldOptionsDirective, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldMultiComponent, typeof import("@taiga-ui/core/portals/dropdown").TuiDropdownContent]];
+export declare const TuiSelect: readonly [typeof TuiSelectDirective, typeof TuiNativeSelect, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

package/components/switch/switch.component.d.ts

@@ -3,6 +3,7 @@ import { type TuiSwitchOptions } from './switch.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/icons";
 export declare class TuiSwitch extends TuiRadioComponent<TuiSwitchOptions> {
+    protected readonly native: boolean;
     protected readonly icon: import("@angular/core").Signal<string>;
     readonly showIcons: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSwitch, never>;

package/components/textarea/textarea.d.ts

@@ -1,3 +1,6 @@
+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 { TuiTextareaComponent } from './textarea.component';
 import { TuiTextareaDirective } from './textarea.directive';
-export declare const TuiTextarea: readonly [typeof TuiTextareaComponent, typeof TuiTextareaDirective, readonly [typeof import("@taiga-ui/cdk/directives/item").TuiItem, typeof import("@taiga-ui/core/components/label").TuiLabel, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldComponent, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldOptionsDirective, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldMultiComponent, typeof import("@taiga-ui/core/portals/dropdown").TuiDropdownContent]];
+export declare const TuiTextarea: readonly [typeof TuiTextareaComponent, typeof TuiTextareaDirective, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

package/directives/fade/fade.directive.d.ts

@@ -2,12 +2,12 @@ import { type TuiOrientation } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiFade {
     protected readonly nothing: undefined;
-    lineHeight: string | null;
-    size: string;
-    offset: string;
-    orientation: TuiOrientation | '';
+    readonly lineHeight: import("@angular/core").InputSignal<string | null>;
+    readonly size: import("@angular/core").InputSignal<string>;
+    readonly offset: import("@angular/core").InputSignal<string>;
+    readonly orientation: import("@angular/core").InputSignal<"" | TuiOrientation>;
     constructor();
     private isEnd;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiFade, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFade, "[tuiFade]", never, { "lineHeight": { "alias": "tuiFadeHeight"; "required": false; }; "size": { "alias": "tuiFadeSize"; "required": false; }; "offset": { "alias": "tuiFadeOffset"; "required": false; }; "orientation": { "alias": "tuiFade"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFade, "[tuiFade]", never, { "lineHeight": { "alias": "tuiFadeHeight"; "required": false; "isSignal": true; }; "size": { "alias": "tuiFadeSize"; "required": false; "isSignal": true; }; "offset": { "alias": "tuiFadeOffset"; "required": false; "isSignal": true; }; "orientation": { "alias": "tuiFade"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/highlight/highlight.directive.d.ts

@@ -1,4 +1,3 @@
-import { type OnChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare const TUI_HIGHLIGHT_OPTIONS: import("@angular/core").InjectionToken<{
     highlightColor: string;
@@ -7,20 +6,20 @@ export declare const TUI_HIGHLIGHT_OPTIONS: import("@angular/core").InjectionTok
 }> | (() => Partial<{
     highlightColor: string;
 }>)) => import("@angular/core").FactoryProvider;
-export declare class TuiHighlight implements OnChanges {
+export declare class TuiHighlight {
     private readonly el;
     private readonly renderer;
     private readonly doc;
-    private readonly highlight;
     private readonly treeWalker;
-    tuiHighlight: string;
-    tuiHighlightColor: string;
-    constructor();
-    ngOnChanges(): void;
+    private readonly resized;
+    readonly tuiHighlight: import("@angular/core").InputSignal<string>;
+    readonly tuiHighlightColor: import("@angular/core").InputSignal<string>;
+    protected readonly highlight: HTMLElement;
+    protected readonly setStyles: import("@angular/core").EffectRef;
     protected get match(): boolean;
     private updateStyles;
     private indexOf;
     private setUpHighlight;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHighlight, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHighlight, "[tuiHighlight]", never, { "tuiHighlight": { "alias": "tuiHighlight"; "required": false; }; "tuiHighlightColor": { "alias": "tuiHighlightColor"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHighlight, "[tuiHighlight]", never, { "tuiHighlight": { "alias": "tuiHighlight"; "required": false; "isSignal": true; }; "tuiHighlightColor": { "alias": "tuiHighlightColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/present/present.directive.d.ts

@@ -1,10 +1,9 @@
 import { type OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiPresent implements OnDestroy {
-    private readonly visibility$;
-    readonly tuiPresentChange: import("rxjs").Observable<boolean>;
+    readonly tuiPresent: import("@angular/core").ModelSignal<boolean>;
     ngOnDestroy(): void;
     protected onAnimation(visibility: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPresent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPresent, "[tuiPresentChange]", never, {}, { "tuiPresentChange": "tuiPresentChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPresent, "[tuiPresentChange]", never, { "tuiPresent": { "alias": "tuiPresent"; "required": false; "isSignal": true; }; }, { "tuiPresent": "tuiPresentChange"; }, never, never, true, never>;
 }

package/directives/unfinished-validator/unfinished-validator.directive.d.ts

@@ -5,8 +5,8 @@ export declare class TuiUnfinishedValidator implements Validator {
     private readonly error;
     private readonly fallback;
     private readonly message;
-    tuiUnfinishedValidator: string;
+    readonly tuiUnfinishedValidator: import("@angular/core").InputSignal<string>;
     readonly validate: import("@angular/forms").ValidatorFn;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiUnfinishedValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiUnfinishedValidator, "input[tuiUnfinishedValidator]", never, { "tuiUnfinishedValidator": { "alias": "tuiUnfinishedValidator"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiUnfinishedValidator, "input[tuiUnfinishedValidator]", never, { "tuiUnfinishedValidator": { "alias": "tuiUnfinishedValidator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/unmask-handler/unmask-handler.directive.d.ts

@@ -3,10 +3,10 @@ import { TuiValueTransformer } from '@taiga-ui/cdk/classes';
 import { type TuiMapper } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiUnmaskHandler extends TuiValueTransformer<string> {
-    tuiUnmaskHandler: TuiMapper<[string], string>;
-    maskito: MaskitoOptions | null;
+    readonly tuiUnmaskHandler: import("@angular/core").InputSignal<TuiMapper<[string], string>>;
+    readonly maskito: import("@angular/core").InputSignal<MaskitoOptions | null>;
     fromControlValue(controlValue: unknown): string;
     toControlValue(value: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiUnmaskHandler, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiUnmaskHandler, "[maskito][tuiUnmaskHandler]", never, { "tuiUnmaskHandler": { "alias": "tuiUnmaskHandler"; "required": false; }; "maskito": { "alias": "maskito"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiUnmaskHandler, "[maskito][tuiUnmaskHandler]", never, { "tuiUnmaskHandler": { "alias": "tuiUnmaskHandler"; "required": false; "isSignal": true; }; "maskito": { "alias": "maskito"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }