@taiga-ui/core 4.68.0 → 5.0.0-canary.0c88239

package/styles/theme/appearance/textfield.less

@@ -1,39 +1,32 @@
 @import '@taiga-ui/core/styles/taiga-ui-local.less';
 
 [tuiAppearance][data-appearance='textfield'] {
-    .transition(~'box-shadow, background-color, outline-color, border-color');
+    .transition(~'box-shadow, background-color, outline-color, border-color, color');
 
     --t-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1);
 
     background-color: var(--tui-background-base);
-    color: var(--tui-text-primary);
+    color: var(--tui-text-tertiary);
     box-shadow: var(--t-shadow);
     outline: 1px solid var(--tui-border-normal);
     outline-offset: -1px;
     border-width: 0;
 
-    // TODO: Remove tuiWrapper hack in v5
-    &:not([tuiWrapper])::before,
-    &:not([tuiWrapper])::after {
-        transition-property: color, transform;
-        color: var(--tui-text-tertiary);
+    &:is(input, textarea, select) {
+        color: var(--tui-text-primary) !important;
     }
 
-    .appearance-hover({
-        --t-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16);
+    &::before,
+    &::after {
+        transition-property: transform;
+    }
 
-        &:not([tuiWrapper]):before,
-        &:not([tuiWrapper]):after {
+    &:not([data-mode~='readonly']) {
+        .appearance-hover({
+            --t-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16);
             color: var(--tui-text-secondary);
-        }
-    });
-
-    .appearance-active({
-        &:not([tuiWrapper]):before,
-        &:not([tuiWrapper]):after {
-            color: var(--tui-text-primary);
-        }
-    });
+        });
+    }
 
     .appearance-focus({
         box-shadow: none;
@@ -45,25 +38,31 @@
         box-shadow: none;
     });
 
-    &[data-mode~='invalid'][data-mode~='invalid'],
-    &:invalid:not([data-mode]),
-    &.tui-invalid:not([data-mode]) {
+    .appearance-invalid({
         outline-color: var(--tui-status-negative);
-    }
+    });
 
     &[data-mode~='readonly'],
-    input&:read-only:not([data-mode]) {
+    &[data-state='disabled'],
+    &:disabled,
+    &._disabled {
         background: transparent !important;
         box-shadow: none !important;
         outline-color: var(--tui-border-normal) !important;
     }
 
-    &[chrome-autofilled], /* Chrome on IOS */
-    &:-webkit-autofill {
+    [tuiInput][chrome-autofilled], /* Chrome on IOS */
+    [tuiInput]:-webkit-autofill {
         -webkit-text-fill-color: var(--tui-text-primary) !important;
         caret-color: var(--tui-text-primary) !important;
-        box-shadow: 0 0 0 1000rem var(--tui-service-autofill-background) inset !important;
+        box-shadow: 0 0 0 100rem var(--tui-service-autofill-background) inset !important;
         transition: background-color 600000s 0s;
+        clip-path: inset(0.125rem round calc(var(--tui-radius-m) - 0.125rem));
+    }
+
+    &[data-size='l'] [tuiInput][chrome-autofilled], /* Chrome on IOS */
+    &[data-size='l'] [tuiInput]:-webkit-autofill {
+        clip-path: inset(0.125rem round calc(var(--tui-radius-l) - 0.125rem));
     }
 }
 

package/styles/theme/appearance.less

@@ -3,7 +3,6 @@
 @import 'appearance/flat.less';
 @import 'appearance/floating.less';
 @import 'appearance/glass.less';
-@import 'appearance/opposite.less';
 @import 'appearance/outline.less';
 @import 'appearance/primary.less';
 @import 'appearance/secondary.less';

package/styles/theme/variables.less

@@ -1,29 +1,26 @@
-@font-fallback: -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif;
-
 &:root,
 &:host {
     // Fonts
-    --tui-font-heading: 'Manrope', @font-fallback;
-    --tui-font-text: 'Manrope', @font-fallback;
+    --tui-font-family-text: 'Manrope', system-ui, sans-serif;
+    --tui-font-family-display: 'Manrope', system-ui, sans-serif;
     --tui-font-offset: ~'0rem';
     // Heading
-    --tui-font-heading-1: bold calc(var(--tui-font-offset) + 3.125rem) / calc(50 / 56) var(--tui-font-heading);
-    --tui-font-heading-2: bold calc(var(--tui-font-offset) + 2.75rem) / calc(48 / 44) var(--tui-font-heading);
-    --tui-font-heading-3: bold calc(var(--tui-font-offset) + 2.25rem) / calc(40 / 36) var(--tui-font-heading);
-    --tui-font-heading-4: bold calc(var(--tui-font-offset) + 1.75rem) / calc(32 / 28) var(--tui-font-heading);
-    --tui-font-heading-5: bold calc(var(--tui-font-offset) + 1.5rem) / calc(28 / 24) var(--tui-font-heading);
-    --tui-font-heading-6: bold calc(var(--tui-font-offset) + 1.25rem) / calc(24 / 20) var(--tui-font-heading);
+    --tui-font-heading-h1: bold calc(var(--tui-font-offset) + 3.125rem) / calc(50 / 56) var(--tui-font-family-display);
+    --tui-font-heading-h2: bold calc(var(--tui-font-offset) + 2.75rem) / calc(48 / 44) var(--tui-font-family-display);
+    --tui-font-heading-h3: bold calc(var(--tui-font-offset) + 2.25rem) / calc(40 / 36) var(--tui-font-family-display);
+    --tui-font-heading-h4: bold calc(var(--tui-font-offset) + 1.75rem) / calc(32 / 28) var(--tui-font-family-display);
+    --tui-font-heading-h5: bold calc(var(--tui-font-offset) + 1.5rem) / calc(28 / 24) var(--tui-font-family-display);
+    --tui-font-heading-h6: bold calc(var(--tui-font-offset) + 1.25rem) / calc(24 / 20) var(--tui-font-family-display);
     // Body
-    --tui-font-text-xl: normal calc(var(--tui-font-offset) + 1.1875rem) / calc(28 / 19) var(--tui-font-text);
-    --tui-font-text-l: normal calc(var(--tui-font-offset) + 1.0625rem) / calc(28 / 17) var(--tui-font-text);
-    --tui-font-text-m: normal calc(var(--tui-font-offset) + 1rem) / calc(24 / 16) var(--tui-font-text);
-    --tui-font-text-s: normal calc(var(--tui-font-offset) + 0.8125rem) / calc(20 / 13) var(--tui-font-text);
-    --tui-font-text-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / calc(16 / 11) var(--tui-font-text);
+    --tui-font-body-l: normal calc(var(--tui-font-offset) + 1.0625rem) / calc(28 / 17) var(--tui-font-family-text);
+    --tui-font-body-m: normal calc(var(--tui-font-offset) + 1rem) / calc(24 / 16) var(--tui-font-family-text);
+    --tui-font-body-s: normal calc(var(--tui-font-offset) + 0.8125rem) / calc(20 / 13) var(--tui-font-family-text);
+    --tui-font-body-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / calc(16 / 11) var(--tui-font-family-text);
     // Reduced
-    --tui-font-text-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / calc(24 / 17) var(--tui-font-text);
-    --tui-font-text-ui-m: normal calc(var(--tui-font-offset) + 1rem) / calc(20 / 16) var(--tui-font-text);
-    --tui-font-text-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / calc(16 / 13) var(--tui-font-text);
-    --tui-font-text-ui-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-text);
+    --tui-font-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / calc(24 / 17) var(--tui-font-family-text);
+    --tui-font-ui-m: normal calc(var(--tui-font-offset) + 1rem) / calc(20 / 16) var(--tui-font-family-text);
+    --tui-font-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / calc(16 / 13) var(--tui-font-family-text);
+    --tui-font-ui-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text);
     // Radii
     --tui-radius-xs: 0.25rem;
     --tui-radius-s: 0.5rem;

package/styles/variables/media.less

@@ -1,26 +1,21 @@
-/*
-Every max-width of breakpoint is equal:
-next min-width - 60% from 1px (1/16 * 0.6 = 0.0375)
-*/
-
 @tui-media-retina: ~'(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)';
-@tui-media-retina-mobile: ~'(-webkit-min-device-pixel-ratio: 2) and (max-width: 37.4625em), (min-resolution: 192dpi) and (max-width: 37.4625em)';
-@tui-media-retina-tablet: ~'(-webkit-min-device-pixel-ratio: 2) and (max-width: 63.9625em), (min-resolution: 192dpi) and (max-width: 63.9625em)';
-@tui-media-retina-desktop: ~'(-webkit-min-device-pixel-ratio: 2) and (max-width: 84.9625em), (min-resolution: 192dpi) and (max-width: 84.9625em)';
+@tui-media-retina-mobile: ~'(-webkit-min-device-pixel-ratio: 2) and (max-width: 599.4px), (min-resolution: 192dpi) and (max-width: 599.4px)';
+@tui-media-retina-tablet: ~'(-webkit-min-device-pixel-ratio: 2) and (max-width: 1023.4px), (min-resolution: 192dpi) and (max-width: 1023.4px)';
+@tui-media-retina-desktop: ~'(-webkit-min-device-pixel-ratio: 2) and (max-width: 1359.4px), (min-resolution: 192dpi) and (max-width: 1359.4px)';
 
-@tui-mobile: ~'screen and (max-width: 47.9625em)';
-@tui-mobile-min: ~'screen and (min-width: 22.5em)';
-@tui-mobile-interval: ~'(min-width: 22.5em) and (max-width: 47.9625em)';
+@tui-mobile: ~'screen and (max-width: 767.4px)';
+@tui-mobile-min: ~'screen and (min-width: 360px)';
+@tui-mobile-interval: ~'(min-width: 360px) and (max-width: 767.4px)';
 
-@tui-tablet: ~'screen and (max-width: 63.9625em)';
-@tui-tablet-min: ~'screen and (min-width: 48em)';
-@tui-tablet-interval: ~'(min-width: 48em) and (max-width: 63.9625em)';
+@tui-tablet: ~'screen and (max-width: 1023.4px)';
+@tui-tablet-min: ~'screen and (min-width: 768px)';
+@tui-tablet-interval: ~'(min-width: 768px) and (max-width: 1023.4px)';
 
-@tui-desktop: ~'screen and (max-width: 79.9625em)';
-@tui-desktop-min: ~'screen and (min-width: 64em)';
-@tui-desktop-interval: ~'(min-width: 64em) and (max-width: 79.9625em)';
+@tui-desktop: ~'screen and (max-width: 1279.4px)';
+@tui-desktop-min: ~'screen and (min-width: 1024px)';
+@tui-desktop-interval: ~'(min-width: 1024px) and (max-width: 1279.4px)';
 
-@tui-desktop-lg-min: ~'screen and (min-width: 80em)';
+@tui-desktop-lg-min: ~'screen and (min-width: 1280px)';
 
 @tui-touch: ~'(hover: none) and (pointer: coarse)';
 @tui-stylus: ~'(hover: none) and (pointer: fine)';

package/styles/variables/media.scss

@@ -1,21 +1,21 @@
 $tui-media-retina: '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)';
-$tui-media-retina-mobile: '(-webkit-min-device-pixel-ratio: 2) and (max-width: 37.4625em), (min-resolution: 192dpi) and (max-width: 37.4625em)';
-$tui-media-retina-tablet: '(-webkit-min-device-pixel-ratio: 2) and (max-width: 63.9625em), (min-resolution: 192dpi) and (max-width: 63.9625em)';
-$tui-media-retina-desktop: '(-webkit-min-device-pixel-ratio: 2) and (max-width: 84.9625em), (min-resolution: 192dpi) and (max-width: 84.9625em)';
+$tui-media-retina-mobile: '(-webkit-min-device-pixel-ratio: 2) and (max-width: 599.4px), (min-resolution: 192dpi) and (max-width: 599.4px)';
+$tui-media-retina-tablet: '(-webkit-min-device-pixel-ratio: 2) and (max-width: 1023.4px), (min-resolution: 192dpi) and (max-width: 1023.4px)';
+$tui-media-retina-desktop: '(-webkit-min-device-pixel-ratio: 2) and (max-width: 1359.4px), (min-resolution: 192dpi) and (max-width: 1359.4px)';
 
