@taiga-ui/kit 4.52.0-canary.ece97e9 → 4.52.0-canary.efbd0d4

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

@@ -1,11 +1,11 @@
 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 numberFormat;
     private readonly formatted;
@@ -17,12 +17,10 @@ export declare class TuiInputNumberDirective extends TuiControl<number | null> {
     protected readonly defaultMaxLength: import("@angular/core").Signal<number>;
     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 min: import("@angular/core").InputSignalWithTransform<number, number | null>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, number | null>;
     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;
@@ -30,5 +28,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, { "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.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputNumberDirective, "input[tuiInputNumber]", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "postfix": { "alias": "postfix"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,9 +1,8 @@
+import { type MaskitoNumberParams } from '@maskito/kit';
 import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
-export interface TuiInputNumberOptions {
+export interface TuiInputNumberOptions extends Pick<Required<MaskitoNumberParams>, 'minusSign' | 'postfix' | 'prefix'> {
     readonly max: number;
     readonly min: number;
-    readonly prefix: string;
-    readonly postfix: string;
     readonly step: number;
     readonly icons: Readonly<{
         decrease: string;

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

@@ -2,6 +2,7 @@ import { Subject } from 'rxjs';
 import { TuiInputNumberDirective } from '../input-number.directive';
 import { type TuiInputNumberOptions } from '../input-number.options';
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/kit/directives/appearance-proxy";
 export declare class TuiInputNumberStep {
     protected readonly el: HTMLInputElement;
     protected readonly appearance: import("@angular/core").Signal<string>;
@@ -16,5 +17,5 @@ export declare class TuiInputNumberStep {
     set stepSetter(x: number);
     protected onStep(step: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputNumberStep, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputNumberStep, "input[tuiInputNumber][step]", never, { "stepSetter": { "alias": "step"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputNumberStep, "input[tuiInputNumber][step]", never, { "stepSetter": { "alias": "step"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearanceProxy; inputs: {}; outputs: {}; }]>;
 }

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

@@ -5,8 +5,9 @@ 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/textfield";
-export declare class TuiInputPhoneInternational extends TuiControl<string> {
+import * as i2 from "@taiga-ui/core/components/input";
+import * as i3 from "@taiga-ui/kit/directives/appearance-proxy";
+export declare class TuiInputPhoneInternationalComponent extends TuiControl<string> {
     protected readonly list: QueryList<ElementRef<HTMLButtonElement>>;
     protected readonly el: HTMLInputElement;
     protected readonly ios: boolean;
@@ -17,18 +18,18 @@ export declare class TuiInputPhoneInternational extends TuiControl<string> {
     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").WritableSignal<boolean>;
+    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 size: import("@angular/core").Signal<"m" | "l" | "s">;
-    protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
     protected readonly masked: import("@angular/core").WritableSignal<string>;
-    protected valueChangeEffect: import("@angular/core").EffectRef;
+    protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
     protected readonly filtered: import("@angular/core").Signal<{
         iso: TuiCountryIsoCode;
         name: string;
         code: string;
     }[]>;
-    protected readonly enabled: import("@angular/core").Signal<boolean>;
     protected readonly $: import("rxjs").Subscription;
     countrySearch: boolean;
     readonly countryIsoCodeChange: import("rxjs").Observable<TuiCountryIsoCode>;
@@ -40,6 +41,6 @@ export declare class TuiInputPhoneInternational extends TuiControl<string> {
     private computeMask;
     private unmask;
     private getCountryCode;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPhoneInternational, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPhoneInternational, "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.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
+    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: {}; }, { directive: typeof i3.TuiAppearanceProxy; 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/dropdown';
+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,7 +2,7 @@ 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").Signal<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/dropdown';
+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/index.d.ts

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

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

@@ -3,16 +3,17 @@ import { type TuiContext } from '@taiga-ui/cdk/types';
 import { type TuiKeySteps } from '@taiga-ui/kit/components/slider';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
-export declare class TuiInputRangeComponent extends TuiControl<readonly [
+export declare class TuiInputRange extends TuiControl<readonly [
     number,
     number
 ]> {
     private readonly inputNumberRefs;
     private readonly range?;
+    private readonly options;
     private readonly isMobile;
     private readonly quantum;
     private readonly quantumTransformer;
-    protected readonly size: import("@angular/core").Signal<"m" | "l" | "s">;
+    protected readonly size: import("@angular/core").Signal<"m" | "s" | "l">;
     protected textfieldValueStart: number;
     protected textfieldValueEnd: number;
     protected lastActiveSide: 'end' | 'start';
@@ -62,8 +63,8 @@ export declare class TuiInputRangeComponent extends TuiControl<readonly [
     private setValue;
     private valueGuard;
     private isPrimitive;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputRangeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputRangeComponent, "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, ["label"], true, never>;
+    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

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

@@ -10,7 +10,7 @@ export declare class TuiInputSliderDirective {
     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;
     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/dropdown';
 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];

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

@@ -4,10 +4,10 @@ import { TuiControl } from '@taiga-ui/cdk/classes';
 import { TuiTime } from '@taiga-ui/cdk/date-time';
 import { type TuiTextfieldAccessor } from '@taiga-ui/core/components/textfield';
 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 TuiInputTimeDirective extends TuiControl<TuiTime | null> implements TuiTextfieldAccessor<TuiTime | null> {
-    private readonly textfield;
+    private readonly input;
     private readonly dropdown;
     private readonly open;
     private readonly options;
@@ -17,10 +17,10 @@ export declare class TuiInputTimeDirective extends TuiControl<TuiTime | null> im
     protected readonly filler: import("@angular/core").Signal<string>;
     protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
     readonly accept: import("@angular/core").InputSignal<readonly TuiTime[]>;
-    readonly native: boolean;
     readonly timeMode: import("@angular/core").InputSignal<MaskitoTimeMode>;
     readonly prefix: import("@angular/core").InputSignal<string>;
     readonly postfix: import("@angular/core").InputSignal<string>;
+    readonly native: boolean;
     setValue(value: TuiTime | null): void;
     writeValue(value: TuiTime | null): void;
     protected onInput(valueWithAffixes: string): void;
@@ -30,5 +30,5 @@ export declare class TuiInputTimeDirective extends TuiControl<TuiTime | null> im
     private findNearestTime;
     private stringify;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputTimeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputTimeDirective, "input[tuiInputTime]", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "timeMode": { "alias": "mode"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "postfix": { "alias": "postfix"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputTimeDirective, "input[tuiInputTime]", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "timeMode": { "alias": "mode"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "postfix": { "alias": "postfix"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
 }

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];
+export declare const TuiInputYear: readonly [typeof TuiInputYearDirective, typeof TuiCalendarYear, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -1,19 +1,19 @@
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { TuiCalendarYear } from '@taiga-ui/core/components/calendar';
 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";
-import * as i3 from "@taiga-ui/core/directives/dropdown";
+import * as i3 from "@taiga-ui/core/portals/dropdown";
 export declare class TuiInputYearDirective extends TuiControl<number | null> {
     private readonly options;
-    private readonly textfield;
+    private readonly input;
     private readonly open;
     private readonly initialItem;
-    protected readonly calendar: import("@angular/core").Signal<TuiCalendarYear | null>;
     protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
     protected readonly icon: import("@angular/core").Signal<string>;
     protected readonly min: import("@angular/core").WritableSignal<number>;
     protected readonly max: import("@angular/core").WritableSignal<number>;
+    protected readonly calendar: import("@angular/core").Signal<TuiCalendarYear | null>;
     /**
      * TODO: move to [value]="value()" after update to Angular 17+
      * something wrong with change detection on host binding
@@ -27,5 +27,5 @@ export declare class TuiInputYearDirective extends TuiControl<number | null> {
     protected toggle(): void;
     protected onInput(raw: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputYearDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputYearDirective, "input[tuiInputYear]", never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiDropdownAuto; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputYearDirective, "input[tuiInputYear]", never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiDropdownAuto; inputs: {}; outputs: {}; }]>;
 }

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/like/like.options.d.ts

@@ -1,4 +1,4 @@
-import { type TuiAppearanceOptions } from '@taiga-ui/core/directives';
+import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
 import { type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiLikeOptions extends TuiAppearanceOptions {
     readonly size: TuiSizeS;

package/components/line-clamp/line-clamp-box.component.d.ts

@@ -1,4 +1,4 @@
-import { TuiHintComponent } from '@taiga-ui/core/directives/hint';
+import { TuiHintComponent } from '@taiga-ui/core/portals/hint';
 import * as i0 from "@angular/core";
 export declare class TuiLineClampBox extends TuiHintComponent {
     protected get width(): number;

package/components/line-clamp/line-clamp.options.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 export interface TuiLineClampOptions {
     readonly showHint: boolean;
 }
@@ -6,5 +5,4 @@ export declare const TUI_LINE_CLAMP_DEFAULT_OPTIONS: TuiLineClampOptions;
 /**
  * Default parameters for LineClamp component
  */
-export declare const TUI_LINE_CLAMP_OPTIONS: InjectionToken<TuiLineClampOptions>;
-export declare function tuiLineClampOptionsProvider(options: Partial<TuiLineClampOptions>): Provider;
+export declare const TUI_LINE_CLAMP_OPTIONS: import("@angular/core").InjectionToken<TuiLineClampOptions>, tuiLineClampOptionsProvider: (item: Partial<TuiLineClampOptions> | (() => Partial<TuiLineClampOptions>)) => import("@angular/core").FactoryProvider;

package/components/multi-select/multi-select-group/multi-select-group.component.d.ts

@@ -1,19 +1,17 @@
-import { type QueryList } from '@angular/core';
-import { TuiOptionWithValue } from '@taiga-ui/core/components/data-list';
 import * as i0 from "@angular/core";
 export declare class TuiMultiSelectGroupComponent<T> {
+    private readonly options;
     private readonly handlers;
     private readonly control;
-    protected readonly values: import("@angular/core").WritableSignal<readonly T[]>;
+    protected readonly values: import("@angular/core").Signal<(T | undefined)[]>;
     protected readonly texts: import("@angular/core").Signal<{
         all: string;
         none: string;
     }>;
     protected readonly value: import("@angular/core").Signal<readonly T[] | null>;
     protected readonly checked: import("@angular/core").Signal<boolean>;
-    label: string;
-    protected set options(options: QueryList<TuiOptionWithValue<T>>);
+    readonly label: import("@angular/core").InputSignal<string>;
     protected toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiMultiSelectGroupComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMultiSelectGroupComponent<any>, "tui-opt-group[tuiMultiSelectGroup]", never, { "label": { "alias": "label"; "required": false; }; }, {}, ["options"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMultiSelectGroupComponent<any>, "tui-opt-group[tuiMultiSelectGroup]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, ["options"], ["*"], true, never>;
 }

package/components/notification-middle/notification-middle.component.d.ts

@@ -1,5 +1,5 @@
 import { type Signal } from '@angular/core';
-import { type TuiPopover } from '@taiga-ui/cdk/services';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
 import * as i2 from "@ng-web-apis/resize-observer";
@@ -8,7 +8,7 @@ export interface TuiNotificationMiddleOptions {
 }
 export declare class TuiNotificationMiddleComponent {
     protected readonly el: HTMLElement;
-    protected readonly context: TuiPopover<TuiNotificationMiddleOptions, void>;
+    protected readonly context: TuiPortalContext<TuiNotificationMiddleOptions>;
     protected onClick(target: HTMLElement): void;
     private get closable();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotificationMiddleComponent, never>;

package/components/notification-middle/notification-middle.directive.d.ts

@@ -1,7 +1,8 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
 import { type TuiNotificationMiddleOptions } from './notification-middle.component';
 import * as i0 from "@angular/core";
-export declare class TuiNotificationMiddle extends TuiPopoverDirective<TuiNotificationMiddleOptions> {
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiNotificationMiddle {
+    readonly tuiNotificationMiddleOptions: import("@angular/core").InputSignal<Partial<TuiNotificationMiddleOptions>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotificationMiddle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNotificationMiddle, "ng-template[tuiNotificationMiddle]", never, { "options": { "alias": "tuiNotificationMiddleOptions"; "required": false; }; "open": { "alias": "tuiNotificationMiddle"; "required": false; }; }, { "openChange": "tuiNotificationMiddleChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNotificationMiddle, "ng-template[tuiNotificationMiddle]", never, { "tuiNotificationMiddleOptions": { "alias": "tuiNotificationMiddleOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "options": "tuiNotificationMiddleOptions"; "open": "tuiNotificationMiddle"; }; outputs: { "openChange": "tuiNotificationMiddleChange"; }; }]>;
 }

package/components/notification-middle/notification-middle.service.d.ts

@@ -1,7 +1,11 @@
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
-import { type TuiNotificationMiddleOptions } from './notification-middle.component';
+import { TuiModalService } from '@taiga-ui/core/portals/modal';
+import { TuiNotificationMiddleComponent, type TuiNotificationMiddleOptions } from './notification-middle.component';
 import * as i0 from "@angular/core";
-export declare class TuiNotificationMiddleService extends TuiPopoverService<TuiNotificationMiddleOptions> {
+export declare class TuiNotificationMiddleService extends TuiModalService<TuiNotificationMiddleOptions> {
+    protected readonly options: {
+        closable: boolean;
+    };
+    protected readonly content: typeof TuiNotificationMiddleComponent;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotificationMiddleService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiNotificationMiddleService>;
 }

package/components/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>;
 }