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

package/fesm2022/taiga-ui-kit-tokens.mjs

@@ -7,9 +7,9 @@ import { tuiExtractI18n } from '@taiga-ui/i18n/utils';
 import { TUI_LAST_DAY, TUI_FIRST_DAY } from '@taiga-ui/cdk/date-time';
 import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
 import { TUI_FALSE_HANDLER, TUI_DEFAULT_IDENTITY_MATCHER } from '@taiga-ui/cdk/constants';
-import { tuiProvideOptions } from '@taiga-ui/cdk/utils/miscellaneous';
 import { TUI_IS_MOBILE } from '@taiga-ui/cdk/tokens';
 import { TUI_DROPDOWN_COMPONENT } from '@taiga-ui/core/directives/dropdown';
+import { toObservable } from '@angular/core/rxjs-interop';
 import { TUI_MONTHS } from '@taiga-ui/core/tokens';
 
 /**
@@ -149,16 +149,7 @@ const TUI_DEFAULT_ITEMS_HANDLERS = {
  * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
  * TODO(v5): delete
  */
-const TUI_ITEMS_HANDLERS = new InjectionToken(ngDevMode ? 'TUI_ITEMS_HANDLERS' : '', {
-    factory: () => TUI_DEFAULT_ITEMS_HANDLERS,
-});
-/**
- * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
- * TODO(v5): delete
- */
-function tuiItemsHandlersProvider(options) {
-    return tuiProvideOptions(TUI_ITEMS_HANDLERS, options, TUI_DEFAULT_ITEMS_HANDLERS);
-}
+const [TUI_ITEMS_HANDLERS, tuiItemsHandlersProvider] = tuiCreateOptions(TUI_DEFAULT_ITEMS_HANDLERS);
 
 /**
  * A component for mobile data picker
@@ -170,8 +161,9 @@ const TUI_MOBILE_CALENDAR_PROVIDER = {
         inject(TUI_DROPDOWN_COMPONENT, { skipSelf: true }),
 };
 
+// TODO: replace with signal
 const TUI_MONTH_FORMATTER = new InjectionToken(ngDevMode ? 'TUI_MONTH_FORMATTER' : '', {
-    factory: () => inject(TUI_MONTHS).pipe(map((months) => (date) => {
+    factory: () => toObservable(inject(TUI_MONTHS)).pipe(map((months) => (date) => {
         if (!date) {
             return '';
         }
@@ -187,21 +179,11 @@ const TUI_PREVIEW_ICONS_DEFAULT = {
     zoomOut: '@tui.minus',
     zoomReset: '@tui.minimize',
 };
-const TUI_PREVIEW_ICONS = new InjectionToken(ngDevMode ? 'TUI_PREVIEW_ICONS' : '', {
-    factory: () => TUI_PREVIEW_ICONS_DEFAULT,
-});
-function tuiPreviewIconsProvider(icons) {
-    return tuiProvideOptions(TUI_PREVIEW_ICONS, icons, TUI_PREVIEW_ICONS_DEFAULT);
-}
-
-const TUI_VALIDATION_ERRORS = new InjectionToken(ngDevMode ? 'TUI_VALIDATION_ERRORS' : '', {
-    factory: () => ({}),
-});
-const tuiValidationErrorsProvider = (useValue) => ({ provide: TUI_VALIDATION_ERRORS, useValue });
+const [TUI_PREVIEW_ICONS, tuiPreviewIconsProvider] = tuiCreateOptions(TUI_PREVIEW_ICONS_DEFAULT);
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_CALENDAR_DATE_STREAM, TUI_CALENDAR_MONTHS, TUI_CANCEL_WORD, TUI_CHOOSE_DAY_OR_RANGE_TEXTS, TUI_CONFIRM_WORDS, TUI_COPY_TEXTS, TUI_COUNTRIES, TUI_DATE_RANGE_VALUE_TRANSFORMER, TUI_DATE_TEXTS, TUI_DATE_TIME_VALUE_TRANSFORMER, TUI_DATE_VALUE_TRANSFORMER, TUI_DEFAULT_ITEMS_HANDLERS, TUI_DIGITAL_INFORMATION_UNITS, TUI_DONE_WORD, TUI_FILE_TEXTS, TUI_FROM_TO_TEXTS, TUI_HIDE_TEXT, TUI_INPUT_DATE_DEFAULT_OPTIONS, TUI_INPUT_DATE_OPTIONS, TUI_INPUT_FILE_TEXTS, TUI_INTERNATIONAL_SEARCH, TUI_ITEMS_HANDLERS, TUI_MOBILE_CALENDAR, TUI_MOBILE_CALENDAR_PROVIDER, TUI_MONTH_FORMATTER, TUI_MORE_WORD, TUI_MULTI_SELECT_TEXTS, TUI_OTHER_DATE_TEXT, TUI_PAGINATION_TEXTS, TUI_PASSWORD_TEXTS, TUI_PLUS_MINUS_TEXTS, TUI_PREVIEW_ICONS, TUI_PREVIEW_ICONS_DEFAULT, TUI_PREVIEW_TEXTS, TUI_PREVIEW_ZOOM_TEXTS, TUI_SHOW_ALL_TEXT, TUI_TIME_TEXTS, TUI_TIME_VALUE_TRANSFORMER, TUI_VALIDATION_ERRORS, tuiDateStreamWithTransformer, tuiInputDateOptionsProvider, tuiItemsHandlersProvider, tuiPreviewIconsProvider, tuiValidationErrorsProvider };
+export { TUI_CALENDAR_DATE_STREAM, TUI_CALENDAR_MONTHS, TUI_CANCEL_WORD, TUI_CHOOSE_DAY_OR_RANGE_TEXTS, TUI_CONFIRM_WORDS, TUI_COPY_TEXTS, TUI_COUNTRIES, TUI_DATE_RANGE_VALUE_TRANSFORMER, TUI_DATE_TEXTS, TUI_DATE_TIME_VALUE_TRANSFORMER, TUI_DATE_VALUE_TRANSFORMER, TUI_DEFAULT_ITEMS_HANDLERS, TUI_DIGITAL_INFORMATION_UNITS, TUI_DONE_WORD, TUI_FILE_TEXTS, TUI_FROM_TO_TEXTS, TUI_HIDE_TEXT, TUI_INPUT_DATE_DEFAULT_OPTIONS, TUI_INPUT_DATE_OPTIONS, TUI_INPUT_FILE_TEXTS, TUI_INTERNATIONAL_SEARCH, TUI_ITEMS_HANDLERS, TUI_MOBILE_CALENDAR, TUI_MOBILE_CALENDAR_PROVIDER, TUI_MONTH_FORMATTER, TUI_MORE_WORD, TUI_MULTI_SELECT_TEXTS, TUI_OTHER_DATE_TEXT, TUI_PAGINATION_TEXTS, TUI_PASSWORD_TEXTS, TUI_PLUS_MINUS_TEXTS, TUI_PREVIEW_ICONS, TUI_PREVIEW_ICONS_DEFAULT, TUI_PREVIEW_TEXTS, TUI_PREVIEW_ZOOM_TEXTS, TUI_SHOW_ALL_TEXT, TUI_TIME_TEXTS, TUI_TIME_VALUE_TRANSFORMER, tuiDateStreamWithTransformer, tuiInputDateOptionsProvider, tuiItemsHandlersProvider, tuiPreviewIconsProvider };
 //# sourceMappingURL=taiga-ui-kit-tokens.mjs.map

package/fesm2022/taiga-ui-kit-tokens.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-tokens.mjs","sources":["../../../projects/kit/tokens/calendar-date-stream.ts","../../../projects/kit/tokens/date-inputs-value-transformers.ts","../../../projects/kit/tokens/i18n.ts","../../../projects/kit/tokens/input-date-options.ts","../../../projects/kit/tokens/items-handlers.ts","../../../projects/kit/tokens/mobile-calendar.ts","../../../projects/kit/tokens/month-formatter.ts","../../../projects/kit/tokens/preview-icons.ts","../../../projects/kit/tokens/validation-errors.ts","../../../projects/kit/tokens/taiga-ui-kit-tokens.ts"],"sourcesContent":["import {InjectionToken, Optional, type Provider, Self} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {type TuiValueTransformer} from '@taiga-ui/cdk/classes';\nimport {type TuiDay, type TuiDayRange, type TuiTime} from '@taiga-ui/cdk/date-time';\nimport {tuiControlValue} from '@taiga-ui/cdk/observables';\nimport {map, type Observable, of} from 'rxjs';\n\n/**\n * Stream that emits calendar data change\n * @deprecated this should be rewritten in v5\n */\nexport const TUI_CALENDAR_DATE_STREAM = new InjectionToken<\n    Observable<TuiDay | TuiDayRange | null>\n>(ngDevMode ? 'TUI_CALENDAR_DATE_STREAM' : '');\n\nexport function tuiDateStreamWithTransformer(\n    transformer: InjectionToken<TuiValueTransformer<any>>,\n): Provider {\n    return {\n        provide: TUI_CALENDAR_DATE_STREAM,\n        deps: [\n            [new Optional(), new Self(), NgControl],\n            [new Optional(), transformer],\n        ],\n        useFactory: tuiControlValueFactory,\n    };\n}\n\nfunction tuiControlValueFactory<\n    T extends TuiDay | TuiDayRange | [TuiDay, TuiTime | null],\n>(\n    control: NgControl | null,\n    transformer?: TuiValueTransformer<T> | null,\n): Observable<T | null> | null {\n    return control\n        ? tuiControlValue(control).pipe(\n              map((value) =>\n                  transformer ? transformer?.fromControlValue(value) : (value as T),\n              ),\n          )\n        : of(null);\n}\n","import {InjectionToken} from '@angular/core';\nimport {\n    TUI_IDENTITY_VALUE_TRANSFORMER,\n    type TuiValueTransformer,\n} from '@taiga-ui/cdk/classes';\nimport {type TuiDay, type TuiDayRange, type TuiTime} from '@taiga-ui/cdk/date-time';\n\n/**\n * Control value transformer of TuiDay to custom value format for InputDate* components\n */\nexport const TUI_DATE_VALUE_TRANSFORMER = new InjectionToken<\n    TuiValueTransformer<TuiDay | null>\n>(ngDevMode ? 'TUI_DATE_VALUE_TRANSFORMER' : '', {\n    factory: () => TUI_IDENTITY_VALUE_TRANSFORMER,\n});\n\n/**\n * Control value transformer for InputDateRange component\n */\nexport const TUI_DATE_RANGE_VALUE_TRANSFORMER = new InjectionToken<\n    TuiValueTransformer<TuiDayRange | null>\n>(ngDevMode ? 'TUI_DATE_RANGE_VALUE_TRANSFORMER' : '');\n\n/**\n * Control value transformer for InputDateTime component\n */\nexport const TUI_DATE_TIME_VALUE_TRANSFORMER = new InjectionToken<\n    TuiValueTransformer<[TuiDay, TuiTime | null]>\n>(ngDevMode ? 'TUI_DATE_TIME_VALUE_TRANSFORMER' : '');\n\n/**\n * Control value transformer for InputTime component\n */\nexport const TUI_TIME_VALUE_TRANSFORMER = new InjectionToken<\n    TuiValueTransformer<TuiTime | null>\n>(ngDevMode ? 'TUI_TIME_VALUE_TRANSFORMER' : '');\n","import {InjectionToken} from '@angular/core';\nimport {type TuiDateMode} from '@taiga-ui/cdk/date-time';\nimport {type TuiCountryIsoCode} from '@taiga-ui/i18n/types';\nimport {tuiExtractI18n} from '@taiga-ui/i18n/utils';\nimport {type Observable} from 'rxjs';\n\nexport const TUI_CONFIRM_WORDS = new InjectionToken(\n    ngDevMode ? 'TUI_CONFIRM_WORDS' : '',\n    {\n        factory: tuiExtractI18n('confirm'),\n    },\n);\n\nexport const TUI_CANCEL_WORD = new InjectionToken(ngDevMode ? 'TUI_CANCEL_WORD' : '', {\n    factory: tuiExtractI18n('cancel'),\n});\n\nexport const TUI_DONE_WORD = new InjectionToken(ngDevMode ? 'TUI_DONE_WORD' : '', {\n    factory: tuiExtractI18n('done'),\n});\n\nexport const TUI_MORE_WORD = new InjectionToken(ngDevMode ? 'TUI_MORE_WORD' : '', {\n    factory: tuiExtractI18n('more'),\n});\n\nexport const TUI_HIDE_TEXT = new InjectionToken(ngDevMode ? 'TUI_HIDE_TEXT' : '', {\n    factory: tuiExtractI18n('hide'),\n});\n\nexport const TUI_SHOW_ALL_TEXT = new InjectionToken(\n    ngDevMode ? 'TUI_SHOW_ALL_TEXT' : '',\n    {\n        factory: tuiExtractI18n('showAll'),\n    },\n);\n\nexport const TUI_OTHER_DATE_TEXT = new InjectionToken(\n    ngDevMode ? 'TUI_OTHER_DATE_TEXT' : '',\n    {\n        factory: tuiExtractI18n('otherDate'),\n    },\n);\n\nexport const TUI_CHOOSE_DAY_OR_RANGE_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_CHOOSE_DAY_OR_RANGE_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('mobileCalendarTexts'),\n    },\n);\n\nexport const TUI_FROM_TO_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_FROM_TO_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('range'),\n    },\n);\n\nexport const TUI_PLUS_MINUS_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_PLUS_MINUS_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('countTexts'),\n    },\n);\n\nexport const TUI_TIME_TEXTS = new InjectionToken(ngDevMode ? 'TUI_TIME_TEXTS' : '', {\n    factory: tuiExtractI18n('time'),\n});\n\nexport const TUI_DATE_TEXTS = new InjectionToken<Observable<Record<TuiDateMode, string>>>(\n    ngDevMode ? 'TUI_DATE_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('dateTexts'),\n    },\n);\n\nexport const TUI_DIGITAL_INFORMATION_UNITS = new InjectionToken(\n    ngDevMode ? 'TUI_DIGITAL_INFORMATION_UNITS' : '',\n    {\n        factory: tuiExtractI18n('digitalInformationUnits'),\n    },\n);\n\nexport const TUI_COPY_TEXTS = new InjectionToken(ngDevMode ? 'TUI_COPY_TEXTS' : '', {\n    factory: tuiExtractI18n('copyTexts'),\n});\n\nexport const TUI_PASSWORD_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_PASSWORD_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('passwordTexts'),\n    },\n);\n\nexport const TUI_CALENDAR_MONTHS = new InjectionToken(\n    ngDevMode ? 'TUI_CALENDAR_MONTHS' : '',\n    {\n        factory: tuiExtractI18n('shortCalendarMonths'),\n    },\n);\n\nexport const TUI_FILE_TEXTS = new InjectionToken(ngDevMode ? 'TUI_FILE_TEXTS' : '', {\n    factory: tuiExtractI18n('fileTexts'),\n});\n\nexport const TUI_PAGINATION_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_PAGINATION_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('pagination'),\n    },\n);\n\nexport const TUI_INPUT_FILE_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_INPUT_FILE_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('inputFileTexts'),\n    },\n);\n\nexport const TUI_MULTI_SELECT_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_MULTI_SELECT_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('multiSelectTexts'),\n    },\n);\n\nexport const TUI_COUNTRIES = new InjectionToken<\n    Observable<Record<TuiCountryIsoCode, string>>\n>(ngDevMode ? 'TUI_COUNTRIES' : '', {\n    factory: tuiExtractI18n('countries'),\n});\n\nexport const TUI_PREVIEW_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_PREVIEW_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('previewTexts'),\n    },\n);\n\nexport const TUI_PREVIEW_ZOOM_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_PREVIEW_ZOOM_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('zoomTexts'),\n    },\n);\n\nexport const TUI_INTERNATIONAL_SEARCH = new InjectionToken(\n    ngDevMode ? 'TUI_INTERNATIONAL_SEARCH' : '',\n    {\n        factory: tuiExtractI18n('phoneSearch'),\n    },\n);\n","import {TUI_FIRST_DAY, TUI_LAST_DAY, type TuiDay} from '@taiga-ui/cdk/date-time';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nexport interface TuiInputDateOptions {\n    readonly icon: PolymorpheusContent<TuiContext<TuiSizeL | TuiSizeS>>;\n    readonly max: TuiDay;\n    readonly min: TuiDay;\n    readonly nativePicker: boolean;\n}\n\nexport const TUI_INPUT_DATE_DEFAULT_OPTIONS: TuiInputDateOptions = {\n    icon: () => '@tui.calendar',\n    min: TUI_FIRST_DAY,\n    max: TUI_LAST_DAY,\n    nativePicker: false,\n};\n\n/**\n * Default parameters for InputDate component\n */\nexport const [TUI_INPUT_DATE_OPTIONS, tuiInputDateOptionsProvider] = tuiCreateOptions(\n    TUI_INPUT_DATE_DEFAULT_OPTIONS,\n);\n","import {InjectionToken, type Provider} from '@angular/core';\nimport {TUI_DEFAULT_IDENTITY_MATCHER, TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {\n    type TuiBooleanHandler,\n    type TuiIdentityMatcher,\n    type TuiStringHandler,\n} from '@taiga-ui/cdk/types';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\n\n/**\n * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.\n * TODO(v5): delete\n */\nexport interface TuiItemsHandlers<T> {\n    readonly disabledItemHandler: TuiBooleanHandler<T>;\n    readonly identityMatcher: TuiIdentityMatcher<T>;\n    readonly stringify: TuiStringHandler<T>;\n}\n\n/**\n * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.\n * TODO(v5): delete\n */\nexport const TUI_DEFAULT_ITEMS_HANDLERS: TuiItemsHandlers<unknown> = {\n    stringify: String,\n    identityMatcher: TUI_DEFAULT_IDENTITY_MATCHER,\n    disabledItemHandler: TUI_FALSE_HANDLER,\n};\n\n/**\n * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.\n * TODO(v5): delete\n */\nexport const TUI_ITEMS_HANDLERS = new InjectionToken(\n    ngDevMode ? 'TUI_ITEMS_HANDLERS' : '',\n    {\n        factory: () => TUI_DEFAULT_ITEMS_HANDLERS,\n    },\n);\n\n/**\n * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.\n * TODO(v5): delete\n */\nexport function tuiItemsHandlersProvider<T>(\n    options: Partial<TuiItemsHandlers<T>>,\n): Provider {\n    return tuiProvideOptions(TUI_ITEMS_HANDLERS, options, TUI_DEFAULT_ITEMS_HANDLERS);\n}\n","import {type FactoryProvider, inject, InjectionToken, type Type} from '@angular/core';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport {TUI_DROPDOWN_COMPONENT} from '@taiga-ui/core/directives/dropdown';\n\n/**\n * A component for mobile data picker\n */\nexport const TUI_MOBILE_CALENDAR = new InjectionToken<Type<unknown>>(\n    ngDevMode ? 'TUI_MOBILE_CALENDAR' : '',\n);\n\nexport const TUI_MOBILE_CALENDAR_PROVIDER: FactoryProvider = {\n    provide: TUI_DROPDOWN_COMPONENT,\n    useFactory: () =>\n        (inject(TUI_IS_MOBILE) && inject(TUI_MOBILE_CALENDAR, {optional: true})) ||\n        inject(TUI_DROPDOWN_COMPONENT, {skipSelf: true}),\n};\n","import {inject, InjectionToken} from '@angular/core';\nimport {type TuiMonth} from '@taiga-ui/cdk/date-time';\nimport {type TuiHandler} from '@taiga-ui/cdk/types';\nimport {TUI_MONTHS} from '@taiga-ui/core/tokens';\nimport {map, type Observable} from 'rxjs';\n\nexport const TUI_MONTH_FORMATTER = new InjectionToken<\n    Observable<TuiHandler<TuiMonth | null, string>>\n>(ngDevMode ? 'TUI_MONTH_FORMATTER' : '', {\n    factory: () =>\n        inject(TUI_MONTHS).pipe(\n            map((months) => (date) => {\n                if (!date) {\n                    return '';\n                }\n\n                return `${months[date.month] ?? ''} ${date.formattedYear}`;\n            }),\n        ),\n});\n","import {InjectionToken, type Provider} from '@angular/core';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\n\nexport interface TuiPreviewIcons {\n    readonly next: string;\n    readonly prev: string;\n    readonly rotate: string;\n    readonly zoomIn: string;\n    readonly zoomOut: string;\n    readonly zoomReset: string;\n}\n\nexport const TUI_PREVIEW_ICONS_DEFAULT: TuiPreviewIcons = {\n    rotate: '@tui.rotate-ccw-square',\n    prev: '@tui.arrow-left',\n    next: '@tui.arrow-right',\n    zoomIn: '@tui.plus',\n    zoomOut: '@tui.minus',\n    zoomReset: '@tui.minimize',\n};\n\nexport const TUI_PREVIEW_ICONS = new InjectionToken(\n    ngDevMode ? 'TUI_PREVIEW_ICONS' : '',\n    {\n        factory: () => TUI_PREVIEW_ICONS_DEFAULT,\n    },\n);\n\nexport function tuiPreviewIconsProvider(icons: Partial<TuiPreviewIcons>): Provider {\n    return tuiProvideOptions(TUI_PREVIEW_ICONS, icons, TUI_PREVIEW_ICONS_DEFAULT);\n}\n","import {InjectionToken, type Provider} from '@angular/core';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\nimport {type Observable} from 'rxjs';\n\nexport const TUI_VALIDATION_ERRORS = new InjectionToken<\n    Record<string, Observable<PolymorpheusContent> | PolymorpheusContent>\n>(ngDevMode ? 'TUI_VALIDATION_ERRORS' : '', {\n    factory: () => ({}),\n});\n\nexport const tuiValidationErrorsProvider = (\n    useValue: Record<string, Observable<PolymorpheusContent> | PolymorpheusContent>,\n): Provider => ({provide: TUI_VALIDATION_ERRORS, useValue});\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-tokens.mjs","sources":["../../../projects/kit/tokens/calendar-date-stream.ts","../../../projects/kit/tokens/date-inputs-value-transformers.ts","../../../projects/kit/tokens/i18n.ts","../../../projects/kit/tokens/input-date-options.ts","../../../projects/kit/tokens/items-handlers.ts","../../../projects/kit/tokens/mobile-calendar.ts","../../../projects/kit/tokens/month-formatter.ts","../../../projects/kit/tokens/preview-icons.ts","../../../projects/kit/tokens/taiga-ui-kit-tokens.ts"],"sourcesContent":["import {InjectionToken, Optional, type Provider, Self} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {type TuiValueTransformer} from '@taiga-ui/cdk/classes';\nimport {type TuiDay, type TuiDayRange, type TuiTime} from '@taiga-ui/cdk/date-time';\nimport {tuiControlValue} from '@taiga-ui/cdk/observables';\nimport {map, type Observable, of} from 'rxjs';\n\n/**\n * Stream that emits calendar data change\n * @deprecated this should be rewritten in v5\n */\nexport const TUI_CALENDAR_DATE_STREAM = new InjectionToken<\n    Observable<TuiDay | TuiDayRange | null>\n>(ngDevMode ? 'TUI_CALENDAR_DATE_STREAM' : '');\n\nexport function tuiDateStreamWithTransformer(\n    transformer: InjectionToken<TuiValueTransformer<any>>,\n): Provider {\n    return {\n        provide: TUI_CALENDAR_DATE_STREAM,\n        deps: [\n            [new Optional(), new Self(), NgControl],\n            [new Optional(), transformer],\n        ],\n        useFactory: tuiControlValueFactory,\n    };\n}\n\nfunction tuiControlValueFactory<\n    T extends TuiDay | TuiDayRange | [TuiDay, TuiTime | null],\n>(\n    control: NgControl | null,\n    transformer?: TuiValueTransformer<T> | null,\n): Observable<T | null> | null {\n    return control\n        ? tuiControlValue(control).pipe(\n              map((value) =>\n                  transformer ? transformer?.fromControlValue(value) : (value as T),\n              ),\n          )\n        : of(null);\n}\n","import {InjectionToken} from '@angular/core';\nimport {\n    TUI_IDENTITY_VALUE_TRANSFORMER,\n    type TuiValueTransformer,\n} from '@taiga-ui/cdk/classes';\nimport {type TuiDay, type TuiDayRange, type TuiTime} from '@taiga-ui/cdk/date-time';\n\n/**\n * Control value transformer of TuiDay to custom value format for InputDate* components\n */\nexport const TUI_DATE_VALUE_TRANSFORMER = new InjectionToken<\n    TuiValueTransformer<TuiDay | null>\n>(ngDevMode ? 'TUI_DATE_VALUE_TRANSFORMER' : '', {\n    factory: () => TUI_IDENTITY_VALUE_TRANSFORMER,\n});\n\n/**\n * Control value transformer for InputDateRange component\n */\nexport const TUI_DATE_RANGE_VALUE_TRANSFORMER = new InjectionToken<\n    TuiValueTransformer<TuiDayRange | null>\n>(ngDevMode ? 'TUI_DATE_RANGE_VALUE_TRANSFORMER' : '');\n\n/**\n * Control value transformer for InputDateTime component\n */\nexport const TUI_DATE_TIME_VALUE_TRANSFORMER = new InjectionToken<\n    TuiValueTransformer<[TuiDay, TuiTime | null]>\n>(ngDevMode ? 'TUI_DATE_TIME_VALUE_TRANSFORMER' : '');\n\n/**\n * Control value transformer for InputTime component\n */\nexport const TUI_TIME_VALUE_TRANSFORMER = new InjectionToken<\n    TuiValueTransformer<TuiTime | null>\n>(ngDevMode ? 'TUI_TIME_VALUE_TRANSFORMER' : '');\n","import {InjectionToken, type Signal} from '@angular/core';\nimport {type TuiDateMode} from '@taiga-ui/cdk/date-time';\nimport {type TuiCountryIsoCode} from '@taiga-ui/i18n/types';\nimport {tuiExtractI18n} from '@taiga-ui/i18n/utils';\n\nexport const TUI_CONFIRM_WORDS = new InjectionToken(\n    ngDevMode ? 'TUI_CONFIRM_WORDS' : '',\n    {\n        factory: tuiExtractI18n('confirm'),\n    },\n);\n\nexport const TUI_CANCEL_WORD = new InjectionToken(ngDevMode ? 'TUI_CANCEL_WORD' : '', {\n    factory: tuiExtractI18n('cancel'),\n});\n\nexport const TUI_DONE_WORD = new InjectionToken(ngDevMode ? 'TUI_DONE_WORD' : '', {\n    factory: tuiExtractI18n('done'),\n});\n\nexport const TUI_MORE_WORD = new InjectionToken(ngDevMode ? 'TUI_MORE_WORD' : '', {\n    factory: tuiExtractI18n('more'),\n});\n\nexport const TUI_HIDE_TEXT = new InjectionToken(ngDevMode ? 'TUI_HIDE_TEXT' : '', {\n    factory: tuiExtractI18n('hide'),\n});\n\nexport const TUI_SHOW_ALL_TEXT = new InjectionToken(\n    ngDevMode ? 'TUI_SHOW_ALL_TEXT' : '',\n    {\n        factory: tuiExtractI18n('showAll'),\n    },\n);\n\nexport const TUI_OTHER_DATE_TEXT = new InjectionToken(\n    ngDevMode ? 'TUI_OTHER_DATE_TEXT' : '',\n    {\n        factory: tuiExtractI18n('otherDate'),\n    },\n);\n\nexport const TUI_CHOOSE_DAY_OR_RANGE_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_CHOOSE_DAY_OR_RANGE_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('mobileCalendarTexts'),\n    },\n);\n\nexport const TUI_FROM_TO_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_FROM_TO_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('range'),\n    },\n);\n\nexport const TUI_PLUS_MINUS_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_PLUS_MINUS_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('countTexts'),\n    },\n);\n\nexport const TUI_TIME_TEXTS = new InjectionToken(ngDevMode ? 'TUI_TIME_TEXTS' : '', {\n    factory: tuiExtractI18n('time'),\n});\n\nexport const TUI_DATE_TEXTS = new InjectionToken<Signal<Record<TuiDateMode, string>>>(\n    ngDevMode ? 'TUI_DATE_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('dateTexts'),\n    },\n);\n\nexport const TUI_DIGITAL_INFORMATION_UNITS = new InjectionToken(\n    ngDevMode ? 'TUI_DIGITAL_INFORMATION_UNITS' : '',\n    {\n        factory: tuiExtractI18n('digitalInformationUnits'),\n    },\n);\n\nexport const TUI_COPY_TEXTS = new InjectionToken(ngDevMode ? 'TUI_COPY_TEXTS' : '', {\n    factory: tuiExtractI18n('copyTexts'),\n});\n\nexport const TUI_PASSWORD_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_PASSWORD_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('passwordTexts'),\n    },\n);\n\nexport const TUI_CALENDAR_MONTHS = new InjectionToken(\n    ngDevMode ? 'TUI_CALENDAR_MONTHS' : '',\n    {\n        factory: tuiExtractI18n('shortCalendarMonths'),\n    },\n);\n\nexport const TUI_FILE_TEXTS = new InjectionToken(ngDevMode ? 'TUI_FILE_TEXTS' : '', {\n    factory: tuiExtractI18n('fileTexts'),\n});\n\nexport const TUI_PAGINATION_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_PAGINATION_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('pagination'),\n    },\n);\n\nexport const TUI_INPUT_FILE_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_INPUT_FILE_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('inputFileTexts'),\n    },\n);\n\nexport const TUI_MULTI_SELECT_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_MULTI_SELECT_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('multiSelectTexts'),\n    },\n);\n\nexport const TUI_COUNTRIES = new InjectionToken<\n    Signal<Record<TuiCountryIsoCode, string>>\n>(ngDevMode ? 'TUI_COUNTRIES' : '', {\n    factory: tuiExtractI18n('countries'),\n});\n\nexport const TUI_PREVIEW_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_PREVIEW_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('previewTexts'),\n    },\n);\n\nexport const TUI_PREVIEW_ZOOM_TEXTS = new InjectionToken(\n    ngDevMode ? 'TUI_PREVIEW_ZOOM_TEXTS' : '',\n    {\n        factory: tuiExtractI18n('zoomTexts'),\n    },\n);\n\nexport const TUI_INTERNATIONAL_SEARCH = new InjectionToken(\n    ngDevMode ? 'TUI_INTERNATIONAL_SEARCH' : '',\n    {\n        factory: tuiExtractI18n('phoneSearch'),\n    },\n);\n","import {TUI_FIRST_DAY, TUI_LAST_DAY, type TuiDay} from '@taiga-ui/cdk/date-time';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nexport interface TuiInputDateOptions {\n    readonly icon: PolymorpheusContent<TuiContext<TuiSizeL | TuiSizeS>>;\n    readonly max: TuiDay;\n    readonly min: TuiDay;\n    readonly nativePicker: boolean;\n}\n\nexport const TUI_INPUT_DATE_DEFAULT_OPTIONS: TuiInputDateOptions = {\n    icon: () => '@tui.calendar',\n    min: TUI_FIRST_DAY,\n    max: TUI_LAST_DAY,\n    nativePicker: false,\n};\n\n/**\n * Default parameters for InputDate component\n */\nexport const [TUI_INPUT_DATE_OPTIONS, tuiInputDateOptionsProvider] = tuiCreateOptions(\n    TUI_INPUT_DATE_DEFAULT_OPTIONS,\n);\n","import {TUI_DEFAULT_IDENTITY_MATCHER, TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {\n    type TuiBooleanHandler,\n    type TuiIdentityMatcher,\n    type TuiStringHandler,\n} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\n/**\n * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.\n * TODO(v5): delete\n */\nexport interface TuiItemsHandlers<T> {\n    readonly disabledItemHandler: TuiBooleanHandler<T>;\n    readonly identityMatcher: TuiIdentityMatcher<T>;\n    readonly stringify: TuiStringHandler<T>;\n}\n\n/**\n * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.\n * TODO(v5): delete\n */\nexport const TUI_DEFAULT_ITEMS_HANDLERS: TuiItemsHandlers<unknown> = {\n    stringify: String,\n    identityMatcher: TUI_DEFAULT_IDENTITY_MATCHER,\n    disabledItemHandler: TUI_FALSE_HANDLER,\n};\n\n/**\n * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.\n * TODO(v5): delete\n */\nexport const [TUI_ITEMS_HANDLERS, tuiItemsHandlersProvider] = tuiCreateOptions(\n    TUI_DEFAULT_ITEMS_HANDLERS,\n);\n","import {type FactoryProvider, inject, InjectionToken, type Type} from '@angular/core';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport {TUI_DROPDOWN_COMPONENT} from '@taiga-ui/core/directives/dropdown';\n\n/**\n * A component for mobile data picker\n */\nexport const TUI_MOBILE_CALENDAR = new InjectionToken<Type<unknown>>(\n    ngDevMode ? 'TUI_MOBILE_CALENDAR' : '',\n);\n\nexport const TUI_MOBILE_CALENDAR_PROVIDER: FactoryProvider = {\n    provide: TUI_DROPDOWN_COMPONENT,\n    useFactory: () =>\n        (inject(TUI_IS_MOBILE) && inject(TUI_MOBILE_CALENDAR, {optional: true})) ||\n        inject(TUI_DROPDOWN_COMPONENT, {skipSelf: true}),\n};\n","import {inject, InjectionToken} from '@angular/core';\nimport {toObservable} from '@angular/core/rxjs-interop';\nimport {type TuiMonth} from '@taiga-ui/cdk/date-time';\nimport {type TuiHandler} from '@taiga-ui/cdk/types';\nimport {TUI_MONTHS} from '@taiga-ui/core/tokens';\nimport {map, type Observable} from 'rxjs';\n\n// TODO: replace with signal\nexport const TUI_MONTH_FORMATTER = new InjectionToken<\n    Observable<TuiHandler<TuiMonth | null, string>>\n>(ngDevMode ? 'TUI_MONTH_FORMATTER' : '', {\n    factory: () =>\n        toObservable(inject(TUI_MONTHS)).pipe(\n            map((months) => (date) => {\n                if (!date) {\n                    return '';\n                }\n\n                return `${months[date.month] ?? ''} ${date.formattedYear}`;\n            }),\n        ),\n});\n","import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiPreviewIcons {\n    readonly next: string;\n    readonly prev: string;\n    readonly rotate: string;\n    readonly zoomIn: string;\n    readonly zoomOut: string;\n    readonly zoomReset: string;\n}\n\nexport const TUI_PREVIEW_ICONS_DEFAULT: TuiPreviewIcons = {\n    rotate: '@tui.rotate-ccw-square',\n    prev: '@tui.arrow-left',\n    next: '@tui.arrow-right',\n    zoomIn: '@tui.plus',\n    zoomOut: '@tui.minus',\n    zoomReset: '@tui.minimize',\n};\n\nexport const [TUI_PREVIEW_ICONS, tuiPreviewIconsProvider] = tuiCreateOptions(\n    TUI_PREVIEW_ICONS_DEFAULT,\n);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/kit",
-  "version": "4.52.0-canary.e444d19",
+  "version": "4.52.0-canary.ec0802b",
   "description": "Taiga UI Angular main components kit",
   "keywords": [
     "angular",
@@ -10,7 +10,10 @@
     "directive"
   ],
   "homepage": "https://github.com/taiga-family/taiga-ui",
-  "repository": "https://github.com/taiga-family/taiga-ui",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/taiga-family/taiga-ui"
+  },
   "license": "Apache-2.0",
   "exports": {
     "./styles/*": "./styles/*",
@@ -113,6 +116,10 @@
       "types": "./components/confirm/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-confirm.mjs"
     },