-$tui-mobile: 'screen and (max-width: 47.9625em)';
-$tui-mobile-min: 'screen and (min-width: 22.5em)';
-$tui-mobile-interval: '(min-width: 22.5em) and (max-width: 47.9625em)';
+$tui-mobile: 'screen and (max-width: 767.4px)';
+$tui-mobile-min: 'screen and (min-width: 360px)';
+$tui-mobile-interval: '(min-width: 360px) and (max-width: 767.4px)';
 
-$tui-tablet: 'screen and (max-width: 63.9625em)';
-$tui-tablet-min: 'screen and (min-width: 48em)';
-$tui-tablet-interval: '(min-width: 48em) and (max-width: 63.9625em)';
+$tui-tablet: 'screen and (max-width: 1023.4px)';
+$tui-tablet-min: 'screen and (min-width: 768px)';
+$tui-tablet-interval: '(min-width: 768px) and (max-width: 1023.4px)';
 
-$tui-desktop: 'screen and (max-width: 79.9625em)';
-$tui-desktop-min: 'screen and (min-width: 64em)';
-$tui-desktop-interval: '(min-width: 64em) and (max-width: 79.9625em)';
+$tui-desktop: 'screen and (max-width: 1279.4px)';
+$tui-desktop-min: 'screen and (min-width: 1024px)';
+$tui-desktop-interval: '(min-width: 1024px) and (max-width: 1279.4px)';
 
-$tui-desktop-lg-min: 'screen and (min-width: 80em)';
+$tui-desktop-lg-min: 'screen and (min-width: 1280px)';
 
 $tui-touch: '(hover: none) and (pointer: coarse)';
 $tui-stylus: '(hover: none) and (pointer: fine)';

package/tokens/breakpoint.d.ts

@@ -0,0 +1,4 @@
+import { InjectionToken, type Signal } from '@angular/core';
+import { type TuiMedia } from './media';
+export type TuiBreakpointMediaKey = keyof Omit<TuiMedia, 'tablet'>;
+export declare const TUI_BREAKPOINT: InjectionToken<Signal<"desktopLarge" | "desktopSmall" | "mobile">>;

package/tokens/common-icons.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 export interface TuiCommonIcons {
     readonly check: string;
     readonly close: string;
@@ -6,6 +5,7 @@ export interface TuiCommonIcons {
     readonly more: string;
     readonly search: string;
     readonly ellipsis: string;
+    readonly decrement: string;
+    readonly increment: string;
 }
-export declare const TUI_COMMON_ICONS: InjectionToken<TuiCommonIcons>;
-export declare function tuiCommonIconsProvider(icons: Partial<TuiCommonIcons>): Provider;
+export declare const TUI_COMMON_ICONS: import("@angular/core").InjectionToken<TuiCommonIcons>, tuiCommonIconsProvider: (item: Partial<TuiCommonIcons> | (() => Partial<TuiCommonIcons>)) => import("@angular/core").FactoryProvider;

package/tokens/date-format.d.ts

@@ -1,6 +1,5 @@
-import { InjectionToken, type Provider } from '@angular/core';
+import { InjectionToken, type Provider, type Signal } from '@angular/core';
 import { type TuiDateMode } from '@taiga-ui/cdk/date-time';
-import { type Observable } from 'rxjs';
 /**
  * Formatting configuration for displayed dates
  */
@@ -19,5 +18,5 @@ export declare const TUI_DEFAULT_DATE_FORMAT: TuiDateFormatSettings;
 /**
  * Formatting configuration for displayed dates
  */
-export declare const TUI_DATE_FORMAT: InjectionToken<Observable<TuiDateFormatSettings>>;
+export declare const TUI_DATE_FORMAT: InjectionToken<Signal<TuiDateFormatSettings>>;
 export declare function tuiDateFormatProvider(options: Partial<TuiDateFormatSettings>): Provider;

package/tokens/i18n.d.ts

@@ -2,32 +2,32 @@ import { InjectionToken } from '@angular/core';
 /**
  * Localized months names
  */
-export declare const TUI_MONTHS: InjectionToken<import("rxjs").Observable<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]>>;
+export declare const TUI_MONTHS: InjectionToken<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]>>;
 /**
  * i18n 'close' word
  */
