@taiga-ui/kit 4.52.0-canary.3915ce7 → 4.52.0-canary.40b6993

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

@@ -1,30 +1,26 @@
 import { TuiDay } from '@taiga-ui/cdk/date-time';
 import { TuiCalendar } from '@taiga-ui/core/components/calendar';
-import { TuiInputChipBaseDirective } from '@taiga-ui/kit/components/input-chip';
+import { TuiInputChipDirective } from '@taiga-ui/kit/components/input-chip';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/native-validator";
-import * as i2 from "@taiga-ui/core/directives/dropdown";
-import * as i3 from "@maskito/angular";
-import * as i4 from "@taiga-ui/core/components/textfield";
-export declare class TuiInputDateMultiDirective extends TuiInputChipBaseDirective<TuiDay> {
+import * as i1 from "@taiga-ui/core/portals/dropdown";
+import * as i2 from "@maskito/angular";
+export declare class TuiInputDateMultiDirective extends TuiInputChipDirective<TuiDay> {
     private readonly dateOptions;
     protected readonly icon: import("@angular/core").Signal<string>;
     protected readonly filler: import("@angular/core").Signal<string>;
-    protected readonly stringify: void;
-    protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
     protected readonly format: import("@angular/core").Signal<import("@taiga-ui/core/tokens").TuiDateFormatSettings>;
+    protected readonly stringify: import("@angular/core").WritableSignal<(item: any) => any>;
+    protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
+    protected readonly calendar: import("@angular/core").Signal<TuiCalendar | null>;
     protected readonly calendarIn: import("@angular/core").EffectRef;
     protected readonly calendarOut: import("@angular/core").EffectRef;
-    readonly min: import("@angular/core").WritableSignal<TuiDay>;
-    readonly max: import("@angular/core").WritableSignal<TuiDay>;
-    readonly calendar: import("@angular/core").Signal<TuiCalendar | null>;
-    set minSetter(min: TuiDay | null);
-    set maxSetter(max: TuiDay | null);
+    readonly min: import("@angular/core").InputSignal<TuiDay | null>;
+    readonly max: import("@angular/core").InputSignal<TuiDay | null>;
     protected processCalendar(calendar: TuiCalendar): void;
     protected onClick(): void;
     protected onValueChange(value: string): void;
     protected onEnter(): void;
     private updateValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateMultiDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateMultiDirective, "input[tuiInputDateMulti]", never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiTextfieldBase; inputs: { "invalid": "invalid"; "focused": "focused"; "readOnly": "readOnly"; "state": "state"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateMultiDirective, "input[tuiInputDateMulti]", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/input-date-range/input-date-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';
 import { TuiCalendarRange } from '@taiga-ui/kit/components/calendar-range';
 import { TuiInputDateRangeDirective } from './input-date-range.directive';
-export declare const TuiInputDateRange: readonly [typeof TuiInputDateRangeDirective, typeof TuiCalendarRange];
+export declare const TuiInputDateRange: readonly [typeof TuiInputDateRangeDirective, typeof TuiCalendarRange, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -2,19 +2,16 @@ import { type TuiDayLike, TuiDayRange } from '@taiga-ui/cdk/date-time';
 import { type TuiCalendarRange } from '@taiga-ui/kit/components/calendar-range';
 import { TuiInputDateBase } from '@taiga-ui/kit/components/input-date';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
-import * as i2 from "@taiga-ui/core/directives/dropdown";
+import * as i1 from "@taiga-ui/core/components/input";
+import * as i2 from "@taiga-ui/core/portals/dropdown";
 import * as i3 from "@maskito/angular";
 export declare class TuiInputDateRangeDirective extends TuiInputDateBase<TuiDayRange> {
-    protected readonly identity: void;
     protected readonly filler: import("@angular/core").Signal<string>;
     protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
-    readonly minLength: import("@angular/core").WritableSignal<TuiDayLike | null>;
-    readonly maxLength: import("@angular/core").WritableSignal<TuiDayLike | null>;
-    set minLengthSetter(minLength: TuiDayLike | null);
-    set maxLengthSetter(maxLength: TuiDayLike | null);
+    readonly minLength: import("@angular/core").InputSignal<TuiDayLike | null>;
+    readonly maxLength: import("@angular/core").InputSignal<TuiDayLike | null>;
     protected processCalendar(calendar: TuiCalendarRange): void;
     protected onValueChange(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateRangeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateRangeDirective, "input[tuiInputDateRange]", never, { "minLengthSetter": { "alias": "minLength"; "required": false; }; "maxLengthSetter": { "alias": "maxLength"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.MaskitoDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateRangeDirective, "input[tuiInputDateRange]", never, { "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.MaskitoDirective; inputs: {}; outputs: {}; }]>;
 }

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

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

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

@@ -1,4 +1,7 @@
 import { TuiCalendar } 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';
 import { TuiInputDateTimeComponent } from './input-date-time.component';
 import { TuiInputDateTimeDirective } from './input-date-time.directive';
-export declare const TuiInputDateTime: readonly [typeof TuiInputDateTimeDirective, typeof TuiInputDateTimeComponent, typeof TuiCalendar];
+export declare const TuiInputDateTime: readonly [typeof TuiInputDateTimeDirective, typeof TuiInputDateTimeComponent, typeof TuiCalendar, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -6,16 +6,16 @@ import { type TuiTextfieldAccessor } from '@taiga-ui/core/components/textfield';
 import { TuiInputDateBase } from '@taiga-ui/kit/components/input-date';
 import * as i0 from "@angular/core";
 import * as i1 from "@maskito/angular";
-import * as i2 from "@taiga-ui/core/directives/dropdown";
+import * as i2 from "@taiga-ui/core/portals/dropdown";
 import * as i3 from "@taiga-ui/core/directives/items-handlers";
-import * as i4 from "@taiga-ui/core/components/textfield";
+import * as i4 from "@taiga-ui/core/components/input";
 export declare class TuiInputDateTimeDirective extends TuiInputDateBase<readonly [TuiDay, TuiTime | null]> implements TuiTextfieldAccessor<readonly [TuiDay, TuiTime | null]> {
     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>;
@@ -33,5 +33,5 @@ export declare class TuiInputDateTimeDirective extends TuiInputDateBase<readonly
     private computeMask;
     private toNativeDate;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateTimeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateTimeDirective, "input[tuiInputDateTime]", never, { "timeModeSetter": { "alias": "timeMode"; "required": false; }; "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiItemsHandlersValidator; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateTimeDirective, "input[tuiInputDateTime]", never, { "timeModeSetter": { "alias": "timeMode"; "required": false; }; "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiItemsHandlersValidator; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiWithInput; inputs: {}; outputs: {}; }]>;
 }

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';
 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];
+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

@@ -2,11 +2,12 @@ import { TuiControl } from '@taiga-ui/cdk/classes';
 import { type TuiMonth } from '@taiga-ui/cdk/date-time';
 import { TuiCalendarMonth } from '@taiga-ui/kit/components/calendar-month';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
-import * as i2 from "@taiga-ui/core/directives/dropdown";
+import * as i1 from "@taiga-ui/core/components/input";
+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 textfield;
-    private readonly formatter;
+    private readonly input;
+    private readonly months;
     private readonly open;
     protected readonly icon: import("@angular/core").Signal<string>;
     protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
@@ -17,5 +18,5 @@ export declare class TuiInputMonthDirective extends TuiControl<TuiMonth | null>
     readonly native: boolean;
     protected clear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputMonthDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputMonthDirective, "input[tuiInputMonth]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiSelectLike; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputMonthDirective, "input[tuiInputMonth]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiSelectLike; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiDropdownAuto; inputs: {}; outputs: {}; }]>;
 }

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';
 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];
+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

@@ -1,11 +1,12 @@
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { TuiMonthRange } from '@taiga-ui/cdk/date-time';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
-import * as i2 from "@taiga-ui/core/directives/dropdown";
+import * as i1 from "@taiga-ui/core/components/input";
+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 textfield;
-    private readonly formatter;
+    private readonly input;
+    private readonly months;
     private readonly open;
     private readonly intermediateValue;
     private readonly calendar;
@@ -18,5 +19,5 @@ export declare class TuiInputMonthRangeDirective extends TuiControl<TuiMonthRang
     protected onMonthClickEffect: import("@angular/core").EffectRef;
     protected clear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputMonthRangeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputMonthRangeDirective, "input[tuiInputMonthRange]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiSelectLike; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputMonthRangeDirective, "input[tuiInputMonthRange]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiSelectLike; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiDropdownAuto; inputs: {}; outputs: {}; }]>;
 }

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';
 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];
