@taiga-ui/layout 4.65.0 → 5.0.0-canary.8b64ec1

package/README.md

@@ -16,13 +16,13 @@ consisting of multiple base libraries and several add-ons
 
 Install base packages:
 
-```
+```bash
 npm i @taiga-ui/{cdk,core}
 ```
 
 Install @taiga-ui/layout:
 
-```
+```bash
 npm i @taiga-ui/layout
 ```
 

package/components/app-bar/app-bar-back.component.d.ts

@@ -2,7 +2,7 @@ import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance'
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/appearance";
 export declare class TuiAppBarBack implements TuiAppearanceOptions {
-    protected readonly icons: import("@taiga-ui/core/tokens").TuiSpinIcons;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     readonly appearance = "link";
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppBarBack, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiAppBarBack, "button[tuiAppBarBack], a[tuiAppBarBack]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }]>;

package/components/app-bar/app-bar-size.directive.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class TuiAppBarSizeDirective {
+    private readonly breakpoint;
     protected readonly size: import("@angular/core").Signal<"m" | "l">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppBarSizeDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAppBarSizeDirective, "tui-app-bar[tuiAppBarSize]", never, {}, {}, never, never, true, never>;

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

@@ -5,8 +5,8 @@ export declare class TuiAppBarComponent implements AfterViewInit {
     private readonly side;
     private readonly el;
     protected readonly width$: import("rxjs").Observable<number>;
-    size: TuiSizeL;
+    readonly size: import("@angular/core").InputSignal<TuiSizeL>;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAppBarComponent, "tui-app-bar", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["[tuiSlot='left']", "*", "[tuiSlot='right']"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAppBarComponent, "tui-app-bar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["[tuiSlot='start']", "*", "[tuiSlot='end']"], true, never>;
 }

package/components/app-bar/app-bar.directive.d.ts

@@ -1,7 +1,6 @@
-import { type TuiLooseUnion } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiAppBarDirective {
-    tuiSlot: TuiLooseUnion<'left' | 'right'>;
+    readonly tuiSlot: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppBarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAppBarDirective, "[tuiSlot]", never, { "tuiSlot": { "alias": "tuiSlot"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAppBarDirective, "[tuiSlot]", never, { "tuiSlot": { "alias": "tuiSlot"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/block-status/block-status.component.d.ts

@@ -1,8 +1,8 @@
 import { type TuiSizeL } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiBlockStatusComponent {
-    card: boolean;
-    size: TuiSizeL;
+    readonly card: import("@angular/core").InputSignal<boolean>;
+    readonly size: import("@angular/core").InputSignal<TuiSizeL>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBlockStatusComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBlockStatusComponent, "tui-block-status", never, { "card": { "alias": "card"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["[tuiSlot='top']", "h1,h2,h3,h4,h5,h6", "*", "a,button,[tuiSlot='action']"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBlockStatusComponent, "tui-block-status", never, { "card": { "alias": "card"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["[tuiSlot='top']", "h1,h2,h3,h4,h5,h6", "*", "a,button,[tuiSlot='action']"], true, never>;
 }

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

@@ -1,7 +1,6 @@
-import { type TuiLooseUnion } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiBlockStatusDirective {
-    tuiSlot: TuiLooseUnion<'action' | 'top'>;
+    readonly tuiSlot: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBlockStatusDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBlockStatusDirective, "[tuiSlot]", never, { "tuiSlot": { "alias": "tuiSlot"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBlockStatusDirective, "[tuiSlot]", never, { "tuiSlot": { "alias": "tuiSlot"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/card/collapsed.directive.d.ts

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

package/components/card/large.directive.d.ts

@@ -1,19 +1,8 @@
 import * as i0 from "@angular/core";
-export declare const TUI_CARD_OPTIONS: import("@angular/core").InjectionToken<{
-    space: "normal" | "compact";
-}>, tuiCardOptionsProvider: (item: Partial<{
-    space: "normal" | "compact";
-}> | import("@angular/core").ProviderToken<Partial<{
-    space: "normal" | "compact";
-}>> | (() => Partial<{
-    space: "normal" | "compact";
-}>)) => import("@angular/core").FactoryProvider;
+import * as i1 from "@taiga-ui/core/directives/appearance";
 export declare class TuiCardLarge {
-    protected readonly options: {
-        space: "normal" | "compact";
-    };
     protected readonly nothing: undefined;
-    space: '' | 'compact' | 'normal';
+    readonly space: import("@angular/core").InputSignal<"" | "compact" | "normal">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCardLarge, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCardLarge, "[tuiCardLarge]", never, { "space": { "alias": "tuiCardLarge"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCardLarge, "[tuiCardLarge]", never, { "space": { "alias": "tuiCardLarge"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
 }

package/components/card/medium.directive.d.ts

@@ -1,6 +1,7 @@
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/directives/appearance";
 export declare class TuiCardMedium {
     protected readonly nothing: undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCardMedium, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCardMedium, "[tuiCardMedium]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCardMedium, "[tuiCardMedium]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
 }

package/components/dynamic-header/dynamic-header-anchor.directive.d.ts

@@ -1,7 +1,7 @@
 import { type AfterViewInit, type OnDestroy, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiDynamicHeaderAnchorDirective implements AfterViewInit, OnDestroy {
-    private readonly viewContainer;
+    private readonly vcr;
     private readonly observer;
     private readonly container;
     readonly templateRef: TemplateRef<any>;

package/components/dynamic-header/dynamic-header-container.directive.d.ts

@@ -1,10 +1,10 @@
-import { type QueryList, type TemplateRef } from '@angular/core';
+import { type TemplateRef } from '@angular/core';
 import { TuiDynamicHeaderAnchorDirective } from './dynamic-header-anchor.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@ng-web-apis/intersection-observer";
 export declare class TuiDynamicHeaderContainerDirective {
     private readonly el;
-    protected readonly headers: QueryList<TuiDynamicHeaderAnchorDirective>;
+    protected readonly headers: import("@angular/core").Signal<readonly TuiDynamicHeaderAnchorDirective[]>;
     hiddenHeaders: import("@angular/core").WritableSignal<TemplateRef<unknown>[]>;
     scrollDir: import("@angular/core").Signal<1 | -1 | undefined>;
     update(): void;

package/components/elastic-container/elastic-container.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class TuiElasticContainer {
+    protected height: string;
+    protected transitions: number;
+    protected onAnimation(name: string, count: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiElasticContainer, "tui-elastic-container", never, {}, {}, never, ["*"], true, never>;
+}

package/components/elastic-container/elastic-container.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class TuiElasticContainerDirective {
+    private readonly el;
+    readonly tuiElasticContainer: import("@angular/core").OutputRef<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiElasticContainerDirective, "[tuiElasticContainer]", never, {}, { "tuiElasticContainer": "tuiElasticContainer"; }, never, never, true, never>;
+}

package/components/elastic-container/index.d.ts

@@ -0,0 +1,2 @@
+export * from './elastic-container.component';
+export * from './elastic-container.directive';

package/components/floating-container/floating-container.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk/directives/animated";
+export declare class TuiFloatingContainer {
+    protected readonly nothing: undefined;
+    readonly background: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiFloatingContainer, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFloatingContainer, "[tuiFloatingContainer]", never, { "background": { "alias": "tuiFloatingContainer"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+}

package/components/floating-container/index.d.ts

@@ -0,0 +1 @@
+export * from './floating-container.directive';

package/components/form/form.directive.d.ts

@@ -2,10 +2,9 @@ import { type TuiFormOptions } from './form.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/components/textfield";
 export declare class TuiForm {
-    protected readonly options: TuiFormOptions;
     protected readonly nothing: undefined;
-    size: TuiFormOptions['size'];
-    set tuiForm(size: TuiFormOptions['size'] | '');
+    protected readonly options: TuiFormOptions;
+    readonly size: import("@angular/core").InputSignal<"" | "m" | "l" | "s">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiForm, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiForm, "[tuiForm]", never, { "tuiForm": { "alias": "tuiForm"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiTextfieldOptionsDirective; inputs: { "tuiTextfieldAppearance": "tuiTextfieldAppearance"; "tuiTextfieldCleaner": "tuiTextfieldCleaner"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiForm, "[tuiForm]", never, { "size": { "alias": "tuiForm"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiTextfieldOptionsDirective; inputs: { "tuiTextfieldAppearance": "textfields"; "tuiTextfieldCleaner": "cleaner"; "tuiTextfieldSize": "tuiForm"; }; outputs: {}; }]>;
 }

package/components/form/form.options.d.ts

@@ -1,5 +1,5 @@
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiFormOptions {
-    readonly size: TuiSizeL | TuiSizeS;
+    readonly size: TuiSizeL | TuiSizeS | '';
 }
-export declare const TUI_FORM_OPTIONS: import("@angular/core").InjectionToken<TuiFormOptions>, tuiFormOptionsProvider: (item: Partial<TuiFormOptions> | import("@angular/core").ProviderToken<Partial<TuiFormOptions>> | (() => Partial<TuiFormOptions>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_FORM_OPTIONS: import("@angular/core").InjectionToken<TuiFormOptions>, tuiFormOptionsProvider: (item: Partial<TuiFormOptions> | (() => Partial<TuiFormOptions>)) => import("@angular/core").FactoryProvider;

package/components/header/header.directive.d.ts

@@ -1,20 +1,17 @@
-import { type TuiSizeXXL, type TuiSizeXXS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare const TUI_HEADER_OPTIONS: import("@angular/core").InjectionToken<{
-    size: TuiSizeXXL | TuiSizeXXS | 'body-l' | 'body-m' | 'body-xl' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    size: "" | "body-l" | "body-m" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 }>, tuiHeaderOptionsProvider: (item: Partial<{
-    size: TuiSizeXXL | TuiSizeXXS | 'body-l' | 'body-m' | 'body-xl' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-}> | import("@angular/core").ProviderToken<Partial<{
-    size: TuiSizeXXL | TuiSizeXXS | 'body-l' | 'body-m' | 'body-xl' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-}>> | (() => Partial<{
-    size: TuiSizeXXL | TuiSizeXXS | 'body-l' | 'body-m' | 'body-xl' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    size: "" | "body-l" | "body-m" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}> | (() => Partial<{
+    size: "" | "body-l" | "body-m" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 }>)) => import("@angular/core").FactoryProvider;
 export declare class TuiHeader {
+    protected readonly nothing: undefined;
     protected readonly options: {
-        size: "m" | "l" | "xl" | "xxl" | "s" | "xs" | "xxs" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+        size: "" | "body-l" | "body-m" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     };
-    protected readonly nothing: undefined;
-    size: TuiSizeXXL | TuiSizeXXS | '' | 'body-l' | 'body-m' | 'body-xl' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    readonly tuiHeader: import("@angular/core").InputSignal<"" | "body-l" | "body-m" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHeader, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHeader, "[tuiHeader]", never, { "size": { "alias": "tuiHeader"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHeader, "[tuiHeader]", never, { "tuiHeader": { "alias": "tuiHeader"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/index.d.ts

@@ -2,11 +2,15 @@ export * from '@taiga-ui/layout/components/app-bar';
 export * from '@taiga-ui/layout/components/block-details';
 export * from '@taiga-ui/layout/components/block-status';
 export * from '@taiga-ui/layout/components/card';
-export * from '@taiga-ui/layout/components/cell';
 export * from '@taiga-ui/layout/components/dynamic-header';
+export * from '@taiga-ui/layout/components/elastic-container';
+export * from '@taiga-ui/layout/components/floating-container';
 export * from '@taiga-ui/layout/components/form';
 export * from '@taiga-ui/layout/components/header';
 export * from '@taiga-ui/layout/components/input-search';
 export * from '@taiga-ui/layout/components/item-group';
 export * from '@taiga-ui/layout/components/navigation';
+export * from '@taiga-ui/layout/components/pdf-viewer';
 export * from '@taiga-ui/layout/components/search';
+export * from '@taiga-ui/layout/components/slides';
+export * from '@taiga-ui/layout/components/surface';

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

@@ -1,10 +1,10 @@
-import { EventEmitter, type OnChanges } from '@angular/core';
+import { type OnChanges } from '@angular/core';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 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 TuiInputSearch implements OnChanges {
-    private readonly template?;
-    private readonly container?;
+    private readonly template;
+    private readonly container;
     private readonly el;
     private readonly service;
     private readonly textfield;
@@ -14,14 +14,13 @@ export declare class TuiInputSearch implements OnChanges {
     private placeholder;
     private ref?;
     protected readonly icon: import("@angular/core").WritableSignal<string>;
-    tuiInputSearch: PolymorpheusContent;
-    tuiInputSearchOpen: boolean;
-    readonly tuiInputSearchOpenChange: EventEmitter<boolean>;
+    readonly tuiInputSearch: import("@angular/core").InputSignal<PolymorpheusContent>;
+    searchOpen: import("@angular/core").ModelSignal<boolean>;
     ngOnChanges(): void;
     open(): void;
     close(): void;
     protected onArrow(): void;
     protected onFocus({ target }: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputSearch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputSearch, "input[tuiInputSearch]", never, { "tuiInputSearch": { "alias": "tuiInputSearch"; "required": false; }; "tuiInputSearchOpen": { "alias": "tuiInputSearchOpen"; "required": false; }; }, { "tuiInputSearchOpenChange": "tuiInputSearchOpenChange"; }, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputSearch, "input[tuiInputSearch]", never, { "tuiInputSearch": { "alias": "tuiInputSearch"; "required": false; "isSignal": true; }; "searchOpen": { "alias": "tuiInputSearchOpen"; "required": false; "isSignal": true; }; }, { "searchOpen": "tuiInputSearchOpenChange"; }, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }]>;
 }

package/components/item-group/item-group.directive.d.ts

@@ -3,10 +3,10 @@ import * as i0 from "@angular/core";
 export declare class TuiItemGroup implements AfterViewInit {
     private readonly el;
     protected readonly nothing: undefined;
-    horizontal: boolean;
-    autoscroll: boolean;
+    readonly horizontal: import("@angular/core").InputSignal<boolean>;
+    readonly autoscroll: import("@angular/core").InputSignal<boolean>;
     ngAfterViewInit(): void;
     protected onClick(target: HTMLElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiItemGroup, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiItemGroup, "[tuiItemGroup]", never, { "horizontal": { "alias": "horizontal"; "required": false; }; "autoscroll": { "alias": "autoscroll"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiItemGroup, "[tuiItemGroup]", never, { "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "autoscroll": { "alias": "autoscroll"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/navigation/aside-group.component.d.ts

@@ -2,19 +2,18 @@ import { TemplateRef } from '@angular/core';
 import { type TuiDataListHost } from '@taiga-ui/core/components/data-list';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/dropdown";
+import * as i1 from "@taiga-ui/core/portals/dropdown";
 export declare class TuiAsideGroupComponent implements TuiDataListHost<unknown> {
     private readonly datalist;
-    private readonly chevron?;
+    private readonly chevron;
     private readonly aside;
-    private readonly open;
-    protected readonly template: TemplateRef<any> | null;
+    protected readonly template: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     protected readonly expanded: import("@angular/core").Signal<boolean>;
+    protected readonly chevronEffect: import("@angular/core").EffectRef;
     protected readonly binding: import("@angular/core").Signal<PolymorpheusContent>;
-    readonly openChange: import("rxjs").Observable<boolean>;
     readonly size = "s";
-    set openSetter(open: boolean);
-    protected toggle(open?: boolean): void;
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    protected toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAsideGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAsideGroupComponent, "tui-aside-group", never, { "openSetter": { "alias": "open"; "required": false; }; }, { "openChange": "openChange"; }, ["chevron", "template"], ["*"], true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownHover; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownPositionSided; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownOpen; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAsideGroupComponent, "tui-aside-group", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["chevron", "template"], ["*"], true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownHover; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownPositionSided; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownOpen; inputs: {}; outputs: {}; }]>;
 }

package/components/navigation/aside-item.directive.d.ts

@@ -3,7 +3,7 @@ import { type TuiDataListHost } from '@taiga-ui/core/components/data-list';
 import { TuiIcons } from '@taiga-ui/core/directives/icons';
 import * as i0 from "@angular/core";
 import * as i1 from "./hint-aside.directive";
-import * as i2 from "@taiga-ui/core/directives/dropdown";
+import * as i2 from "@taiga-ui/core/portals/dropdown";
 import * as i3 from "@taiga-ui/core/components/button";
 import * as i4 from "@angular/router";
 export declare class TuiAsideItemDirective implements TuiDataListHost<unknown> {

package/components/navigation/aside.component.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class TuiAsideComponent {
-    readonly expanded: import("@angular/core").WritableSignal<boolean>;
-    set tuiNavigationAside(expanded: boolean);
+    readonly expanded: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAsideComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAsideComponent, "aside[tuiNavigationAside]", never, { "tuiNavigationAside": { "alias": "tuiNavigationAside"; "required": false; }; }, {}, never, ["header", "*", "footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAsideComponent, "aside[tuiNavigationAside]", never, { "expanded": { "alias": "tuiNavigationAside"; "required": false; "isSignal": true; }; }, {}, never, ["header", "*", "footer"], true, never>;
 }

package/components/navigation/drawer.component.d.ts

@@ -1,14 +1,13 @@
-import { type DoCheck } from '@angular/core';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/dropdown";
-export declare class TuiDrawerDirective implements DoCheck {
+import * as i1 from "@taiga-ui/core/portals/dropdown";
+export declare class TuiDrawerDirective {
     private readonly x;
-    private readonly icons;
     private readonly dropdown;
     private readonly open;
-    ngDoCheck(): void;
-    protected set template(template: PolymorpheusContent);
+    protected readonly template: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    protected readonly ef: import("@angular/core").EffectRef;
+    protected readonly icon: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDrawerDirective, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiDrawerDirective, "[tuiIconButton][tuiNavigationDrawer]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }]>;
 }

package/components/navigation/hint-aside.directive.d.ts

@@ -1,13 +1,12 @@
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/hint";
+import * as i1 from "@taiga-ui/core/portals/hint";
 export declare class TuiHintAsideDirective {
     private readonly el;
     private readonly aside;
     private readonly dropdown;
-    protected readonly hint: import("@angular/core").WritableSignal<PolymorpheusContent>;
+    readonly tuiHintAside: import("@angular/core").InputSignal<PolymorpheusContent>;
     protected readonly binding: import("@angular/core").Signal<import("@angular/platform-browser").SafeValue>;
-    set tuiHintAside(value: PolymorpheusContent);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintAsideDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintAsideDirective, "[tuiHintAside]", never, { "tuiHintAside": { "alias": "tuiHintAside"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiHintDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintAsideDirective, "[tuiHintAside]", never, { "tuiHintAside": { "alias": "tuiHintAside"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiHintDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/navigation/subheader.component.d.ts

@@ -5,5 +5,5 @@ export declare class TuiSubheaderComponent {
 }
 export declare class TuiSubheaderCompactComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSubheaderCompactComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSubheaderCompactComponent, "[tuiSubheader][compact],[tuiNavigationSubheader][compact]", never, {}, {}, never, ["*", "tui-tabs,tui-tabs-with-more,[tuiTabsWithMore],[tuiTabs]", "[tuiButton],[tuiIconButton]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSubheaderCompactComponent, "[tuiSubheader][compact],[tuiNavigationSubheader][compact]", never, {}, {}, never, ["*", "tui-tabs,tui-tabs-with-more", "[tuiButton],[tuiIconButton]"], true, never>;
 }

package/components/pdf-viewer/index.d.ts

@@ -0,0 +1 @@
+export * from './pdf-viewer.component';

package/components/pdf-viewer/pdf-viewer.component.d.ts

@@ -0,0 +1,13 @@
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
+import { type TuiDialogOptions } from '@taiga-ui/core/portals/dialog';
+import * as i0 from "@angular/core";
+export declare class TuiPdfViewer<O, I> {
+    private readonly breakpoint;
+    protected readonly isMobile: import("@angular/core").Signal<boolean>;
+    protected readonly el: HTMLElement;
+    protected readonly close: import("@angular/core").Signal<string>;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
+    protected readonly context: TuiPortalContext<TuiDialogOptions<I>, O>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiPdfViewer<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPdfViewer<any, any>, "tui-pdf-viewer", never, {}, {}, never, ["[tuiTitle]", "button", "*"], true, never>;
+}

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

@@ -1,9 +1,10 @@
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/dropdown";
+import * as i1 from "@taiga-ui/core/portals/dropdown";
 export declare class TuiSearchFilterComponent {
     private readonly dropdown;
-    protected set template(template: PolymorpheusContent);
+    protected readonly template: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    protected readonly ef: import("@angular/core").EffectRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSearchFilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiSearchFilterComponent, "button[tuiSearchFilter]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }]>;
 }

package/components/search/search-filters.component.d.ts

@@ -1,20 +1,18 @@
-import { type AfterContentInit, type QueryList, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { type TuiSizeS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/components/textfield";
-export declare class TuiSearchFiltersComponent implements AfterContentInit {
-    private readonly rem?;
-    private readonly button?;
-    private readonly children;
+export declare class TuiSearchFiltersComponent {
+    private readonly rem;
+    private readonly button;
     private readonly controls;
-    protected readonly templates: QueryList<TemplateRef<any>>;
+    protected readonly templates: import("@angular/core").Signal<readonly TemplateRef<any>[]>;
     protected readonly overflown: import("@angular/core").Signal<number>;
     protected readonly enabled: import("@angular/core").Signal<boolean>;
-    size: TuiSizeS;
-    ngAfterContentInit(): void;
+    readonly size: import("@angular/core").InputSignal<TuiSizeS>;
     protected onReset(): void;
     private get unit();
     private get more();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSearchFiltersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSearchFiltersComponent, "tui-search-filters", never, { "size": { "alias": "size"; "required": false; }; }, {}, ["children", "templates"], ["*"], true, [{ directive: typeof i1.TuiTextfieldOptionsDirective; inputs: { "tuiTextfieldSize": "size"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSearchFiltersComponent, "tui-search-filters", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["controls", "templates"], ["*"], true, [{ directive: typeof i1.TuiTextfieldOptionsDirective; inputs: { "tuiTextfieldSize": "size"; }; outputs: {}; }]>;
 }

package/components/slides/index.d.ts

@@ -0,0 +1 @@
+export * from './slides.directive';

package/components/slides/slides.directive.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk/directives/animated";
+export declare class TuiSlides {
+    protected readonly nothing: undefined;
+    protected readonly el: HTMLElement;
+    protected readonly sign: import("@angular/core").Signal<number>;
+    readonly direction: import("@angular/core").InputSignal<number | "">;
+    protected onAnimation(target: Element): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSlides, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSlides, "[tuiSlides]", never, { "direction": { "alias": "tuiSlides"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+}

package/components/surface/index.d.ts

@@ -0,0 +1 @@
+export * from './surface.directive';

package/components/surface/surface.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class TuiSurface {
+    protected readonly nothing: undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSurface, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSurface, "[tuiSurface]", never, {}, {}, never, never, true, never>;
+}