-export declare const TUI_CLOSE_WORD: InjectionToken<import("rxjs").Observable<string>>;
+export declare const TUI_CLOSE_WORD: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * i18n 'back' word
  */
-export declare const TUI_BACK_WORD: InjectionToken<import("rxjs").Observable<string | undefined>>;
+export declare const TUI_BACK_WORD: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * i18n 'clear' word
  */
-export declare const TUI_CLEAR_WORD: InjectionToken<import("rxjs").Observable<string>>;
+export declare const TUI_CLEAR_WORD: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * i18n 'Nothing found' message
  */
-export declare const TUI_NOTHING_FOUND_MESSAGE: InjectionToken<import("rxjs").Observable<string>>;
+export declare const TUI_NOTHING_FOUND_MESSAGE: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * i18n of error message
  */
-export declare const TUI_DEFAULT_ERROR_MESSAGE: InjectionToken<import("rxjs").Observable<string>>;
+export declare const TUI_DEFAULT_ERROR_MESSAGE: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * spin i18n texts
  */
-export declare const TUI_SPIN_TEXTS: InjectionToken<import("rxjs").Observable<readonly [previous: string, next: string]>>;
+export declare const TUI_SPIN_TEXTS: InjectionToken<import("@angular/core").Signal<readonly [previous: string, next: string]>>;
 /**
  * calendars i18n texts
  */
-export declare const TUI_SHORT_WEEK_DAYS: InjectionToken<import("rxjs").Observable<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>>;
+export declare const TUI_SHORT_WEEK_DAYS: InjectionToken<import("@angular/core").Signal<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>>;

package/tokens/icon-resolver.d.ts

@@ -1,10 +1,6 @@
 import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiStringHandler } from '@taiga-ui/cdk/types';
 export declare const TUI_ICON_RESOLVER: InjectionToken<TuiStringHandler<string>>;
-/**
- * @deprecated use {@link TUI_ICON_RESOLVER}
- */
-export declare const TUI_ICON_START_RESOLVER: InjectionToken<TuiStringHandler<string>>;
-export declare function tuiGetIconMode(icon?: string | null): 'font' | 'image' | 'svg' | null;
+export declare function tuiGetIconMode(icon?: string | null): string | undefined;
 export declare function tuiInjectIconResolver(): TuiStringHandler<string>;
 export declare function tuiIconResolverProvider(useValue: TuiStringHandler<string>): Provider;

package/tokens/icons.d.ts

@@ -1,7 +1,3 @@
 import { type FactoryProvider, InjectionToken } from '@angular/core';
 export declare const TUI_ICON_REGISTRY: InjectionToken<Record<string, string>>;
-/**
- * @deprecated: use {@link TUI_ICON_REGISTRY}
- */
-export declare const TUI_ICON_STARTS: InjectionToken<Record<string, string>>;
 export declare function tuiIconsProvider(icons: Record<string, string>): FactoryProvider;

package/tokens/index.d.ts

@@ -1,11 +1,10 @@
 export * from './animations-speed';
 export * from './assets-path';
 export * from './auxiliary';
+export * from './breakpoint';
 export * from './common-icons';
 export * from './dark-mode';
 export * from './date-format';
-export * from './day-type-handler';
-export * from './first-day-of-week';
 export * from './i18n';
 export * from './icon';
 export * from './icon-resolver';
@@ -13,8 +12,6 @@ export * from './icons';
 export * from './media';
 export * from './number-format';
 export * from './reduced-motion';
-export * from './scroll-ref';
 export * from './selection-stream';
-export * from './spin-icons';
-export * from './theme';
+export * from './validation-errors';
 export * from './viewport';

package/tokens/number-format.d.ts

