@taiga-ui/experimental 3.57.0 → 3.59.0-canary.10da730

package/components/avatar/avatar.component.d.ts

@@ -2,16 +2,16 @@ import { SafeResourceUrl } from '@angular/platform-browser';
 import { TuiStringHandler } from '@taiga-ui/cdk';
 import { TuiAvatarOptions } from './avatar.options';
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/experimental/directives/appearance";
 export declare class TuiAvatarComponent {
     private readonly options;
     readonly resolver: TuiStringHandler<string>;
     size: "m" | "l" | "xl" | "xxl" | "s" | "xs" | "xxs";
     round: boolean;
     src: SafeResourceUrl | string | null;
-    appearance: string;
     constructor(options: TuiAvatarOptions, resolver: TuiStringHandler<string>);
     get value(): SafeResourceUrl | string;
     get type(): 'content' | 'icon' | 'img' | 'text';
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAvatarComponent, "tui-avatar", never, { "size": "size"; "round": "round"; "src": "src"; "appearance": "appearance"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAvatarComponent, "tui-avatar", never, { "size": "size"; "round": "round"; "src": "src"; }, {}, never, ["*"], false, [{ directive: typeof i1.TuiAppearanceDirective; inputs: { "tuiAppearance": "appearance"; "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; }; outputs: {}; }]>;
 }

package/components/avatar/avatar.options.d.ts

@@ -1,6 +1,7 @@
 import { Provider } from '@angular/core';
 import { TuiSizeXXL, TuiSizeXXS } from '@taiga-ui/core';
-export interface TuiAvatarOptions {
+import { TuiAppearanceOptions } from '@taiga-ui/experimental/directives/appearance';
+export interface TuiAvatarOptions extends TuiAppearanceOptions {
     readonly round: boolean;
     readonly size: TuiSizeXXL | TuiSizeXXS;
 }

package/components/avatar-stack/avatar-stack.component.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class TuiAvatarStackComponent {
     direction: TuiHorizontalDirection;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAvatarStackComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAvatarStackComponent, "tui-avatar-stack", never, { "direction": "direction"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAvatarStackComponent, "tui-avatar-stack", never, { "direction": "direction"; }, {}, never, ["*"], false, never>;
 }

package/components/badge/badge.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class TuiBadgeComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgeComponent, "ng-component", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgeComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/components/badge/badge.directive.d.ts

@@ -1,12 +1,13 @@
 import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
 import { TuiBadgeOptions } from './badge.options';
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/experimental/directives/appearance";
+import * as i2 from "@taiga-ui/experimental/directives/icons";
 export declare class TuiBadgeDirective {
     private readonly options;
     size: "m" | "s" | "l" | "xl";
-    appearance: string;
     dot: boolean;
     constructor(options: TuiBadgeOptions, directiveStyles: TuiDirectiveStylesService);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBadgeDirective, "tui-badge,[tuiBadge]", never, { "size": "size"; "appearance": "appearance"; "dot": "dot"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBadgeDirective, "tui-badge,[tuiBadge]", never, { "size": "size"; "dot": "dot"; }, {}, never, never, false, [{ directive: typeof i1.TuiAppearanceDirective; inputs: { "tuiAppearance": "appearance"; "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; }; outputs: {}; }, { directive: typeof i2.TuiIconsDirective; inputs: { "iconLeft": "iconLeft"; "iconRight": "iconRight"; }; outputs: {}; }]>;
 }

package/components/badge/badge.module.d.ts

@@ -1,9 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./badge.component";
 import * as i2 from "./badge.directive";
-import * as i3 from "@taiga-ui/experimental/directives/icons";
 export declare class TuiBadgeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiBadgeModule, [typeof i1.TuiBadgeComponent, typeof i2.TuiBadgeDirective], [typeof i3.TuiIconsModule], [typeof i2.TuiBadgeDirective, typeof i3.TuiIconsDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiBadgeModule, [typeof i1.TuiBadgeComponent, typeof i2.TuiBadgeDirective], never, [typeof i2.TuiBadgeDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiBadgeModule>;
 }

package/components/badge/badge.options.d.ts

@@ -1,7 +1,7 @@
 import { Provider } from '@angular/core';
 import { TuiSizeS, TuiSizeXL } from '@taiga-ui/core';
-export interface TuiBadgeOptions {
-    readonly appearance: string;
+import { TuiAppearanceOptions } from '@taiga-ui/experimental/directives/appearance';
+export interface TuiBadgeOptions extends TuiAppearanceOptions {
     readonly size: TuiSizeS | TuiSizeXL;
     readonly dot: boolean;
 }

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

@@ -5,5 +5,5 @@ export declare class TuiBadgeNotificationComponent {
     size: TuiSizeL | TuiSizeXS;
     constructor(animation: TuiAnimationOptions);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgeNotificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgeNotificationComponent, "tui-badge-notification", never, { "size": "size"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgeNotificationComponent, "tui-badge-notification", never, { "size": "size"; }, {}, never, ["*"], false, never>;
 }

package/components/badged-content/badged-content.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class TuiBadgedContentComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgedContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgedContentComponent, "tui-badged-content", never, {}, {}, never, ["*", "tui-badge-notification[tuiSlot='top']", "[tuiSlot='top']", "tui-badge-notification[tuiSlot='bottom']", "[tuiSlot='bottom']"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgedContentComponent, "tui-badged-content", never, {}, {}, never, ["*", "tui-badge-notification[tuiSlot='top']", "[tuiSlot='top']", "tui-badge-notification[tuiSlot='bottom']", "[tuiSlot='bottom']"], false, never>;
 }

package/components/badged-content/badged-content.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class TuiBadgedContentDirective {
     tuiSlot: string | 'bottom' | 'top';
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgedContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBadgedContentDirective, "[tuiSlot]", never, { "tuiSlot": "tuiSlot"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBadgedContentDirective, "[tuiSlot]", never, { "tuiSlot": "tuiSlot"; }, {}, never, never, false, never>;
 }

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

@@ -10,5 +10,5 @@ export declare class TuiButtonComponent {
     get label(): string;
     onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonComponent, "[tuiButton][loading],[tuiIconButton][loading]", never, { "size": "size"; "loading": "loading"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonComponent, "[tuiButton][loading],[tuiIconButton][loading]", never, { "size": "size"; "loading": "loading"; }, {}, never, ["*"], false, never>;
 }

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

@@ -3,16 +3,17 @@ import { TuiBrightness } from '@taiga-ui/core';
 import { Observable } from 'rxjs';
 import { TuiButtonOptions } from './button.options';
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/experimental/directives/appearance";
+import * as i2 from "@taiga-ui/experimental/directives/icons";
 export declare class TuiButtonStylesComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonStylesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonStylesComponent, "ng-component", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonStylesComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }
 export declare class TuiButtonDirective {
     private readonly options;
     readonly mode$: Observable<TuiBrightness | null>;
     size: "m" | "l" | "xl" | "s" | "xs";
-    appearance: string;
     constructor(options: TuiButtonOptions, mode$: Observable<TuiBrightness | null>, directiveStyles: TuiDirectiveStylesService);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonDirective, "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", never, { "size": "size"; "appearance": "appearance"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonDirective, "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", never, { "size": "size"; }, {}, never, never, false, [{ directive: typeof i1.TuiAppearanceDirective; inputs: { "tuiAppearance": "appearance"; "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; }; outputs: {}; }, { directive: typeof i2.TuiIconsDirective; inputs: { "iconLeft": "iconLeft"; "iconRight": "iconRight"; }; outputs: {}; }]>;
 }

package/components/button/button.module.d.ts

@@ -3,9 +3,8 @@ import * as i1 from "./button.component";
 import * as i2 from "./button.directive";
 import * as i3 from "@angular/common";
 import * as i4 from "@taiga-ui/core";
-import * as i5 from "@taiga-ui/experimental/directives/icons";
 export declare class TuiButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiButtonModule, [typeof i1.TuiButtonComponent, typeof i2.TuiButtonDirective, typeof i2.TuiButtonStylesComponent], [typeof i3.CommonModule, typeof i4.TuiSvgModule, typeof i4.TuiLoaderModule, typeof i5.TuiIconsModule], [typeof i1.TuiButtonComponent, typeof i2.TuiButtonDirective, typeof i5.TuiIconsDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiButtonModule, [typeof i1.TuiButtonComponent, typeof i2.TuiButtonDirective, typeof i2.TuiButtonStylesComponent], [typeof i3.CommonModule, typeof i4.TuiSvgModule, typeof i4.TuiLoaderModule], [typeof i1.TuiButtonComponent, typeof i2.TuiButtonDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiButtonModule>;
 }

package/components/button/button.options.d.ts

@@ -1,7 +1,7 @@
 import { Provider } from '@angular/core';
 import { TuiSizeXL, TuiSizeXS } from '@taiga-ui/core';
-export interface TuiButtonOptions {
-    readonly appearance: string;
+import { TuiAppearanceOptions } from '@taiga-ui/experimental/directives/appearance';
+export interface TuiButtonOptions extends TuiAppearanceOptions {
     readonly size: TuiSizeXL | TuiSizeXS;
 }
 export declare const TUI_BUTTON_DEFAULT_OPTIONS: TuiButtonOptions;

package/components/checkbox/checkbox.component.d.ts

@@ -1,20 +1,20 @@
-import { ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
+import { DoCheck, OnInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { TuiStringHandler } from '@taiga-ui/cdk';
-import { Observable } from 'rxjs';
-import { TuiCheckboxOptions } from './checkbox.options';
+import { TuiSizeS } from '@taiga-ui/core';
 import * as i0 from "@angular/core";
-export declare class TuiCheckboxComponent implements OnInit {
-    private readonly cdr;
-    private readonly resolver;
+import * as i1 from "@taiga-ui/experimental/directives/appearance";
+import * as i2 from "@taiga-ui/cdk";
+export declare class TuiCheckboxComponent implements OnInit, DoCheck {
+    private readonly appearance;
     private readonly options;
+    private readonly resolver;
     private readonly destroy$;
     private readonly el;
+    size: TuiSizeS;
     readonly control: NgControl | null;
-    size: import("@taiga-ui/core/types").TuiSizeS;
-    constructor(cdr: ChangeDetectorRef, resolver: TuiStringHandler<string>, options: TuiCheckboxOptions, destroy$: Observable<unknown>, el: ElementRef<HTMLInputElement>, control: NgControl | null);
-    get icon(): string;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiCheckboxComponent, [null, null, null, { self: true; }, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCheckboxComponent, "input[type=\"checkbox\"][tuiCheckbox]", never, { "size": "size"; }, {}, never, never>;
+    ngDoCheck(): void;
+    getIcon(state: 'checked' | 'indeterminate'): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCheckboxComponent, "input[type=\"checkbox\"][tuiCheckbox]", never, { "size": "size"; }, {}, never, never, false, [{ directive: typeof i1.TuiAppearanceDirective; inputs: { "tuiAppearance": "appearance"; "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidatorDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/checkbox/checkbox.options.d.ts

@@ -1,11 +1,12 @@
 import { Provider } from '@angular/core';
-import { TuiMapper } from '@taiga-ui/cdk';
+import { TuiStringHandler } from '@taiga-ui/cdk';
 import { TuiSizeS } from '@taiga-ui/core';
 export interface TuiCheckboxOptions {
     readonly size: TuiSizeS;
+    readonly appearance: TuiStringHandler<HTMLInputElement>;
     readonly icons: Readonly<{
-        checked: TuiMapper<TuiSizeS, string> | string;
-        indeterminate: TuiMapper<TuiSizeS, string> | string;
+        checked: TuiStringHandler<TuiSizeS> | string;
+        indeterminate: TuiStringHandler<TuiSizeS> | string;
     }>;
 }
 export declare const TUI_CHECKBOX_DEFAULT_OPTIONS: TuiCheckboxOptions;

package/components/chip/chip.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class TuiChipComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiChipComponent, "ng-component", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiChipComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/components/chip/chip.directive.d.ts

@@ -1,11 +1,13 @@
 import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
+import { TuiSizeXXS } from '@taiga-ui/core';
 import { TuiChipOptions } from './chip.options';
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/experimental/directives/appearance";
+import * as i2 from "@taiga-ui/experimental/directives/icons";
 export declare class TuiChipDirective {
     private readonly options;
-    size: import("@taiga-ui/core/types").TuiSizeXXS;
-    appearance: string;
+    size: TuiSizeXXS;
     constructor(options: TuiChipOptions, directiveStyles: TuiDirectiveStylesService);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiChipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiChipDirective, "tui-chip,[tuiChip]", never, { "size": "size"; "appearance": "appearance"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiChipDirective, "tui-chip,[tuiChip]", never, { "size": "size"; }, {}, never, never, false, [{ directive: typeof i1.TuiAppearanceDirective; inputs: { "tuiAppearance": "appearance"; "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; }; outputs: {}; }, { directive: typeof i2.TuiIconsDirective; inputs: { "iconLeft": "iconLeft"; "iconRight": "iconRight"; }; outputs: {}; }]>;
 }

package/components/chip/chip.module.d.ts

@@ -1,9 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./chip.component";
 import * as i2 from "./chip.directive";
-import * as i3 from "@taiga-ui/experimental/directives/icons";
 export declare class TuiChipModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiChipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiChipModule, [typeof i1.TuiChipComponent, typeof i2.TuiChipDirective], [typeof i3.TuiIconsModule], [typeof i2.TuiChipDirective, typeof i3.TuiIconsDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiChipModule, [typeof i1.TuiChipComponent, typeof i2.TuiChipDirective], never, [typeof i2.TuiChipDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiChipModule>;
 }

package/components/chip/chip.options.d.ts

@@ -1,7 +1,7 @@
 import { Provider } from '@angular/core';
 import { TuiSizeXXS } from '@taiga-ui/core';
-export interface TuiChipOptions {
-    readonly appearance: string;
+import { TuiAppearanceOptions } from '@taiga-ui/experimental/directives/appearance';
+export interface TuiChipOptions extends TuiAppearanceOptions {
     readonly size: TuiSizeXXS;
 }
 export declare const TUI_CHIP_DEFAULT_OPTIONS: TuiChipOptions;

package/components/compass/compass.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class TuiCompassComponent {
     degrees: number;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCompassComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCompassComponent, "tui-compass", never, { "degrees": "degrees"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCompassComponent, "tui-compass", never, { "degrees": "degrees"; }, {}, never, never, false, never>;
 }

package/components/icon/icon.component.d.ts

@@ -6,5 +6,5 @@ export declare class TuiIconComponent {
     background: string;
     constructor(resolver: TuiStringHandler<string>);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiIconComponent, "tui-icon", never, { "icon": "icon"; "background": "background"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiIconComponent, "tui-icon", never, { "icon": "icon"; "background": "background"; }, {}, never, never, false, never>;
 }

package/components/pin/pin.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class TuiPinComponent {
     open: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPinComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPinComponent, "tui-pin,[tuiPin]", never, { "open": "open"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPinComponent, "tui-pin,[tuiPin]", never, { "open": "open"; }, {}, never, ["*"], false, never>;
 }

package/components/radio/index.d.ts

@@ -1,2 +1,3 @@
 export * from './radio.component';
 export * from './radio.module';
+export * from './radio.options';

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

@@ -1,10 +1,16 @@
+import { DoCheck } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { TuiSizeS } from '@taiga-ui/core';
 import * as i0 from "@angular/core";
-export declare class TuiRadioComponent {
-    readonly control: NgControl | null;
+import * as i1 from "@taiga-ui/experimental/directives/appearance";
+import * as i2 from "@taiga-ui/cdk";
+export declare class TuiRadioComponent implements DoCheck {
+    private readonly appearance;
+    private readonly options;
+    private readonly el;
     size: TuiSizeS;
-    constructor(control: NgControl | null);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioComponent, "input[type=\"radio\"][tuiRadio]", never, { "size": "size"; }, {}, never, never>;
+    readonly control: NgControl | null;
+    ngDoCheck(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioComponent, "input[type=\"radio\"][tuiRadio]", never, { "size": "size"; }, {}, never, never, false, [{ directive: typeof i1.TuiAppearanceDirective; inputs: { "tuiAppearance": "appearance"; "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidatorDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/radio/radio.options.d.ts

@@ -0,0 +1,10 @@
+import { Provider } from '@angular/core';
+import { TuiStringHandler } from '@taiga-ui/cdk';
+import { TuiSizeS } from '@taiga-ui/core';
+export interface TuiRadioOptions {
+    readonly appearance: TuiStringHandler<HTMLInputElement>;
+    readonly size: TuiSizeS;
+}
+export declare const TUI_RADIO_DEFAULT_OPTIONS: TuiRadioOptions;
+export declare const TUI_RADIO_OPTIONS: import("@angular/core").InjectionToken<TuiRadioOptions>;
+export declare function tuiRadioOptionsProvider(options: Partial<TuiRadioOptions>): Provider;

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

@@ -20,5 +20,5 @@ export declare class TuiRatingComponent extends AbstractTuiControl<number> imple
     getCut(index: number): number;
     protected getFallbackValue(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRatingComponent, [{ optional: true; self: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRatingComponent, "tui-rating", never, { "icon": "icon"; "max": "max"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRatingComponent, "tui-rating", never, { "icon": "icon"; "max": "max"; }, {}, never, never, false, never>;
 }

package/components/thumbnail-card/thumbnail-card.component.d.ts

@@ -12,5 +12,5 @@ export declare class TuiThumbnailCardComponent {
     constructor(resolver: TuiStringHandler<string>, options: TuiInputCardOptions);
     get isMono(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiThumbnailCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiThumbnailCardComponent, "tui-thumbnail-card", never, { "size": "size"; "paymentSystem": "paymentSystem"; "iconLeft": "iconLeft"; "iconRight": "iconRight"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiThumbnailCardComponent, "tui-thumbnail-card", never, { "size": "size"; "paymentSystem": "paymentSystem"; "iconLeft": "iconLeft"; "iconRight": "iconRight"; }, {}, never, ["*"], false, never>;
 }

package/components/toggle/toggle.component.d.ts

@@ -1,15 +1,19 @@
+import { DoCheck } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { TuiStringHandler } from '@taiga-ui/cdk';
-import { TuiToggleOptions } from './toggle.options';
+import { TuiSizeS } from '@taiga-ui/core';
 import * as i0 from "@angular/core";
-export declare class TuiToggleComponent {
+import * as i1 from "@taiga-ui/experimental/directives/appearance";
+import * as i2 from "@taiga-ui/cdk";
+export declare class TuiToggleComponent implements DoCheck {
+    private readonly appearance;
     private readonly resolver;
     private readonly options;
-    readonly control: NgControl | null;
-    size: import("@taiga-ui/core/types").TuiSizeS;
+    private readonly el;
+    size: TuiSizeS;
     showIcons: boolean;
-    constructor(resolver: TuiStringHandler<string>, options: TuiToggleOptions, control: NgControl | null);
+    readonly control: NgControl | null;
     get icon(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiToggleComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiToggleComponent, "input[type=\"checkbox\"][tuiToggle]", never, { "size": "size"; "showIcons": "showIcons"; }, {}, never, never>;
+    ngDoCheck(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiToggleComponent, "input[type=\"checkbox\"][tuiToggle]", never, { "size": "size"; "showIcons": "showIcons"; }, {}, never, never, false, [{ directive: typeof i1.TuiAppearanceDirective; inputs: { "tuiAppearance": "appearance"; "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidatorDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/toggle/toggle.options.d.ts

@@ -1,10 +1,11 @@
 import { Provider } from '@angular/core';
-import { TuiMapper } from '@taiga-ui/cdk';
+import { TuiStringHandler } from '@taiga-ui/cdk';
 import { TuiSizeS } from '@taiga-ui/core';
 export interface TuiToggleOptions {
     readonly showIcons: boolean;
     readonly size: TuiSizeS;
-    readonly icon: TuiMapper<TuiSizeS, string> | string;
+    readonly icon: TuiStringHandler<TuiSizeS> | string;
+    readonly appearance: TuiStringHandler<HTMLInputElement>;
 }
 export declare const TUI_TOGGLE_DEFAULT_OPTIONS: TuiToggleOptions;
 export declare const TUI_TOGGLE_OPTIONS: import("@angular/core").InjectionToken<TuiToggleOptions>;

package/components/tooltip/tooltip.component.d.ts

@@ -17,5 +17,5 @@ export declare class TuiTooltipComponent<C = any> extends TuiHintOptionsDirectiv
     get tooltipIcon(): string;
     stopOnMobile(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTooltipComponent<any>, [{ self: true; }, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTooltipComponent<any>, "tui-tooltip", never, { "content": "content"; "direction": "direction"; "appearance": "appearance"; "showDelay": "showDelay"; "hideDelay": "hideDelay"; "describeId": "describeId"; "context": "context"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTooltipComponent<any>, "tui-tooltip", never, { "content": "content"; "direction": "direction"; "appearance": "appearance"; "showDelay": "showDelay"; "hideDelay": "hideDelay"; "describeId": "describeId"; "context": "context"; }, {}, never, never, false, never>;
 }

package/components/tooltip/tooltip.module.d.ts

@@ -1,13 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./tooltip.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@taiga-ui/experimental/directives/appearance";
+import * as i3 from "@taiga-ui/experimental/components/button";
 import * as i4 from "@taiga-ui/core";
 import * as i5 from "@taiga-ui/experimental/components/icon";
-import * as i6 from "@taiga-ui/experimental/components/button";
-import * as i7 from "@tinkoff/ng-polymorpheus";
+import * as i6 from "@tinkoff/ng-polymorpheus";
 export declare class TuiTooltipModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiTooltipModule, [typeof i1.TuiTooltipComponent], [typeof i2.CommonModule, typeof i3.TuiAppearanceModule, typeof i4.TuiHintModule, typeof i5.TuiIconModule, typeof i6.TuiButtonModule, typeof i7.PolymorpheusModule], [typeof i1.TuiTooltipComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiTooltipModule, [typeof i1.TuiTooltipComponent], [typeof i2.CommonModule, typeof i3.TuiButtonModule, typeof i4.TuiHintModule, typeof i5.TuiIconModule, typeof i6.PolymorpheusModule], [typeof i1.TuiTooltipComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiTooltipModule>;
 }

package/directives/appearance/appearance.directive.d.ts

@@ -5,5 +5,5 @@ export declare class TuiAppearanceDirective {
     tuiAppearanceState: TuiInteractiveStateT | null;
     tuiAppearanceFocus: boolean | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppearanceDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAppearanceDirective, "[tuiAppearance]", never, { "tuiAppearance": "tuiAppearance"; "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAppearanceDirective, "[tuiAppearance]", never, { "tuiAppearance": "tuiAppearance"; "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; }, {}, never, never, true, never>;
 }

package/directives/appearance/appearance.options.d.ts

@@ -0,0 +1,7 @@
+import { InjectionToken, Provider } from '@angular/core';
+export interface TuiAppearanceOptions {
+    readonly appearance: string;
+}
+export declare const TUI_APPEARANCE_DEFAULT_OPTIONS: TuiAppearanceOptions;
+export declare const TUI_APPEARANCE_OPTIONS: InjectionToken<TuiAppearanceOptions>;
+export declare function tuiAppearanceOptionsProvider(useExisting: InjectionToken<TuiAppearanceOptions>): Provider;

package/directives/appearance/index.d.ts

@@ -1,2 +1,2 @@
 export * from './appearance.directive';
-export * from './appearance.module';
+export * from './appearance.options';

package/directives/button-close/button-close.directive.d.ts

@@ -5,5 +5,5 @@ export declare class TuiButtonCloseDirective {
     readonly icon: string;
     constructor(resolver: TuiStringHandler<string>, icon: string);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonCloseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonCloseDirective, "[tuiIconButton][tuiButtonClose]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonCloseDirective, "[tuiIconButton][tuiButtonClose]", never, {}, {}, never, never, false, never>;
 }

package/directives/button-vertical/button-vertical.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class TuiButtonVerticalComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonVerticalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonVerticalComponent, "ng-component", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonVerticalComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/directives/button-vertical/button-vertical.directive.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class TuiButtonVerticalDirective {
     constructor(directiveStyles: TuiDirectiveStylesService);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonVerticalDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonVerticalDirective, "[tuiButtonVertical]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonVerticalDirective, "[tuiButtonVertical]", never, {}, {}, never, never, false, never>;
 }

package/directives/card/card.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class TuiCardComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCardComponent, "ng-component", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCardComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/directives/card/card.directive.d.ts

@@ -5,5 +5,5 @@ export declare class TuiCardDirective {
     size: TuiSizeL | '';
     constructor(directiveStyles: TuiDirectiveStylesService);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCardDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCardDirective, "[tuiCard]", never, { "size": "tuiCard"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCardDirective, "[tuiCard]", never, { "size": "tuiCard"; }, {}, never, never, false, never>;
 }

package/directives/cell/cell.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class TuiCellComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCellComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCellComponent, "ng-component", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCellComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/directives/cell/cell.directive.d.ts

@@ -5,5 +5,5 @@ export declare class TuiCellDirective {
     size: TuiSizeL | TuiSizeS | '';
     constructor(directiveStyles: TuiDirectiveStylesService);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCellDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCellDirective, "[tuiCell]", never, { "size": "tuiCell"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCellDirective, "[tuiCell]", never, { "size": "tuiCell"; }, {}, never, never, false, never>;
 }

package/directives/fade/fade.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class TuiFadeComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiFadeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiFadeComponent, "ng-component", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiFadeComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/directives/fade/fade.directive.d.ts

@@ -11,5 +11,5 @@ export declare class TuiFadeDirective {
     constructor(destroy$: Observable<unknown>, resize$: Observable<unknown>, mutate$: Observable<unknown>, element: ElementRef<HTMLElement>, zone: NgZone, directiveStyles: TuiDirectiveStylesService);
     private isEnd;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiFadeDirective, [{ self: true; }, null, null, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFadeDirective, "[tuiFade]", never, { "lineHeight": "tuiFadeHeight"; "size": "tuiFadeSize"; "offset": "tuiFadeOffset"; "orientation": "tuiFade"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFadeDirective, "[tuiFade]", never, { "lineHeight": "tuiFadeHeight"; "size": "tuiFadeSize"; "offset": "tuiFadeOffset"; "orientation": "tuiFade"; }, {}, never, never, false, never>;
 }

package/directives/icons/icons.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class TuiIconsComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiIconsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiIconsComponent, "ng-component", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiIconsComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/directives/icons/icons.directive.d.ts

@@ -6,5 +6,5 @@ export declare class TuiIconsDirective {
     iconRight: string;
     constructor(resolver: TuiStringHandler<string>, directiveStyles: TuiDirectiveStylesService);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiIconsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiIconsDirective, "[iconLeft]:is(button,tui-badge,tui-chip),[iconRight]:is(button,tui-badge,tui-chip),[tuiBadge][iconLeft],[tuiBadge][iconRight],[tuiChip][iconLeft],[tuiChip][iconRight],[tuiButtonClose]", never, { "iconLeft": "iconLeft"; "iconRight": "iconRight"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiIconsDirective, "[tuiIcons]:is(never)", never, { "iconLeft": "iconLeft"; "iconRight": "iconRight"; }, {}, never, never, true, never>;
 }

package/directives/icons/index.d.ts

@@ -1,3 +1,2 @@
 export * from './icons.component';
 export * from './icons.directive';
-export * from './icons.module';

package/directives/progress-segmented/progress-segmented.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class TuiProgressSegmentedComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiProgressSegmentedComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiProgressSegmentedComponent, "ng-component", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiProgressSegmentedComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/directives/progress-segmented/progress-segmented.directive.d.ts

@@ -4,5 +4,5 @@ export declare class TuiProgressSegmentedDirective {
     segments: number;
     constructor(directiveStyles: TuiDirectiveStylesService);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiProgressSegmentedDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiProgressSegmentedDirective, "[tuiProgressBar][segments]", never, { "segments": "segments"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiProgressSegmentedDirective, "[tuiProgressBar][segments]", never, { "segments": "segments"; }, {}, never, never, false, never>;
 }

package/directives/sensitive/sensitive.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class TuiSensitiveComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSensitiveComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSensitiveComponent, "ng-component", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSensitiveComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/directives/sensitive/sensitive.directive.d.ts

@@ -5,5 +5,5 @@ export declare class TuiSensitiveDirective {
     readonly offset: number;
     constructor(directiveStyles: TuiDirectiveStylesService);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSensitiveDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSensitiveDirective, "[tuiSensitive]", never, { "tuiSensitive": "tuiSensitive"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSensitiveDirective, "[tuiSensitive]", never, { "tuiSensitive": "tuiSensitive"; }, {}, never, never, false, never>;
 }

package/directives/surface/surface.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class TuiSurfaceComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSurfaceComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSurfaceComponent, "ng-component", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSurfaceComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }