@taiga-ui/addon-mobile 4.66.0 → 5.0.0-canary.8b64ec1

package/README.md

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

package/components/bottom-sheet/bottom-sheet.component.d.ts

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
 export declare class TuiBottomSheet {
     private readonly elements;
-    private readonly content?;
+    private readonly content;
     private readonly el;
-    stops: readonly string[];
+    readonly stops: import("@angular/core").InputSignal<readonly string[]>;
     protected onScroll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBottomSheet, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBottomSheet, "tui-bottom-sheet", never, { "stops": { "alias": "stops"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBottomSheet, "tui-bottom-sheet", never, { "stops": { "alias": "stops"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/index.d.ts

@@ -2,7 +2,6 @@ export * from '@taiga-ui/addon-mobile/components/bottom-sheet';
 export * from '@taiga-ui/addon-mobile/components/mobile-calendar';
 export * from '@taiga-ui/addon-mobile/components/mobile-calendar-dropdown';
 export * from '@taiga-ui/addon-mobile/components/mobile-calendar-sheet';
-export * from '@taiga-ui/addon-mobile/components/mobile-dialog';
 export * from '@taiga-ui/addon-mobile/components/pull-to-refresh';
 export * from '@taiga-ui/addon-mobile/components/sheet-dialog';
 export * from '@taiga-ui/addon-mobile/components/swipe-action';

package/components/mobile-calendar/calendar-date-stream.d.ts

@@ -0,0 +1,6 @@
+import { InjectionToken, type Provider } from '@angular/core';
+import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
+import { type TuiDay, type TuiDayRange } from '@taiga-ui/cdk/date-time';
+import { type Observable } from 'rxjs';
+export declare const TUI_CALENDAR_DATE_STREAM: InjectionToken<Observable<TuiDay | TuiDayRange | null>>;
+export declare function tuiDateStreamWithTransformer(transformer: InjectionToken<TuiValueTransformer<any>>): Provider;

package/components/mobile-calendar/index.d.ts

@@ -1,3 +1,4 @@
+export * from './calendar-date-stream';
 export * from './mobile-calendar.component';
 export * from './mobile-calendar.const';
 export * from './mobile-calendar.providers';

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

@@ -1,11 +1,10 @@
-import { type AfterViewInit, EventEmitter } from '@angular/core';
+import { type AfterViewInit } from '@angular/core';
 import { TuiDay, TuiDayRange, TuiMonth } from '@taiga-ui/cdk/date-time';
 import { type TuiBooleanHandler, type TuiMapper } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiMobileCalendar implements AfterViewInit {
-    private readonly yearsScrollRef?;
-    private readonly monthsScrollRef?;
-    private readonly value$;
+    private readonly yearsScroll;
+    private readonly monthsScroll;
     private readonly today;
     private activeYear;
     private activeMonth;
@@ -13,15 +12,19 @@ export declare class TuiMobileCalendar implements AfterViewInit {
     private readonly doc;
     private readonly speed;
     private readonly ngZone;
+    private readonly getYearsViewportSize;
+    private readonly initialYear;
+    private readonly initialMonth;
     protected initialized: boolean;
     protected readonly isIOS: boolean;
     protected readonly isE2E: boolean;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly closeWord$: import("rxjs").Observable<string>;
-    protected readonly cancelWord$: import("rxjs").Observable<string>;
-    protected readonly doneWord$: import("rxjs").Observable<string>;
+    protected readonly closeWord: import("@angular/core").Signal<string>;
+    protected readonly cancelWord: import("@angular/core").Signal<string>;
+    protected readonly doneWord: import("@angular/core").Signal<string>;
+    protected readonly monthNames: import("@angular/core").Signal<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>;
     protected readonly unorderedWeekDays$: import("rxjs").Observable<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>;
-    protected readonly chooseDayOrRangeTexts$: import("rxjs").Observable<readonly [choose_day: string, choose_range: string, choose_days: string]> | null;
+    protected readonly chooseDayOrRangeTexts: import("@angular/core").Signal<readonly [choose_day: string, choose_range: string, choose_days: string]> | null;
     protected readonly years: number[];
     protected readonly months: TuiMonth[];
     /**
@@ -31,17 +34,15 @@ export declare class TuiMobileCalendar implements AfterViewInit {
      * ```
      * TODO(v5): delete it
      */
-    single: boolean;
-    multi: boolean;
-    min: TuiDay;
-    max: TuiDay;
-    disabledItemHandler: TuiBooleanHandler<TuiDay>;
-    readonly cancel: EventEmitter<void>;
-    readonly confirm: EventEmitter<TuiDayRange | TuiDay | readonly TuiDay[]>;
-    readonly valueChange: import("rxjs").Observable<TuiDayRange | TuiDay | readonly TuiDay[] | null>;
+    readonly single: import("@angular/core").InputSignal<boolean>;
+    readonly multi: import("@angular/core").InputSignal<boolean>;
+    readonly min: import("@angular/core").InputSignal<TuiDay>;
+    readonly max: import("@angular/core").InputSignal<TuiDay>;
+    readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<TuiDay>>;
+    readonly cancel: import("@angular/core").OutputEmitterRef<void>;
+    readonly confirm: import("@angular/core").OutputEmitterRef<TuiDay | TuiDayRange | readonly TuiDay[]>;
+    readonly value: import("@angular/core").ModelSignal<TuiDay | TuiDayRange | readonly TuiDay[] | null>;
     constructor();
-    set value(value: TuiDay | TuiDayRange | readonly TuiDay[] | null | undefined);
-    get value(): TuiDay | TuiDayRange | readonly TuiDay[] | null;
     ngAfterViewInit(): void;
     setYear(year: number): void;
     protected get yearWidth(): number;
@@ -55,10 +56,7 @@ export declare class TuiMobileCalendar implements AfterViewInit {
         TuiDay,
         TuiDay
     ], TuiBooleanHandler<TuiDay>>;
-    private get initialYear();
-    private get initialMonth();
     private isMultiValue;
-    private getYearsViewportSize;
     private updateViewportDimension;
     private lateInit;
     private waitScrolledChange;
@@ -70,5 +68,5 @@ export declare class TuiMobileCalendar implements AfterViewInit {
     private monthToYear;
     private getMonthOffset;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileCalendar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMobileCalendar, "tui-mobile-calendar", never, { "single": { "alias": "single"; "required": false; }; "multi": { "alias": "multi"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "cancel": "cancel"; "confirm": "confirm"; "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMobileCalendar, "tui-mobile-calendar", never, { "single": { "alias": "single"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "cancel": "cancel"; "confirm": "confirm"; "value": "valueChange"; }, never, never, true, never>;
 }

package/components/mobile-calendar/mobile-calendar.strategy.d.ts

@@ -1,19 +1,15 @@
 import { type CdkVirtualScrollViewport, type VirtualScrollStrategy } from '@angular/cdk/scrolling';
-import { type TuiScrollService } from '@taiga-ui/cdk/services';
-import { type Observable } from 'rxjs';
 /**
- * This scroll strategy is hard wired with styles for iOS and Android.
+ * This scroll strategy is hard-wired with styles for iOS and Android.
  * It is dependent on month height on those platforms and is designed to
  * work for {@link TuiMobileCalendar} with years 1906 to 2102
  */
 export declare class TuiMobileCalendarStrategy implements VirtualScrollStrategy {
     private readonly isIOS;
-    private readonly scrollService;
+    private readonly destroy$;
     private readonly index$;
     private viewport;
-    private readonly destroy$;
-    constructor(isIOS: boolean, scrollService: TuiScrollService);
-    get scrolledIndexChange(): Observable<number>;
+    readonly scrolledIndexChange: import("rxjs").Observable<number>;
     attach(viewport: CdkVirtualScrollViewport): void;
     detach(): void;
     onContentScrolled(): void;

package/components/mobile-calendar-dropdown/mobile-calendar-dropdown.component.d.ts

@@ -1,7 +1,6 @@
-import { type ValueProvider } from '@angular/core';
-import { TuiDay, TuiDayRange } from '@taiga-ui/cdk/date-time';
+import { TuiDay, type TuiDayLike, TuiDayRange } from '@taiga-ui/cdk/date-time';
 import { type TuiBooleanHandler } from '@taiga-ui/cdk/types';
-import { TuiMobileCalendarDropdownNew } from './mobile-calendar-dropdown.directive';
+import { TuiMobileCalendarDropdown } from './mobile-calendar-dropdown.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/active-zone";
 import * as i2 from "@taiga-ui/cdk/directives/animated";
@@ -12,29 +11,28 @@ export interface TuiMobileCalendarData {
     multi?: boolean;
     single?: boolean;
 }
-export declare class TuiMobileCalendarDropdown {
+export declare class TuiMobileCalendarDropdownComponent {
     private readonly dropdown;
     private readonly keyboard;
     private readonly context;
     private readonly observer?;
     private readonly data;
-    private selectedPeriod;
+    protected selectedPeriod: TuiDayRange | null;
     protected readonly control: any;
-    protected readonly directive: TuiMobileCalendarDropdownNew | null;
-    protected readonly range: boolean;
+    protected readonly directive: TuiMobileCalendarDropdown | null;
     protected readonly multi: boolean;
+    protected readonly range: boolean;
     protected readonly single: boolean;
     protected readonly value: import("@angular/core").Signal<TuiDay | TuiDayRange | null>;
     constructor();
     max(): TuiDay;
     min(): TuiDay;
     onValueChange(value: TuiDay | TuiDayRange | readonly TuiDay[] | null): void;
-    protected get calculatedDisabledItemHandler(): TuiBooleanHandler<TuiDay>;
+    protected get handler(): TuiBooleanHandler<TuiDay>;
     protected close(): void;
     protected confirm(value: TuiDay | TuiDayRange | readonly TuiDay[]): void;
-    private calculateDisabledItemHandler;
+    protected readonly mapper: (disabledItemHandler: TuiBooleanHandler<TuiDay>, value: TuiDayRange | null, minLength?: TuiDayLike | null) => TuiBooleanHandler<TuiDay>;
     private is;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileCalendarDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMobileCalendarDropdown, "tui-mobile-calendar-dropdown", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiActiveZone; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileCalendarDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMobileCalendarDropdownComponent, "tui-mobile-calendar-dropdown", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiActiveZone; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAnimated; inputs: {}; outputs: {}; }]>;
 }
-export declare function tuiProvideMobileCalendar(): ValueProvider;

package/components/mobile-calendar-dropdown/mobile-calendar-dropdown.directive.d.ts

@@ -4,12 +4,12 @@ import { type TuiInputDateBase, TuiInputDateDirective } from '@taiga-ui/kit/comp
 import { TuiInputDateRangeDirective } from '@taiga-ui/kit/components/input-date-range';
 import { TuiInputDateTimeDirective } from '@taiga-ui/kit/components/input-date-time';
 import * as i0 from "@angular/core";
-export declare class TuiMobileCalendarDropdownNew {
-    readonly single?: TuiInputDateDirective;
-    readonly range?: TuiInputDateRangeDirective;
-    readonly dateTime?: TuiInputDateTimeDirective;
+export declare class TuiMobileCalendarDropdown {
+    readonly single: import("@angular/core").Signal<TuiInputDateDirective | undefined>;
+    readonly range: import("@angular/core").Signal<TuiInputDateRangeDirective | undefined>;
+    readonly dateTime: import("@angular/core").Signal<TuiInputDateTimeDirective | undefined>;
     readonly handlers: TuiItemsHandlersDirective<any>;
     get date(): TuiInputDateBase<readonly [TuiDay, TuiTime | null]> | TuiInputDateBase<TuiDay> | TuiInputDateBase<TuiDayRange> | undefined;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileCalendarDropdownNew, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiMobileCalendarDropdownNew, "[tuiMobileCalendar]", never, {}, {}, ["single", "range", "dateTime"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileCalendarDropdown, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiMobileCalendarDropdown, "[tuiMobileCalendar]", never, {}, {}, ["single", "range", "dateTime"], never, true, never>;
 }

package/components/pull-to-refresh/pull-to-refresh.component.d.ts

@@ -1,17 +1,18 @@
 import { type TuiContext, type TuiHandler } from '@taiga-ui/cdk/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type Observable } from 'rxjs';
-import { TuiPullToRefreshService } from './pull-to-refresh.service';
 import * as i0 from "@angular/core";
 export declare class TuiPullToRefresh {
     private readonly isIOS;
     private readonly threshold;
-    protected readonly pulling$: TuiPullToRefreshService;
+    private readonly service;
+    private readonly el;
+    protected readonly pulling: import("@angular/core").Signal<number>;
     protected readonly component: PolymorpheusContent<TuiContext<number>>;
-    protected readonly dropped$: Observable<boolean>;
-    styleHandler: TuiHandler<number, Record<string, unknown> | null>;
-    readonly pulled: Observable<unknown>;
+    protected readonly style: import("@angular/core").Signal<Record<string, unknown> | null>;
+    protected readonly dropped: import("@angular/core").Signal<boolean | undefined>;
+    readonly styleHandler: import("@angular/core").InputSignal<TuiHandler<number, Record<string, unknown> | null>>;
+    readonly pulled: import("@angular/core").OutputRef<number>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPullToRefresh, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPullToRefresh, "tui-pull-to-refresh", never, { "styleHandler": { "alias": "styleHandler"; "required": false; }; }, { "pulled": "pulled"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPullToRefresh, "tui-pull-to-refresh", never, { "styleHandler": { "alias": "styleHandler"; "required": false; "isSignal": true; }; }, { "pulled": "pulled"; }, never, ["*"], true, never>;
 }

package/components/sheet-dialog/sheet-dialog.component.d.ts

@@ -1,5 +1,5 @@
 import { type AfterViewInit } from '@angular/core';
-import { type TuiPopover } from '@taiga-ui/cdk/services';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import { Subject } from 'rxjs';
 import { type TuiSheetDialogOptions } from './sheet-dialog.options';
 import * as i0 from "@angular/core";
@@ -8,7 +8,7 @@ export declare class TuiSheetDialogComponent<I> implements AfterViewInit {
     private readonly stops;
     private readonly el;
     private pointers;
-    protected readonly context: TuiPopover<TuiSheetDialogOptions<I>, any>;
+    protected readonly context: TuiPortalContext<TuiSheetDialogOptions<I>, any>;
     protected readonly close$: Subject<void>;
     protected readonly $: import("rxjs").Subscription;
     ngAfterViewInit(): void;

package/components/sheet-dialog/sheet-dialog.directive.d.ts

@@ -1,7 +1,8 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
 import { type TuiSheetDialogOptions } from './sheet-dialog.options';
 import * as i0 from "@angular/core";
-export declare class TuiSheetDialog extends TuiPopoverDirective<TuiSheetDialogOptions> {
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiSheetDialog {
+    readonly tuiSheetDialogOptions: import("@angular/core").InputSignal<Partial<TuiSheetDialogOptions<undefined>>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSheetDialog, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSheetDialog, "ng-template[tuiSheetDialog]", never, { "options": { "alias": "tuiSheetDialogOptions"; "required": false; }; "open": { "alias": "tuiSheetDialog"; "required": false; }; }, { "openChange": "tuiSheetDialogChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSheetDialog, "ng-template[tuiSheetDialog]", never, { "tuiSheetDialogOptions": { "alias": "tuiSheetDialogOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "options": "tuiSheetDialogOptions"; "open": "tuiSheetDialog"; }; outputs: { "openChange": "tuiSheetDialogChange"; }; }]>;
 }

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

@@ -1,23 +1,17 @@
-import { InjectionToken, type Provider } from '@angular/core';
-import { type TuiPopover } from '@taiga-ui/cdk/services';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { type Observable } from 'rxjs';
 export interface TuiSheetDialogOptions<I = undefined> {
     readonly appearance: string;
-    readonly closeable: Observable<boolean> | boolean;
-    readonly data: I;
+    readonly closable: Observable<boolean> | boolean;
+    readonly data: I extends void ? undefined : I;
     readonly initial: number;
-    readonly label: PolymorpheusContent<TuiPopover<TuiSheetDialogOptions<I>, any>>;
+    readonly label: string;
     readonly offset: number;
     readonly stops: readonly string[];
     readonly bar: boolean;
-    /** @deprecated add 'fullscreen' in appearance string */
-    readonly fullscreen: boolean;
     readonly required: boolean;
 }
 export declare const TUI_SHEET_DIALOG_DEFAULT_OPTIONS: TuiSheetDialogOptions;
 /**
  * Default parameters for mobile dialog component
  */
-export declare const TUI_SHEET_DIALOG_OPTIONS: InjectionToken<TuiSheetDialogOptions<undefined>>;
-export declare function tuiSheetDialogOptionsProvider(options: Partial<TuiSheetDialogOptions>): Provider;
+export declare const TUI_SHEET_DIALOG_OPTIONS: import("@angular/core").InjectionToken<TuiSheetDialogOptions<undefined>>, tuiSheetDialogOptionsProvider: (item: Partial<TuiSheetDialogOptions<undefined>> | (() => Partial<TuiSheetDialogOptions<undefined>>)) => import("@angular/core").FactoryProvider;

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

@@ -1,10 +1,15 @@
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
+import { type TuiModalComponent, TuiModalService } from '@taiga-ui/core/portals/modal';
+import { type PolymorpheusComponent } from '@taiga-ui/polymorpheus';
+import { TuiSheetDialogComponent } from './sheet-dialog.component';
 import { type TuiSheetDialogOptions } from './sheet-dialog.options';
 import * as i0 from "@angular/core";
-export declare class TuiSheetDialogService extends TuiPopoverService<TuiSheetDialogOptions<any>> {
+export declare class TuiSheetDialogService extends TuiModalService<TuiSheetDialogOptions<any>> {
     private readonly theme;
-    private initial;
-    protected readonly $: import("rxjs").Subscription;
+    private readonly initial;
+    private count;
+    protected readonly options: TuiSheetDialogOptions<undefined>;
+    protected readonly content: typeof TuiSheetDialogComponent;
+    protected add(component: PolymorpheusComponent<TuiModalComponent<TuiSheetDialogOptions>>): () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSheetDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiSheetDialogService>;
 }

package/components/swipe-action/swipe-actions-auto-close.directive.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class TuiSwipeActionsAutoClose {
     private readonly el;
-    autoClose: boolean | string;
+    readonly autoClose: import("@angular/core").InputSignal<string | boolean>;
     protected handleEvent(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSwipeActionsAutoClose, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSwipeActionsAutoClose, "tui-swipe-actions[autoClose]", never, { "autoClose": { "alias": "autoClose"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSwipeActionsAutoClose, "tui-swipe-actions[autoClose]", never, { "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/tab-bar/tab-bar-item.component.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class TuiTabBarItem {
-    icon: string;
-    badge?: number | null;
+    readonly icon: import("@angular/core").InputSignal<string>;
+    readonly badge: import("@angular/core").InputSignal<number | undefined>;
     protected format(value: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabBarItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabBarItem, "button[tuiTabBarItem], a[tuiTabBarItem]", never, { "icon": { "alias": "icon"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabBarItem, "button[tuiTabBarItem], a[tuiTabBarItem]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,13 +1,10 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiTabBarComponent {
     private readonly tabs;
-    quantity: number;
-    activeItemIndex: number;
-    readonly activeItemIndexChange: EventEmitter<number>;
-    setActive(tab: EventTarget): void;
-    protected get style(): string;
+    readonly quantity: import("@angular/core").InputSignal<number>;
+    readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
+    setActive(tab: Element): void;
     private updateIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabBarComponent, "nav[tuiTabBar]", never, { "quantity": { "alias": "quantity"; "required": false; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; }; }, { "activeItemIndexChange": "activeItemIndexChange"; }, ["tabs"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabBarComponent, "nav[tuiTabBar]", never, { "quantity": { "alias": "quantity"; "required": false; "isSignal": true; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; "isSignal": true; }; }, { "activeItemIndex": "activeItemIndexChange"; }, ["tabs"], ["*"], true, never>;
 }

package/directives/dropdown-mobile/dropdown-mobile.component.d.ts

@@ -1,27 +1,23 @@
-import { type AfterViewInit, type OnDestroy } from '@angular/core';
-import { type TuiSwipeEvent } from '@taiga-ui/cdk/directives/swipe';
-import { TuiDropdownDirective } from '@taiga-ui/core/directives/dropdown';
-import { TuiDropdownMobile } from './dropdown-mobile.directive';
+import { type OnDestroy } from '@angular/core';
+import { TuiDropdownDirective } from '@taiga-ui/core/portals/dropdown';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/active-zone";
-import * as i2 from "@taiga-ui/cdk/directives/animated";
-export declare class TuiDropdownMobileComponent implements OnDestroy, AfterViewInit {
+import * as i1 from "@taiga-ui/cdk/directives/animated";
+import * as i2 from "@taiga-ui/cdk/directives/active-zone";
+export declare class TuiDropdownMobileComponent implements OnDestroy {
     private readonly el;
     private readonly keyboard;
     private readonly doc;
     private readonly scrollTop;
     private readonly observer;
-    protected readonly directive: TuiDropdownMobile;
     protected readonly dropdown: TuiDropdownDirective;
+    protected readonly context: {
+        $implicit: () => void;
+    };
     constructor();
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    protected readonly close: () => void;
     protected onClick(event: MouseEvent): void;
-    protected onSwipe({ direction }: TuiSwipeEvent, el: HTMLElement): void;
-    protected onIntersection({ isIntersecting }: IntersectionObserverEntry): void;
-    protected refresh({ offsetTop, height }: VisualViewport): void;
+    protected refresh(): void;
     private get focused();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownMobileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDropdownMobileComponent, "tui-dropdown-mobile", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiActiveZone; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDropdownMobileComponent, "tui-dropdown-mobile", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiActiveZone; inputs: {}; outputs: {}; }]>;
 }

package/directives/dropdown-mobile/dropdown-mobile.directive.d.ts

@@ -1,8 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class TuiDropdownMobile {
     private readonly isMobile;
-    tuiDropdownMobile: string;
     protected onMouseDown(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownMobile, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownMobile, "[tuiDropdownMobile]", never, { "tuiDropdownMobile": { "alias": "tuiDropdownMobile"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownMobile, "[tuiDropdownMobile]", never, {}, {}, never, never, true, never>;
 }

package/directives/dropdown-sheet/dropdown-sheet.component.d.ts

@@ -0,0 +1,14 @@
+import { TuiDropdownDirective } from '@taiga-ui/core/portals/dropdown';
+import * as i0 from "@angular/core";
+export declare class TuiDropdownSheetComponent {
+    private readonly content;
+    private readonly dialogs;
+    private readonly directive;
+    protected readonly dropdown: TuiDropdownDirective;
+    protected readonly context: {
+        $implicit: () => void;
+    };
+    protected readonly sub: import("rxjs").Subscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownSheetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDropdownSheetComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/directives/dropdown-sheet/dropdown-sheet.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class TuiDropdownSheet {
+    readonly tuiDropdownSheet: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownSheet, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownSheet, "[tuiDropdownSheet]", never, { "tuiDropdownSheet": { "alias": "tuiDropdownSheet"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/directives/dropdown-sheet/index.d.ts

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

package/directives/elastic-sticky/elastic-sticky.directive.d.ts

@@ -1,7 +1,6 @@
-import { TuiElasticStickyService } from './elastic-sticky.service';
 import * as i0 from "@angular/core";
 export declare class TuiElasticSticky {
-    readonly tuiElasticSticky: TuiElasticStickyService;
+    readonly tuiElasticSticky: import("@angular/core").OutputRef<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticSticky, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiElasticSticky, "[tuiElasticSticky]", ["tuiElasticSticky"], {}, { "tuiElasticSticky": "tuiElasticSticky"; }, never, never, true, never>;
 }

package/directives/index.d.ts

@@ -1,6 +1,6 @@
 export * from '@taiga-ui/addon-mobile/directives/dropdown-mobile';
+export * from '@taiga-ui/addon-mobile/directives/dropdown-sheet';
 export * from '@taiga-ui/addon-mobile/directives/elastic-sticky';
 export * from '@taiga-ui/addon-mobile/directives/responsive-dialog';
 export * from '@taiga-ui/addon-mobile/directives/ripple';
-export * from '@taiga-ui/addon-mobile/directives/sidebar';
 export * from '@taiga-ui/addon-mobile/directives/touchable';

package/directives/responsive-dialog/responsive-dialog.directive.d.ts

@@ -1,7 +1,8 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
 import { type TuiResponsiveDialogOptions } from './responsive-dialog.service';
 import * as i0 from "@angular/core";
-export declare class TuiResponsiveDialog extends TuiPopoverDirective<TuiResponsiveDialogOptions> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiResponsiveDialog, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiResponsiveDialog, "ng-template[tuiResponsiveDialog]", never, { "options": { "alias": "tuiResponsiveDialogOptions"; "required": false; }; "open": { "alias": "tuiResponsiveDialog"; "required": false; }; }, { "openChange": "tuiResponsiveDialogChange"; }, never, never, true, never>;
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiResponsiveDialog<T> {
+    readonly tuiResponsiveDialogOptions: import("@angular/core").InputSignal<Partial<TuiResponsiveDialogOptions<T>>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiResponsiveDialog<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiResponsiveDialog<any>, "ng-template[tuiResponsiveDialog]", never, { "tuiResponsiveDialogOptions": { "alias": "tuiResponsiveDialogOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "options": "tuiResponsiveDialogOptions"; "open": "tuiResponsiveDialog"; }; outputs: { "openChange": "tuiResponsiveDialogChange"; }; }]>;
 }

package/directives/responsive-dialog/responsive-dialog.service.d.ts

@@ -1,13 +1,10 @@
 import { type TuiSheetDialogOptions } from '@taiga-ui/addon-mobile/components/sheet-dialog';
-import { type TuiDialogContext, type TuiDialogOptions } from '@taiga-ui/core/components/dialog';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
+import { type TuiDialogOptions } from '@taiga-ui/core/portals/dialog';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { type Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export interface TuiResponsiveDialogOptions<I = undefined> extends Omit<TuiDialogOptions<I>, 'label'>, TuiSheetDialogOptions<unknown> {
-    readonly data: I extends void ? undefined : I & {
-        button?: string;
-    };
-    readonly label: PolymorpheusContent;
+export interface TuiResponsiveDialogOptions<I = undefined> extends TuiDialogOptions<I>, TuiSheetDialogOptions<I> {
 }
 /**
  * Same as `TuiDialogService` but automatically switches to `TuiSheetDialogService` on mobile
@@ -16,7 +13,7 @@ export declare class TuiResponsiveDialogService {
     private readonly isMobile;
     private readonly dialogs;
     private readonly sheets;
-    open<G = void>(content: PolymorpheusContent<TuiDialogContext<G> & TuiResponsiveDialogOptions<any>>, options?: Partial<TuiResponsiveDialogOptions<any>>): Observable<G>;
+    open<G = void>(content: PolymorpheusContent<TuiPortalContext<TuiResponsiveDialogOptions, G>>, options?: Partial<TuiResponsiveDialogOptions<any>>): Observable<G>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiResponsiveDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiResponsiveDialogService>;
 }

package/directives/ripple/ripple.directive.d.ts

@@ -2,11 +2,11 @@ import * as i0 from "@angular/core";
 export declare class TuiRipple {
     private readonly doc;
     private readonly destroyRef;
-    private readonly animationOptions;
+    private readonly duration;
     protected readonly nothing: undefined;
-    tuiRipple: string;
+    readonly tuiRipple: import("@angular/core").InputSignal<string>;
     protected start(x: number, y: number, target: HTMLElement, el: HTMLElement): void;
     private createRipple;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRipple, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiRipple, "[tuiRipple]", never, { "tuiRipple": { "alias": "tuiRipple"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiRipple, "[tuiRipple]", never, { "tuiRipple": { "alias": "tuiRipple"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/touchable/touchable.directive.d.ts

@@ -1,13 +1,13 @@
 import * as i0 from "@angular/core";
-export declare function tuiFindTouchIndex(touches: TouchList, id: number): number;
 export declare class TuiTouchable {
     private readonly isIOS;
     private readonly el;
-    tuiTouchable: '' | 'background' | 'opacity' | 'transform';
+    private readonly doc;
+    protected readonly style: import("@angular/core").Signal<"background" | "opacity" | "transform">;
+    readonly tuiTouchable: import("@angular/core").InputSignal<"" | "background" | "opacity" | "transform">;
     constructor();
-    protected get style(): 'background' | 'opacity' | 'transform';
-    private hasTouchLeft;
+    private hasTouches;
     private onTouchStart;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTouchable, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTouchable, "[tuiTouchable]", never, { "tuiTouchable": { "alias": "tuiTouchable"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTouchable, "[tuiTouchable]", never, { "tuiTouchable": { "alias": "tuiTouchable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }