refactor(core): use deep entry points for imports of other Taiga pack…

…ages (#7849)

package.json

@@ -81,7 +81,8 @@
         ],
         "rules": {
             "@angular-eslint/component-class-suffix": "off",
-            "jest/prefer-importing-jest-globals": "off"
+            "jest/prefer-importing-jest-globals": "off",
+            "@taiga-ui/experience/no-deep-imports": "off"
         },
         "root": true
     },

projects/core/classes/accessors.ts

@@ -1,6 +1,6 @@
 import type {AbstractType, ExistingProvider, FactoryProvider, Type} from '@angular/core';
 import {Optional, SkipSelf} from '@angular/core';
-import {tuiProvide} from '@taiga-ui/cdk';
+import {tuiProvide} from '@taiga-ui/cdk/utils/miscellaneous';
 import type {TuiPoint} from '@taiga-ui/core/types';
 
 export abstract class TuiAccessor {

projects/core/classes/driver.ts

@@ -1,7 +1,7 @@
 import type {ExistingProvider, OnInit, Type} from '@angular/core';
 import {DestroyRef, Directive, inject} from '@angular/core';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
-import {tuiProvide} from '@taiga-ui/cdk';
+import {tuiProvide} from '@taiga-ui/cdk/utils/miscellaneous';
 import {distinctUntilChanged, merge, Observable} from 'rxjs';
 
 import {TuiVehicle} from './vehicle';

projects/core/classes/vehicle.ts

@@ -1,5 +1,5 @@
 import type {ExistingProvider, Type} from '@angular/core';
-import {tuiProvide} from '@taiga-ui/cdk';
+import {tuiProvide} from '@taiga-ui/cdk/utils/miscellaneous';
 
 export abstract class TuiVehicle {
     public abstract readonly type: string;

projects/core/components/alert/alert.component.ts

@@ -2,8 +2,8 @@ import {NgIf} from '@angular/common';
 import type {OnInit} from '@angular/core';
 import {ChangeDetectionStrategy, Component, DestroyRef, inject} from '@angular/core';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
-import type {TuiPopover} from '@taiga-ui/cdk';
-import {tuiInjectElement} from '@taiga-ui/cdk';
+import type {TuiPopover} from '@taiga-ui/cdk/services';
+import {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
 import {tuiFadeIn, tuiHeightCollapse, tuiSlideIn} from '@taiga-ui/core/animations';
 import {TuiNotification} from '@taiga-ui/core/components/notification';
 import {TUI_ANIMATIONS_SPEED} from '@taiga-ui/core/tokens';

projects/core/components/alert/alert.directive.ts

@@ -1,5 +1,6 @@
 import {Directive} from '@angular/core';
-import {tuiAsPopover, TuiPopoverDirective} from '@taiga-ui/cdk';
+import {TuiPopoverDirective} from '@taiga-ui/cdk/directives/popover';
+import {tuiAsPopover} from '@taiga-ui/cdk/services';
 
 import type {TuiAlertOptions} from './alert.interfaces';
 import {TuiAlertService} from './alert.service';

projects/core/components/alert/alert.interfaces.ts

@@ -1,4 +1,5 @@
-import type {TuiHandler, TuiPopoverContext} from '@taiga-ui/cdk';
+import type {TuiPopoverContext} from '@taiga-ui/cdk/services';
+import type {TuiHandler} from '@taiga-ui/cdk/types';
 import type {
     TuiNotificationOptions,
     TuiNotificationStatus,

projects/core/components/alert/alert.service.ts

@@ -1,5 +1,5 @@
 import {inject, Injectable} from '@angular/core';
-import {TuiPopoverService} from '@taiga-ui/cdk';
+import {TuiPopoverService} from '@taiga-ui/cdk/services';
 
 import {TuiAlert} from './alert.component';
 import type {TuiAlertOptions} from './alert.interfaces';

projects/core/components/alert/alert.tokens.ts

@@ -1,7 +1,11 @@
 import type {Type} from '@angular/core';
 import {inject} from '@angular/core';
-import type {TuiPopover} from '@taiga-ui/cdk';
-import {TUI_IS_MOBILE, tuiCreateToken, tuiCreateTokenFromFactory} from '@taiga-ui/cdk';
+import type {TuiPopover} from '@taiga-ui/cdk/services';
+import {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';
+import {
+    tuiCreateToken,
+    tuiCreateTokenFromFactory,
+} from '@taiga-ui/cdk/utils/miscellaneous';
 import {TUI_NOTIFICATION_OPTIONS} from '@taiga-ui/core/components/notification';
 import {BehaviorSubject, combineLatest, map, of} from 'rxjs';
 

projects/core/components/alert/alerts.component.ts

@@ -8,8 +8,8 @@ import {
     Injector,
     ViewEncapsulation,
 } from '@angular/core';
-import type {TuiMapper} from '@taiga-ui/cdk';
-import {TuiMapperPipe} from '@taiga-ui/cdk';
+import {TuiMapperPipe} from '@taiga-ui/cdk/pipes/mapper';
+import type {TuiMapper} from '@taiga-ui/cdk/types';
 import {tuiParentAnimation} from '@taiga-ui/core/animations';
 import {POLYMORPHEUS_CONTEXT} from '@taiga-ui/polymorpheus';
 import {identity} from 'rxjs';

projects/core/components/button/button.directive.ts

@@ -6,7 +6,7 @@ import {
     Input,
     ViewEncapsulation,
 } from '@angular/core';
-import {tuiWithStyles} from '@taiga-ui/cdk';
+import {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';
 import {
     TuiAppearance,
     tuiAppearanceOptionsProvider,

projects/core/components/button/button.options.ts

@@ -1,5 +1,5 @@
 import type {FactoryProvider} from '@angular/core';
-import {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';
+import {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';
 import type {TuiAppearanceOptions} from '@taiga-ui/core/directives/appearance';
 import type {TuiSizeXL, TuiSizeXS} from '@taiga-ui/core/types';
 

projects/core/components/calendar/calendar-sheet.component.ts

@@ -8,18 +8,14 @@ import {
     Input,
     Output,
 } from '@angular/core';
-import type {TuiBooleanHandler, TuiHandler} from '@taiga-ui/cdk';
-import {
-    TUI_FALSE_HANDLER,
-    TuiDay,
-    TuiDayRange,
-    TuiHoveredDirective,
-    TuiLet,
-    TuiMapperPipe,
-    TuiMonth,
-    tuiNullableSame,
-    TuiRepeatTimes,
-} from '@taiga-ui/cdk';
+import {TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';
+import {TuiDay, TuiDayRange, TuiMonth} from '@taiga-ui/cdk/date-time';
+import {TuiHoveredDirective} from '@taiga-ui/cdk/directives/hovered';
+import {TuiLet} from '@taiga-ui/cdk/directives/let';
+import {TuiRepeatTimes} from '@taiga-ui/cdk/directives/repeat-times';
+import {TuiMapperPipe} from '@taiga-ui/cdk/pipes/mapper';
+import type {TuiBooleanHandler, TuiHandler} from '@taiga-ui/cdk/types';
+import {tuiNullableSame} from '@taiga-ui/cdk/utils/miscellaneous';
 import {TuiCalendarSheetPipe, TuiOrderWeekDaysPipe} from '@taiga-ui/core/pipes';
 import {TUI_DAY_TYPE_HANDLER, TUI_SHORT_WEEK_DAYS} from '@taiga-ui/core/tokens';
 import type {TuiRangeState} from '@taiga-ui/core/types';

projects/core/components/calendar/calendar-spin.component.ts

@@ -6,8 +6,8 @@ import {
     Input,
     Output,
 } from '@angular/core';
-import type {TuiMonthLike, TuiYear} from '@taiga-ui/cdk';
-import {TUI_FIRST_DAY, TUI_LAST_DAY, TuiMonth} from '@taiga-ui/cdk';
+import type {TuiMonthLike, TuiYear} from '@taiga-ui/cdk/date-time';
+import {TUI_FIRST_DAY, TUI_LAST_DAY, TuiMonth} from '@taiga-ui/cdk/date-time';
 import {TuiLink} from '@taiga-ui/core/components/link';
 import {TuiSpinButtonComponent} from '@taiga-ui/core/components/spin-button';
 import {TuiMonthPipe} from '@taiga-ui/core/pipes';

projects/core/components/calendar/calendar-year.component.ts

@@ -6,20 +6,21 @@ import {
     Input,
     Output,
 } from '@angular/core';
-import type {TuiBooleanHandler, TuiDay, TuiDayRange} from '@taiga-ui/cdk';
+import {TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';
+import type {TuiDay, TuiDayRange} from '@taiga-ui/cdk/date-time';
 import {
     MAX_YEAR,
     MIN_YEAR,
-    TUI_FALSE_HANDLER,
-    TuiHoveredDirective,
-    tuiInRange,
-    tuiIsNumber,
-    TuiLet,
     TuiMonth,
     TuiMonthRange,
-    TuiRepeatTimes,
     TuiYear,
-} from '@taiga-ui/cdk';
+} from '@taiga-ui/cdk/date-time';
+import {TuiHoveredDirective} from '@taiga-ui/cdk/directives/hovered';
+import {TuiLet} from '@taiga-ui/cdk/directives/let';
+import {TuiRepeatTimes} from '@taiga-ui/cdk/directives/repeat-times';
+import type {TuiBooleanHandler} from '@taiga-ui/cdk/types';
+import {tuiInRange} from '@taiga-ui/cdk/utils/math';
+import {tuiIsNumber} from '@taiga-ui/cdk/utils/miscellaneous';
 import {TuiScrollIntoViewDirective} from '@taiga-ui/core/components/scrollbar';
 import type {TuiRangeState} from '@taiga-ui/core/types';
 

projects/core/components/calendar/calendar.component.ts

@@ -6,16 +6,12 @@ import {
     Input,
     Output,
 } from '@angular/core';
-import type {TuiBooleanHandler, TuiDayRange, TuiMapper} from '@taiga-ui/cdk';
-import {
-    TUI_FALSE_HANDLER,
-    TUI_FIRST_DAY,
-    TUI_LAST_DAY,
-    TuiDay,
-    TuiMapperPipe,
-    TuiMonth,
-    tuiNullableSame,
-} from '@taiga-ui/cdk';
+import {TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';
+import type {TuiDayRange} from '@taiga-ui/cdk/date-time';
+import {TUI_FIRST_DAY, TUI_LAST_DAY, TuiDay, TuiMonth} from '@taiga-ui/cdk/date-time';
+import {TuiMapperPipe} from '@taiga-ui/cdk/pipes/mapper';
+import type {TuiBooleanHandler, TuiMapper} from '@taiga-ui/cdk/types';
+import {tuiNullableSame} from '@taiga-ui/cdk/utils/miscellaneous';
 import {TuiScrollbar} from '@taiga-ui/core/components/scrollbar';
 
 import {

projects/core/components/data-list/data-list.component.ts

@@ -11,15 +11,11 @@ import {
     Input,
     ViewEncapsulation,
 } from '@angular/core';
-import {
-    EMPTY_QUERY,
-    tuiInjectElement,
-    tuiIsNativeFocusedIn,
-    tuiIsPresent,
-    tuiMoveFocus,
-    tuiPure,
-    tuiQueryListChanges,
-} from '@taiga-ui/cdk';
+import {EMPTY_QUERY} from '@taiga-ui/cdk/constants';
+import {tuiQueryListChanges} from '@taiga-ui/cdk/observables';
+import {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
+import {tuiIsNativeFocusedIn, tuiMoveFocus} from '@taiga-ui/cdk/utils/focus';
+import {tuiIsPresent, tuiPure} from '@taiga-ui/cdk/utils/miscellaneous';
 import {TUI_NOTHING_FOUND_MESSAGE} from '@taiga-ui/core/tokens';
 import type {TuiSizeL, TuiSizeS} from '@taiga-ui/core/types';
 import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';

projects/core/components/data-list/data-list.directive.ts

@@ -1,6 +1,6 @@
 import type {Provider, Type} from '@angular/core';
 import {Directive} from '@angular/core';
-import {tuiProvide} from '@taiga-ui/cdk';
+import {tuiProvide} from '@taiga-ui/cdk/utils/miscellaneous';
 
 @Directive({
     standalone: true,

projects/core/components/data-list/data-list.tokens.ts

@@ -1,7 +1,7 @@
 import type {Provider, TemplateRef, Type} from '@angular/core';
 import {InjectionToken} from '@angular/core';
-import type {TuiContext, TuiIdentityMatcher, TuiStringHandler} from '@taiga-ui/cdk';
-import {tuiProvide} from '@taiga-ui/cdk';
+import type {TuiContext, TuiIdentityMatcher, TuiStringHandler} from '@taiga-ui/cdk/types';
+import {tuiProvide} from '@taiga-ui/cdk/utils/miscellaneous';
 import type {TuiSizeL, TuiSizeS} from '@taiga-ui/core/types';
 import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
 

projects/core/components/data-list/option.component.ts

@@ -1,15 +1,18 @@
-import type {OnDestroy} from '@angular/core';
+import type {OnDestroy, TemplateRef} from '@angular/core';
 import {
     ChangeDetectionStrategy,
     Component,
     forwardRef,
     inject,
     Input,
 } from '@angular/core';
-import {TUI_IS_MOBILE, tuiInjectElement, tuiIsNativeFocused} from '@taiga-ui/cdk';
+import {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';
+import type {TuiContext} from '@taiga-ui/cdk/types';
+import {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
+import {tuiIsNativeFocused} from '@taiga-ui/cdk/utils/focus';
 import {TuiDropdownDirective} from '@taiga-ui/core/directives/dropdown';
 import {TuiIcons} from '@taiga-ui/core/directives/icons';
-import {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';
+import {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';
 
 import {TuiDataListComponent} from './data-list.component';
 import type {TuiDataListHost} from './data-list.tokens';
@@ -56,7 +59,10 @@ export class TuiOption<T = unknown> implements OnDestroy {
         optional: true,
     });
 
-    protected readonly content = inject(TUI_OPTION_CONTENT, {optional: true});
+    protected readonly content: PolymorpheusContent<
+        TuiContext<TemplateRef<Record<string, unknown>>>
+    > = inject(TUI_OPTION_CONTENT, {optional: true});
+
     protected readonly dropdown = inject(TuiDropdownDirective, {
         self: true,
         optional: true,

projects/core/components/data-list/with-data-list.directive.ts

@@ -1,6 +1,6 @@
 import type {WritableSignal} from '@angular/core';
 import {ContentChild, Directive, TemplateRef} from '@angular/core';
-import {tuiDirectiveBinding} from '@taiga-ui/cdk';
+import {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/miscellaneous';
 import {TuiDropdownDirective} from '@taiga-ui/core/directives/dropdown';
 import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
 

projects/core/components/dialog/dialog-close.service.ts

@@ -1,13 +1,13 @@
 import {DOCUMENT} from '@angular/common';
 import {inject, Injectable} from '@angular/core';
 import {WINDOW} from '@ng-web-apis/common';
+import {tuiTypedFromEvent} from '@taiga-ui/cdk/observables';
 import {
     tuiContainsOrAfter,
     tuiGetActualTarget,
     tuiInjectElement,
     tuiIsElement,
-    tuiTypedFromEvent,
-} from '@taiga-ui/cdk';
+} from '@taiga-ui/cdk/utils/dom';
 import {tuiGetViewportWidth} from '@taiga-ui/core/utils';
 import {filter, map, merge, Observable, switchMap, take} from 'rxjs';
 

projects/core/components/dialog/dialog.component.ts

@@ -1,8 +1,9 @@
 import type {AnimationOptions} from '@angular/animations';
 import {ChangeDetectionStrategy, Component, HostBinding, inject} from '@angular/core';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
-import type {TuiPopover} from '@taiga-ui/cdk';
-import {TUI_IS_MOBILE, TUI_TRUE_HANDLER} from '@taiga-ui/cdk';
+import {TUI_TRUE_HANDLER} from '@taiga-ui/cdk/constants';
+import type {TuiPopover} from '@taiga-ui/cdk/services';
+import {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';
 import {tuiFadeIn, tuiSlideInTop} from '@taiga-ui/core/animations';
 import {
     TUI_ANIMATIONS_SPEED,

projects/core/components/dialog/dialog.directive.ts

@@ -1,5 +1,6 @@
 import {Directive} from '@angular/core';
-import {tuiAsPopover, TuiPopoverDirective} from '@taiga-ui/cdk';
+import {TuiPopoverDirective} from '@taiga-ui/cdk/directives/popover';
+import {tuiAsPopover} from '@taiga-ui/cdk/services';
 
 import type {TuiDialogOptions} from './dialog.interfaces';
 import {TuiDialogService} from './dialog.service';

projects/core/components/dialog/dialog.interfaces.ts

@@ -1,4 +1,4 @@
-import type {TuiPopover, TuiPopoverContext} from '@taiga-ui/cdk';
+import type {TuiPopover, TuiPopoverContext} from '@taiga-ui/cdk/services';
 import type {TuiSizeL, TuiSizeS} from '@taiga-ui/core/types';
 import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
 import type {Observable} from 'rxjs';

projects/core/components/dialog/dialog.module.ts

@@ -1,6 +1,6 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
-import {TuiAutoFocus} from '@taiga-ui/cdk';
+import {TuiAutoFocus} from '@taiga-ui/cdk/directives/auto-focus';
 import {TuiButton} from '@taiga-ui/core/components/button';
 import {PolymorpheusOutlet, PolymorpheusTemplate} from '@taiga-ui/polymorpheus';
 

projects/core/components/dialog/dialog.service.ts

@@ -1,5 +1,5 @@
 import {inject, Injectable} from '@angular/core';
-import {TuiPopoverService} from '@taiga-ui/cdk';
+import {TuiPopoverService} from '@taiga-ui/cdk/services';
 
 import {TuiDialogComponent} from './dialog.component';
 import type {TuiDialogOptions} from './dialog.interfaces';

projects/core/components/dialog/dialog.tokens.ts

@@ -1,6 +1,6 @@
 import type {Provider} from '@angular/core';
-import type {TuiPopover} from '@taiga-ui/cdk';
-import {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';
+import type {TuiPopover} from '@taiga-ui/cdk/services';
+import {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';
 import type {Observable} from 'rxjs';
 import {BehaviorSubject, EMPTY} from 'rxjs';
 

projects/core/components/dialog/dialogs.component.ts

@@ -1,7 +1,8 @@
 import {CommonModule} from '@angular/common';
 import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
-import type {TuiPopover} from '@taiga-ui/cdk';
-import {TuiFocusTrapDirective, tuiInjectElement} from '@taiga-ui/cdk';
+import {TuiFocusTrapDirective} from '@taiga-ui/cdk/directives/focus-trap';
+import type {TuiPopover} from '@taiga-ui/cdk/services';
+import {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
 import {tuiHost} from '@taiga-ui/core/animations';
 import {TuiScrollControls, TuiScrollRef} from '@taiga-ui/core/components/scrollbar';
 import {PolymorpheusOutlet, PolymorpheusTemplate} from '@taiga-ui/polymorpheus';

projects/core/components/error/error.component.ts

@@ -6,7 +6,9 @@ import {
     inject,
     Input,
 } from '@angular/core';
-import {tuiIsString, TuiLet, TuiValidationError} from '@taiga-ui/cdk';
+import {TuiValidationError} from '@taiga-ui/cdk/classes';
+import {TuiLet} from '@taiga-ui/cdk/directives/let';
+import {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';
 import {tuiFadeIn, tuiHeightCollapse} from '@taiga-ui/core/animations';
 import {TUI_ANIMATIONS_SPEED, TUI_DEFAULT_ERROR_MESSAGE} from '@taiga-ui/core/tokens';
 import {tuiToAnimationOptions} from '@taiga-ui/core/utils';

projects/core/components/expand/expand.component.ts

@@ -15,7 +15,7 @@ import {
     ViewChild,
 } from '@angular/core';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
-import type {TuiValuesOf} from '@taiga-ui/cdk';
+import type {TuiValuesOf} from '@taiga-ui/cdk/types';
 import {tuiParentAnimation} from '@taiga-ui/core/animations';
 import {TuiLoader} from '@taiga-ui/core/components/loader';
 import {timer} from 'rxjs';

projects/core/components/group/group.directive.ts

@@ -7,7 +7,7 @@ import {
     Input,
     ViewEncapsulation,
 } from '@angular/core';
-import {tuiWithStyles} from '@taiga-ui/cdk';
+import {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';
 import type {TuiOrientation, TuiSizeL} from '@taiga-ui/core/types';
 
 import {TUI_GROUP_OPTIONS} from './group.options';

projects/core/components/group/group.options.ts

@@ -1,5 +1,5 @@
 import type {Provider} from '@angular/core';
-import {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';
+import {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';
 import type {TuiOrientation, TuiSizeL} from '@taiga-ui/core/types';
 
 export interface TuiGroupOptions {

projects/core/components/icon/icon.component.ts

@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component, inject, Input} from '@angular/core';
-import type {TuiStringHandler} from '@taiga-ui/cdk';
+import type {TuiStringHandler} from '@taiga-ui/cdk/types';
 import {TUI_ICON, TUI_ICON_RESOLVER} from '@taiga-ui/core/tokens';
 
 @Component({