@taiga-ui/kit 4.52.0-canary.6ee9658 → 4.52.0-canary.7c53ccc

package/components/pagination/pagination.component.d.ts

@@ -1,44 +1,33 @@
-import { EventEmitter } from '@angular/core';
 import { type TuiContext } from '@taiga-ui/cdk/types';
-import { type TuiHorizontalDirection, type TuiSizeL, type TuiSizeS, type TuiSizeXS } from '@taiga-ui/core/types';
+import { type TuiHorizontalDirection } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
 export declare class TuiPagination {
     private readonly els;
     private readonly el;
+    private readonly maxHalfLength;
+    private readonly maxElementsLength;
+    private readonly lastElementIndex;
+    private readonly itemsFit;
+    private readonly lastIndex;
+    private readonly reverseIndex;
     protected readonly texts: import("@angular/core").Signal<readonly [previous_page: string, next_page: string]>;
-    protected readonly icons: import("@taiga-ui/core/tokens").TuiSpinIcons;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly options: import("./pagination.options").TuiPaginationOptions;
-    length: number;
-    focusable: boolean;
-    size: TuiSizeL | TuiSizeS;
-    readonly disabled = false;
-    /**
-     * Amount of visible pages around active page
-     */
-    activePadding: number;
-    /**
-     * Amount of visible pages at the edges
-     */
-    sidePadding: number;
-    /**
-     * Customization for page number display.
-     */
-    content: PolymorpheusContent<TuiContext<number>>;
-    /**
-     * Active page index
-     */
-    index: number;
-    readonly indexChange: EventEmitter<number>;
-    get nativeFocusableElement(): HTMLElement | null;
+    protected readonly buttonSize: import("@angular/core").Signal<"xs" | "s">;
+    protected readonly elementsLength: import("@angular/core").Signal<number>;
+    readonly length: import("@angular/core").InputSignal<number>;
+    readonly focusable: import("@angular/core").InputSignal<boolean>;
+    readonly size: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiSizeL>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly activePadding: import("@angular/core").InputSignal<number>;
+    readonly sidePadding: import("@angular/core").InputSignal<number>;
+    readonly content: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<number>>>;
+    readonly index: import("@angular/core").ModelSignal<number>;
+    readonly arrowIsDisabledRight: import("@angular/core").Signal<boolean>;
+    readonly arrowIsDisabledLeft: import("@angular/core").Signal<boolean>;
+    readonly nativeFocusableElement: import("@angular/core").Signal<HTMLElement | null>;
     get focused(): boolean;
-    get arrowIsDisabledLeft(): boolean;
-    get arrowIsDisabledRight(): boolean;
-    /**
-     * Number of items in a container.
-     */
-    protected get elementsLength(): number;
-    protected get buttonSize(): TuiSizeXS;
     protected elementIsFocusable(index: number): boolean;
     /**
      * Get index by element index
@@ -51,24 +40,6 @@ export declare class TuiPagination {
     protected onElementKeyDownArrowLeft(element: HTMLElement): void;
     protected onElementKeyDownArrowRight(element: HTMLElement): void;
     protected onArrowClick(direction: TuiHorizontalDirection): void;
-    /**
-     * Active index from the end
-     */
-    private get reverseIndex();
-    /**
-     * Max number of elements in half (not counting the middle one).
-     */
-    private get maxHalfLength();
-    /**
-     * Is there '...' anywhere
-     */
-    private get itemsFit();
-    /**
-     * Max number of elements
-     */
-    private get maxElementsLength();
-    private get lastIndex();
-    private get lastElementIndex();
     /**
      * Are there collapsed items at that index
      * @param index
@@ -76,8 +47,7 @@ export declare class TuiPagination {
      */
     private hasCollapsedItems;
     private tryChangeTo;
-    private focusActive;
     private updateIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPagination, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPagination, "tui-pagination", never, { "length": { "alias": "length"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "activePadding": { "alias": "activePadding"; "required": false; }; "sidePadding": { "alias": "sidePadding"; "required": false; }; "content": { "alias": "content"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, { "indexChange": "indexChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPagination, "tui-pagination", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "activePadding": { "alias": "activePadding"; "required": false; "isSignal": true; }; "sidePadding": { "alias": "sidePadding"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, { "index": "indexChange"; }, never, never, true, never>;
 }

package/components/pagination/pagination.options.d.ts

@@ -1,10 +1,7 @@
 import { type TuiStringHandler } from '@taiga-ui/cdk/types';
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
+import { type TuiSizeL } from '@taiga-ui/core/types';
 export interface TuiPaginationOptions {
-    readonly appearance: TuiStringHandler<{
-        isActive: boolean;
-        size: TuiSizeL | TuiSizeS;
-    }>;
-    readonly defaultSize: TuiSizeL | TuiSizeS;
+    readonly size: TuiSizeL;
+    readonly appearance: TuiStringHandler<boolean>;
 }
 export declare const TUI_PAGINATION_OPTIONS: import("@angular/core").InjectionToken<TuiPaginationOptions>, tuiPaginationOptionsProvider: (item: Partial<TuiPaginationOptions> | (() => Partial<TuiPaginationOptions>)) => import("@angular/core").FactoryProvider;

package/components/preview/dialog/preview-dialog.service.d.ts

@@ -1,4 +1,4 @@
-import { TuiModalService } from '@taiga-ui/core/components/modal';
+import { TuiModalService } from '@taiga-ui/core/portals/modal';
 import { TuiPreviewDialog } from './preview-dialog.component';
 import * as i0 from "@angular/core";
 export declare class TuiPreviewDialogService extends TuiModalService<unknown> {

package/components/preview/index.d.ts

@@ -3,5 +3,6 @@ export * from './dialog';
 export * from './pagination/preview-pagination.component';
 export * from './preview';
 export * from './preview.component';
+export * from './preview.options';
 export * from './title/preview-title.component';
 export * from './zoom/preview-zoom.component';

package/components/preview/pagination/preview-pagination.component.d.ts

@@ -1,15 +1,11 @@
-import { EventEmitter } from '@angular/core';
+import { type TuiPreviewIcons } from '../preview.options';
 import * as i0 from "@angular/core";
 export declare class TuiPreviewPagination {
-    protected readonly icons: import("@taiga-ui/kit/tokens").TuiPreviewIcons;
-    protected readonly paginationTexts: import("@angular/core").Signal<readonly [previous_page: string, next_page: string]>;
-    length: number;
-    index: number;
-    readonly indexChange: EventEmitter<number>;
+    protected readonly icons: TuiPreviewIcons;
+    protected readonly texts: import("@angular/core").Signal<readonly [previous_page: string, next_page: string]>;
+    readonly length: import("@angular/core").InputSignal<number>;
+    readonly index: import("@angular/core").ModelSignal<number>;
     onArrowClick(step: number): void;
-    protected get leftButtonDisabled(): boolean;
-    protected get rightButtonDisabled(): boolean;
-    private updateIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewPagination, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewPagination, "tui-preview-pagination", never, { "length": { "alias": "length"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, { "indexChange": "indexChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewPagination, "tui-preview-pagination", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, { "index": "indexChange"; }, never, never, true, never>;
 }

package/components/preview/preview.component.d.ts

@@ -7,10 +7,10 @@ export declare class TuiPreviewComponent {
     protected minZoom: number;
     protected width: number;
     protected height: number;
-    protected readonly previewTexts: import("@angular/core").Signal<{
+    protected readonly texts: import("@angular/core").Signal<{
         rotate: string;
     }>;
-    protected readonly icons: import("@taiga-ui/kit/tokens").TuiPreviewIcons;
+    protected readonly icons: import("./preview.options").TuiPreviewIcons;
     protected readonly cdr: ChangeDetectorRef;
     protected readonly zoom$: BehaviorSubject<number>;
     protected readonly rotation$: BehaviorSubject<number>;
@@ -18,9 +18,9 @@ export declare class TuiPreviewComponent {
     protected readonly transitioned$: import("rxjs").Observable<boolean>;
     protected readonly cursor$: import("rxjs").Observable<string>;
     protected readonly wrapperTransform$: import("rxjs").Observable<string>;
-    zoomable: boolean;
-    rotatable: boolean;
-    initialScale: number;
+    readonly zoomable: import("@angular/core").InputSignal<boolean>;
+    readonly rotatable: import("@angular/core").InputSignal<boolean>;
+    readonly initialScale: import("@angular/core").InputSignal<number>;
     protected rotate(): void;
     protected onPan(delta: readonly [number, number]): void;
     protected onMutation(contentWrapper: HTMLElement): void;
@@ -35,5 +35,5 @@ export declare class TuiPreviewComponent {
     private getGuardedCoordinates;
     private getScaleCenter;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewComponent, "tui-preview", never, { "zoomable": { "alias": "zoomable"; "required": false; }; "rotatable": { "alias": "rotatable"; "required": false; }; "initialScale": { "alias": "initialScale"; "required": false; }; }, {}, never, ["*", "tui-preview-title", "tui-preview-pagination", "[tuiPreviewAction]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewComponent, "tui-preview", never, { "zoomable": { "alias": "zoomable"; "required": false; "isSignal": true; }; "rotatable": { "alias": "rotatable"; "required": false; "isSignal": true; }; "initialScale": { "alias": "initialScale"; "required": false; "isSignal": true; }; }, {}, never, ["*", "tui-preview-title", "tui-preview-pagination", "[tuiPreviewAction]"], true, never>;
 }

package/components/preview/zoom/preview-zoom.component.d.ts

@@ -1,25 +1,19 @@
-import { EventEmitter } from '@angular/core';
+import { type TuiPreviewIcons } from '../preview.options';
 import * as i0 from "@angular/core";
 export declare class TuiPreviewZoom {
-    protected readonly icons: import("@taiga-ui/kit/tokens").TuiPreviewIcons;
-    protected readonly zoomTexts: import("@angular/core").Signal<{
+    protected readonly icons: TuiPreviewIcons;
+    protected readonly texts: import("@angular/core").Signal<{
         zoomIn: string;
         zoomOut: string;
         reset: string;
     }>;
-    min: number;
-    max: number;
-    value: number;
-    readonly valueChange: EventEmitter<number>;
-    readonly reset: EventEmitter<void>;
-    readonly hintShow$: import("rxjs").Observable<boolean>;
-    protected get leftButtonDisabled(): boolean;
-    protected get rightButtonDisabled(): boolean;
-    protected get collapseVisible(): boolean;
-    protected onModelChange(value: number): void;
-    protected onReset(): void;
-    protected onMinus(): void;
-    protected onPlus(): void;
+    protected readonly sliderLabel: import("@angular/core").Signal<string>;
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly value: import("@angular/core").ModelSignal<number>;
+    readonly reset: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly hint: import("@angular/core").Signal<boolean>;
+    protected clamp(value: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewZoom, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewZoom, "tui-preview-zoom", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "reset": "reset"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewZoom, "tui-preview-zoom", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "reset": "reset"; }, never, never, true, never>;
 }

package/components/progress/progress-bar/progress-bar.component.d.ts

@@ -1,9 +1,8 @@
-import { type TuiSizeXXL, type TuiSizeXXS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiProgressBar {
     private readonly options;
-    color: string | null;
-    size: TuiSizeXXL | TuiSizeXXS;
+    readonly color: import("@angular/core").InputSignal<string | null>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "xl" | "xxl" | "s" | "xs" | "xxs">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiProgressBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiProgressBar, "progress[tuiProgressBar]", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiProgressBar, "progress[tuiProgressBar]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/progress/progress-circle/progress-circle.component.d.ts

@@ -1,16 +1,12 @@
-import { type BooleanInput } from '@angular/cdk/coercion';
-import { type TuiSizeXXL, type TuiSizeXXS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiProgressCircle {
     private readonly options;
-    protected readonly animationDelay: import("@angular/core").Signal<boolean | undefined>;
-    value: number;
-    max: number;
-    color: string | null;
-    size: TuiSizeXXL | TuiSizeXXS;
-    arc: BooleanInput;
-    protected get progressRatio(): number;
+    protected readonly ratio: import("@angular/core").Signal<number>;
+    readonly value: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly color: import("@angular/core").InputSignal<string | null>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "xl" | "xxl" | "s" | "xs" | "xxs">;
+    readonly arc: import("@angular/core").InputSignalWithTransform<boolean, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiProgressCircle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiProgressCircle, "tui-progress-circle", never, { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "arc": { "alias": "arc"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_arc: any;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiProgressCircle, "tui-progress-circle", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "arc": { "alias": "arc"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/pulse/pulse.component.d.ts

@@ -4,9 +4,9 @@ import * as i1 from "@taiga-ui/cdk/directives/animated";
 export declare class TuiPulse extends TuiRectAccessor {
     private readonly isBrowser;
     private readonly el;
-    playing: boolean;
+    readonly playing: import("@angular/core").InputSignal<boolean>;
     readonly type = "hint";
     getClientRect(): DOMRect;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPulse, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPulse, "tui-pulse", never, { "playing": { "alias": "playing"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPulse, "tui-pulse", never, { "playing": { "alias": "playing"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
 }

package/components/push/push-alert.component.d.ts

@@ -2,7 +2,7 @@ import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import { type TuiPushOptions } from './push.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
-import * as i2 from "@taiga-ui/core/directives/alert";
+import * as i2 from "@taiga-ui/core/portals/alert";
 export declare class TuiPushAlert {
     protected readonly context: TuiPortalContext<TuiPushOptions, string>;
     protected get isDirective(): boolean;

package/components/push/push.component.d.ts

@@ -1,15 +1,14 @@
-import { EventEmitter } from '@angular/core';
 import { tuiIsString } from '@taiga-ui/cdk/utils/miscellaneous';
 import * as i0 from "@angular/core";
 export declare class TuiPushComponent {
     protected readonly isString: typeof tuiIsString;
     protected readonly closeWord: import("@angular/core").Signal<string>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    heading: string;
-    type: string;
-    lines: number;
-    timestamp: number | string;
-    readonly close: EventEmitter<void>;
+    readonly heading: import("@angular/core").InputSignal<string>;
+    readonly type: import("@angular/core").InputSignal<string>;
+    readonly lines: import("@angular/core").InputSignal<number>;
+    readonly timestamp: import("@angular/core").InputSignal<string | number>;
+    readonly close: import("@angular/core").OutputEmitterRef<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPushComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushComponent, "tui-push", never, { "heading": { "alias": "heading"; "required": false; }; "type": { "alias": "type"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "timestamp": { "alias": "timestamp"; "required": false; }; }, { "close": "close"; }, never, ["img", "tui-icon", "*", "[tuiButton]", "[tuiLink]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushComponent, "tui-push", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["img", "tui-icon", "*", "[tuiButton]", "[tuiLink]"], true, never>;
 }

package/components/push/push.options.d.ts

@@ -1,5 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import { type TuiPositionOptions } from '@taiga-ui/core/directives/alert';
+import { type TuiPositionOptions } from '@taiga-ui/core/portals/alert';
 export interface TuiPushOptions extends TuiPositionOptions {
     readonly buttons: readonly string[];
     readonly heading: string;

package/components/push/push.service.d.ts

@@ -1,4 +1,4 @@
-import { TuiAlertService } from '@taiga-ui/core/directives/alert';
+import { TuiAlertService } from '@taiga-ui/core/portals/alert';
 import { type TuiPushOptions } from './push.options';
 import { TuiPushAlert } from './push-alert.component';
 import * as i0 from "@angular/core";

package/components/radio/radio.component.d.ts

@@ -6,7 +6,7 @@ import * as i1 from "@taiga-ui/core/directives/appearance";
 import * as i2 from "@taiga-ui/cdk/directives/native-validator";
 export declare class TuiRadioComponent<T extends TuiRadioOptions> implements DoCheck, OnInit {
     private readonly destroyRef;
-    private readonly el;
+    protected readonly el: HTMLInputElement;
     protected readonly options: T;
     protected readonly appearance: import("@angular/core").WritableSignal<string>;
     protected readonly control: NgControl | null;

package/components/radio-list/radio-list.component.d.ts

@@ -1,21 +1,23 @@
 import { type ValidatorFn } from '@angular/forms';
 import { TuiControl } from '@taiga-ui/cdk/classes';
-import { type TuiBooleanHandler, type TuiIdentityMatcher } from '@taiga-ui/cdk/types';
-import { type TuiSizeS, type TuiValueContentContext } from '@taiga-ui/core/types';
+import { type TuiContext } from '@taiga-ui/cdk/types';
+import { type TuiSizeS } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/directives/items-handlers";
 export declare class TuiRadioList<T> extends TuiControl<T> {
     private readonly controls;
     private readonly id;
-    protected validator: import("@angular/core").Signal<ValidatorFn>;
-    items: readonly T[];
-    size: TuiSizeS;
-    identityMatcher: TuiIdentityMatcher<T>;
-    disabledItemHandler: TuiBooleanHandler<T>;
-    itemContent: PolymorpheusContent<TuiValueContentContext<T>>;
+    protected readonly handlers: import("@taiga-ui/core/directives/items-handlers").TuiItemsHandlers<unknown>;
+    protected readonly validator: import("@angular/core").Signal<ValidatorFn>;
+    readonly items: import("@angular/core").InputSignal<readonly T[] | undefined>;
+    readonly size: import("@angular/core").InputSignal<TuiSizeS>;
+    readonly itemContent: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<T> & {
+        active: boolean;
+    }>>;
     protected get name(): string;
     protected onFocusOut(): void;
     protected itemIsActive(item: T): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioList<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioList<any>, "tui-radio-list", never, { "items": { "alias": "items"; "required": false; }; "size": { "alias": "size"; "required": false; }; "identityMatcher": { "alias": "identityMatcher"; "required": false; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "itemContent": { "alias": "itemContent"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioList<any>, "tui-radio-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "itemContent": { "alias": "itemContent"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithItemsHandlers; inputs: {}; outputs: {}; }]>;
 }

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

@@ -12,23 +12,22 @@ export declare class TuiRange extends TuiControl<[number, number]> {
     readonly step: import("@angular/core").InputSignal<number>;
     readonly size: import("@angular/core").InputSignal<TuiSizeS>;
     readonly segments: import("@angular/core").InputSignal<number>;
-    readonly keySteps: import("@angular/core").InputSignal<[[0, number], ...[number, number][], [100, number]] | null>;
+    readonly keySteps: import("@angular/core").InputSignal<[[0, number], ...[number, number][], [100, number]] | undefined>;
     readonly focusable: import("@angular/core").InputSignal<boolean>;
     readonly margin: import("@angular/core").InputSignal<number>;
     readonly limit: import("@angular/core").InputSignal<number>;
-    readonly slidersRefs: import("@angular/core").Signal<readonly ElementRef<HTMLInputElement>[]>;
     readonly start: import("@angular/core").Signal<number>;
     readonly end: import("@angular/core").Signal<number>;
+    readonly sliders: import("@angular/core").Signal<readonly ElementRef<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]]>;
-    protected readonly segmentWidthRatio: import("@angular/core").Signal<number>;
     processValue(value: number, end: boolean): void;
     takeStep(coefficients: readonly [number, number]): readonly [number, number];
     toValue(fraction: number): number;
     protected get rtl(): boolean;
     protected changeByStep(coefficient: number, target: HTMLElement): void;
     protected toPercent(value: number): number;
-    private computePureKeySteps;
     private updateStart;
     private updateEnd;
     private checkDistance;

package/components/rating/rating.component.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 export declare class TuiRating extends TuiControl<number> {
     private readonly options;
     protected readonly active: import("@angular/core").WritableSignal<number>;
-    protected readonly array: import("@angular/core").Signal<any[]>;
+    protected readonly array: import("@angular/core").Signal<unknown[]>;
     readonly icon: import("@angular/core").InputSignal<import("@taiga-ui/polymorpheus").PolymorpheusContent<import("./rating.options").TuiRatingContext>>;
     readonly max: import("@angular/core").InputSignal<number>;
     protected onKeyDown(event: KeyboardEvent): void;

package/components/routable-dialog/generate-dialogable-route.d.ts

@@ -1,6 +1,6 @@
 import { type Type } from '@angular/core';
 import { type DefaultExport, type Route } from '@angular/router';
-import { type TuiDialogOptions } from '@taiga-ui/core/components/dialog';
+import { type TuiDialogOptions } from '@taiga-ui/core/portals/dialog';
 export declare function tuiGenerateDialogableRoute<I>(component: Type<any> | (() => Promise<DefaultExport<Type<any>> | Type<any>>), { path, outlet, ...dialogOptions }?: Partial<TuiDialogOptions<I>> & {
     path?: string;
     outlet?: string;

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

@@ -3,13 +3,13 @@ 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 itemsHandlers: TuiItemsHandlers<T>;
     protected readonly stringified: import("@angular/core").Signal<string>;
-    protected readonly showPlaceholder: import("@angular/core").Signal<boolean | "">;
     protected readonly isSelected: import("@angular/core").Signal<(x: T) => boolean>;
     protected readonly valueEffect: import("@angular/core").EffectRef;
     readonly items: import("@angular/core").InputSignal<readonly T[] | readonly (readonly T[])[] | null>;
@@ -18,5 +18,5 @@ export declare class TuiNativeSelect<T> extends TuiControl<T | null> implements
     setValue(value: T | null): void;
     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; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, 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/slider-key-steps.directive.d.ts

@@ -7,22 +7,23 @@ export declare class TuiSliderKeyStepsBase {
     private readonly control;
     protected readonly min: import("@angular/core").WritableSignal<number | undefined>;
     protected readonly max: import("@angular/core").WritableSignal<number | undefined>;
-    step: import("@angular/core").InputSignal<number>;
-    transformer: import("@angular/core").WritableSignal<TuiValueTransformer<number, number> | null>;
+    protected readonly sync: import("@angular/core").EffectRef;
+    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>;
     get slider(): TuiSliderComponent;
-    set keySteps(steps: TuiKeySteps | null);
     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; "isSignal": true; }; "keySteps": { "alias": "keySteps"; "required": false; }; }, {}, never, never, true, never>;
+    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> {
     protected readonly base: TuiSliderKeyStepsBase;
-    set keySteps(steps: TuiKeySteps | null);
+    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>;
 }