@taiga-ui/core 4.52.0-canary.6043e8f → 4.52.0-canary.61fea47

package/README.md

@@ -14,7 +14,7 @@ consisting of multiple base libraries and several add-ons
 
 ## How to install
 
-```
+```bash
 npm i @taiga-ui/{cdk,core}
 ```
 

package/classes/accessors.d.ts

@@ -10,7 +10,7 @@ export declare abstract class TuiRectAccessor extends TuiAccessor {
     abstract getClientRect(): DOMRect;
 }
 export declare function tuiProvideAccessor<T extends TuiAccessor>(provide: AbstractType<T>, type: string, fallback: Type<T>): FactoryProvider;
-export declare function tuiFallbackAccessor<T extends TuiAccessor>(type: string): (accessors: readonly T[] | null, fallback: T) => T;
+export declare function tuiFallbackAccessor<T extends TuiAccessor>(type: string): (accessors: readonly T[] | null, fallback: Omit<T, 'type'>) => T;
 export declare function tuiPositionAccessorFor(type: string, fallback: Type<TuiPositionAccessor>): FactoryProvider;
 export declare function tuiRectAccessorFor(type: string, fallback: Type<TuiRectAccessor>): FactoryProvider;
 export declare function tuiAsPositionAccessor(accessor: Type<TuiPositionAccessor>): ExistingProvider;

package/components/button/button.directive.d.ts

@@ -3,7 +3,7 @@ import * as i1 from "@taiga-ui/core/directives/appearance";
 import * as i2 from "@taiga-ui/core/directives/icons";
 export declare class TuiButton {
     protected readonly nothing: undefined;
-    size: "m" | "l" | "xl" | "s" | "xs";
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "xl" | "s" | "xs">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButton, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButton, "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithIcons; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButton, "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithIcons; inputs: {}; outputs: {}; }]>;
 }

package/components/calendar/calendar-sheet.options.d.ts

@@ -1,7 +1,5 @@
-import { InjectionToken, type Provider } from '@angular/core';
 export interface TuiCalendarSheetOptions {
     readonly rangeMode: boolean;
 }
 export declare const TUI_CALENDAR_SHEET_DEFAULT_OPTIONS: TuiCalendarSheetOptions;
-export declare const TUI_CALENDAR_SHEET_OPTIONS: InjectionToken<TuiCalendarSheetOptions>;
-export declare function tuiCalendarSheetOptionsProvider(options: Partial<TuiCalendarSheetOptions>): Provider;
+export declare const TUI_CALENDAR_SHEET_OPTIONS: import("@angular/core").InjectionToken<TuiCalendarSheetOptions>, tuiCalendarSheetOptionsProvider: (item: Partial<TuiCalendarSheetOptions> | (() => Partial<TuiCalendarSheetOptions>)) => import("@angular/core").FactoryProvider;

package/{pipes/calendar-sheet → components/calendar}/calendar-sheet.pipe.d.ts

@@ -1,5 +1,5 @@
 import { type PipeTransform } from '@angular/core';
-import { type TuiDay, type TuiMonth } from '@taiga-ui/cdk/date-time';
+import { TuiDay, type TuiMonth } from '@taiga-ui/cdk/date-time';
 import * as i0 from "@angular/core";
 export declare class TuiCalendarSheetPipe implements PipeTransform {
     private readonly firstDayOfWeek;

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

@@ -2,6 +2,7 @@ import { EventEmitter } from '@angular/core';
 import { TuiMonth, type TuiMonthLike, type TuiYear } from '@taiga-ui/cdk/date-time';
 import * as i0 from "@angular/core";
 export declare class TuiCalendarSpin {
+    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]>;
     value: TuiMonth;
     min: TuiMonth;
     max: TuiMonth;

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

@@ -11,7 +11,7 @@ export declare class TuiCalendarYear {
     readonly initialItem: import("@angular/core").WritableSignal<number>;
     readonly min: import("@angular/core").WritableSignal<number>;
     readonly max: import("@angular/core").WritableSignal<number>;
-    readonly value: import("@angular/core").WritableSignal<number | TuiYear | TuiDayRange | readonly TuiDay[] | TuiMonthRange | null>;
+    readonly value: import("@angular/core").WritableSignal<number | TuiYear | readonly TuiDay[] | TuiDayRange | TuiMonthRange | null>;
     set initialItemSetter(x: number | null);
     set minSetter(x: number);
     set maxSetter(x: number);

package/components/calendar/index.d.ts

@@ -1,5 +1,7 @@
 export * from './calendar.component';
 export * from './calendar-sheet.component';
 export * from './calendar-sheet.options';
+export * from './calendar-sheet.pipe';
 export * from './calendar-spin.component';
 export * from './calendar-year.component';
+export * from './order-week-days.pipe';

package/components/cell/cell.directive.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class TuiCell {
+    protected readonly nothing: undefined;
+    protected readonly options: import("./cell.options").TuiCellOptions;
+    readonly size: import("@angular/core").InputSignal<"" | "m" | "l" | "s">;
+    readonly height: import("@angular/core").InputSignal<"compact" | "normal" | "spacious">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCell, "[tuiCell]:not(ng-template)", never, { "size": { "alias": "tuiCell"; "required": false; "isSignal": true; }; "height": { "alias": "tuiCellHeight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/cell/cell.options.d.ts

@@ -0,0 +1,6 @@
+import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
+export interface TuiCellOptions {
+    readonly height: 'compact' | 'normal' | 'spacious';
+    readonly size: TuiSizeL | TuiSizeS | '';
+}
+export declare const TUI_CELL_OPTIONS: import("@angular/core").InjectionToken<TuiCellOptions>, tuiCellOptionsProvider: (item: Partial<TuiCellOptions> | (() => Partial<TuiCellOptions>)) => import("@angular/core").FactoryProvider;

package/components/cell/index.d.ts

@@ -0,0 +1,2 @@
+export * from './cell.directive';
+export * from './cell.options';

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

@@ -1,30 +1,26 @@
-import { type AfterContentChecked, type AfterContentInit } from '@angular/core';
+import { type AfterContentChecked } from '@angular/core';
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { type TuiDataListAccessor } from './data-list.tokens';
 import * as i0 from "@angular/core";
 export declare function tuiInjectDataListSize(): TuiSizeL | TuiSizeS;
-export declare class TuiDataListComponent<T> implements TuiDataListAccessor<T>, AfterContentChecked, AfterContentInit {
-    private readonly legacyOptionsQuery;
-    private readonly optionsQuery;
+export declare class TuiDataListComponent<T> implements TuiDataListAccessor<T>, AfterContentChecked {
     private origin?;
     private readonly ngZone;
     private readonly destroyRef;
     private readonly el;
     private readonly cdr;
-    private readonly contentReady$;
-    protected readonly fallback: import("@angular/core").Signal<string | undefined>;
+    private readonly optionsQuery;
+    protected readonly fallback: import("@angular/core").Signal<string>;
     protected readonly empty: import("@angular/core").WritableSignal<boolean>;
-    emptyContent: PolymorpheusContent;
-    size: "m" | "l" | "s";
-    readonly options: import("@angular/core").Signal<readonly T[]>;
+    readonly emptyContent: import("@angular/core").InputSignal<PolymorpheusContent>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "s">;
+    readonly options: import("@angular/core").Signal<T[]>;
     onKeyDownArrow(current: HTMLElement, step: number): void;
     handleFocusLossIfNecessary(element?: Element): void;
-    ngAfterContentInit(): void;
     ngAfterContentChecked(): void;
-    getOptions(includeDisabled?: boolean): readonly T[];
     protected onFocusIn(relatedTarget: HTMLElement, currentTarget: HTMLElement): void;
     private get elements();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDataListComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDataListComponent<any>, "tui-data-list", never, { "emptyContent": { "alias": "emptyContent"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, ["legacyOptionsQuery", "optionsQuery"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDataListComponent<any>, "tui-data-list", never, { "emptyContent": { "alias": "emptyContent"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["optionsQuery"], ["*"], true, never>;
 }

package/components/data-list/data-list.d.ts

@@ -1,6 +1,4 @@
 import { TuiDataListComponent } from './data-list.component';
-import { TuiDataListDirective } from './data-list.directive';
 import { TuiOptGroup } from './opt-group.directive';
-import { TuiOptionNew, TuiOptionWithValue } from './option/option.directive';
-import { TuiOption } from './option/option-legacy.component';
-export declare const TuiDataList: readonly [typeof TuiDataListComponent, typeof TuiDataListDirective, typeof TuiOption, typeof TuiOptionNew, typeof TuiOptionWithValue, typeof TuiOptGroup];
+import { TuiOption, TuiOptionWithValue } from './option/option.directive';
+export declare const TuiDataList: readonly [typeof TuiDataListComponent, typeof TuiOption, typeof TuiOptionWithValue, typeof TuiOptGroup];

package/components/data-list/data-list.tokens.d.ts

@@ -2,11 +2,7 @@ import { InjectionToken, type Provider, type Signal, type Type } from '@angular/
 import { type TuiIdentityMatcher, type TuiStringHandler } from '@taiga-ui/cdk/types';
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiDataListAccessor<T = unknown> {
-    /**
-     * @deprecated Use `options` property instead
-     */
-    getOptions(includeDisabled?: boolean): readonly T[];
-    options?: Signal<readonly T[]>;
+    options: Signal<readonly T[]>;
 }
 export interface TuiDataListHost<T> {
     checkOption?(option: T): void;

package/components/data-list/index.d.ts

@@ -1,8 +1,6 @@
 export * from './data-list';
 export * from './data-list.component';
-export * from './data-list.directive';
 export * from './data-list.tokens';
 export * from './opt-group.directive';
 export * from './option/option.directive';
 export * from './option/option-content';
-export * from './option/option-legacy.component';

package/components/data-list/opt-group.directive.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class TuiOptGroup {
-    label?: string | null;
+    readonly label: import("@angular/core").InputSignal<string | null | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiOptGroup, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiOptGroup, "tui-opt-group", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiOptGroup, "tui-opt-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/data-list/option/option-content.d.ts

@@ -1,16 +1,14 @@
-import { InjectionToken, type Provider, type TemplateRef, type Type } from '@angular/core';
-import { type TuiContext } from '@taiga-ui/cdk/types';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import { InjectionToken, type Provider, type Type } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Content for tuiOption component
  */
-export declare const TUI_OPTION_CONTENT: InjectionToken<Type<any> | PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>>>;
-export declare function tuiAsOptionContent(useValue: PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>> | Type<any>): Provider;
+export declare const TUI_OPTION_CONTENT: InjectionToken<Type<any>>;
+export declare function tuiAsOptionContent(useValue: Type<any>): Provider;
 export declare class TuiWithOptionContent {
-    protected readonly localContent: Type<any> | null;
-    protected readonly globalContent: Type<any> | null;
+    protected readonly local: Type<any> | null;
+    protected readonly global: Type<any> | null;
     get content(): Type<any> | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithOptionContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithOptionContent, never, never, {}, {}, ["localContent"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithOptionContent, never, never, {}, {}, ["local"], never, true, never>;
 }

package/components/data-list/option/option.directive.d.ts

@@ -1,7 +1,7 @@
 import { type OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/icons";
-export declare class TuiOptionNew<T = unknown> implements OnDestroy {
+export declare class TuiOption<T = unknown> implements OnDestroy {
     private readonly vcr;
     private readonly isMobile;
     private readonly el;
@@ -9,19 +9,18 @@ export declare class TuiOptionNew<T = unknown> implements OnDestroy {
     private readonly content;
     private readonly ref;
     protected readonly dropdown: import("@angular/core").WritableSignal<import("@angular/core").ComponentRef<unknown> | null> | undefined;
-    disabled: boolean;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
     constructor();
     ngOnDestroy(): void;
     protected onMouseMove(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiOptionNew<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiOptionNew<any>, "button[tuiOption][new], a[tuiOption][new], label[tuiOption][new]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiOption<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiOption<any>, "button[tuiOption], a[tuiOption], label[tuiOption]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }]>;
 }
 export declare class TuiOptionWithValue<T = unknown> {
     private readonly host;
-    disabled: boolean;
-    readonly value: import("@angular/core").WritableSignal<T | undefined>;
-    set valueSetter(x: T);
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly value: import("@angular/core").InputSignal<T | undefined>;
     protected onClick(value?: T | undefined): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiOptionWithValue<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiOptionWithValue<any>, "button[tuiOption][value][new], a[tuiOption][value][new], label[tuiOption][value][new]", never, { "disabled": { "alias": "disabled"; "required": false; }; "valueSetter": { "alias": "value"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiOptionWithValue<any>, "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/error/error.component.d.ts

@@ -1,7 +1,7 @@
 import { TuiValidationError } from '@taiga-ui/cdk/classes';
 import * as i0 from "@angular/core";
 export declare class TuiErrorComponent {
-    protected readonly default: import("@angular/core").Signal<string | undefined>;
+    protected readonly default: import("@angular/core").Signal<string>;
     protected readonly content: import("@angular/core").Signal<TuiValidationError<Record<string, unknown>> | null>;
     readonly error: import("@angular/core").InputSignal<string | TuiValidationError<Record<string, unknown>> | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiErrorComponent, never>;

package/components/expand/expand.component.d.ts

@@ -1,30 +1,11 @@
-import { type NgIfContext } from '@angular/common';
-import { TemplateRef } from '@angular/core';
+import { type OnInit, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-/**
- * An event indicating that async data for expand has finished loading.
- * Dispatch to finish loading states for {@link TuiExpandComponent}.
- */
-export declare const TUI_EXPAND_LOADED = "tui-expand-loaded";
-/**
- * @deprecated use {@link TuiExpand} from @taiga-ui/experimental
- */
-export declare class TuiExpandComponent {
-    private readonly contentWrapper?;
-    private readonly cdr;
-    private readonly destroyRef;
-    private state;
-    protected content: TemplateRef<NgIfContext<boolean>> | null;
-    protected expanded: boolean | null;
-    async: boolean;
-    set expandedSetter(expanded: boolean | null);
-    get contentVisible(): boolean;
-    protected get overflow(): boolean;
-    protected get loading(): boolean;
-    protected get height(): number | null;
-    protected onTransitionEnd({ propertyName, pseudoElement }: TransitionEvent): void;
-    protected onExpandLoaded(event: Event): void;
-    private retrigger;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiExpandComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiExpandComponent, "tui-expand", never, { "async": { "alias": "async"; "required": false; }; "expandedSetter": { "alias": "expanded"; "required": false; }; }, {}, ["content"], ["*"], true, never>;
+export declare class TuiExpand implements OnInit {
+    protected readonly content: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    protected readonly open: import("@angular/core").WritableSignal<boolean>;
+    readonly expanded: import("@angular/core").InputSignal<boolean>;
+    ngOnInit(): void;
+    protected onTransitionEnd({ propertyName }: TransitionEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiExpand, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiExpand, "tui-expand", never, { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, {}, ["content"], ["*"], true, never>;
 }

package/components/expand/index.d.ts

@@ -1,3 +1 @@
-export * from './expand';
 export * from './expand.component';
-export * from './expand-content.directive';

package/components/index.d.ts

@@ -1,11 +1,9 @@
-export * from '@taiga-ui/core/components/alert';
 export * from '@taiga-ui/core/components/button';
 export * from '@taiga-ui/core/components/calendar';
+export * from '@taiga-ui/core/components/cell';
 export * from '@taiga-ui/core/components/data-list';
-export * from '@taiga-ui/core/components/dialog';
 export * from '@taiga-ui/core/components/error';
 export * from '@taiga-ui/core/components/expand';
-export * from '@taiga-ui/core/components/fullscreen';
 export * from '@taiga-ui/core/components/icon';
 export * from '@taiga-ui/core/components/label';
 export * from '@taiga-ui/core/components/link';
@@ -15,3 +13,4 @@ export * from '@taiga-ui/core/components/root';
 export * from '@taiga-ui/core/components/scrollbar';
 export * from '@taiga-ui/core/components/spin-button';
 export * from '@taiga-ui/core/components/textfield';
+export * from '@taiga-ui/core/components/title';

package/components/link/link.directive.d.ts

@@ -7,7 +7,7 @@ export declare class TuiLink {
      * @deprecated: use on host
      * [style.text-decoration-line]="'underline'"
      */
-    pseudo: boolean;
+    readonly pseudo: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLink, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiLink, "a[tuiLink], button[tuiLink]", never, { "pseudo": { "alias": "pseudo"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithIcons; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiLink, "a[tuiLink], button[tuiLink]", never, { "pseudo": { "alias": "pseudo"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithIcons; inputs: {}; outputs: {}; }]>;
 }

package/components/link/link.options.d.ts

@@ -1,4 +1,3 @@
-import { type FactoryProvider, InjectionToken } from '@angular/core';
 import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
 export interface TuiLinkOptions extends TuiAppearanceOptions {
     /**
@@ -8,5 +7,4 @@ export interface TuiLinkOptions extends TuiAppearanceOptions {
     readonly pseudo: boolean;
 }
 export declare const TUI_LINK_DEFAULT_OPTIONS: TuiLinkOptions;
-export declare const TUI_LINK_OPTIONS: InjectionToken<TuiLinkOptions>;
-export declare function tuiLinkOptionsProvider(options: Partial<TuiLinkOptions>): FactoryProvider;
+export declare const TUI_LINK_OPTIONS: import("@angular/core").InjectionToken<TuiLinkOptions>, tuiLinkOptionsProvider: (item: Partial<TuiLinkOptions> | (() => Partial<TuiLinkOptions>)) => import("@angular/core").FactoryProvider;

package/components/loader/loader.component.d.ts

@@ -4,12 +4,12 @@ export declare class TuiLoader {
     private readonly isIOS;
     private readonly options;
     protected readonly isApple: boolean;
-    size: "m" | "s" | "xs" | "l" | "xl" | "xxl";
-    inheritColor: boolean;
-    overlay: boolean;
-    textContent: PolymorpheusContent;
-    loading: boolean;
-    protected get isHorizontal(): boolean;
+    protected readonly isHorizontal: import("@angular/core").Signal<boolean>;
+    readonly size: import("@angular/core").InputSignal<"m" | "s" | "xs" | "l" | "xl" | "xxl">;
+    readonly inheritColor: import("@angular/core").InputSignal<boolean>;
+    readonly overlay: import("@angular/core").InputSignal<boolean>;
+    readonly textContent: import("@angular/core").InputSignal<PolymorpheusContent>;
+    readonly loading: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLoader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLoader, "tui-loader", never, { "size": { "alias": "size"; "required": false; }; "inheritColor": { "alias": "inheritColor"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; "textContent": { "alias": "textContent"; "required": false; }; "loading": { "alias": "showLoader"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLoader, "tui-loader", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "inheritColor": { "alias": "inheritColor"; "required": false; "isSignal": true; }; "overlay": { "alias": "overlay"; "required": false; "isSignal": true; }; "textContent": { "alias": "textContent"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/loader/loader.options.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiSizeXS, type TuiSizeXXL } from '@taiga-ui/core/types';
 export interface TuiLoaderOptions {
     readonly inheritColor: boolean;
@@ -10,5 +9,4 @@ export declare const TUI_LOADER_DEFAULT_OPTIONS: TuiLoaderOptions;
 /**
  * Default parameters for loader component
  */
-export declare const TUI_LOADER_OPTIONS: InjectionToken<TuiLoaderOptions>;
-export declare function tuiLoaderOptionsProvider(options: Partial<TuiLoaderOptions>): Provider;
+export declare const TUI_LOADER_OPTIONS: import("@angular/core").InjectionToken<TuiLoaderOptions>, tuiLoaderOptionsProvider: (item: Partial<TuiLoaderOptions> | (() => Partial<TuiLoaderOptions>)) => import("@angular/core").FactoryProvider;

package/components/notification/index.d.ts

@@ -1,2 +1,5 @@
+export * from './notification';
+export * from './notification.component';
 export * from './notification.directive';
 export * from './notification.options';
+export * from './notification.service';

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

@@ -0,0 +1,14 @@
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
+import { type TuiNotificationOptions } from './notification.options';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk/directives/animated";
+import * as i2 from "@taiga-ui/core/portals/alert";
+export declare class TuiNotificationComponent<O, I> {
+    private readonly el;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
+    protected readonly close: import("@angular/core").Signal<string>;
+    protected readonly item: TuiPortalContext<TuiNotificationOptions<I>, O>;
+    protected readonly sub: import("rxjs").Subscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotificationComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiNotificationComponent<any, any>, "tui-notification-alert", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAlertDirective; inputs: {}; outputs: {}; }]>;
+}

package/components/notification/notification.d.ts

@@ -0,0 +1,3 @@
+import { TuiNotificationDirective } from './notification.directive';
+import { TuiNotificationTemplate } from './notification.service';
+export declare const TuiNotification: readonly [typeof TuiNotificationDirective, typeof TuiNotificationTemplate];

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

@@ -1,19 +1,14 @@
-import { type OnChanges, type OnInit } from '@angular/core';
 import { type TuiStringHandler } from '@taiga-ui/cdk/types';
-import { TuiIcons } from '@taiga-ui/core/directives/icons';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/icons";
 import * as i2 from "@taiga-ui/core/directives/appearance";
-export declare class TuiNotification implements OnChanges, OnInit {
+export declare class TuiNotificationDirective {
     private readonly options;
     protected readonly nothing: undefined;
-    protected readonly icons: TuiIcons;
-    appearance: "info" | "positive" | "negative" | "warning" | "neutral" | "accent" | "action-destructive" | "action-grayscale" | "action" | "flat-destructive" | "flat-grayscale" | "flat" | "floating" | "glass" | "icon" | "outline-destructive" | "outline-grayscale" | "outline" | "primary-destructive" | "primary-grayscale" | "primary" | "secondary-destructive" | "secondary-grayscale" | "secondary" | "textfield" | (Record<never, never> & string);
-    icon: TuiStringHandler<string> | string;
-    size: "m" | "l" | "s";
-    ngOnInit(): void;
-    ngOnChanges(): void;
-    private refresh;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotification, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNotification, "tui-notification,a[tuiNotification],button[tuiNotification]", never, { "appearance": { "alias": "appearance"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
+    protected readonly icons: import("@angular/core").Signal<string>;
+    readonly appearance: import("@angular/core").InputSignal<"" | ("info" | "positive" | "negative" | "warning" | "neutral" | "accent" | "action-destructive" | "action-grayscale" | "action" | "flat-destructive" | "flat-grayscale" | "flat" | "floating" | "glass" | "icon" | "outline-destructive" | "outline-grayscale" | "outline" | "primary-destructive" | "primary-grayscale" | "primary" | "secondary-destructive" | "secondary-grayscale" | "secondary" | "textfield" | (Record<never, never> & string))>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "s">;
+    readonly icon: import("@angular/core").InputSignal<string | TuiStringHandler<string>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotificationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNotificationDirective, "tui-notification,[tuiNotification]:not(ng-template)", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
 }

package/components/notification/notification.options.d.ts

@@ -1,13 +1,16 @@
-import { type TuiStringHandler } from '@taiga-ui/cdk/types';
+import { InjectionToken } from '@angular/core';
+import { type TuiNumberHandler, type TuiStringHandler } from '@taiga-ui/cdk/types';
 import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
+import { type TuiPositionOptions } from '@taiga-ui/core/portals/alert';
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
-export interface TuiNotificationOptions extends TuiAppearanceOptions {
+export interface TuiNotificationOptions<I = undefined> extends TuiAppearanceOptions, TuiPositionOptions {
     readonly icon: TuiStringHandler<string> | string;
     readonly size: TuiSizeL | TuiSizeS;
+    readonly autoClose: TuiNumberHandler<string> | number;
+    readonly closable: boolean;
+    readonly label: string;
+    readonly data: I;
 }
-/** Default values for the notification options. */
 export declare const TUI_NOTIFICATION_DEFAULT_OPTIONS: TuiNotificationOptions;
-/**
- * Default parameters for notification alert component
- */
-export declare const TUI_NOTIFICATION_OPTIONS: import("@angular/core").InjectionToken<TuiNotificationOptions>, tuiNotificationOptionsProvider: (item: Partial<TuiNotificationOptions> | (() => Partial<TuiNotificationOptions>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_NOTIFICATION_OPTIONS: InjectionToken<TuiNotificationOptions<undefined>>, tuiNotificationOptionsProvider: (item: Partial<TuiNotificationOptions<undefined>> | (() => Partial<TuiNotificationOptions<undefined>>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_NOTIFICATION_CONCURRENCY: InjectionToken<number>;

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

@@ -0,0 +1,17 @@
+import { TuiAlertService } from '@taiga-ui/core/portals/alert';
+import { TuiNotificationComponent } from './notification.component';
+import { type TuiNotificationOptions } from './notification.options';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiNotificationService extends TuiAlertService<TuiNotificationOptions<any>> {
+    protected readonly options: TuiNotificationOptions<undefined>;
+    protected readonly component: typeof TuiNotificationComponent;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotificationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TuiNotificationService>;
+}
+export declare class TuiNotificationTemplate<T> {
+    readonly tuiNotificationOptions: import("@angular/core").InputSignal<Partial<TuiNotificationOptions<T>>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotificationTemplate<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNotificationTemplate<any>, "ng-template[tuiNotification]", never, { "tuiNotificationOptions": { "alias": "tuiNotificationOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "options": "tuiNotificationOptions"; "open": "tuiNotification"; }; outputs: { "openChange": "tuiNotificationChange"; }; }]>;
+}

package/components/root/root.component.d.ts

@@ -2,7 +2,6 @@ import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/platform";
 import * as i2 from "@taiga-ui/cdk/directives/visual-viewport";
 import * as i3 from "@taiga-ui/cdk/directives/font-size";
-import * as i4 from "@taiga-ui/cdk/directives/active-zone";
 export declare class TuiRoot {
     private readonly doc;
     private readonly el;
@@ -10,9 +9,9 @@ export declare class TuiRoot {
     protected readonly reducedMotion: boolean;
     protected readonly duration: number;
     protected readonly top: import("@angular/core").WritableSignal<boolean>;
-    protected readonly isMobileRes: import("@angular/core").Signal<boolean | undefined>;
+    protected readonly breakpoint: import("@angular/core").Signal<"desktopLarge" | "desktopSmall" | "mobile" | null | undefined>;
     protected readonly scrollbars: boolean;
     protected get parent(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRoot, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRoot, "tui-root", never, {}, {}, never, ["*", "tuiOverContent", "tuiOverDialogs", "tuiOverAlerts", "tuiOverDropdowns", "tuiOverHints"], true, [{ directive: typeof i1.TuiPlatform; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiVisualViewport; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiFontSize; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiActiveZone; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRoot, "tui-root", never, {}, {}, never, ["*", "tuiOverContent"], true, [{ directive: typeof i1.TuiPlatform; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiVisualViewport; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiFontSize; inputs: {}; outputs: {}; }]>;
 }

package/components/scrollbar/scroll-into-view.directive.d.ts

@@ -5,7 +5,8 @@ import * as i0 from "@angular/core";
 export declare class TuiScrollIntoView {
     private readonly el;
     private readonly destroyRef;
-    set tuiScrollIntoView(scroll: boolean);
+    readonly tuiScrollIntoView: import("@angular/core").InputSignal<boolean | undefined>;
+    protected readonly dispatchEvent: import("@angular/core").EffectRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiScrollIntoView, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiScrollIntoView, "[tuiScrollIntoView]", never, { "tuiScrollIntoView": { "alias": "tuiScrollIntoView"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiScrollIntoView, "[tuiScrollIntoView]", never, { "tuiScrollIntoView": { "alias": "tuiScrollIntoView"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/scrollbar/scrollbar.component.d.ts

@@ -17,11 +17,11 @@ export declare class TuiScrollbar {
     /**
      * @deprecated: use tuiScrollbarOptionsProvider({ mode: 'hidden' })
      */
-    hidden: boolean;
+    readonly hidden: import("@angular/core").InputSignal<boolean>;
     protected get delegated(): boolean;
     protected get scrollRef(): HTMLElement;
     protected set scrollRef(element: HTMLElement);
     protected scrollIntoView(detail: HTMLElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiScrollbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiScrollbar, "tui-scrollbar", never, { "hidden": { "alias": "hidden"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiScrollbar, "tui-scrollbar", never, { "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/scrollbar/scrollbar.directive.d.ts

@@ -4,11 +4,11 @@ export declare class TuiScrollbarDirective {
     private readonly style;
     protected readonly scrollSub: import("rxjs").Subscription;
     protected readonly styleSub: import("rxjs").Subscription;
-    tuiScrollbar: 'horizontal' | 'vertical';
+    readonly tuiScrollbar: import("@angular/core").InputSignal<"horizontal" | "vertical">;
     private getScrolled;
     private getCompensation;
     private getThumb;
     private getView;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiScrollbarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiScrollbarDirective, "[tuiScrollbar]", never, { "tuiScrollbar": { "alias": "tuiScrollbar"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiScrollbarDirective, "[tuiScrollbar]", never, { "tuiScrollbar": { "alias": "tuiScrollbar"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,16 +1,15 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiSpinButton {
     protected readonly icons: import("@taiga-ui/core/tokens").TuiSpinIcons;
-    protected readonly spinTexts$: import("rxjs").Observable<readonly [previous: string, next: string]>;
-    focusable: boolean;
-    disabled: boolean;
-    leftDisabled: boolean;
-    rightDisabled: boolean;
-    readonly leftClick: EventEmitter<void>;
-    readonly rightClick: EventEmitter<void>;
+    protected readonly spinTexts: import("@angular/core").Signal<readonly [previous: string, next: string]>;
+    readonly focusable: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly leftDisabled: import("@angular/core").InputSignal<boolean>;
+    readonly rightDisabled: import("@angular/core").InputSignal<boolean>;
+    readonly leftClick: import("@angular/core").OutputEmitterRef<void>;
+    readonly rightClick: import("@angular/core").OutputEmitterRef<void>;
     onLeftClick(): void;
     onRightClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSpinButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSpinButton, "tui-spin-button", never, { "focusable": { "alias": "focusable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "leftDisabled": { "alias": "leftDisabled"; "required": false; }; "rightDisabled": { "alias": "rightDisabled"; "required": false; }; }, { "leftClick": "leftClick"; "rightClick": "rightClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSpinButton, "tui-spin-button", never, { "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "leftDisabled": { "alias": "leftDisabled"; "required": false; "isSignal": true; }; "rightDisabled": { "alias": "rightDisabled"; "required": false; "isSignal": true; }; }, { "leftClick": "leftClick"; "rightClick": "rightClick"; }, never, ["*"], true, never>;
 }

package/components/textfield/index.d.ts

@@ -6,9 +6,7 @@ export * from './textfield.options';
 export * from './textfield-accessor';
 export * from './textfield-auxiliary';
 export * from './textfield-content.directive';
-export * from './textfield-dropdown.directive';
 export * from './textfield-icon';
-export * from './with-native-picker.directive';
-export * from './select.directive';
 export * from './textfield-multi/textfield-item.component';
 export * from './textfield-multi/textfield-multi.component';
+export * from './with-native-picker.directive';