+export declare const TuiInputNumber: readonly [typeof TuiInputNumberDirective, typeof TuiInputNumberStep, typeof TuiQuantumValueTransformer, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -1,14 +1,12 @@
 import { type MaskitoOptions } from '@maskito/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
+import * as i1 from "@taiga-ui/core/components/input";
 import * as i2 from "@maskito/angular";
 export declare class TuiInputNumberDirective extends TuiControl<number | null> {
     private readonly options;
-    private readonly textfield;
+    private readonly input;
     private readonly isIOS;
-    private readonly minRaw;
-    private readonly maxRaw;
     private readonly numberFormat;
     private readonly formatted;
     private readonly precision;
@@ -21,12 +19,10 @@ export declare class TuiInputNumberDirective extends TuiControl<number | null> {
     protected maskInitialCalibrationEffect: import("@angular/core").EffectRef;
     readonly min: import("@angular/core").Signal<number>;
     readonly max: import("@angular/core").Signal<number>;
-    readonly prefix: import("@angular/core").WritableSignal<string>;
-    readonly postfix: import("@angular/core").WritableSignal<string>;
-    set minSetter(x: number | null);
-    set maxSetter(x: number | null);
-    set prefixSetter(x: string);
-    set postfixSetter(x: string);
+    readonly prefix: import("@angular/core").InputSignal<string>;
+    readonly postfix: import("@angular/core").InputSignal<string>;
+    readonly minRaw: import("@angular/core").InputSignalWithTransform<number, number | null>;
+    readonly maxRaw: import("@angular/core").InputSignalWithTransform<number, number | null>;
     writeValue(value: number | null): void;
     setValue(value: number | null): void;
     protected onFocus(): void;
@@ -34,5 +30,5 @@ export declare class TuiInputNumberDirective extends TuiControl<number | null> {
     private formatNumber;
     private computeMask;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputNumberDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputNumberDirective, "input[tuiInputNumber]", never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; "prefixSetter": { "alias": "prefix"; "required": false; }; "postfixSetter": { "alias": "postfix"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputNumberDirective, "input[tuiInputNumber]", never, { "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "postfix": { "alias": "postfix"; "required": false; "isSignal": true; }; "minRaw": { "alias": "min"; "required": false; "isSignal": true; }; "maxRaw": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
 }

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

@@ -4,7 +4,7 @@ import { type TuiInputNumberOptions } from '../input-number.options';
 import * as i0 from "@angular/core";
 export declare class TuiInputNumberStep {
     protected readonly el: HTMLInputElement;
-    protected readonly appearance: import("@angular/core").WritableSignal<string>;
+    protected readonly appearance: import("@angular/core").Signal<string>;
     protected readonly options: TuiInputNumberOptions;
     protected readonly input: TuiInputNumberDirective;
     protected readonly step: import("@angular/core").WritableSignal<number>;

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

@@ -1,2 +1,3 @@
+export * from './input-phone';
 export * from './input-phone.directive';
 export * from './input-phone.options';

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

@@ -0,0 +1,5 @@
+import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import { TuiDropdownContent } from '@taiga-ui/core/portals';
+import { TuiInputPhoneDirective } from './input-phone.directive';
+export declare const TuiInputPhone: readonly [typeof TuiInputPhoneDirective, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -1,17 +1,17 @@
 import { type MaskitoOptions } from '@maskito/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
+import * as i1 from "@taiga-ui/core/components/input";
 import * as i2 from "@maskito/angular";
-export declare class TuiInputPhone extends TuiControl<string | null> {
-    private readonly textfield;
+export declare class TuiInputPhoneDirective extends TuiControl<string | null> {
+    private readonly input;
     private readonly host;
+    protected readonly options: import("./input-phone.options").TuiInputPhoneOptions;
+    protected readonly el: HTMLInputElement;
     protected readonly nonRemovablePrefix: import("@angular/core").Signal<string>;
     protected inputMode: import("@angular/core").Signal<"text" | "numeric">;
     protected readonly valueEffect: import("@angular/core").EffectRef;
     protected readonly blurEffect: import("@angular/core").EffectRef;
-    protected readonly options: import("./input-phone.options").TuiInputPhoneOptions;
-    protected readonly el: HTMLInputElement;
     protected readonly mask: import("@angular/core").Signal<MaskitoOptions>;
     protected readonly maskito: import("@angular/core").Signal<MaskitoOptions | null>;
     readonly countryCode: import("@angular/core").WritableSignal<string>;
@@ -22,6 +22,6 @@ export declare class TuiInputPhone extends TuiControl<string | null> {
     protected onInput(value: string): void;
     private get maxPhoneLength();
     private calculateMask;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPhone, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputPhone, "input[tuiInputPhone]", never, { "allowTextSetter": { "alias": "allowText"; "required": false; }; "maskSetter": { "alias": "mask"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPhoneDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputPhoneDirective, "input[tuiInputPhone]", never, { "allowTextSetter": { "alias": "allowText"; "required": false; }; "maskSetter": { "alias": "mask"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,2 +1,3 @@
+export * from './input-phone-international';
 export * from './input-phone-international.component';
 export * from './input-phone-international.options';

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

@@ -1,51 +1,45 @@
-import { TemplateRef } from '@angular/core';
+import { ElementRef, type QueryList } from '@angular/core';
 import { type MaskitoOptions } from '@maskito/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { type MetadataJson } from 'libphonenumber-js/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/group";
-import * as i2 from "@taiga-ui/core/directives/dropdown";
-/** @deprecated use version from experimental package instead */
-export declare class TuiInputPhoneInternational extends TuiControl<string> {
-    private readonly input?;
-    private readonly filter?;
-    private readonly listOptions?;
-    protected readonly isIos: boolean;
-    protected readonly dropdown: import("@angular/core").WritableSignal<import("@taiga-ui/polymorpheus").PolymorpheusComponent<unknown> | import("@taiga-ui/polymorpheus").PolymorpheusPrimitive | import("@taiga-ui/polymorpheus").PolymorpheusHandler<any> | import("@taiga-ui/polymorpheus").PolymorpheusTemplate<"" | Partial<any>> | TemplateRef<Partial<any>>>;
+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;
+    protected readonly ios: boolean;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly options: import("./input-phone-international.options").TuiInputPhoneInternationalOptions;
-    protected readonly size: import("@angular/core").WritableSignal<"m" | "l" | "s">;
-    protected readonly open: import("@angular/core").WritableSignal<boolean>;
-    protected readonly names: import("@angular/core").Signal<Record<TuiCountryIsoCode, string> | undefined>;
-    protected readonly metadata: import("@angular/core").Signal<MetadataJson | undefined>;
     protected readonly countries: import("@angular/core").WritableSignal<readonly TuiCountryIsoCode[]>;
-    protected readonly countryIsoCode: import("@angular/core").WritableSignal<TuiCountryIsoCode>;
-    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly label: import("@angular/core").Signal<string | undefined>;
+    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>>;
+    protected readonly open: import("@angular/core").ModelSignal<boolean>;
+    protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
+    protected readonly change: import("@angular/core").EffectRef;
     protected readonly search: import("@angular/core").WritableSignal<string>;
-    protected readonly separator: 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 filtered: import("@angular/core").Signal<{
         iso: TuiCountryIsoCode;
         name: string;
         code: string;
     }[]>;
-    protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
-    protected readonly $: import("@angular/core").Signal<boolean>;
-    protected textfieldValue: string;
+    protected readonly $: import("rxjs").Subscription;
     countrySearch: boolean;
     readonly countryIsoCodeChange: import("rxjs").Observable<TuiCountryIsoCode>;
     set countriesValue(value: readonly TuiCountryIsoCode[]);
     set isoCode(code: TuiCountryIsoCode);
-    focusFirstItem(): void;
-    onPaste(event: Event): void;
-    onItemClick(isoCode: TuiCountryIsoCode): void;
-    writeValue(unmaskedValue: string): void;
-    protected set template(template: PolymorpheusContent);
-    protected onFocus(): void;
-    protected onValueChange(maskedValue: string): void;
-    protected onKeyDown({ key }: KeyboardEvent): void;
+    writeValue(unmasked: string | null): void;
+    protected onPaste(event: Event): void;
+    protected onItemClick(code: TuiCountryIsoCode): void;
     private computeMask;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPhoneInternational, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPhoneInternational, "tui-input-phone-international", never, { "countrySearch": { "alias": "countrySearch"; "required": false; }; "countriesValue": { "alias": "countries"; "required": false; }; "isoCode": { "alias": "countryIsoCode"; "required": false; }; }, { "countryIsoCodeChange": "countryIsoCodeChange"; }, never, ["tui-icon, img", "*"], true, [{ directive: typeof i1.TuiGroup; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithDropdownOpen; inputs: {}; outputs: {}; }]>;
+    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

@@ -0,0 +1,5 @@
+import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import { TuiDropdownContent } from '@taiga-ui/core/portals';
+import { TuiInputPhoneInternationalComponent } from './input-phone-international.component';
+export declare const TuiInputPhoneInternational: readonly [typeof TuiInputPhoneInternationalComponent, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
 import { type MetadataJson } from 'libphonenumber-js/core';
 import { type Observable } from 'rxjs';
@@ -12,5 +11,4 @@ export declare const TUI_INPUT_PHONE_INTERNATIONAL_DEFAULT_OPTIONS: TuiInputPhon
 /**
  * Default parameters for input phone international component
  */
-export declare const TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS: InjectionToken<TuiInputPhoneInternationalOptions>;
-export declare function tuiInputPhoneInternationalOptionsProvider(options: Partial<TuiInputPhoneInternationalOptions>): Provider;
+export declare const TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS: import("@angular/core").InjectionToken<TuiInputPhoneInternationalOptions>, tuiInputPhoneInternationalOptionsProvider: (item: Partial<TuiInputPhoneInternationalOptions> | (() => Partial<TuiInputPhoneInternationalOptions>)) => import("@angular/core").FactoryProvider;

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

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

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

@@ -2,10 +2,10 @@ import { NgControl } from '@angular/forms';
 import { type MaskitoMask } from '@maskito/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@maskito/angular";
-export declare class TuiInputPin {
+export declare class TuiInputPinComponent {
     protected readonly el: HTMLInputElement;
     protected readonly mask: import("@angular/core").WritableSignal<MaskitoMask>;
-    protected readonly appearance: import("@angular/core").WritableSignal<string>;
+    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);
@@ -13,6 +13,6 @@ export declare class TuiInputPin {
     onSelection(): void;
     onArrow(): void;
     isFocused(index: number): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPin, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPin, "input[tuiInputPin]", never, { "maskSetter": { "alias": "mask"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }]>;
+    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: {}; }]>;
 }

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

@@ -0,0 +1,5 @@
+import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import { TuiDropdownContent } from '@taiga-ui/core/portals';
+import { TuiInputPinComponent } from './input-pin.component';
+export declare const TuiInputPin: readonly [typeof TuiInputPinComponent, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -1,4 +1,3 @@
-import { type AfterViewInit } from '@angular/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { type TuiContext } from '@taiga-ui/cdk/types';
 import { type TuiKeySteps } from '@taiga-ui/kit/components/slider';
@@ -7,13 +6,13 @@ import * as i0 from "@angular/core";
 export declare class TuiInputRangeComponent extends TuiControl<readonly [
     number,
     number
-]> implements AfterViewInit {
+]> {
     private readonly inputNumberRefs;
     private readonly range?;
     private readonly isMobile;
     private readonly quantum;
     private readonly quantumTransformer;
-    protected readonly size: import("@angular/core").WritableSignal<"m" | "l" | "s">;
+    protected readonly size: import("@angular/core").Signal<"m" | "s" | "l">;
     protected textfieldValueStart: number;
     protected textfieldValueEnd: number;
     protected lastActiveSide: 'end' | 'start';
@@ -38,9 +37,8 @@ export declare class TuiInputRangeComponent extends TuiControl<readonly [
         number,
         number
     ]): void;
-    ngAfterViewInit(): void;
-    protected get hideStartContent(): boolean;
-    protected get hideEndContent(): boolean;
+    protected get contentStartHidden(): boolean;
+    protected get contentEndHidden(): boolean;
     protected takeStep(event: Event | KeyboardEvent, coefficients: readonly [
         number,
         number
@@ -54,7 +52,6 @@ export declare class TuiInputRangeComponent extends TuiControl<readonly [
         number
     ]): void;
     protected focusToTextfield(): void;
-    protected onActiveThumbChange(activeThumb: 'left' | 'right'): void;
     protected setTextfieldValues([start, end]: readonly [
         number,
         number

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';
 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];
+export declare const TuiInputSlider: readonly [typeof TuiSliderComponent, typeof TuiSliderKeyStepsBase, typeof TuiSliderKeySteps, typeof TuiInputSliderDirective, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -3,17 +3,15 @@ import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/kit/components/input-number";
 export declare class TuiInputSliderDirective {
     private readonly isMobile;
-    private readonly element;
+    private readonly el;
     private readonly slider;
     private readonly controlTransformer;
-    private readonly keyStepsTransformer;
     protected readonly nothing: undefined;
     protected readonly inputNumber: TuiInputNumberDirective;
     protected readonly value: import("@angular/core").Signal<number>;
     protected readonly textfieldToSliderSync: import("@angular/core").EffectRef;
-    protected readonly sliderInitEffect: import("@angular/core").EffectRef;
+    protected readonly sliderInit: import("@angular/core").EffectRef;
     protected onStep(coefficient: number): void;
-    private onSliderInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputSliderDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputSliderDirective, "input[tuiInputSlider]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiInputNumberDirective; inputs: { "min": "min"; "max": "max"; "prefix": "prefix"; "postfix": "postfix"; "invalid": "invalid"; "readOnly": "readOnly"; }; outputs: {}; }, { directive: typeof i1.TuiWithQuantumValueTransformer; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,6 +1,5 @@
 import { type MaskitoTimeMode } from '@maskito/kit';
 import { type TuiDay, TuiTime } from '@taiga-ui/cdk/date-time';
-import { TuiTextfieldDirective } from '@taiga-ui/core/components/textfield';
 import { TuiInputTimeDirective } from './input-time.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/components/textfield";
@@ -9,12 +8,11 @@ export declare abstract class TuiNativeTimePicker {
     protected getStep(timeMode: MaskitoTimeMode): number;
     protected toISOString(value: TuiTime | readonly [TuiDay, TuiTime | null] | null): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNativeTimePicker, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNativeTimePicker, never, never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNativeTimePicker, never, never, {}, {}, never, never, true, never>;
 }
 export declare class TuiInputTimeComponent extends TuiNativeTimePicker {
     private readonly control;
     protected readonly host: TuiInputTimeDirective;
-    protected readonly textfield: TuiTextfieldDirective<any>;
     protected readonly value: import("@angular/core").Signal<string>;
     protected readonly step: import("@angular/core").Signal<number>;
     protected setValue(value: string): void;

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';
 import { TuiInputTimeComponent } from './input-time.component';
 import { TuiInputTimeDirective } from './input-time.directive';
-export declare const TuiInputTime: readonly [typeof TuiInputTimeDirective, typeof TuiInputTimeComponent];
+export declare const TuiInputTime: readonly [typeof TuiInputTimeDirective, typeof TuiInputTimeComponent, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];