@taiga-ui/kit 4.66.0 → 5.0.0-canary.2e92594

package/components/select/native-select/native-select.component.d.ts

@@ -1,25 +1,22 @@
-import { type ElementRef, type QueryList } from '@angular/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { type TuiTextfieldAccessor } from '@taiga-ui/core/components/textfield';
 import { type TuiItemsHandlers } from '@taiga-ui/core/directives/items-handlers';
 import { tuiIsFlat } from '@taiga-ui/kit/utils';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
+import * as i1 from "@taiga-ui/core/components/input";
 export declare class TuiNativeSelect<T> extends TuiControl<T | null> implements TuiTextfieldAccessor<T> {
-    private readonly textfield;
+    private readonly input;
     private readonly options;
     protected readonly isFlat: typeof tuiIsFlat;
-    protected readonly placeholder: import("@angular/core").WritableSignal<string>;
     protected readonly itemsHandlers: TuiItemsHandlers<T>;
     protected readonly stringified: import("@angular/core").Signal<string>;
     protected readonly isSelected: import("@angular/core").Signal<(x: T) => boolean>;
     protected readonly valueEffect: import("@angular/core").EffectRef;
-    items: ReadonlyArray<readonly T[]> | readonly T[] | null;
-    labels: readonly string[];
-    set placeholderSetter(x: string);
+    readonly items: import("@angular/core").InputSignal<readonly T[] | readonly (readonly T[])[] | null>;
+    readonly labels: import("@angular/core").InputSignal<readonly string[]>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
     setValue(value: T | null): void;
-    protected set optionsSetter(options: QueryList<ElementRef<HTMLOptionElement>>);
     protected selectOption(index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNativeSelect<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiNativeSelect<any>, "select[tuiSelect]", never, { "items": { "alias": "items"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "placeholderSetter": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiNativeSelect<any>, "select[tuiSelect]", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }]>;
 }

package/components/select/select.d.ts

@@ -1,3 +1,6 @@
+import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import { TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
 import { TuiNativeSelect } from './native-select/native-select.component';
 import { TuiSelectDirective } from './select.directive';
-export declare const TuiSelect: readonly [typeof TuiSelectDirective, typeof TuiNativeSelect];
+export declare const TuiSelect: readonly [typeof TuiSelectDirective, typeof TuiNativeSelect, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

package/components/select/select.directive.d.ts

@@ -1,14 +1,15 @@
 import { TuiControl } from '@taiga-ui/cdk/classes';
 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 "@taiga-ui/core/components/textfield";
 export declare class TuiSelectDirective<T> extends TuiControl<T | null> implements TuiTextfieldAccessor<T> {
-    private readonly textfield;
+    private readonly input;
     private readonly open;
     private readonly itemsHandlers;
     protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
     protected readonly valueEffect: import("@angular/core").EffectRef;
     setValue(value: T | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSelectDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSelectDirective<any>, "input[tuiSelect]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiSelectLike; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSelectDirective<any>, "input[tuiSelect]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiSelectLike; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,5 +1,4 @@
 import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
-import { type TuiSliderComponent } from '../slider.component';
 /**
  * Used as a limit for eliminating JS issues with floating point math
  */
@@ -25,4 +24,4 @@ export declare const TUI_FLOATING_PRECISION = 7;
 export type TuiKeySteps = [[0, number], ...Array<[number, number]>, [100, number]];
 export declare function tuiPercentageToKeyStepValue(valuePercentage: number, keySteps: TuiKeySteps): number;
 export declare function tuiKeyStepValueToPercentage(value: number, keySteps: TuiKeySteps): number;
-export declare function tuiCreateKeyStepsTransformer(keySteps: TuiKeySteps, slider: TuiSliderComponent): TuiValueTransformer<number, number>;
+export declare function tuiCreateKeyStepsTransformer(keySteps: TuiKeySteps): TuiValueTransformer<number, number>;

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

@@ -1,38 +1,32 @@
+import { type OnInit } from '@angular/core';
 import { TuiControl, type TuiValueTransformer } from '@taiga-ui/cdk/classes';
 import { TuiSliderComponent } from '../slider.component';
 import { type TuiKeySteps } from './key-steps';
 import * as i0 from "@angular/core";
-export declare class TuiSliderKeyStepsBase {
+export declare class TuiSliderKeyStepsBase implements OnInit {
     private readonly injector;
     private readonly control;
-    protected min?: number;
-    protected max?: number;
-    step: number | null;
-    transformer: import("@angular/core").WritableSignal<TuiValueTransformer<number, number> | null>;
-    value: import("@angular/core").Signal<number | undefined>;
-    get slider(): TuiSliderComponent;
-    set keySteps(steps: TuiKeySteps | null);
-    /**
-     * TODO(v5): standardize logic between `TuiSlider` & `TuiInputSlider` & `Range` & `InputRange`
-     * For non-linear slider (with `[keySteps]` property) `step` means percentage
-     * Add these host-bindings to `TuiSliderKeyStepsBase`:
-     * ```
-     * host: {
-     *     '[attr.min]': '0',
-     *     '[attr.step]': '1',
-     *     '[attr.max]': 'totalSteps',
-     * },
-     * ```
-     */
-    get totalSteps(): number;
+    protected readonly min: import("@angular/core").WritableSignal<number | undefined>;
+    protected readonly max: import("@angular/core").WritableSignal<number | undefined>;
+    protected readonly sync: import("@angular/core").EffectRef;
+    slider: TuiSliderComponent;
+    readonly step: import("@angular/core").InputSignal<number>;
+    readonly keySteps: import("@angular/core").InputSignal<[[0, number], ...[number, number][], [100, number]] | undefined>;
+    readonly transformer: import("@angular/core").WritableSignal<TuiValueTransformer<number, number> | undefined>;
+    controlValue: import("@angular/core").Signal<number | undefined>;
+    readonly totalSteps: import("@angular/core").Signal<number>;
+    ngOnInit(): void;
     takeStep(coefficient: number): number;
+    toSliderValue(fraction: number): number;
+    setControlValue(controlValue: number): void;
+    getControlValue(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderKeyStepsBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderKeyStepsBase, "input[tuiSlider][keySteps]", never, { "step": { "alias": "step"; "required": false; }; "keySteps": { "alias": "keySteps"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_step: number | "any";
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderKeyStepsBase, "input[tuiSlider][keySteps]", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "keySteps": { "alias": "keySteps"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class TuiSliderKeySteps extends TuiControl<number> {
-    private readonly slider;
-    set keySteps(steps: TuiKeySteps);
+    protected readonly base: TuiSliderKeyStepsBase;
+    set keySteps(steps: TuiKeySteps | null | undefined);
+    protected setValue(sliderValue: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderKeySteps, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderKeySteps, "input[tuiSlider][keySteps][ngModel],input[tuiSlider][keySteps][formControl],input[tuiSlider][keySteps][formControlName]", never, { "keySteps": { "alias": "keySteps"; "required": false; }; }, {}, never, never, true, never>;
 }

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

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

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

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

package/components/slider/slider.component.d.ts

@@ -1,16 +1,14 @@
-import { type TuiSizeS } from '@taiga-ui/core/types';
 import { TuiSliderKeyStepsBase } from './helpers/slider-key-steps.directive';
 import * as i0 from "@angular/core";
 export declare class TuiSliderComponent {
     private readonly control;
     protected readonly options: import("./slider.options").TuiSliderOptions;
-    protected readonly segments: import("@angular/core").WritableSignal<number[]>;
     protected readonly ticksGradient: import("@angular/core").Signal<string>;
-    size: TuiSizeS;
+    readonly size: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiSizeS>;
+    readonly segments: import("@angular/core").InputSignalWithTransform<readonly number[], number | readonly number[]>;
     readonly el: HTMLInputElement;
     readonly keySteps: TuiSliderKeyStepsBase | null;
     constructor();
-    set segmentsSetter(segments: number[]);
     get valueRatio(): number;
     get min(): number;
     set min(x: number);
@@ -20,8 +18,7 @@ export declare class TuiSliderComponent {
     set step(x: number);
     get value(): number;
     set value(newValue: number);
-    protected getTicksGradient(segments: number[]): string;
+    protected getTicksGradient(segments: readonly number[]): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSliderComponent, "input[type=range][tuiSlider]", never, { "size": { "alias": "size"; "required": false; }; "segmentsSetter": { "alias": "segments"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_segmentsSetter: number[] | number;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSliderComponent, "input[type=range][tuiSlider]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "segments": { "alias": "segments"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/slider/slider.options.d.ts

@@ -1,12 +1,7 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiSliderOptions {
     readonly size: TuiSizeS;
     readonly trackColor: string;
 }
 export declare const TUI_SLIDER_DEFAULT_OPTIONS: TuiSliderOptions;
-/**
- * Default parameters for Slider component
- */
-export declare const TUI_SLIDER_OPTIONS: InjectionToken<TuiSliderOptions>;
-export declare function tuiSliderOptionsProvider(options: Partial<TuiSliderOptions>): Provider;
+export declare const TUI_SLIDER_OPTIONS: import("@angular/core").InjectionToken<TuiSliderOptions>, tuiSliderOptionsProvider: (item: Partial<TuiSliderOptions> | (() => Partial<TuiSliderOptions>)) => import("@angular/core").FactoryProvider;

package/components/status/status.directive.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class TuiStatus {
     protected readonly nothing: undefined;
-    tuiStatus: string;
+    readonly tuiStatus: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiStatus, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiStatus, "[tuiStatus]", never, { "tuiStatus": { "alias": "tuiStatus"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiStatus, "[tuiStatus]", never, { "tuiStatus": { "alias": "tuiStatus"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/stepper/step.component.d.ts

@@ -1,17 +1,22 @@
+import { TuiStepperComponent } from './stepper.component';
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/components/cell";
+import * as i2 from "@taiga-ui/core/directives/appearance";
 export declare class TuiStep {
-    private readonly stepper;
     private readonly el;
-    protected readonly $: import("rxjs").Subscription;
-    protected focusVisible: boolean;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    stepState: 'error' | 'normal' | 'pass';
-    icon: string;
-    protected get isActive(): boolean;
-    protected get isVertical(): boolean;
-    protected get tabIndex(): number;
+    protected readonly appearance: import("@angular/core").Signal<string>;
+    protected readonly size: import("@angular/core").Signal<"" | "m" | "l" | "s"> | import("@angular/core").WritableSignal<""> | import("@angular/core").WritableSignal<"m"> | import("@angular/core").WritableSignal<"l"> | import("@angular/core").WritableSignal<"s">;
+    protected readonly stepper: TuiStepperComponent;
+    protected readonly $: import("rxjs").Subscription;
+    readonly stepState: import("@angular/core").InputSignal<"error" | "normal" | "pass">;
+    readonly icon: import("@angular/core").InputSignal<string>;
+    protected readonly isActive: import("@angular/core").Signal<boolean>;
+    protected avatarAppearance: import("@angular/core").Signal<"primary" | "negative" | "secondary">;
+    protected readonly avatarContent: import("@angular/core").Signal<string>;
+    protected readonly avatarIcon: import("@angular/core").Signal<string>;
     protected get index(): number;
     protected activate(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiStep, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiStep, "button[tuiStep], a[tuiStep]:not([routerLink]), a[tuiStep][routerLink][routerLinkActive]", never, { "stepState": { "alias": "stepState"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiStep, "button[tuiStep], a[tuiStep]:not([routerLink]), a[tuiStep][routerLink][routerLinkActive]", never, { "stepState": { "alias": "stepState"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TuiCell; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
 }

package/components/stepper/stepper.component.d.ts

@@ -1,27 +1,20 @@
-import { EventEmitter, type OnChanges } from '@angular/core';
+import { type OnChanges } from '@angular/core';
 import { type TuiOrientation } from '@taiga-ui/core/types';
-import { type Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiStepperComponent implements OnChanges {
-    private readonly steps;
-    private readonly cdr;
     private readonly el;
-    private readonly scrollService;
-    private readonly speed;
-    private readonly destroyRef;
+    private readonly steps;
     protected readonly $: import("rxjs").Subscription;
-    activeItemIndex: number;
-    orientation: TuiOrientation;
-    readonly activeItemIndexChange: EventEmitter<number>;
+    readonly orientation: import("@angular/core").InputSignal<TuiOrientation>;
+    readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
     ngOnChanges(): void;
     indexOf(step: HTMLElement): number;
     isActive(index: number): boolean;
     activate(index: number): void;
-    protected get changes$(): Observable<unknown>;
     protected onHorizontal(event: Event, step: number): void;
     protected onVertical(event: Event, step: number): void;
     private moveFocus;
     private scrollIntoView;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiStepperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiStepperComponent, "tui-stepper, nav[tuiStepper]", never, { "activeItemIndex": { "alias": "activeItemIndex"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "activeItemIndexChange": "activeItemIndexChange"; }, ["steps"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiStepperComponent, "tui-stepper", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; "isSignal": true; }; }, { "activeItemIndex": "activeItemIndexChange"; }, ["steps"], ["*"], true, never>;
 }

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

@@ -1,22 +1,11 @@
-import { type DoCheck, type OnInit } from '@angular/core';
-import { NgControl } from '@angular/forms';
-import { type TuiSizeS } from '@taiga-ui/core/types';
+import { TuiRadioComponent } from '@taiga-ui/kit/components/radio';
+import { type TuiSwitchOptions } from './switch.options';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/appearance";
-import * as i2 from "@taiga-ui/cdk/directives/native-validator";
-export declare class TuiSwitch implements DoCheck, OnInit {
-    private readonly appearance;
-    private readonly resolver;
-    private readonly destroyRef;
-    private readonly cdr;
-    private readonly options;
-    private readonly el;
-    protected readonly control: NgControl | null;
-    size: TuiSizeS;
-    showIcons: boolean;
-    ngOnInit(): void;
-    ngDoCheck(): void;
-    protected get icon(): string | null;
+import * as i1 from "@taiga-ui/core/directives/icons";
+export declare class TuiSwitch extends TuiRadioComponent<TuiSwitchOptions> {
+    protected readonly native: boolean;
+    protected readonly icon: import("@angular/core").Signal<string>;
+    readonly showIcons: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSwitch, "input[type=\"checkbox\"][tuiSwitch]", never, { "size": { "alias": "size"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; "tuiAppearanceMode": "tuiAppearanceMode"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSwitch, "input[type=\"checkbox\"][tuiSwitch]", never, { "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiIcons; inputs: {}; outputs: {}; }]>;
 }

package/components/switch/switch.options.d.ts

@@ -1,12 +1,8 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiStringHandler } from '@taiga-ui/cdk/types';
 import { type TuiSizeS } from '@taiga-ui/core/types';
-export interface TuiSwitchOptions {
+import { type TuiRadioOptions } from '@taiga-ui/kit/components/radio';
+export interface TuiSwitchOptions extends TuiRadioOptions {
     readonly showIcons: boolean;
-    readonly size: TuiSizeS;
-    readonly icon: TuiStringHandler<TuiSizeS> | string;
-    readonly appearance: TuiStringHandler<HTMLInputElement>;
+    readonly icon: TuiStringHandler<TuiSizeS>;
 }
-export declare const TUI_SWITCH_DEFAULT_OPTIONS: TuiSwitchOptions;
-export declare const TUI_SWITCH_OPTIONS: InjectionToken<TuiSwitchOptions>;
-export declare function tuiSwitchOptionsProvider(options: Partial<TuiSwitchOptions>): Provider;
+export declare const TUI_SWITCH_OPTIONS: import("@angular/core").InjectionToken<TuiSwitchOptions>, tuiSwitchOptionsProvider: (item: Partial<TuiSwitchOptions> | (() => Partial<TuiSwitchOptions>)) => import("@angular/core").FactoryProvider;

package/components/tabs/tabs-horizontal.directive.d.ts

@@ -1,17 +1,16 @@
-import { type AfterViewChecked, type QueryList } from '@angular/core';
+import { type AfterViewChecked } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./tabs.directive";
 export declare class TuiTabsHorizontal implements AfterViewChecked {
     private readonly el;
     private readonly options;
     private readonly tabs;
-    protected readonly children: QueryList<unknown>;
     protected readonly sub: import("rxjs").Subscription;
-    underline: string | boolean;
+    readonly underline: import("@angular/core").InputSignal<string | boolean>;
+    constructor();
     ngAfterViewChecked(): void;
     protected onKeyDownArrow(current: HTMLElement, step: number): void;
     protected refresh(): void;
-    private scrollTo;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabsHorizontal, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTabsHorizontal, "tui-tabs:not([vertical]), nav[tuiTabs]:not([vertical])", never, { "underline": { "alias": "underline"; "required": false; }; }, {}, ["children"], never, true, [{ directive: typeof i1.TuiTabsDirective; inputs: { "activeItemIndex": "activeItemIndex"; "size": "size"; }; outputs: { "activeItemIndexChange": "activeItemIndexChange"; }; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTabsHorizontal, "tui-tabs:not([vertical])", never, { "underline": { "alias": "underline"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiTabsDirective; inputs: { "activeItemIndex": "activeItemIndex"; "size": "size"; }; outputs: { "activeItemIndexChange": "activeItemIndexChange"; }; }]>;
 }

package/components/tabs/tabs-vertical.directive.d.ts

@@ -3,8 +3,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "./tabs.directive";
 export declare class TuiTabsVertical {
     private readonly tabs;
-    vertical: TuiHorizontalDirection;
+    readonly vertical: import("@angular/core").InputSignal<TuiHorizontalDirection>;
     protected onKeyDownArrow(current: HTMLElement, step: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabsVertical, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTabsVertical, "tui-tabs[vertical], nav[tuiTabs][vertical]", never, { "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiTabsDirective; inputs: { "activeItemIndex": "activeItemIndex"; "size": "size"; }; outputs: { "activeItemIndexChange": "activeItemIndexChange"; }; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTabsVertical, "tui-tabs[vertical]", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiTabsDirective; inputs: { "activeItemIndex": "activeItemIndex"; "size": "size"; }; outputs: { "activeItemIndexChange": "activeItemIndexChange"; }; }]>;
 }

package/components/tabs/tabs-with-more.component.d.ts

@@ -1,28 +1,26 @@
-import { type AfterViewChecked, type AfterViewInit, EventEmitter, type QueryList, TemplateRef } from '@angular/core';
+import { type AfterViewChecked, type AfterViewInit, TemplateRef } from '@angular/core';
 import { type TuiActiveZone } from '@taiga-ui/cdk/directives/active-zone';
 import { type TuiContext } from '@taiga-ui/cdk/types';
-import { type TuiSizeL } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
 export declare class TuiTabsWithMore implements AfterViewChecked, AfterViewInit {
-    private readonly moreButton?;
-    private readonly dir?;
+    private readonly moreButton;
+    private readonly dir;
     private readonly options;
     private readonly refresh$;
     private readonly el;
     private readonly cdr;
     private maxIndex;
-    protected readonly items: QueryList<TemplateRef<Record<string, unknown>>>;
-    protected readonly moreWord$: import("rxjs").Observable<string>;
+    protected readonly items: import("@angular/core").Signal<readonly TemplateRef<any>[]>;
+    protected readonly moreWord: import("@angular/core").Signal<string>;
     protected open: boolean;
-    size: TuiSizeL;
-    moreContent: PolymorpheusContent;
-    dropdownContent: PolymorpheusContent<TuiContext<TuiActiveZone>>;
-    underline: string | boolean;
-    itemsLimit: number;
-    readonly activeItemIndexChange: EventEmitter<number>;
-    activeItemIndex: number;
-    set itemIndex(activeItemIndex: number);
+    protected readonly sync: import("@angular/core").EffectRef;
+    readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
+    readonly size: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiSizeL>;
+    readonly underline: import("@angular/core").InputSignal<string | boolean>;
+    readonly itemsLimit: import("@angular/core").InputSignal<number>;
+    readonly moreContent: import("@angular/core").InputSignal<PolymorpheusContent>;
+    readonly dropdownContent: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<TuiActiveZone>>>;
     get lastVisibleIndex(): number;
     ngAfterViewInit(): void;
     ngAfterViewChecked(): void;
@@ -32,7 +30,6 @@ export declare class TuiTabsWithMore implements AfterViewChecked, AfterViewInit
     protected get isMoreVisible(): boolean;
     protected get isMoreFocusable(): boolean;
     protected get isMoreActive(): boolean;
-    protected onActiveItemIndexChange(activeItemIndex: number): void;
     protected onClick(index: number): void;
     protected onArrowRight(event: Event): void;
     protected onArrowLeft(): void;
@@ -42,8 +39,7 @@ export declare class TuiTabsWithMore implements AfterViewChecked, AfterViewInit
     private get margin();
     private focusMore;
     private getMaxIndex;
-    private updateActiveItemIndex;
     private refresh;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabsWithMore, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabsWithMore, "tui-tabs-with-more, nav[tuiTabsWithMore]", never, { "size": { "alias": "size"; "required": false; }; "moreContent": { "alias": "moreContent"; "required": false; }; "dropdownContent": { "alias": "dropdownContent"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "itemsLimit": { "alias": "itemsLimit"; "required": false; }; "itemIndex": { "alias": "activeItemIndex"; "required": false; }; }, { "activeItemIndexChange": "activeItemIndexChange"; }, ["items"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabsWithMore, "tui-tabs-with-more", never, { "activeItemIndex": { "alias": "activeItemIndex"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "underline": { "alias": "underline"; "required": false; "isSignal": true; }; "itemsLimit": { "alias": "itemsLimit"; "required": false; "isSignal": true; }; "moreContent": { "alias": "moreContent"; "required": false; "isSignal": true; }; "dropdownContent": { "alias": "dropdownContent"; "required": false; "isSignal": true; }; }, { "activeItemIndex": "activeItemIndexChange"; }, ["items"], ["*"], true, never>;
 }

package/components/tabs/tabs.directive.d.ts

@@ -1,19 +1,17 @@
-import { type AfterViewChecked, EventEmitter } from '@angular/core';
-import { type TuiSizeL } from '@taiga-ui/core/types';
+import { type AfterViewChecked } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiTabsDirective implements AfterViewChecked {
     private readonly el;
     private readonly injector;
     protected readonly nothing: undefined;
-    size: TuiSizeL;
-    activeItemIndex: number;
-    readonly activeItemIndexChange: EventEmitter<number>;
+    readonly size: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiSizeL>;
+    readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
     get tabs(): readonly HTMLElement[];
     get activeElement(): HTMLElement | null;
     moveFocus(current: HTMLElement, step: number): void;
     ngAfterViewChecked(): void;
-    protected onActivate(event: Event, element: HTMLElement): void;
+    protected onActivate(element: HTMLElement): void;
     protected markTabAsActive(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTabsDirective, never, never, { "size": { "alias": "size"; "required": false; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; }; }, { "activeItemIndexChange": "activeItemIndexChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTabsDirective, never, never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; "isSignal": true; }; }, { "activeItemIndex": "activeItemIndexChange"; }, never, never, true, never>;
 }

package/components/tabs/tabs.options.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiSizeL } from '@taiga-ui/core/types';
 export interface TuiTabsOptions {
     readonly exposeActive: boolean;
@@ -8,8 +7,4 @@ export interface TuiTabsOptions {
     readonly size: TuiSizeL;
 }
 export declare const TUI_TABS_DEFAULT_OPTIONS: TuiTabsOptions;
-/**
- * Default parameters for Tabs component
- */
-export declare const TUI_TABS_OPTIONS: InjectionToken<TuiTabsOptions>;
-export declare function tuiTabsOptionsProvider(options: Partial<TuiTabsOptions>): Provider;
+export declare const TUI_TABS_OPTIONS: import("@angular/core").InjectionToken<TuiTabsOptions>, tuiTabsOptionsProvider: (item: Partial<TuiTabsOptions> | (() => Partial<TuiTabsOptions>)) => import("@angular/core").FactoryProvider;

package/components/textarea/index.d.ts

@@ -1,3 +1,4 @@
+export * from './textarea';
 export * from './textarea.component';
+export * from './textarea.directive';
 export * from './textarea.options';
-export * from './textarea-limit.directive';

package/components/textarea/textarea.component.d.ts

@@ -1,21 +1,20 @@
-import { type AfterViewInit, ElementRef } from '@angular/core';
+import { type AfterViewInit } from '@angular/core';
 import { TuiTextfieldComponent } from '@taiga-ui/core/components/textfield';
-import { type TuiTextareaOptions } from './textarea.options';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
-export declare class TuiTextarea implements AfterViewInit {
-    private readonly template?;
+import * as i1 from "@taiga-ui/core/components/input";
+export declare class TuiTextareaComponent implements AfterViewInit {
+    private readonly template;
     private readonly options;
     private readonly vcr;
-    protected readonly text?: ElementRef<HTMLElement>;
+    private readonly text;
     protected readonly el: HTMLTextAreaElement;
     protected readonly textfield: TuiTextfieldComponent<any>;
     protected readonly isMobile: boolean;
-    min: number;
-    max: number;
-    content: TuiTextareaOptions['content'];
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly content: import("@angular/core").InputSignal<import("@taiga-ui/polymorpheus").PolymorpheusContent<import("@taiga-ui/cdk/types").TuiContext<string>>>;
     ngAfterViewInit(): void;
     protected onScroll(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextarea, "textarea[tuiTextarea]", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextareaComponent, "textarea[tuiTextarea]", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }]>;
 }

package/components/textarea/textarea.d.ts

@@ -0,0 +1,6 @@
+import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import { TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
+import { TuiTextareaComponent } from './textarea.component';
+import { TuiTextareaDirective } from './textarea.directive';
+export declare const TuiTextarea: readonly [typeof TuiTextareaComponent, typeof TuiTextareaDirective, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

package/components/textarea/textarea.directive.d.ts

@@ -0,0 +1,13 @@
+import { type DoCheck } from '@angular/core';
+import { type AbstractControl, type ValidationErrors, type Validator } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class TuiTextareaDirective implements Validator, DoCheck {
+    private readonly textfield;
+    private readonly ref;
+    readonly size: import("@angular/core").Signal<"m" | "l" | "s">;
+    readonly limit: import("@angular/core").InputSignal<number>;
+    ngDoCheck(): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextareaDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextareaDirective, "[tuiTextarea][limit]", never, { "limit": { "alias": "limit"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/textarea/textarea.options.d.ts

@@ -5,4 +5,4 @@ export interface TuiTextareaOptions {
     max: number;
     content: PolymorpheusContent<TuiContext<string>>;
 }
-export declare const TUI_TEXTAREA_OPTIONS: import("@angular/core").InjectionToken<TuiTextareaOptions>, tuiTextareaOptionsProvider: (item: Partial<TuiTextareaOptions> | import("@angular/core").ProviderToken<Partial<TuiTextareaOptions>> | (() => Partial<TuiTextareaOptions>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_TEXTAREA_OPTIONS: import("@angular/core").InjectionToken<TuiTextareaOptions>, tuiTextareaOptionsProvider: (item: Partial<TuiTextareaOptions> | (() => Partial<TuiTextareaOptions>)) => import("@angular/core").FactoryProvider;

package/components/tiles/tile-handle.directive.d.ts

@@ -1,10 +1,11 @@
 import * as i0 from "@angular/core";
 export declare class TuiTileHandle {
+    private readonly doc;
     private readonly tile;
     private x;
     private y;
+    protected readonly pointerSub: import("rxjs").Subscription;
     protected onPointer(x?: number, y?: number): void;
-    protected onMove(x: number, y: number): void;
     protected onStart(event: PointerEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTileHandle, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTileHandle, "[tuiTileHandle]", never, {}, {}, never, never, true, never>;