@taiga-ui/kit 5.0.0-rc.2 → 5.0.0-rc.4

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

@@ -8,13 +8,14 @@ export declare class TuiCalendarMonth {
     protected readonly months: import("@angular/core").Signal<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>;
     protected readonly isRangePicking: import("@angular/core").Signal<boolean>;
     protected readonly handler: import("@angular/core").Signal<TuiBooleanHandler<TuiMonth>>;
-    year: TuiYear;
+    protected readonly activeYear: import("@angular/core").WritableSignal<TuiYear>;
+    readonly year: import("@angular/core").InputSignal<TuiYear | undefined>;
+    readonly yearChange: import("@angular/core").OutputEmitterRef<TuiYear>;
     readonly minLength: import("@angular/core").InputSignal<number | null>;
     readonly maxLength: import("@angular/core").InputSignal<number | null>;
     readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<TuiMonth>>;
     readonly monthClick: EventEmitter<TuiMonth>;
     readonly hoveredItemChange: EventEmitter<TuiMonth | null>;
-    readonly yearChange: EventEmitter<TuiYear>;
     options: import("./calendar-month.options").TuiCalendarMonthOptions;
     readonly min: import("@angular/core").WritableSignal<TuiMonth>;
     readonly max: import("@angular/core").WritableSignal<TuiMonth>;
@@ -36,7 +37,7 @@ export declare class TuiCalendarMonth {
     private updateHoveredItem;
     private updateActiveYear;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendarMonth, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarMonth, "tui-calendar-month", never, { "year": { "alias": "year"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; "valueSetter": { "alias": "value"; "required": false; }; }, { "monthClick": "monthClick"; "hoveredItemChange": "hoveredItemChange"; "yearChange": "yearChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarMonth, "tui-calendar-month", never, { "year": { "alias": "year"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; "valueSetter": { "alias": "value"; "required": false; }; }, { "yearChange": "yearChange"; "monthClick": "monthClick"; "hoveredItemChange": "hoveredItemChange"; }, never, never, true, never>;
     static ngAcceptInputType_minSetter: i1.TuiMonth | null;
     static ngAcceptInputType_maxSetter: i1.TuiMonth | null;
 }

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

@@ -21,8 +21,8 @@ export declare class TuiCalendarRange implements OnInit, OnChanges {
     disabledItemHandler: TuiBooleanHandler<TuiDay>;
     markerHandler: TuiMarkerHandler | null;
     items: readonly TuiDayRangePeriod[];
-    min: TuiDay | null;
-    max: TuiDay | null;
+    readonly min: import("@angular/core").InputSignal<TuiDay | null>;
+    readonly max: import("@angular/core").InputSignal<TuiDay | null>;
     minLength: TuiDayLike | null;
     maxLength: TuiDayLike | null;
     item: TuiDayRangePeriod | null;
@@ -61,5 +61,5 @@ export declare class TuiCalendarRange implements OnInit, OnChanges {
     private initDefaultViewedMonth;
     private findItemByDayRange;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendarRange, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarRange, "tui-calendar-range", never, { "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "markerHandler": { "alias": "markerHandler"; "required": false; }; "items": { "alias": "items"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "item": { "alias": "item"; "required": false; }; "valueSetter": { "alias": "value"; "required": false; }; "defaultViewedMonth": { "alias": "defaultViewedMonth"; "required": false; }; }, { "valueChange": "valueChange"; "itemChange": "itemChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarRange, "tui-calendar-range", never, { "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "markerHandler": { "alias": "markerHandler"; "required": false; }; "items": { "alias": "items"; "required": false; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "item": { "alias": "item"; "required": false; }; "valueSetter": { "alias": "value"; "required": false; }; "defaultViewedMonth": { "alias": "defaultViewedMonth"; "required": false; }; }, { "valueChange": "valueChange"; "itemChange": "itemChange"; }, never, never, true, never>;
 }

package/components/copy/button-copy.component.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/components/button";
+export declare class TuiButtonCopy {
+    private readonly el;
+    private readonly clipboard;
+    private readonly options;
+    private readonly copyTexts;
+    private readonly notification;
+    private readonly check;
+    protected readonly copied: import("@angular/core").WritableSignal<boolean>;
+    protected readonly copiedText: import("@angular/core").Signal<string>;
+    protected readonly icon: import("@angular/core").Signal<string>;
+    readonly tuiButtonCopy: import("@angular/core").InputSignal<string>;
+    protected copy(target: HTMLElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonCopy, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonCopy, "[tuiButtonCopy]", never, { "tuiButtonCopy": { "alias": "tuiButtonCopy"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TuiButton; inputs: {}; outputs: {}; }]>;
+}

package/components/copy/copy.d.ts

@@ -1,3 +1,4 @@
+import { TuiButtonCopy } from './button-copy.component';
 import { TuiCopyComponent } from './copy.component';
 import { TuiCopyDirective } from './copy.directive';
-export declare const TuiCopy: readonly [typeof TuiCopyComponent, typeof TuiCopyDirective];
+export declare const TuiCopy: readonly [typeof TuiCopyComponent, typeof TuiCopyDirective, typeof TuiButtonCopy];

package/components/copy/copy.directive.d.ts

@@ -4,12 +4,15 @@ import * as i1 from "@taiga-ui/core/directives/appearance";
 import * as i2 from "@taiga-ui/core/portals/hint";
 export declare class TuiCopyDirective {
     private readonly copied$;
-    private readonly doc;
+    private readonly clipboard;
+    private readonly stringify;
     protected readonly textfield: TuiTextfieldComponent<any>;
-    protected readonly icons: import("@angular/core").Signal<string>;
+    protected readonly icons: import("@angular/core").WritableSignal<string>;
     protected readonly copyTexts: import("@angular/core").Signal<readonly [copy: string, copied: string]>;
     protected readonly hint: import("@angular/core").Signal<string>;
+    protected get hasValue(): boolean;
     protected copy(): void;
+    private get multi();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCopyDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCopyDirective, "tui-icon[tuiCopy]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiHintDirective; inputs: { "tuiHintAppearance": "tuiHintAppearance"; "tuiHintContext": "tuiHintContext"; }; outputs: {}; }]>;
 }

package/components/copy/copy.options.d.ts

@@ -1,6 +1,4 @@
-import { type TuiStringHandler } from '@taiga-ui/cdk/types';
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiCopyOptions {
-    readonly icon: TuiStringHandler<TuiSizeL | TuiSizeS>;
+    readonly icon: string;
 }
 export declare const TUI_COPY_OPTIONS: import("@angular/core").InjectionToken<TuiCopyOptions>, tuiCopyOptionsProvider: (item: Partial<TuiCopyOptions> | (() => Partial<TuiCopyOptions>)) => import("@angular/core").FactoryProvider;

package/components/copy/index.d.ts

@@ -1,3 +1,4 @@
+export * from './button-copy.component';
 export * from './copy';
 export * from './copy.component';
 export * from './copy.directive';

package/components/counter/counter.component.d.ts

@@ -0,0 +1,17 @@
+import { TuiControl } from '@taiga-ui/cdk/classes';
+import { TuiInputNumberStepService } from '@taiga-ui/kit/components/input-number';
+import * as i0 from "@angular/core";
+export declare class TuiCounter extends TuiControl<number> {
+    protected readonly hold: TuiInputNumberStepService<any>;
+    protected readonly $: import("rxjs").Subscription;
+    protected readonly options: import("./counter.options").TuiCounterOptions;
+    protected readonly limit: import("@angular/core").Signal<number>;
+    readonly step: import("@angular/core").InputSignal<number>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "s">;
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly appearance: import("@angular/core").InputSignal<string>;
+    protected onStep(step: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiCounter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCounter, "tui-counter", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/components/counter/counter.options.d.ts

@@ -0,0 +1,14 @@
+import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
+import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
+export interface TuiCounterOptions extends TuiAppearanceOptions {
+    size: TuiSizeL | TuiSizeS;
+    readonly icons: Readonly<{
+        decrease: string;
+        increase: string;
+    }>;
+    step: number;
+    min: number;
+    max: number;
+}
+export declare const TUI_COUNTER_DEFAULT_OPTIONS: TuiCounterOptions;
+export declare const TUI_COUNTER_OPTIONS: import("@angular/core").InjectionToken<TuiCounterOptions>, tuiCounterOptionsProvider: (item: Partial<TuiCounterOptions> | (() => Partial<TuiCounterOptions>)) => import("@angular/core").FactoryProvider;

package/components/counter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './counter.component';
+export * from './counter.options';

package/components/index.d.ts

@@ -10,13 +10,13 @@ export * from '@taiga-ui/kit/components/button-loading';
 export * from '@taiga-ui/kit/components/calendar-month';
 export * from '@taiga-ui/kit/components/calendar-range';
 export * from '@taiga-ui/kit/components/carousel';
-export * from '@taiga-ui/kit/components/checkbox';
 export * from '@taiga-ui/kit/components/chip';
 export * from '@taiga-ui/kit/components/combo-box';
 export * from '@taiga-ui/kit/components/comment';
 export * from '@taiga-ui/kit/components/compass';
 export * from '@taiga-ui/kit/components/confirm';
 export * from '@taiga-ui/kit/components/copy';
+export * from '@taiga-ui/kit/components/counter';
 export * from '@taiga-ui/kit/components/data-list-wrapper';
 export * from '@taiga-ui/kit/components/drawer';
 export * from '@taiga-ui/kit/components/files';
@@ -52,19 +52,18 @@ export * from '@taiga-ui/kit/components/preview';
 export * from '@taiga-ui/kit/components/progress';
 export * from '@taiga-ui/kit/components/pulse';
 export * from '@taiga-ui/kit/components/push';
-export * from '@taiga-ui/kit/components/radio';
 export * from '@taiga-ui/kit/components/radio-list';
 export * from '@taiga-ui/kit/components/range';
 export * from '@taiga-ui/kit/components/rating';
 export * from '@taiga-ui/kit/components/routable-dialog';
 export * from '@taiga-ui/kit/components/segmented';
 export * from '@taiga-ui/kit/components/select';
-export * from '@taiga-ui/kit/components/slider';
 export * from '@taiga-ui/kit/components/status';
 export * from '@taiga-ui/kit/components/stepper';
 export * from '@taiga-ui/kit/components/switch';
 export * from '@taiga-ui/kit/components/tabs';
 export * from '@taiga-ui/kit/components/textarea';
 export * from '@taiga-ui/kit/components/tiles';
+export * from '@taiga-ui/kit/components/timeline';
 export * from '@taiga-ui/kit/components/toast';
 export * from '@taiga-ui/kit/components/tree';

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

@@ -11,6 +11,11 @@ export declare class TuiInputChipComponent<T> {
     private readonly input;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly mobile: boolean;
+    protected readonly texts: Signal<{
+        loadingError: string;
+        preview: string;
+        remove: string;
+    }>;
     protected readonly internal: import("@angular/core").WritableSignal<T>;
     protected readonly editing: import("@angular/core").WritableSignal<boolean>;
     protected readonly hint: TuiHintDirective<any> | null;

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

@@ -16,7 +16,7 @@ export declare class TuiInputChipDirective<T> extends TuiControl<T[]> implements
     readonly unique: import("@angular/core").InputSignal<boolean>;
     readonly el: HTMLInputElement;
     setValue(value: T[]): void;
-    protected onEnter(): void;
+    protected onEnter(rawValue?: string): void;
     protected onInput(): void;
     protected onPaste(event: ClipboardEvent | DragEvent): void;
     protected onBackspace(key: string): void;

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

@@ -15,17 +15,17 @@ export declare abstract class TuiInputDateBase<T extends TuiDay | TuiDayRange |
     abstract readonly max: Signal<TuiDay>;
     abstract readonly min: Signal<TuiDay>;
     private readonly calendar;
+    protected readonly options: Omit<TuiInputDateOptions, "valueTransformer">;
     protected readonly el: HTMLInputElement;
     protected readonly input: TuiInputDirective<any>;
     protected readonly filler: Signal<string>;
     protected readonly mobile: boolean;
     protected readonly open: import("@angular/core").ModelSignal<boolean>;
-    protected readonly icon: Signal<string>;
+    protected readonly icon: import("@angular/core").WritableSignal<string>;
     protected readonly handlers: TuiItemsHandlers<T>;
     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;

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

@@ -1,15 +1,13 @@
 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 TuiInputDateOptions {
-    readonly icon: TuiHandler<TuiSizeL | TuiSizeS, string>;
+    readonly icon: string;
     readonly max: TuiDay;
     readonly min: TuiDay;
     readonly valueTransformer: TuiValueTransformer<TuiDay | null, any>;
 }
 export declare const TUI_INPUT_DATE_DEFAULT_OPTIONS: {
-    readonly icon: () => string;
+    readonly icon: "@tui.calendar";
     readonly min: TuiDay;
     readonly max: TuiDay;
     readonly valueTransformer: TuiValueTransformer<any, any>;

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

@@ -6,7 +6,7 @@ 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 icon: import("@angular/core").WritableSignal<string>;
     protected readonly filler: import("@angular/core").Signal<string>;
     protected readonly format: import("@angular/core").Signal<import("@taiga-ui/core/tokens").TuiDateFormatSettings>;
     protected readonly stringify: import("@angular/core").WritableSignal<(item: any) => any>;

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

@@ -9,7 +9,7 @@ export declare class TuiInputMonthDirective extends TuiControl<TuiMonth | null>
     private readonly input;
     private readonly months;
     private readonly open;
-    protected readonly icon: import("@angular/core").Signal<string>;
+    protected readonly icon: import("@angular/core").WritableSignal<string>;
     protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
     protected readonly valueEffect: import("@angular/core").EffectRef;
     protected readonly calendarIn: import("@angular/core").EffectRef;

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

@@ -1,15 +1,9 @@
 import { type FactoryProvider, InjectionToken } from '@angular/core';
 import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
 import { type TuiMonth } 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 TuiInputMonthOptions {
-    readonly icon: TuiHandler<TuiSizeL | TuiSizeS, string>;
+    readonly icon: string;
     readonly valueTransformer: TuiValueTransformer<TuiMonth | null, any>;
 }
-/**
- * @deprecated remove in v5
- */
-export declare const TUI_INPUT_MONTH_DEFAULT_OPTIONS: TuiInputMonthOptions;
 export declare const TUI_INPUT_MONTH_OPTIONS: InjectionToken<TuiInputMonthOptions>;
 export declare const tuiInputMonthOptionsProvider: (options: Partial<TuiInputMonthOptions>) => FactoryProvider;

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

@@ -10,7 +10,7 @@ export declare class TuiInputMonthRangeDirective extends TuiControl<TuiMonthRang
     private readonly open;
     private readonly intermediateValue;
     private readonly calendar;
-    protected readonly icon: import("@angular/core").Signal<string>;
+    protected readonly icon: import("@angular/core").WritableSignal<string>;
     protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
     protected readonly valueEffect: import("@angular/core").EffectRef;
     protected readonly calendarInit: import("@angular/core").EffectRef;

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

@@ -1,10 +1,8 @@
 import { type FactoryProvider, InjectionToken } from '@angular/core';
 import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
 import { type TuiMonthRange } 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 TuiInputMonthRangeOptions {
-    readonly icon: TuiHandler<TuiSizeL | TuiSizeS, string>;
+    readonly icon: string;
     readonly valueTransformer: TuiValueTransformer<TuiMonthRange | null, any>;
 }
 export declare const TUI_INPUT_MONTH_RANGE_OPTIONS: InjectionToken<TuiInputMonthRangeOptions>;

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

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

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

@@ -15,6 +15,7 @@ export declare class TuiInputNumberDirective extends TuiControl<string> {
     writeValue(value: any): void;
     setValue(value: bigint | number | string | null): void;
     protected onFocus(): void;
+    protected onBlur(): void;
     private parse;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputNumberDirective, never>;
     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/step/input-number-step.component.d.ts

@@ -1,19 +1,17 @@
-import { Subject } from 'rxjs';
 import { TuiInputNumberDirective } from '../input-number.directive';
 import { type TuiInputNumberOptions } from '../input-number.options';
 import { TuiNumberMask } from '../number-mask.directive';
+import { TuiInputNumberStepService } from './input-number-step.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/kit/directives/appearance-proxy";
 export declare class TuiInputNumberStep {
-    private readonly doc;
     private readonly el;
-    private readonly stop$;
+    protected readonly hold: TuiInputNumberStepService<number | bigint>;
+    protected readonly $: import("rxjs").Subscription;
     protected readonly appearance: import("@angular/core").Signal<string>;
     protected readonly options: TuiInputNumberOptions;
     protected readonly mask: TuiNumberMask;
     protected readonly input: TuiInputNumberDirective;
-    protected readonly step$: Subject<number | bigint>;
-    protected readonly stepping: import("rxjs").Subscription;
     readonly step: import("@angular/core").InputSignal<number | bigint>;
     protected onStep(step: bigint | number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputNumberStep, never>;

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

@@ -0,0 +1,12 @@
+import { type Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class TuiInputNumberStepService<T> {
+    private readonly doc;
+    private readonly destroyRef;
+    private readonly start$;
+    private readonly stop$;
+    readonly steps$: Observable<T>;
+    next(value: T): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputNumberStepService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TuiInputNumberStepService<any>>;
+}

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

@@ -1,6 +1,6 @@
 import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiSliderComponent, TuiSliderKeySteps, TuiSliderKeyStepsBase } from '@taiga-ui/core/components/slider';
 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, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

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

@@ -12,7 +12,7 @@ export declare class TuiInputTimeDirective extends TuiControl<TuiTime | null> im
     private readonly open;
     private readonly options;
     private readonly fillers;
-    protected readonly icon: import("@angular/core").Signal<string>;
+    protected readonly icon: import("@angular/core").WritableSignal<string>;
     protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
     protected readonly filler: import("@angular/core").Signal<string>;
     protected readonly mask: import("@angular/core").Signal<MaskitoOptions>;

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

@@ -1,10 +1,8 @@
 import { type MaskitoTimeParams } from '@maskito/kit';
 import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
 import { type TuiTime } 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 TuiInputTimeOptions extends Required<Pick<MaskitoTimeParams, 'mode' | 'timeSegmentMaxValues' | 'timeSegmentMinValues'>> {
-    readonly icon: TuiHandler<TuiSizeL | TuiSizeS, string>;
+    readonly icon: string;
     readonly valueTransformer: TuiValueTransformer<TuiTime | null, any> | null;
 }
 export declare const TUI_INPUT_TIME_DEFAULT_OPTIONS: TuiInputTimeOptions;

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

@@ -10,7 +10,7 @@ export declare class TuiInputYearDirective extends TuiControl<number | null> {
     private readonly open;
     private readonly initialItem;
     protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
-    protected readonly icon: import("@angular/core").Signal<string>;
+    protected readonly icon: import("@angular/core").WritableSignal<string>;
     protected readonly calendar: import("@angular/core").Signal<TuiCalendarYear | null>;
     /**
      * TODO: move to [value]="value()" after update to Angular 17+

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

@@ -1,6 +1,8 @@
 import { TuiHintComponent } from '@taiga-ui/core/portals/hint';
+import { TuiLineClamp } from './line-clamp.component';
 import * as i0 from "@angular/core";
 export declare class TuiLineClampBox extends TuiHintComponent {
+    protected readonly host: TuiLineClamp;
     protected get width(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineClampBox, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineClampBox, "tui-line-clamp-box", never, {}, {}, never, never, true, never>;

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

@@ -3,11 +3,13 @@ import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/transitioned";
 export declare class TuiLineClamp implements DoCheck {
+    private readonly offset;
     private readonly outlet;
     private readonly options;
     private readonly el;
     private readonly isOverflown$;
     private readonly maxHeight;
+    readonly line: import("@angular/core").Signal<number>;
     readonly lineHeight: import("@angular/core").InputSignal<number>;
     readonly linesLimit: import("@angular/core").InputSignal<number>;
     readonly content: import("@angular/core").InputSignal<PolymorpheusContent>;

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

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class TuiMultiSelectGroupDirective {
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiMultiSelectGroupDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiMultiSelectGroupDirective, "[tuiMultiSelectGroup]", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,9 +1,9 @@
-import { ElementRef } from '@angular/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import * as i0 from "@angular/core";
 import * as i1 from "./range-change.directive";
 export declare class TuiRange extends TuiControl<[number, number]> {
     private readonly el;
+    private readonly sliders;
     protected lastActiveThumb: 'end' | 'start';
     readonly min: import("@angular/core").InputSignal<number>;
     readonly max: import("@angular/core").InputSignal<number>;
@@ -15,7 +15,7 @@ export declare class TuiRange extends TuiControl<[number, number]> {
     readonly limit: import("@angular/core").InputSignal<number>;
     readonly start: import("@angular/core").Signal<number>;
     readonly end: import("@angular/core").Signal<number>;
-    readonly sliders: import("@angular/core").Signal<readonly ElementRef<HTMLInputElement>[]>;
+    readonly thumbs: import("@angular/core").Signal<readonly [HTMLInputElement, HTMLInputElement]>;
     protected readonly segmentWidthRatio: import("@angular/core").Signal<number>;
     protected readonly fractionStep: import("@angular/core").Signal<number>;
     protected readonly computedKeySteps: import("@angular/core").Signal<[[0, number], ...[number, number][], [100, number]]>;

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

@@ -5,7 +5,7 @@ export declare class TuiSelectOption<T> {
     private readonly handlers;
     private readonly value;
     protected readonly datalist: TuiDataListComponent<any>;
-    protected readonly option: TuiOptionWithValue<T> | null;
+    protected readonly option: TuiOptionWithValue<T>;
     protected readonly selected: import("@angular/core").Signal<boolean>;
     protected readonly scrolled: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSelectOption<any>, never>;

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

@@ -1,4 +1,4 @@
-import { TuiRadioComponent } from '@taiga-ui/kit/components/radio';
+import { TuiRadioComponent } from '@taiga-ui/core/components/radio';
 import { type TuiSwitchOptions } from './switch.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/icons";

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

@@ -1,6 +1,6 @@
 import { type TuiStringHandler } from '@taiga-ui/cdk/types';
+import { type TuiRadioOptions } from '@taiga-ui/core/components/radio';
 import { type TuiSizeS } from '@taiga-ui/core/types';
-import { type TuiRadioOptions } from '@taiga-ui/kit/components/radio';
 export interface TuiSwitchOptions extends TuiRadioOptions {
     readonly showIcons: boolean;
     readonly icon: TuiStringHandler<TuiSizeS>;

package/components/timeline/index.d.ts

@@ -0,0 +1,3 @@
+export * from './timeline';
+export * from './timeline.component';
+export * from './timeline-item.component';

package/components/timeline/timeline-item.component.d.ts

@@ -0,0 +1,14 @@
+import { TuiTimelineComponent } from './timeline.component';
+import * as i0 from "@angular/core";
+export declare class TuiTimelineItem {
+    protected readonly timeline: TuiTimelineComponent;
+    protected readonly offset: import("@angular/core").WritableSignal<number>;
+    readonly draggable: import("@angular/core").InputSignal<boolean>;
+    readonly resizable: import("@angular/core").InputSignal<boolean>;
+    readonly value: import("@angular/core").ModelSignal<readonly [number, number]>;
+    readonly min: import("@angular/core").Signal<number>;
+    readonly max: import("@angular/core").Signal<number>;
+    protected update(input: HTMLInputElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTimelineItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTimelineItem, "label[tuiTimelineItem]", never, { "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}

package/components/timeline/timeline.component.d.ts

@@ -0,0 +1,16 @@
+import { type TemplateRef } from '@angular/core';
+import { type TuiContext } from '@taiga-ui/cdk/types';
+import { type TuiOrientation } from '@taiga-ui/core/types';
+import { TuiTimelineItem } from './timeline-item.component';
+import * as i0 from "@angular/core";
+export declare class TuiTimelineComponent {
+    readonly items: import("@angular/core").Signal<readonly TuiTimelineItem[]>;
+    readonly d: import("@angular/core").Signal<number>;
+    readonly value: import("@angular/core").Signal<(readonly [number, number])[]>;
+    readonly gaps: import("@angular/core").Signal<(readonly [number, number])[]>;
+    readonly orientation: import("@angular/core").InputSignal<TuiOrientation>;
+    readonly template: import("@angular/core").InputSignal<TemplateRef<TuiContext<number>> | undefined>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTimelineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTimelineComponent, "tui-timeline", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*"], true, never>;
+}

package/components/timeline/timeline.d.ts

@@ -0,0 +1,3 @@
+import { TuiTimelineComponent } from './timeline.component';
+import { TuiTimelineItem } from './timeline-item.component';
+export declare const TuiTimeline: readonly [typeof TuiTimelineComponent, typeof TuiTimelineItem];

package/directives/password/password.options.d.ts

@@ -1,9 +1,7 @@
-import { type TuiStringHandler } from '@taiga-ui/cdk/types';
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiPasswordOptions {
     readonly icons: Readonly<{
-        hide: TuiStringHandler<TuiSizeL | TuiSizeS> | string;
-        show: TuiStringHandler<TuiSizeL | TuiSizeS> | string;
+        hide: string;
+        show: string;
     }>;
 }
 export declare const TUI_PASSWORD_OPTIONS: import("@angular/core").InjectionToken<TuiPasswordOptions>, tuiPasswordOptionsProvider: (item: Partial<TuiPasswordOptions> | (() => Partial<TuiPasswordOptions>)) => import("@angular/core").FactoryProvider;

package/fesm2022/taiga-ui-kit-components-accordion.mjs

@@ -73,11 +73,11 @@ class TuiAccordionComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.18", type: TuiAccordionComponent, isStandalone: true, selector: "tui-accordion", inputs: { closeOthers: { classPropertyName: "closeOthers", publicName: "closeOthers", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()" } }, providers: [tuiGroupOptionsProvider({ orientation: 'vertical', collapsed: true })], queries: [{ propertyName: "expands", predicate: TuiExpand, isSignal: true }, { propertyName: "directives", predicate: TuiAccordionDirective, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiGroup }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-accordion{inline-size:100%;border-radius:var(--t-group-radius);font:var(--tui-font-body-m);overflow:hidden}tui-accordion>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion>[tuiAccordion]:last-of-type:not(._open){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion>[tuiAccordion]:first-child:last-of-type:not(._open){mask:none}tui-accordion>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion>[tuiAccordion]._open+tui-expand{visibility:visible}tui-accordion>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion[data-size=m]{font:var(--tui-font-body-s)}tui-accordion[data-size=m]>tui-expand{padding:1rem}tui-accordion[data-size=s]{font:var(--tui-font-body-s)}tui-accordion[data-size=s]>tui-expand{padding:.625rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.18", type: TuiAccordionComponent, isStandalone: true, selector: "tui-accordion", inputs: { closeOthers: { classPropertyName: "closeOthers", publicName: "closeOthers", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()" } }, providers: [tuiGroupOptionsProvider({ orientation: 'vertical', collapsed: true })], queries: [{ propertyName: "expands", predicate: TuiExpand, isSignal: true }, { propertyName: "directives", predicate: TuiAccordionDirective, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiGroup }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-accordion{inline-size:100%;border-radius:var(--t-group-radius);font:var(--tui-typography-body-m);overflow:hidden}tui-accordion>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion>[tuiAccordion]:last-of-type:not(._open){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion>[tuiAccordion]:first-child:last-of-type:not(._open){mask:none}tui-accordion>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion>[tuiAccordion]._open+tui-expand{visibility:visible}tui-accordion>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion[data-size=m]{font:var(--tui-typography-body-s)}tui-accordion[data-size=m]>tui-expand{padding:1rem}tui-accordion[data-size=s]{font:var(--tui-typography-body-s)}tui-accordion[data-size=s]>tui-expand{padding:.625rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiAccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-accordion', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiGroupOptionsProvider({ orientation: 'vertical', collapsed: true })], hostDirectives: [TuiGroup], host: { '[attr.data-size]': 'size()' }, styles: ["tui-accordion{inline-size:100%;border-radius:var(--t-group-radius);font:var(--tui-font-body-m);overflow:hidden}tui-accordion>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion>[tuiAccordion]:last-of-type:not(._open){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion>[tuiAccordion]:first-child:last-of-type:not(._open){mask:none}tui-accordion>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion>[tuiAccordion]._open+tui-expand{visibility:visible}tui-accordion>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion[data-size=m]{font:var(--tui-font-body-s)}tui-accordion[data-size=m]>tui-expand{padding:1rem}tui-accordion[data-size=s]{font:var(--tui-font-body-s)}tui-accordion[data-size=s]>tui-expand{padding:.625rem}\n"] }]
+            args: [{ selector: 'tui-accordion', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiGroupOptionsProvider({ orientation: 'vertical', collapsed: true })], hostDirectives: [TuiGroup], host: { '[attr.data-size]': 'size()' }, styles: ["tui-accordion{inline-size:100%;border-radius:var(--t-group-radius);font:var(--tui-typography-body-m);overflow:hidden}tui-accordion>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion>[tuiAccordion]:last-of-type:not(._open){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion>[tuiAccordion]:first-child:last-of-type:not(._open){mask:none}tui-accordion>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion>[tuiAccordion]._open+tui-expand{visibility:visible}tui-accordion>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion[data-size=m]{font:var(--tui-typography-body-s)}tui-accordion[data-size=m]>tui-expand{padding:1rem}tui-accordion[data-size=s]{font:var(--tui-typography-body-s)}tui-accordion[data-size=s]>tui-expand{padding:.625rem}\n"] }]
         }] });
 
 const TuiAccordion = [