@taiga-ui/kit 4.52.0-canary.e444d19 → 4.52.0-canary.e53e79e

package/pipes/flag/flag.pipe.d.ts

@@ -0,0 +1,14 @@
+import { type PipeTransform } from '@angular/core';
+import { type TuiLooseUnion } from '@taiga-ui/cdk/types';
+import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
+import * as i0 from "@angular/core";
+type IsoCode = TuiLooseUnion<TuiCountryIsoCode>;
+export declare class TuiFlagPipe implements PipeTransform {
+    private readonly staticPath;
+    transform(countryIsoCode: IsoCode): string;
+    transform(countryIsoCode: IsoCode | undefined): string | null;
+    transform(countryIsoCode?: IsoCode | null): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiFlagPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TuiFlagPipe, "tuiFlag", true>;
+}
+export {};

package/pipes/flag/index.d.ts

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

package/pipes/index.d.ts

@@ -1,7 +1,9 @@
+export * from '@taiga-ui/kit/pipes/auto-color';
 export * from '@taiga-ui/kit/pipes/emails';
-export * from '@taiga-ui/kit/pipes/field-error';
 export * from '@taiga-ui/kit/pipes/filter-by-input';
+export * from '@taiga-ui/kit/pipes/flag';
 export * from '@taiga-ui/kit/pipes/hide-selected';
+export * from '@taiga-ui/kit/pipes/initials';
 export * from '@taiga-ui/kit/pipes/sort-countries';
 export * from '@taiga-ui/kit/pipes/stringify';
 export * from '@taiga-ui/kit/pipes/stringify-content';

package/pipes/initials/index.d.ts

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

package/pipes/initials/initials.pipe.d.ts

@@ -0,0 +1,7 @@
+import { type PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TuiInitialsPipe implements PipeTransform {
+    transform(text: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInitialsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TuiInitialsPipe, "tuiInitials", true>;
+}

package/pipes/stringify-content/stringify-content.pipe.d.ts

@@ -1,9 +1,8 @@
 import { type PipeTransform } from '@angular/core';
-import { type TuiStringHandler } from '@taiga-ui/cdk/types';
-import { type TuiValueContentContext } from '@taiga-ui/core/types';
+import { type TuiContext, type TuiStringHandler } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiStringifyContentPipe implements PipeTransform {
-    transform<T>(stringify: TuiStringHandler<T>): TuiStringHandler<TuiValueContentContext<T>>;
+    transform<T>(stringify: TuiStringHandler<T>): TuiStringHandler<TuiContext<T>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiStringifyContentPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TuiStringifyContentPipe, "tuiStringifyContent", true>;
 }

package/styles/components/avatar.less

@@ -0,0 +1,188 @@
+@import '@taiga-ui/core/styles/taiga-ui-local.less';
+
+/**
+ * @name Avatar
+ * @selector [tuiAvatar]
+ *
+ * @description
+ * An avatar component which can be used with icons, text or images
+ * and is applicable to static elements as well as buttons and links
+ *
+ * @attributes
+ * data-size — size (default: 'l') ('xs' | 's' | 'm' | 'l' | 'xl' | 'xxl')
+ * data-shape — shape (default: 'round') ('round' | 'square')
+ *
+ * @example
+ * <span tuiAvatar tuiIcons style="--t-icon-start: url('icon.svg')"></span>
+ * <button tuiAvatar>
+ *   <img src="path/to/image" alt="Avatar" />
+ * </button>
+ *
+ * @see-also
+ * Icons, Icon, Appearance
+ */
+[tuiAvatar] {
+    --t-size: var(--tui-height-l);
+    --t-radius: 0.75rem;
+    --t-corner-offset: calc((var(--t-radius) * 1.4142 - var(--t-radius)) * 1 / 1.4142);
+
+    position: relative;
+    display: inline-flex;
+    flex-shrink: 0;
+    inline-size: var(--t-size);
+    block-size: var(--t-size);
+    align-items: center;
+    justify-content: center;
+    white-space: nowrap;
+    border-radius: var(--t-radius);
+    border: none;
+    background: var(--tui-background-neutral-1);
+    color: var(--tui-text-secondary);
+    vertical-align: middle;
+    box-sizing: border-box;
+    padding: 0.25rem;
+    font: var(--tui-font-text-l);
+    font-weight: bold;
+    opacity: 0.999; // Kick in hardware rendering layer to avoid artifacts on the edges
+
+    &::before {
+        inline-size: auto;
+        block-size: auto;
+    }
+
+    &:not(._initials)::before {
+        position: absolute;
+        inset: 0;
+        font-size: calc(var(--t-size) * 0.6);
+    }
+
+    &[data-size='xs'] {
+        --t-size: var(--tui-height-xs);
+        --t-radius: 0.5rem;
+
+        font: var(--tui-font-text-ui-xs);
+        font-size: 0.5625rem;
+
+        &._initials::before {
+            font: var(--tui-font-text-ui-xs);
+            font-weight: bold;
+        }
+    }
+
+    &[data-size='s'] {
+        --t-size: var(--tui-height-s);
+        --t-radius: 0.5rem;
+
+        font: var(--tui-font-text-ui-xs);
+        font-weight: bold;
+
+        &._initials::before {
+            font: var(--tui-font-text-s);
+            font-weight: bold;
+        }
+    }
+
+    &[data-size='m'] {
+        --t-size: calc(var(--tui-height-m) - 0.25rem);
+        --t-radius: 0.75rem;
+
+        font: var(--tui-font-text-ui-m);
+        font-weight: bold;
+
+        &._initials::before {
+            font: var(--tui-font-text-m);
+            font-weight: bold;
+        }
+    }
+
+    &[data-size='xl'] {
+        --t-size: 5rem;
+        --t-radius: 0.75rem;
+
+        font: var(--tui-font-heading-4);
+
+        &._initials::before {
+            font: var(--tui-font-heading-3);
+        }
+    }
+
+    &[data-size='xxl'] {
+        --t-size: 6rem;
+        --t-radius: 1rem;
+
+        font: var(--tui-font-heading-3);
+
+        &._initials::before {
+            font: var(--tui-font-heading-3);
+        }
+    }
+
+    &[data-size='xxxl'] {
+        --t-size: 8rem;
+        --t-radius: 1.25rem;
+
+        font: var(--tui-font-heading-3);
+
+        &._initials::before {
+            font: var(--tui-font-heading-2);
+        }
+    }
+
+    &:not([data-shape='square']) {
+        --t-radius: calc(var(--t-size) / 2);
+    }
+
+    &._initials {
+        &::before {
+            content: attr(data-icon-start);
+            mask: none;
+            background: none;
+            font: var(--tui-font-heading-6);
+        }
+    }
+
+    &._badge {
+        mask: radial-gradient(
+            circle at calc(100% - var(--t-corner-offset)) calc(100% - var(--t-corner-offset)),
+            black 0.23rem,
+            transparent 0.25rem,
+            transparent 0.375rem,
+            black 0.39rem
+        );
+        mask-clip: no-clip;
+
+        &::after {
+            content: '';
+            position: absolute;
+            top: calc(100% - var(--t-corner-offset));
+            left: calc(100% - var(--t-corner-offset));
+            display: block;
+            inline-size: 0.55rem;
+            block-size: 0.55rem;
+            border-radius: 100%;
+            background: var(--t-badge);
+            transform: translate3d(-50%, -50%, 0);
+        }
+    }
+
+    &._fallback {
+        img,
+        video {
+            display: none;
+        }
+    }
+
+    img,
+    video,
+    picture {
+        .fullsize();
+
+        object-fit: cover;
+        box-sizing: border-box;
+        border-radius: inherit;
+    }
+
+    &:has(img, video):not(._fallback) {
+        background: none;
+    }
+}

package/styles/components/badge.less

@@ -26,6 +26,7 @@ tui-badge,
     .button-base();
 
     border-radius: 6rem;
+    justify-content: center;
     background: #959595;
     color: var(--tui-background-base);
     padding: var(--t-padding);

package/styles/components/checkbox.less

@@ -11,11 +11,11 @@
  * data-size — size (default: 'm') ('s' | 'm')
  *
  * @vars
- * --t-checked-icon — checkmark icon
- * --t-indeterminate-icon — indeterminate state icon
+ * --t-icon-start — checkmark icon
+ * --t-icon-end — indeterminate state icon
  *
  * @example
- * <input type="checkbox" tuiCheckbox />
+ * <input type="checkbox" tuiCheckbox tuiIcons tuiAppearance data-appearance='secondary' />
  *
  * @see-also
  * Switch, Radio, Appearance
@@ -32,20 +32,22 @@
     flex-shrink: 0;
 
     &::before {
-        .fullsize(absolute, inset);
-
-        content: '';
+        position: absolute;
+        block-size: 100%;
+        inline-size: 100%;
         font-size: 1rem;
-        background: currentColor;
-        mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>') no-repeat center /
-            calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem)) ~'min(1em, 100%)' padding-box;
+        mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>');
         transform: scale(0);
         transition:
             transform var(--tui-duration) ease-in-out,
             mask 0s var(--tui-duration) ease-in-out;
     }
 
-    &:disabled._readonly {
+    &::after {
+        display: none;
+    }
+
+    &:disabled._readonly._readonly {
         opacity: 1;
         pointer-events: none;
     }
@@ -53,7 +55,7 @@
     &:checked,
     &:indeterminate {
         &::before {
-            mask-image: var(--t-checked-icon);
+            mask-image: var(--t-icon-start);
             transform: scale(1);
             transition:
                 transform var(--tui-duration) ease-in-out,
@@ -63,7 +65,7 @@
     }
 
     &:indeterminate::before {
-        mask-image: var(--t-indeterminate-icon);
+        mask-image: var(--t-icon-end);
     }
 
     &[data-size='s'] {

package/styles/components/chip.less

@@ -11,7 +11,7 @@
  * data-size — size (default: 's') ('xxs' | 'xs' | 's' | 'm')
  *
  * @example
- * <tui-chip>Sale</tui-badge>
+ * <tui-chip>Sale</tui-chip>
  *
  * @see-also
  * Icons, Appearance, Badge, Block
@@ -32,6 +32,7 @@ tui-chip,
     block-size: var(--t-size);
     inline-size: fit-content;
     isolation: isolate;
+    max-inline-size: stretch;
 
     .interactive({
         cursor: pointer;
@@ -47,6 +48,11 @@ tui-chip,
         margin: -0.375rem;
     }
 
+    > tui-badge,
+    > [tuiBadge] {
+        margin-inline-end: 0;
+    }
+
     &[data-size='xxs'] {
         // StackBlitz changes "0rem" to "0" breaking calc
         --t-gap: ~'0rem';
@@ -85,6 +91,11 @@ tui-chip,
         & > [tuiIconButton] {
             margin: -0.75rem;
         }
+
+        & > tui-badge,
+        & > [tuiBadge] {
+            margin-inline-start: -0.375rem;
+        }
     }
 
     & > img,
@@ -115,8 +126,6 @@ tui-chip,
         }
     }
 
-    &[tuiAppearance][data-appearance='error'], /* TODO @deprecated remove in v5 */
-    &[tuiAppearance][data-appearance='success'], /* TODO @deprecated remove in v5 */
     &[tuiAppearance][data-appearance='negative'],
     &[tuiAppearance][data-appearance='positive'],
     &[tuiAppearance][data-appearance='warning'],

package/styles/components/like.less

@@ -11,12 +11,12 @@
  * data-size — size (default: 'm') ('s' | 'm')
  *
  * @vars
- * --t-icon-color - custom color for `:checked` state
- * --t-unchecked-icon — default state icon
- * --t-checked-icon — checkmark icon
+ * --t-icon-color — custom color for `:checked` state
+ * --t-icon-start — default state icon
+ * --t-icon-end — checkmark icon
  *
  * @example
- * <input tuiLike />
+ * <input tuiLike tuiIcons tuiAppearance data-appearance="secondary" />
  *
  * @see-also
  * Checkbox, Switch, Radio, Appearance
@@ -34,16 +34,11 @@
     &::after {
         .fullsize();
 
-        content: '';
-        background: currentColor;
         font-size: 1.25rem;
-        mask: var(--t-unchecked-icon) no-repeat center /
-            calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem)) ~'min(1em, 100%)' padding-box;
         transition-property: transform, opacity;
     }
 
     &::after {
-        mask-image: var(--t-checked-icon);
         opacity: 0;
         color: var(--t-icon-color, inherit);
         transform: scale(0);

package/styles/components/pin.less

@@ -13,7 +13,6 @@
  * @see-also
  * Compass
  */
-tui-pin,
 [tuiPin] {
     --t-size: 2rem;
 
@@ -64,8 +63,7 @@ tui-pin,
         background: var(--tui-background-base);
     }
 
-    > tui-icon,
-    > tui-svg {
+    > tui-icon {
         .transition(~'width, height');
 
         font-size: 1.25rem;
@@ -84,8 +82,7 @@ tui-pin,
             padding: 0.125rem;
         }
 
-        > tui-icon,
-        > tui-svg {
+        > tui-icon {
             font-size: 2.125rem;
         }
 
@@ -113,8 +110,7 @@ tui-pin,
             padding: 0.125rem;
         }
 
-        > tui-icon,
-        > tui-svg {
+        > tui-icon {
             font-size: 2.125rem;
         }
 

package/styles/components/radio.less

@@ -29,7 +29,7 @@
     border-radius: 100%;
     color: var(--tui-text-primary-on-accent-1);
 
-    &:disabled._readonly {
+    &:disabled._readonly._readonly {
         opacity: 1;
     }
 

package/styles/components/switch.less

@@ -11,10 +11,10 @@
  * data-size — size (default: 'm') ('s' | 'm')
  *
  * @vars
- * --t-checked-icon — checkmark icon
+ * --t-icon-start — checkmark icon
  *
  * @example
- * <input type="checkbox" tuiSwitch />
+ * <input type="checkbox" tuiSwitch tuiAppearance data-appearance="primary" />
  *
  * @see-also
  * Checkbox, Radio
@@ -63,13 +63,12 @@
         }
     }
 
-    &:disabled._readonly {
+    &:disabled._readonly._readonly {
         opacity: 1;
     }
 
     &::before,
     &::after {
-        content: '';
         position: absolute;
         block-size: 100%;
         inline-size: 1.5rem;
@@ -77,10 +76,6 @@
     }
 
     &::before {
-        display: var(--t-checked-icon, none);
-        background: currentColor;
-        mask: var(--t-checked-icon) no-repeat center / calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem))
-            ~'min(1em, 100%)' padding-box;
         font-size: 1rem;
         inline-size: 1.375rem;
         transform: translateX(-1.5rem);
@@ -88,11 +83,16 @@
 
     &::after {
         right: 0;
+        display: block;
         border-radius: 100%;
+        background: none;
         transform: scale(0.33333);
         box-shadow: -4.5rem 0 0 0.75rem var(--tui-background-base);
         outline: 0.375rem solid var(--tui-background-neutral-2-pressed);
-        outline-offset: var(--t-checked-icon, 20rem);
+    }
+
+    &:not([data-icon-start])::after {
+        outline-offset: 20rem;
     }
 
     &:invalid:not([data-mode]),

package/styles/components/toast.less

@@ -0,0 +1,44 @@
+@import '@taiga-ui/core/styles/taiga-ui-local.less';
+
+[tuiToast] {
+    .transition(transform);
+
+    display: flex;
+    grid-row: 1 / span 2;
+    box-sizing: border-box;
+    gap: 0.75rem;
+    color: var(--tui-text-primary);
+    background: var(--tui-background-elevation-3);
+    min-block-size: 3.5rem;
+    border-radius: 1rem;
+    padding: 0.75rem 1rem;
+    box-shadow: var(--tui-shadow-medium);
+    align-items: center;
+    justify-content: center;
+    inline-size: max-content;
+    font: var(--tui-font-text-ui-s);
+    max-inline-size: ~'min(calc(100vw - 2rem), 25rem)';
+    border: inherit;
+    text-decoration: none;
+    overflow: hidden;
+
+    .interactive({
+        cursor: pointer;
+    });
+
+    > *,
+    &::after,
+    &::before {
+        max-inline-size: 50%;
+        margin: 0 -0.25rem;
+    }
+
+    &::after {
+        font-size: 1rem;
+        color: var(--tui-text-tertiary);
+    }
+
+    [tuiAvatar] {
+        margin-inline-end: 0;
+    }
+}

package/tokens/i18n.d.ts

@@ -1,21 +1,20 @@
-import { InjectionToken } from '@angular/core';
+import { InjectionToken, type Signal } from '@angular/core';
 import { type TuiDateMode } from '@taiga-ui/cdk/date-time';
 import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
-import { type Observable } from 'rxjs';
-export declare const TUI_CONFIRM_WORDS: InjectionToken<Observable<{
+export declare const TUI_CONFIRM_WORDS: InjectionToken<Signal<{
     no: string;
     yes: string;
 }>>;
-export declare const TUI_CANCEL_WORD: InjectionToken<Observable<string>>;
-export declare const TUI_DONE_WORD: InjectionToken<Observable<string>>;
-export declare const TUI_MORE_WORD: InjectionToken<Observable<string>>;
-export declare const TUI_HIDE_TEXT: InjectionToken<Observable<string>>;
-export declare const TUI_SHOW_ALL_TEXT: InjectionToken<Observable<string>>;
-export declare const TUI_OTHER_DATE_TEXT: InjectionToken<Observable<string>>;
-export declare const TUI_CHOOSE_DAY_OR_RANGE_TEXTS: InjectionToken<Observable<readonly [choose_day: string, choose_range: string, choose_days: string]>>;
-export declare const TUI_FROM_TO_TEXTS: InjectionToken<Observable<readonly [from: string, to: string]>>;
-export declare const TUI_PLUS_MINUS_TEXTS: InjectionToken<Observable<readonly [plus: string, minus: string]>>;
-export declare const TUI_TIME_TEXTS: InjectionToken<Observable<{
+export declare const TUI_CANCEL_WORD: InjectionToken<Signal<string>>;
+export declare const TUI_DONE_WORD: InjectionToken<Signal<string>>;
+export declare const TUI_MORE_WORD: InjectionToken<Signal<string>>;
+export declare const TUI_HIDE_TEXT: InjectionToken<Signal<string>>;
+export declare const TUI_SHOW_ALL_TEXT: InjectionToken<Signal<string>>;
+export declare const TUI_OTHER_DATE_TEXT: InjectionToken<Signal<string>>;
+export declare const TUI_CHOOSE_DAY_OR_RANGE_TEXTS: InjectionToken<Signal<readonly [choose_day: string, choose_range: string, choose_days: string]>>;
+export declare const TUI_FROM_TO_TEXTS: InjectionToken<Signal<readonly [from: string, to: string]>>;
+export declare const TUI_PLUS_MINUS_TEXTS: InjectionToken<Signal<readonly [plus: string, minus: string]>>;
+export declare const TUI_TIME_TEXTS: InjectionToken<Signal<{
     'MM:SS': string;
     'HH:MM': string;
     'HH:MM AA': string;
@@ -29,18 +28,18 @@ export declare const TUI_TIME_TEXTS: InjectionToken<Observable<{
     'MM.SS.MSS': string;
     'SS.MSS': string;
 }>>;
-export declare const TUI_DATE_TEXTS: InjectionToken<Observable<Record<TuiDateMode, string>>>;
-export declare const TUI_DIGITAL_INFORMATION_UNITS: InjectionToken<Observable<readonly [short_byte: string, short_kilobyte: string, short_megabyte: string]>>;
-export declare const TUI_COPY_TEXTS: InjectionToken<Observable<readonly [copy: string, copied: string]>>;
-export declare const TUI_PASSWORD_TEXTS: InjectionToken<Observable<readonly [show_password: string, hide_password: string]>>;
-export declare const TUI_CALENDAR_MONTHS: InjectionToken<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_FILE_TEXTS: InjectionToken<Observable<{
+export declare const TUI_DATE_TEXTS: InjectionToken<Signal<Record<TuiDateMode, string>>>;
+export declare const TUI_DIGITAL_INFORMATION_UNITS: InjectionToken<Signal<readonly [short_byte: string, short_kilobyte: string, short_megabyte: string]>>;
+export declare const TUI_COPY_TEXTS: InjectionToken<Signal<readonly [copy: string, copied: string]>>;
+export declare const TUI_PASSWORD_TEXTS: InjectionToken<Signal<readonly [show_password: string, hide_password: string]>>;
+export declare const TUI_CALENDAR_MONTHS: InjectionToken<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]>>;
+export declare const TUI_FILE_TEXTS: InjectionToken<Signal<{
     loadingError: string;
     preview: string;
     remove: string;
 }>>;
-export declare const TUI_PAGINATION_TEXTS: InjectionToken<Observable<readonly [previous_page: string, next_page: string]>>;
-export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Observable<{
+export declare const TUI_PAGINATION_TEXTS: InjectionToken<Signal<readonly [previous_page: string, next_page: string]>>;
+export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Signal<{
     defaultLabelMultiple: string;
     defaultLabelSingle: string;
     defaultLinkMultiple: string;
@@ -50,17 +49,17 @@ export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Observable<{
     formatRejectionReason: string;
     maxSizeRejectionReason: string;
 }>>;
-export declare const TUI_MULTI_SELECT_TEXTS: InjectionToken<Observable<{
+export declare const TUI_MULTI_SELECT_TEXTS: InjectionToken<Signal<{
     all: string;
     none: string;
 }>>;
-export declare const TUI_COUNTRIES: InjectionToken<Observable<Record<TuiCountryIsoCode, string>>>;
-export declare const TUI_PREVIEW_TEXTS: InjectionToken<Observable<{
+export declare const TUI_COUNTRIES: InjectionToken<Signal<Record<TuiCountryIsoCode, string>>>;
+export declare const TUI_PREVIEW_TEXTS: InjectionToken<Signal<{
     rotate: string;
 }>>;
-export declare const TUI_PREVIEW_ZOOM_TEXTS: InjectionToken<Observable<{
+export declare const TUI_PREVIEW_ZOOM_TEXTS: InjectionToken<Signal<{
     zoomIn: string;
     zoomOut: string;
     reset: string;
 }>>;
-export declare const TUI_INTERNATIONAL_SEARCH: InjectionToken<Observable<string>>;
+export declare const TUI_INTERNATIONAL_SEARCH: InjectionToken<Signal<string>>;

package/tokens/index.d.ts

@@ -6,4 +6,3 @@ export * from './items-handlers';
 export * from './mobile-calendar';
 export * from './month-formatter';
 export * from './preview-icons';
-export * from './validation-errors';

package/tokens/input-date-options.d.ts

@@ -12,4 +12,4 @@ export declare const TUI_INPUT_DATE_DEFAULT_OPTIONS: TuiInputDateOptions;
 /**
  * Default parameters for InputDate component
  */
-export declare const TUI_INPUT_DATE_OPTIONS: import("@angular/core").InjectionToken<TuiInputDateOptions>, tuiInputDateOptionsProvider: (item: Partial<TuiInputDateOptions> | import("@angular/core").ProviderToken<Partial<TuiInputDateOptions>> | (() => Partial<TuiInputDateOptions>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_INPUT_DATE_OPTIONS: import("@angular/core").InjectionToken<TuiInputDateOptions>, tuiInputDateOptionsProvider: (item: Partial<TuiInputDateOptions> | (() => Partial<TuiInputDateOptions>)) => import("@angular/core").FactoryProvider;

package/tokens/items-handlers.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiBooleanHandler, type TuiIdentityMatcher, type TuiStringHandler } from '@taiga-ui/cdk/types';
 /**
  * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
@@ -18,9 +17,4 @@ export declare const TUI_DEFAULT_ITEMS_HANDLERS: TuiItemsHandlers<unknown>;
  * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
  * TODO(v5): delete
  */
-export declare const TUI_ITEMS_HANDLERS: InjectionToken<TuiItemsHandlers<unknown>>;
-/**
- * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
- * TODO(v5): delete
- */
-export declare function tuiItemsHandlersProvider<T>(options: Partial<TuiItemsHandlers<T>>): Provider;
+export declare const TUI_ITEMS_HANDLERS: import("@angular/core").InjectionToken<TuiItemsHandlers<unknown>>, tuiItemsHandlersProvider: (item: Partial<TuiItemsHandlers<unknown>> | (() => Partial<TuiItemsHandlers<unknown>>)) => import("@angular/core").FactoryProvider;

package/tokens/preview-icons.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 export interface TuiPreviewIcons {
     readonly next: string;
     readonly prev: string;
@@ -8,5 +7,4 @@ export interface TuiPreviewIcons {
     readonly zoomReset: string;
 }
 export declare const TUI_PREVIEW_ICONS_DEFAULT: TuiPreviewIcons;
-export declare const TUI_PREVIEW_ICONS: InjectionToken<TuiPreviewIcons>;
-export declare function tuiPreviewIconsProvider(icons: Partial<TuiPreviewIcons>): Provider;
+export declare const TUI_PREVIEW_ICONS: import("@angular/core").InjectionToken<TuiPreviewIcons>, tuiPreviewIconsProvider: (item: Partial<TuiPreviewIcons> | (() => Partial<TuiPreviewIcons>)) => import("@angular/core").FactoryProvider;