@taiga-ui/kit 5.0.0-canary.cf66fed → 5.0.0-canary.d205016

package/components/accordion/accordion.component.d.ts

@@ -1,3 +1,4 @@
+import { ElementRef } from '@angular/core';
 import { TuiExpand } from '@taiga-ui/core/components/expand';
 import { TuiAccordionDirective } from './accordion.directive';
 import * as i0 from "@angular/core";
@@ -5,9 +6,11 @@ import * as i1 from "@taiga-ui/core/directives/group";
 export declare class TuiAccordionComponent {
     protected readonly expands: import("@angular/core").Signal<readonly TuiExpand[]>;
     protected readonly directives: import("@angular/core").Signal<readonly TuiAccordionDirective[]>;
+    protected readonly elements: import("@angular/core").Signal<readonly ElementRef<any>[]>;
+    protected readonly sync: import("@angular/core").EffectRef;
     readonly closeOthers: import("@angular/core").InputSignal<boolean>;
     readonly size: import("@angular/core").InputSignal<"m" | "s" | "l">;
     toggle(directive: TuiAccordionDirective): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAccordionComponent, "tui-accordion", never, { "closeOthers": { "alias": "closeOthers"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["expands", "directives"], ["*"], true, [{ directive: typeof i1.TuiGroup; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAccordionComponent, "tui-accordion", never, { "closeOthers": { "alias": "closeOthers"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["expands", "directives", "elements"], ["*"], true, [{ directive: typeof i1.TuiGroup; inputs: {}; outputs: {}; }]>;
 }

package/components/accordion/accordion.directive.d.ts

@@ -5,6 +5,7 @@ import * as i2 from "@taiga-ui/kit/directives/chevron";
 export declare class TuiAccordionDirective implements OnChanges {
     private readonly accordion;
     readonly open: import("@angular/core").ModelSignal<boolean | "">;
+    readonly id: string;
     readonly size: import("@angular/core").InputSignal<"m" | "s" | "l">;
     readonly chevron: import("@angular/core").ModelSignal<boolean | "">;
     ngOnChanges(): void;

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

@@ -1,28 +1,23 @@
-import { EventEmitter } from '@angular/core';
-import { TuiMonth, TuiMonthRange, TuiYear } from '@taiga-ui/cdk/date-time';
+import { TuiDay, TuiMonth, TuiMonthRange, TuiYear } from '@taiga-ui/cdk/date-time';
 import { type TuiBooleanHandler } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/date-time";
 export declare class TuiCalendarMonth {
+    private hoveredItem;
     protected isYearPickerShown: boolean;
     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 value: import("@angular/core").InputSignal<TuiMonth | TuiMonthRange | null>;
     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>;
-    readonly value: import("@angular/core").WritableSignal<TuiMonth | TuiMonthRange | null>;
-    hoveredItem: TuiMonth | null;
-    set minSetter(x: TuiMonth);
-    set maxSetter(x: TuiMonth);
-    set valueSetter(x: TuiMonth | TuiMonthRange | null);
+    readonly min: import("@angular/core").InputSignalWithTransform<TuiDay | TuiMonth, TuiMonth | null>;
+    readonly max: import("@angular/core").InputSignalWithTransform<TuiDay | TuiMonth, TuiMonth | null>;
+    readonly year: import("@angular/core").ModelSignal<TuiYear | undefined>;
+    readonly monthClick: import("@angular/core").OutputEmitterRef<TuiMonth>;
+    readonly hoveredItemChange: import("@angular/core").OutputEmitterRef<TuiMonth | null>;
+    readonly options: import("./calendar-month.options").TuiCalendarMonthOptions;
     onNextYear(): void;
     onPreviousYear(): void;
     getItemRange(item: TuiMonth): 'active' | 'end' | 'middle' | 'start' | null;
@@ -36,7 +31,5 @@ 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 ngAcceptInputType_minSetter: i1.TuiMonth | null;
-    static ngAcceptInputType_maxSetter: i1.TuiMonth | null;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarMonth, "tui-calendar-month", never, { "value": { "alias": "value"; "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; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "year": { "alias": "year"; "required": false; "isSignal": true; }; }, { "year": "yearChange"; "monthClick": "monthClick"; "hoveredItemChange": "hoveredItemChange"; }, never, never, true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter, type OnChanges, type OnInit } from '@angular/core';
+import { type OnChanges, type OnInit, type SimpleChanges } from '@angular/core';
 import { TuiDay, type TuiDayLike, TuiDayRange, TuiMonth } from '@taiga-ui/cdk/date-time';
 import { type TuiBooleanHandler, type TuiMapper } from '@taiga-ui/cdk/types';
 import { type TuiMarkerHandler } from '@taiga-ui/core/components/calendar';
@@ -9,29 +9,26 @@ export declare class TuiCalendarRange implements OnInit, OnChanges {
      * @deprecated use `item`
      */
     private selectedPeriod;
-    private readonly cdr;
-    protected currentValue: TuiDay | TuiDayRange | null;
     protected previousValue: TuiDay | TuiDayRange | null;
     protected hoveredItem: TuiDay | null;
-    protected month: TuiMonth;
+    protected readonly month: import("@angular/core").WritableSignal<TuiMonth>;
     protected readonly otherDateText: import("@angular/core").Signal<string>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly capsMapper: TuiMapper<[TuiDay | null, TuiDay | TuiDayRange | null, TuiDayLike | null, boolean], TuiDay>;
     protected readonly mobile: boolean;
-    disabledItemHandler: TuiBooleanHandler<TuiDay>;
-    markerHandler: TuiMarkerHandler | null;
-    items: readonly TuiDayRangePeriod[];
-    min: TuiDay | null;
-    max: TuiDay | null;
-    minLength: TuiDayLike | null;
-    maxLength: TuiDayLike | null;
-    item: TuiDayRangePeriod | null;
-    readonly valueChange: EventEmitter<TuiDayRange | null>;
-    readonly itemChange: EventEmitter<TuiDayRangePeriod | null>;
-    set valueSetter(value: TuiDayRange | null);
-    set defaultViewedMonth(month: TuiMonth);
-    set value(value: TuiDayRange | null);
-    get defaultViewedMonth(): TuiMonth;
+    protected readonly options: import("@taiga-ui/core/components/textfield").TuiTextfieldOptions;
+    readonly min: import("@angular/core").InputSignal<TuiDay | null>;
+    readonly max: import("@angular/core").InputSignal<TuiDay | null>;
+    readonly minLength: import("@angular/core").InputSignal<TuiDayLike | null>;
+    readonly maxLength: import("@angular/core").InputSignal<TuiDayLike | null>;
+    readonly items: import("@angular/core").InputSignal<readonly TuiDayRangePeriod[]>;
+    readonly listSize: import("@angular/core").InputSignal<"m" | "l" | "s">;
+    readonly defaultViewedMonth: import("@angular/core").InputSignal<TuiMonth>;
+    readonly markerHandler: import("@angular/core").InputSignal<TuiMarkerHandler | null>;
+    readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<TuiDay>>;
+    readonly value: import("@angular/core").ModelSignal<TuiDayRange | null>;
+    readonly item: import("@angular/core").ModelSignal<TuiDayRangePeriod | null>;
+    protected readonly currentValue: import("@angular/core").WritableSignal<TuiDay | TuiDayRange | null>;
     /**
      * @deprecated use `item`
      */
@@ -40,7 +37,7 @@ export declare class TuiCalendarRange implements OnInit, OnChanges {
      * @deprecated use `item`
      */
     set selectedActivePeriod(period: TuiDayRangePeriod | null);
-    ngOnChanges(): void;
+    ngOnChanges({ defaultViewedMonth }: SimpleChanges): void;
     ngOnInit(): void;
     protected onEsc(event: KeyboardEvent): void;
     protected readonly monthOffset: TuiMapper<[TuiMonth, number], TuiMonth>;
@@ -54,12 +51,10 @@ export declare class TuiCalendarRange implements OnInit, OnChanges {
     protected readonly disabledMapper: (disabledItemHandler: TuiBooleanHandler<TuiDay>, value: TuiDay | TuiDayRange | null, minLength: TuiDayLike | null) => TuiBooleanHandler<TuiDay>;
     protected isItemActive(item: TuiDayRangePeriod | string): boolean;
     protected onItemSelect(item: TuiDayRangePeriod | string): void;
-    protected onMonthChange(month: TuiMonth): void;
     protected onDayClick(day: TuiDay): void;
-    protected updateValue(value: TuiDayRange | null): void;
     private get activePeriod();
     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, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "listSize": { "alias": "listSize"; "required": false; "isSignal": true; }; "defaultViewedMonth": { "alias": "defaultViewedMonth"; "required": false; "isSignal": true; }; "markerHandler": { "alias": "markerHandler"; "required": false; "isSignal": true; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "item": "itemChange"; }, never, never, true, never>;
 }

package/components/combo-box/combo-box.directive.d.ts

@@ -4,6 +4,7 @@ import { type TuiTextfieldAccessor } from '@taiga-ui/core/components/textfield';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/components/input";
 export declare class TuiComboBoxDirective<T> extends TuiControl<T | string | null> implements TuiTextfieldAccessor<T> {
+    private readonly el;
     private readonly host;
     private readonly input;
     private readonly open;

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.component.d.ts

@@ -3,7 +3,9 @@ import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiCopyComponent {
     protected readonly notification: import("@taiga-ui/core/components/notification").TuiNotificationOptions<undefined>;
-    protected readonly options: import("./copy.options").TuiCopyOptions;
+    protected readonly options: {
+        icon: string;
+    };
     protected readonly copied$: BehaviorSubject<boolean>;
     protected readonly texts: import("@angular/core").Signal<readonly [copy: string, copied: string]>;
     protected readonly hint: import("@angular/core").Signal<boolean | undefined>;

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,10 @@
-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;
+export declare const TUI_COPY_OPTIONS: import("@angular/core").InjectionToken<{
+    icon: string;
+}>, tuiCopyOptionsProvider: (item: Partial<{
+    icon: string;
+}> | (() => Partial<{
+    icon: string;
+}>)) => 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/files/input-files/input-files.component.d.ts

@@ -1,18 +1,21 @@
 import { TemplateRef } from '@angular/core';
 import { type TuiContext } from '@taiga-ui/cdk/types';
+import { type TuiSizeL } from '@taiga-ui/core/types';
 import { PolymorpheusComponent } from '@taiga-ui/polymorpheus';
 import { TuiInputFilesContent } from './input-files.content';
 import { TuiInputFilesDirective } from './input-files.directive';
 import * as i0 from "@angular/core";
 export declare class TuiInputFiles {
     protected files?: FileList | null;
+    protected readonly options: import("./input-files.options").TuiInputFilesOptions;
     protected readonly content: PolymorpheusComponent<TuiInputFilesContent>;
     protected readonly template: import("@angular/core").Signal<TemplateRef<TuiContext<boolean>> | undefined>;
     readonly input: import("@angular/core").Signal<TuiInputFilesDirective | undefined>;
+    readonly size: import("@angular/core").InputSignal<"" | TuiSizeL>;
     protected get fileDragged(): boolean;
     protected onFilesSelected(input: HTMLInputElement): void;
     protected onDropped({ dataTransfer }: DragEvent): void;
     protected onDrag(dataTransfer: DataTransfer | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputFiles, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputFiles, "label[tuiInputFiles]", never, {}, {}, ["template", "input"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputFiles, "label[tuiInputFiles]", never, { "size": { "alias": "tuiInputFiles"; "required": false; "isSignal": true; }; }, {}, ["template", "input"], ["*"], true, never>;
 }

package/components/filter/filter.component.d.ts

@@ -6,7 +6,7 @@ export declare class TuiFilter<T> extends TuiControl<readonly T[]> {
     protected readonly handlers: import("@taiga-ui/core/directives/items-handlers").TuiItemsHandlers<unknown>;
     readonly items: import("@angular/core").InputSignal<readonly T[]>;
     readonly size: import("@angular/core").InputSignal<"m" | "l" | "s">;
-    readonly badgeHandler: import("@angular/core").InputSignal<TuiHandler<T, number>>;
+    readonly badgeHandler: import("@angular/core").InputSignal<TuiHandler<T, number | null>>;
     readonly content: import("@angular/core").InputSignal<import("@taiga-ui/polymorpheus").PolymorpheusContent>;
     readonly toggledItem: import("@angular/core").OutputEmitterRef<T>;
     onCheckbox(value: boolean, item: T): void;

package/components/index.d.ts

@@ -9,14 +9,13 @@ export * from '@taiga-ui/kit/components/breadcrumbs';
 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 +51,19 @@ 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/shrink-wrap';
 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;
@@ -36,6 +36,7 @@ export declare abstract class TuiInputDateBase<T extends TuiDay | TuiDayRange |
     protected processCalendar(calendar: TuiCalendar | TuiCalendarRange): void;
     protected onClick(): void;
     protected stringify(value: T | null): string;
+    private toCalendarValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateBase<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateBase<any>, never, never, {}, {}, never, never, true, never>;
 }

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-date-time/input-date-time.component.d.ts

@@ -6,8 +6,8 @@ export declare class TuiInputDateTimeComponent extends TuiNativeTimePicker {
     protected readonly host: TuiInputDateTimeDirective;
     protected readonly step: import("@angular/core").Signal<number>;
     protected readonly value: import("@angular/core").Signal<string>;
-    protected min: import("@angular/core").Signal<string>;
-    protected max: import("@angular/core").Signal<string>;
+    protected readonly min: import("@angular/core").Signal<string>;
+    protected readonly max: import("@angular/core").Signal<string>;
     protected onInput(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateTimeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputDateTimeComponent, "input[tuiInputDateTime][type=\"datetime-local\"]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithNativePicker; inputs: {}; outputs: {}; }]>;

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/number-mask.directive.d.ts

@@ -30,7 +30,7 @@ export declare class TuiNumberMask {
         readonly thousandSeparator: string;
     }>;
     protected readonly mask: import("@angular/core").Signal<MaskitoOptions>;
-    protected maskInitialCalibration: import("@angular/core").EffectRef;
+    protected readonly maskInitialCalibration: import("@angular/core").EffectRef;
     stringify(value: bigint | number | null | undefined): string;
     private computeMask;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNumberMask, never>;

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-phone/input-phone.directive.d.ts

@@ -9,7 +9,7 @@ export declare class TuiInputPhoneDirective extends TuiControl<string | null> {
     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 inputMode: import("@angular/core").Signal<"text" | "numeric">;
     protected readonly valueEffect: import("@angular/core").EffectRef;
     protected readonly blurEffect: import("@angular/core").EffectRef;
     protected readonly countryCode: import("@angular/core").Signal<string>;

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

@@ -22,7 +22,7 @@ export declare class TuiInputRange extends TuiControl<readonly [number, number]>
     readonly quantum: import("@angular/core").InputSignal<number>;
     readonly prefix: import("@angular/core").InputSignalWithTransform<readonly [string, string], readonly [string, string] | null | undefined>;
     readonly postfix: import("@angular/core").InputSignalWithTransform<readonly [string, string], readonly [string, string] | null | undefined>;
-    content: import("@angular/core").InputSignal<readonly [PolymorpheusContent<TuiContext<number>>, PolymorpheusContent<TuiContext<number>>]>;
+    readonly content: import("@angular/core").InputSignal<readonly [PolymorpheusContent<TuiContext<number>>, PolymorpheusContent<TuiContext<number>>]>;
     writeValue(value: [number, number]): void;
     protected get contentStartHidden(): boolean;
     protected get contentEndHidden(): boolean;

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