@@ -1,6 +1,5 @@
-import { InjectionToken, type Provider } from '@angular/core';
+import { InjectionToken, type Provider, type Signal } from '@angular/core';
 import { type TuiRounding } from '@taiga-ui/cdk/types';
-import { type Observable } from 'rxjs';
 export type TuiDecimalMode = 'always' | 'not-zero' | 'pad';
 export type TuiDecimalSymbol = ',' | '.';
 /**
@@ -35,5 +34,5 @@ export declare const TUI_DEFAULT_NUMBER_FORMAT: TuiNumberFormatSettings;
 /**
  * Formatting configuration for displayed numbers
  */
-export declare const TUI_NUMBER_FORMAT: InjectionToken<Observable<TuiNumberFormatSettings>>;
+export declare const TUI_NUMBER_FORMAT: InjectionToken<Signal<TuiNumberFormatSettings>>;
 export declare function tuiNumberFormatProvider(options: Partial<TuiNumberFormatSettings>): Provider;

package/tokens/validation-errors.d.ts

@@ -0,0 +1,4 @@
+import { InjectionToken, type Provider, type Signal } from '@angular/core';
+import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+export declare const TUI_VALIDATION_ERRORS: InjectionToken<Record<string, PolymorpheusContent | Signal<PolymorpheusContent>>>;
+export declare const tuiValidationErrorsProvider: (useValue: Record<string, PolymorpheusContent | Signal<PolymorpheusContent>>) => Provider;

package/types/direction.d.ts

@@ -1,2 +1,2 @@
-export type TuiHorizontalDirection = 'left' | 'right';
+export type TuiHorizontalDirection = 'end' | 'start';
 export type TuiVerticalDirection = 'bottom' | 'top';

package/types/index.d.ts

@@ -2,7 +2,4 @@ export type * from './direction';
 export type * from './interactive-state';
 export type * from './orientation';
 export type * from './point';
-export type * from './portal-item';
-export type * from './range-state';
 export type * from './size';
-export type * from './value-content-context';

package/types/point.d.ts

@@ -1 +1 @@
-export type TuiPoint = Readonly<[number, number]>;
+export type TuiPoint = Readonly<[x: number, y: number]>;

package/types/size.d.ts

@@ -1,14 +1,3 @@
-/**
- * Various sizes for components
- *
- * 'xxs' - extra extra small
- * 'xs' - extra small
- * 's' - small
- * 'm' - medium (typically default)
- * 'l' - large
- * 'xl' - extra large
- * 'xxl' - extra extra large
- */
 export type TuiSizeM = 'm';
 export type TuiSizeS = TuiSizeM | 's';
 export type TuiSizeL = TuiSizeM | 'l';

package/utils/format/index.d.ts

@@ -1,4 +1,3 @@
 export * from './format-number';
 export * from './get-fractional-part-padded';
 export * from './number-to-string-without-exp';
-export * from './string-hash-to-hsl';

package/utils/miscellaneous/get-duration.d.ts

@@ -0,0 +1,2 @@
+export declare const TUI_ANIMATIONS_DEFAULT_DURATION = 300;
+export declare function tuiGetDuration(speed: number): number;

package/utils/miscellaneous/index.d.ts

@@ -1,6 +1,7 @@
 export * from './font-scaling';
+export * from './get-duration';
 export * from './is-editing-key';
 export * from './is-obscured';
 export * from './override-options';
+export * from './provide-taiga';
 export * from './size-bigger';
-export * from './to-animation-options';

package/utils/miscellaneous/provide-taiga.d.ts

@@ -0,0 +1,13 @@
+import { type EnvironmentProviders, InjectionToken, type Provider } from '@angular/core';
+interface ExperimentalAPIs {
+    readonly all: boolean;
+}
+export interface TuiOptions {
+    readonly mode?: 'dark' | 'light';
+    readonly apis: Partial<ExperimentalAPIs> | 'stable';
+    readonly fontScaling: boolean;
+    readonly scrollbars: 'custom' | 'native';
+}
+export declare const TUI_OPTIONS: InjectionToken<TuiOptions>;
+export declare function provideTaiga(config?: Partial<TuiOptions>): Array<EnvironmentProviders | Provider>;
+export {};

package/animations/animations.d.ts

@@ -1,109 +0,0 @@
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export interface TuiDurationOptions {
-    params: {
-        duration: number;
-    };
-    value: string;
-}
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiParentAnimation: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiParentStop: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiHost: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiHeightCollapse: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiHeightCollapseList: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiWidthCollapse: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiWidthCollapseList: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiCrossFade: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiFadeIn: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiFadeInList: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiFadeInTop: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiFadeInBottom: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiDropdownAnimation: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiScaleIn: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiPop: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiScaleInList: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiSlideIn: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiSlideInLeft: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiSlideInLeftList: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiSlideInRight: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiSlideInRightList: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiSlideInTop: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiSlideInTopList: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiSlideInBottom: import("@angular/animations").AnimationTriggerMetadata;
-/**
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
- */
-export declare const tuiSlideInBottomList: import("@angular/animations").AnimationTriggerMetadata;

package/animations/index.d.ts

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

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

@@ -1,15 +0,0 @@
-import { type TuiPopover } from '@taiga-ui/cdk/services';
-import { type TuiAlertOptions } from './alert.interfaces';
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/animated";
-export declare class TuiAlertComponent<O, I> {
-    private readonly el;
-    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly close: import("@angular/core").Signal<string | undefined>;
-    protected readonly position: string;
-    protected readonly item: TuiPopover<TuiAlertOptions<I>, O>;
-    protected readonly sub: import("rxjs").Subscription;
-    get from(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlertComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAlertComponent<any, any>, "tui-alert", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
-}

package/components/alert/alert.directive.d.ts

@@ -1,7 +0,0 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
-import { type TuiAlertOptions } from './alert.interfaces';
-import * as i0 from "@angular/core";
-export declare class TuiAlert<T> extends TuiPopoverDirective<TuiAlertOptions<T>> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlert<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAlert<any>, "ng-template[tuiAlert]", never, { "options": { "alias": "tuiAlertOptions"; "required": false; }; "open": { "alias": "tuiAlert"; "required": false; }; }, { "openChange": "tuiAlertChange"; }, never, never, true, never>;
-}

package/components/alert/alert.interfaces.d.ts

@@ -1,12 +0,0 @@
-import { type TuiPopoverContext } from '@taiga-ui/cdk/services';
-import { type TuiHandler } from '@taiga-ui/cdk/types';
-import { type TuiNotificationOptions } from '@taiga-ui/core/components/notification';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-export interface TuiAlertOptions<I = undefined> extends Omit<TuiNotificationOptions, 'size'> {
-    readonly autoClose: TuiHandler<string, number> | number;
-    readonly data: I;
-    readonly closeable: boolean;
-    readonly label: PolymorpheusContent<TuiAlertOptions<I>>;
-}
-export interface TuiAlertContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiAlertOptions<I> {
-}

package/components/alert/alert.service.d.ts

@@ -1,7 +0,0 @@
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
-import { type TuiAlertOptions } from './alert.interfaces';
-import * as i0 from "@angular/core";
-export declare class TuiAlertService extends TuiPopoverService<TuiAlertOptions<any>> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlertService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TuiAlertService>;
-}

package/components/alert/alert.tokens.d.ts

@@ -1,12 +0,0 @@
-import { type FactoryProvider, InjectionToken } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { type TuiAlertOptions } from './alert.interfaces';
-export declare const TUI_ALERT_DEFAULT_OPTIONS: Omit<TuiAlertOptions, 'appearance' | 'icon'>;
-export declare const TUI_ALERT_OPTIONS: InjectionToken<TuiAlertOptions<undefined>>;
-export declare const TUI_ALERT_POSITION: InjectionToken<string>;
-export declare const TUI_ALERTS: InjectionToken<BehaviorSubject<readonly any[]>>;
-/**
- * Grouping alerts by their component
- */
-export declare const TUI_ALERTS_GROUPED: InjectionToken<import("rxjs").Observable<(readonly any[])[]>>;
-export declare function tuiAlertOptionsProvider(options: Partial<TuiAlertOptions>): FactoryProvider;