+    "./components/copy": {
+      "types": "./components/copy/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-copy.mjs"
+    },
     "./components/data-list-wrapper": {
       "types": "./components/data-list-wrapper/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs"
@@ -137,6 +144,10 @@
       "types": "./components/floating-container/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-floating-container.mjs"
     },
+    "./components/fullscreen": {
+      "types": "./components/fullscreen/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-fullscreen.mjs"
+    },
     "./components/input-chip": {
       "types": "./components/input-chip/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-input-chip.mjs"
@@ -177,10 +188,6 @@
       "types": "./components/input-number/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-input-number.mjs"
     },
-    "./components/input-password": {
-      "types": "./components/input-password/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-input-password.mjs"
-    },
     "./components/input-phone": {
       "types": "./components/input-phone/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-input-phone.mjs"
@@ -237,18 +244,14 @@
       "types": "./components/pager/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-pager.mjs"
     },
-    "./components/pagination": {
-      "types": "./components/pagination/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-pagination.mjs"
-    },
-    "./components/pdf-viewer": {
-      "types": "./components/pdf-viewer/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-pdf-viewer.mjs"
-    },
     "./components/pin": {
       "types": "./components/pin/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-pin.mjs"
     },
+    "./components/pagination": {
+      "types": "./components/pagination/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-pagination.mjs"
+    },
     "./components/preview": {
       "types": "./components/preview/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-preview.mjs"
@@ -269,14 +272,14 @@
       "types": "./components/radio/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-radio.mjs"
     },
-    "./components/radio-list": {
-      "types": "./components/radio-list/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-radio-list.mjs"
-    },
     "./components/range": {
       "types": "./components/range/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-range.mjs"
     },
+    "./components/radio-list": {
+      "types": "./components/radio-list/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-radio-list.mjs"
+    },
     "./components/rating": {
       "types": "./components/rating/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-rating.mjs"
@@ -325,6 +328,10 @@
       "types": "./components/tiles/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-tiles.mjs"
     },
+    "./components/toast": {
+      "types": "./components/toast/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-toast.mjs"
+    },
     "./components/tree": {
       "types": "./components/tree/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-tree.mjs"
@@ -349,10 +356,6 @@
       "types": "./directives/connected/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-connected.mjs"
     },
-    "./directives/copy": {
-      "types": "./directives/copy/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-copy.mjs"
-    },
     "./directives/data-list-dropdown-manager": {
       "types": "./directives/data-list-dropdown-manager/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs"
@@ -413,10 +416,6 @@
       "types": "./pipes/filter-by-input/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs"
     },
-    "./pipes/field-error": {
-      "types": "./pipes/field-error/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-field-error.mjs"
-    },
     "./pipes/hide-selected": {
       "types": "./pipes/hide-selected/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-pipes-hide-selected.mjs"
@@ -432,10 +431,6 @@
     "./pipes/stringify-content": {
       "types": "./pipes/stringify-content/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-pipes-stringify-content.mjs"
-    },
-    "./components/preview/dialog": {
-      "types": "./components/preview/dialog/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-preview-dialog.mjs"
     }
   },
   "peerDependencies": {
@@ -443,16 +438,17 @@
     "@angular/core": ">=19.0.0",
     "@angular/forms": ">=19.0.0",
     "@angular/router": ">=19.0.0",
-    "@maskito/angular": "^3.10.3",
-    "@maskito/core": "^3.10.3",
-    "@maskito/kit": "^3.10.3",
-    "@maskito/phone": "^3.10.3",
-    "@ng-web-apis/common": "^4.12.0",
-    "@ng-web-apis/intersection-observer": "^4.12.0",
-    "@ng-web-apis/mutation-observer": "^4.12.0",
-    "@ng-web-apis/resize-observer": "^4.12.0",
+    "@maskito/angular": "^4.0.1",
+    "@maskito/core": "^4.0.1",
+    "@maskito/kit": "^4.0.1",
+    "@maskito/phone": "^4.0.1",
+    "@ng-web-apis/common": "^4.12.2",
+    "@ng-web-apis/intersection-observer": "^4.12.2",
+    "@ng-web-apis/mutation-observer": "^4.12.2",
+    "@ng-web-apis/resize-observer": "^4.12.2",
     "@taiga-ui/cdk": "^4.52.0",
     "@taiga-ui/core": "^4.52.0",
+    "@taiga-ui/design-tokens": "~0.264.0",
     "@taiga-ui/i18n": "^4.52.0",
     "@taiga-ui/polymorpheus": "^4.9.0",
     "rxjs": ">=7.0.0"

package/pipes/index.d.ts

@@ -1,5 +1,4 @@
 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/hide-selected';
 export * from '@taiga-ui/kit/pipes/sort-countries';

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'],