@taiga-ui/kit 4.52.0-canary.932d3ef → 4.52.0-canary.9c7b1f0

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

@@ -3,8 +3,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/components/textfield";
 export declare class TuiInputDateComponent {
     protected readonly host: TuiInputDateDirective;
-    list: string | null;
+    readonly list: import("@angular/core").InputSignal<string | undefined>;
     protected onInput(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputDateComponent, "input[tuiInputDate][type=\"date\"]", never, { "list": { "alias": "list"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithNativePicker; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputDateComponent, "input[tuiInputDate][type=\"date\"]", never, { "list": { "alias": "list"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithNativePicker; inputs: {}; outputs: {}; }]>;
 }

package/components/input-date/input-date.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/dropdown';
 import { TuiInputDateComponent } from './input-date.component';
 import { TuiInputDateDirective } from './input-date.directive';
-export declare const TuiInputDate: readonly [typeof TuiInputDateDirective, typeof TuiInputDateComponent, typeof TuiCalendar];
+export declare const TuiInputDate: readonly [typeof TuiInputDateDirective, typeof TuiInputDateComponent, typeof TuiCalendar, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -1,50 +1,49 @@
-import { type MaskitoDateMode } from '@maskito/kit';
+import { type Signal } from '@angular/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
-import { type TuiDateMode, TuiDay, type TuiDayRange, type TuiTime } from '@taiga-ui/cdk/date-time';
+import { TuiDay, type TuiDayRange, type TuiTime } from '@taiga-ui/cdk/date-time';
 import { TuiCalendar } from '@taiga-ui/core/components/calendar';
-import { TuiTextfieldDirective } from '@taiga-ui/core/components/textfield';
+import { TuiInputDirective } from '@taiga-ui/core/components/input';
 import { type TuiItemsHandlers } from '@taiga-ui/core/directives/items-handlers';
 import { TuiCalendarRange } from '@taiga-ui/kit/components/calendar-range';
-import { type TuiInputDateOptionsNew } from './input-date.options';
+import { type TuiInputDateOptions } from './input-date.options';
 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 "@taiga-ui/core/directives/items-handlers";
 import * as i4 from "@maskito/angular";
-export declare const TUI_DATE_ADAPTER: Record<TuiDateMode, MaskitoDateMode>;
 export declare abstract class TuiInputDateBase<T extends TuiDay | TuiDayRange | readonly [TuiDay, TuiTime | null]> extends TuiControl<T | null> {
+    abstract readonly max: Signal<TuiDay>;
+    abstract readonly min: Signal<TuiDay>;
     private readonly calendar;
     protected readonly el: HTMLInputElement;
-    protected readonly textfield: TuiTextfieldDirective<any>;
-    protected readonly filler: import("@angular/core").Signal<string>;
+    protected readonly input: TuiInputDirective<any>;
+    protected readonly filler: Signal<string>;
     protected readonly mobile: boolean;
-    protected readonly open: import("@angular/core").WritableSignal<boolean>;
-    protected readonly icon: import("@angular/core").Signal<string>;
+    protected readonly open: import("@angular/core").ModelSignal<boolean>;
+    protected readonly icon: Signal<string>;
     protected readonly handlers: TuiItemsHandlers<T>;
-    protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
-    protected readonly options: Omit<TuiInputDateOptionsNew, 'valueTransformer'>;
-    protected readonly format: import("@angular/core").Signal<import("@taiga-ui/core/tokens").TuiDateFormatSettings>;
+    protected readonly format: Signal<import("@taiga-ui/core/tokens").TuiDateFormatSettings>;
+    protected readonly dropdownEnabled: Signal<boolean>;
+    protected readonly identity: import("@angular/core").WritableSignal<(a: TuiDay, b: TuiDay) => boolean>;
+    protected readonly options: Omit<TuiInputDateOptions, 'valueTransformer'>;
     protected readonly valueEffect: import("@angular/core").EffectRef;
     protected readonly calendarIn: import("@angular/core").EffectRef;
     protected readonly calendarOut: import("@angular/core").EffectRef;
     readonly native: boolean;
-    readonly min: import("@angular/core").WritableSignal<TuiDay>;
-    readonly max: import("@angular/core").WritableSignal<TuiDay>;
     protected abstract onValueChange(value: string): void;
-    set minSetter(min: Exclude<T, TuiDayRange> | TuiDay | null);
-    set maxSetter(max: Exclude<T, TuiDayRange> | TuiDay | null);
     writeValue(value: T | null): void;
     setDate(value: TuiDay | TuiDayRange | readonly TuiDay[]): void;
     protected processCalendar(calendar: TuiCalendar | TuiCalendarRange): void;
     protected onClick(): void;
     protected stringify(value: T | null): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateBase<any>, never, never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateBase<any>, never, never, {}, {}, never, never, true, never>;
 }
 export declare class TuiInputDateDirective extends TuiInputDateBase<TuiDay> {
-    protected readonly identity: void;
-    protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
+    readonly max: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
+    readonly min: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
+    protected readonly mask: Signal<import("@maskito/core").MaskitoOptions>;
     protected onValueChange(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateDirective, "input[tuiInputDate]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiItemsHandlersValidator; inputs: {}; outputs: {}; }, { directive: typeof i4.MaskitoDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateDirective, "input[tuiInputDate]", never, { "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiItemsHandlersValidator; inputs: {}; outputs: {}; }, { directive: typeof i4.MaskitoDirective; inputs: {}; outputs: {}; }]>;
 }

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

@@ -2,16 +2,16 @@ import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
 import { type TuiDay } from '@taiga-ui/cdk/date-time';
 import { type TuiHandler } from '@taiga-ui/cdk/types';
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
-export interface TuiInputDateOptionsNew {
+export interface TuiInputDateOptions {
     readonly icon: TuiHandler<TuiSizeL | TuiSizeS, string>;
     readonly max: TuiDay;
     readonly min: TuiDay;
     readonly valueTransformer: TuiValueTransformer<TuiDay | null, any>;
 }
-export declare const TUI_INPUT_DATE_DEFAULT_OPTIONS_NEW: {
+export declare const TUI_INPUT_DATE_DEFAULT_OPTIONS: {
     readonly icon: () => string;
     readonly min: TuiDay;
     readonly max: TuiDay;
     readonly valueTransformer: TuiValueTransformer<any, any>;
 };
-export declare const TUI_INPUT_DATE_OPTIONS_NEW: import("@angular/core").InjectionToken<TuiInputDateOptionsNew>, tuiInputDateOptionsProviderNew: (item: Partial<TuiInputDateOptionsNew> | (() => Partial<TuiInputDateOptionsNew>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_INPUT_DATE_OPTIONS: import("@angular/core").InjectionToken<TuiInputDateOptions>, tuiInputDateOptionsProvider: (item: Partial<TuiInputDateOptions> | (() => Partial<TuiInputDateOptions>)) => import("@angular/core").FactoryProvider;

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

@@ -1,4 +1,3 @@
 import { TuiCalendar } from '@taiga-ui/core/components/calendar';
-import { TuiInputChipComponent } from '@taiga-ui/kit/components/input-chip';
 import { TuiInputDateMultiDirective } from './input-date-multi.directive';
-export declare const TuiInputDateMulti: readonly [typeof TuiInputDateMultiDirective, typeof TuiCalendar, typeof TuiInputChipComponent];
+export declare const TuiInputDateMulti: readonly [typeof TuiInputDateMultiDirective, typeof TuiCalendar, 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, typeof import("@taiga-ui/kit/components/input-chip").TuiInputChipDirective, typeof import("@taiga-ui/kit/components/input-chip").TuiInputChipComponent];

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>;
+    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/dropdown';
 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

@@ -1,20 +1,19 @@
-import { type TuiDayLike, TuiDayRange } from '@taiga-ui/cdk/date-time';
+import { TuiDay, 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;
+    readonly max: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
+    readonly min: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
     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);
+    protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions>;
+    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, { "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "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/dropdown';
 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

@@ -1,28 +1,28 @@
 import { type MaskitoOptions } from '@maskito/core';
-import { type MaskitoTimeMode } from '@maskito/kit';
 import { TuiDay, TuiTime } from '@taiga-ui/cdk/date-time';
 import { type TuiCalendar } from '@taiga-ui/core/components/calendar';
 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 mask: import("@angular/core").Signal<MaskitoOptions | null>;
-    readonly timeMode: import("@angular/core").WritableSignal<MaskitoTimeMode>;
-    readonly minTime: import("@angular/core").WritableSignal<TuiTime>;
-    readonly maxTime: import("@angular/core").WritableSignal<TuiTime>;
-    set timeModeSetter(x: MaskitoTimeMode);
-    set minSetter(min: TuiDay | readonly [TuiDay, TuiTime | null] | null);
-    set maxSetter(max: TuiDay | readonly [TuiDay, TuiTime | null] | null);
+    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>;
+    readonly min: import("@angular/core").Signal<TuiDay>;
+    readonly max: import("@angular/core").Signal<TuiDay>;
+    readonly minTime: import("@angular/core").Signal<any>;
+    readonly maxTime: import("@angular/core").Signal<any>;
+    readonly timeMode: import("@angular/core").InputSignal<import("@maskito/kit").MaskitoTimeMode>;
+    readonly minInput: import("@angular/core").InputSignal<TuiDay | readonly [TuiDay, TuiTime | null] | null>;
+    readonly maxInput: import("@angular/core").InputSignal<TuiDay | readonly [TuiDay, TuiTime | null] | null>;
     setValue(value: readonly [TuiDay, TuiTime | null] | null): void;
     setDate(newDate: TuiDay): void;
     writeValue(value: [TuiDay, TuiTime | null] | null): void;
@@ -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, { "timeMode": { "alias": "timeMode"; "required": false; "isSignal": true; }; "minInput": { "alias": "min"; "required": false; "isSignal": true; }; "maxInput": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, 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-inline/input-inline.component.d.ts

@@ -1,7 +1,8 @@
+import { NgControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class TuiInputInline {
-    private readonly control?;
-    protected readonly value$: import("rxjs").Observable<unknown>;
+    protected readonly control: import("@angular/core").Signal<NgControl | undefined>;
+    protected readonly value: import("@angular/core").Signal<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputInline, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputInline, "tui-input-inline", never, {}, {}, ["control"], ["*", "input"], true, never>;
 }

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

@@ -4,12 +4,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/components/textfield";
 export declare class TuiInputMonthComponent {
     protected readonly host: TuiInputMonthDirective;
-    protected readonly min: import("@angular/core").WritableSignal<TuiMonth | null>;
-    protected readonly max: import("@angular/core").WritableSignal<TuiMonth | null>;
     protected readonly calendarSync: import("@angular/core").EffectRef;
-    set minSetter(x: TuiMonth | null);
-    set maxSetter(x: TuiMonth | null);
+    protected readonly min: import("@angular/core").InputSignal<TuiMonth | null>;
+    protected readonly max: import("@angular/core").InputSignal<TuiMonth | null>;
     protected onInput(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputMonthComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputMonthComponent, "input[tuiInputMonth][type=\"month\"]", never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithNativePicker; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputMonthComponent, "input[tuiInputMonth][type=\"month\"]", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithNativePicker; inputs: {}; outputs: {}; }]>;
 }

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];
+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/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];
+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/index.d.ts

@@ -1,5 +1,8 @@
 export * from './input-number';
 export * from './input-number.directive';
 export * from './input-number.options';
+export * from './number-mask.directive';
 export * from './quantum.directive';
 export * from './step/input-number-step.component';
+export * from './transformers/bigint.value-transformer';
+export * from './transformers/number.value-transformer';

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

@@ -1,4 +1,9 @@
+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 { TuiNumberMask } from './number-mask.directive';
+import { TuiBigIntQuantumValueTransformer, TuiQuantumValueTransformer } from './quantum.directive';
 import { TuiInputNumberStep } from './step/input-number-step.component';
-export declare const TuiInputNumber: readonly [typeof TuiInputNumberDirective, typeof TuiInputNumberStep, typeof TuiQuantumValueTransformer];
+import { TuiBigIntValueTransformer } from './transformers/bigint.value-transformer';
+export declare const TuiInputNumber: readonly [typeof TuiInputNumberDirective, typeof TuiNumberMask, typeof TuiInputNumberStep, typeof TuiBigIntValueTransformer, typeof TuiQuantumValueTransformer, typeof TuiBigIntQuantumValueTransformer, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -1,38 +1,21 @@
-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 i2 from "@maskito/angular";
-export declare class TuiInputNumberDirective extends TuiControl<number | null> {
-    private readonly options;
-    private readonly textfield;
+import * as i1 from "@taiga-ui/core/components/input";
+import * as i2 from "./number-mask.directive";
+import * as i3 from "./transformers/number.value-transformer";
+export declare class TuiInputNumberDirective extends TuiControl<string> {
+    private readonly mask;
+    private readonly input;
     private readonly isIOS;
-    private readonly minRaw;
-    private readonly maxRaw;
-    private readonly numberFormat;
-    private readonly formatted;
-    private readonly precision;
-    private readonly unfinished;
     protected readonly element: HTMLInputElement;
-    protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
     protected readonly inputMode: import("@angular/core").Signal<"text" | "decimal" | "numeric">;
     protected readonly defaultMaxLength: import("@angular/core").Signal<number>;
+    readonly parsed: import("@angular/core").Signal<number | bigint>;
     protected readonly onChangeEffect: import("@angular/core").EffectRef;
-    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);
-    writeValue(value: number | null): void;
-    setValue(value: number | null): void;
+    writeValue(value: any): void;
+    setValue(value: bigint | number | string | null): void;
     protected onFocus(): void;
-    private get maskParams();
-    private formatNumber;
-    private computeMask;
+    private parse;
     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, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithNumberMask; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiNumberValueTransformer; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,15 +1,12 @@
+import { type MaskitoNumberParams } from '@maskito/kit';
 import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
-export interface TuiInputNumberOptions {
-    readonly max: number;
-    readonly min: number;
-    readonly prefix: string;
-    readonly postfix: string;
-    readonly step: number;
+export interface TuiInputNumberOptions extends Pick<Required<MaskitoNumberParams>, 'max' | 'min' | 'minusSign' | 'postfix' | 'prefix'> {
+    readonly step: bigint | number;
     readonly icons: Readonly<{
         decrease: string;
         increase: string;
     }>;
-    readonly valueTransformer: TuiValueTransformer<number | null, any> | null;
+    readonly valueTransformer: TuiValueTransformer<bigint | null, any> | TuiValueTransformer<number | null, any> | null;
 }
 export declare const TUI_INPUT_NUMBER_DEFAULT_OPTIONS: TuiInputNumberOptions;
 export declare const TUI_INPUT_NUMBER_OPTIONS: import("@angular/core").InjectionToken<TuiInputNumberOptions>, tuiInputNumberOptionsProvider: (item: Partial<TuiInputNumberOptions> | (() => Partial<TuiInputNumberOptions>)) => import("@angular/core").FactoryProvider;

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

@@ -0,0 +1,42 @@
+import { type MaskitoOptions } from '@maskito/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@maskito/angular";
+export declare class TuiNumberMask {
+    private readonly options;
+    private readonly numberFormat;
+    private readonly input;
+    readonly prefix: import("@angular/core").InputSignal<string>;
+    readonly postfix: import("@angular/core").InputSignal<string>;
+    readonly maximumFractionDigits: import("@angular/core").Signal<number>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number | bigint, number | bigint | null>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number | bigint, number | bigint | null>;
+    readonly params: import("@angular/core").Signal<{
+        readonly maximumFractionDigits: number;
+        readonly min: number | bigint;
+        readonly max: number | bigint;
+        readonly prefix: string;
+        readonly postfix: string;
+        readonly minimumFractionDigits: number;
+        readonly step: bigint | number;
+        readonly icons: Readonly<{
+            decrease: string;
+            increase: string;
+        }>;
+        readonly valueTransformer: import("@taiga-ui/cdk/classes").TuiValueTransformer<bigint | null, any> | import("@taiga-ui/cdk/classes").TuiValueTransformer<number | null, any> | null;
+        readonly minusSign: string;
+        readonly precision: number;
+        readonly decimalSeparator: import("@taiga-ui/core/tokens").TuiDecimalSymbol;
+        readonly rounding: import("@taiga-ui/cdk/types").TuiRounding;
+        readonly thousandSeparator: string;
+    }>;
+    protected readonly mask: import("@angular/core").Signal<MaskitoOptions>;
+    protected maskInitialCalibration: import("@angular/core").EffectRef;
+    stringify(value: bigint | number | null | undefined): string;
+    private computeMask;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiNumberMask, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNumberMask, never, never, { "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "postfix": { "alias": "postfix"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }]>;
+}
+export declare class TuiWithNumberMask {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithNumberMask, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithNumberMask, never, never, {}, {}, never, never, true, [{ directive: typeof TuiNumberMask; inputs: { "min": "min"; "max": "max"; "prefix": "prefix"; "postfix": "postfix"; }; outputs: {}; }]>;
+}

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

@@ -1,21 +1,23 @@
 import { TuiValueTransformer } from '@taiga-ui/cdk/classes';
+import { identity } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiQuantumValueTransformerBase extends TuiValueTransformer<number | null, number | null> {
     quantum: number;
-    protected parent: TuiValueTransformer<number | null, any> | null;
+    fromControlValue: typeof identity;
     constructor(quantum?: number);
-    fromControlValue(controlValue: number | null): number | null;
-    toControlValue(internalValue: number | null): number | null;
+    toControlValue(value: number | null): number | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiQuantumValueTransformerBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiQuantumValueTransformerBase, never, never, {}, {}, never, never, true, never>;
 }
 export declare class TuiQuantumValueTransformer extends TuiQuantumValueTransformerBase {
-    protected parent: TuiValueTransformer<number | null, any> | null;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiQuantumValueTransformer, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiQuantumValueTransformer, "[tuiInputNumber][quantum], [tuiInputSlider][quantum]", never, { "quantum": { "alias": "quantum"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiQuantumValueTransformer, "[tuiInputNumber][quantum]:not([bigint])", never, { "quantum": { "alias": "quantum"; "required": false; }; }, {}, never, never, true, never>;
 }
-export declare class TuiWithQuantumValueTransformer {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithQuantumValueTransformer, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithQuantumValueTransformer, never, never, {}, {}, never, never, true, [{ directive: typeof TuiQuantumValueTransformer; inputs: { "quantum": "quantum"; }; outputs: {}; }]>;
+export declare class TuiBigIntQuantumValueTransformer extends TuiValueTransformer<bigint | null, bigint | null> {
+    readonly quantum: import("@angular/core").InputSignal<bigint>;
+    fromControlValue: typeof identity;
+    toControlValue(value: bigint | null): bigint | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiBigIntQuantumValueTransformer, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBigIntQuantumValueTransformer, "[tuiInputNumber][bigint][quantum]", never, { "quantum": { "alias": "quantum"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }