@rt-tools/ui-kit-v2 0.16.0 → 0.18.0

package/types/rt-tools-ui-kit-v2-tabs.d.ts

@@ -0,0 +1,153 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { TemplateRef, InputSignal, InputSignalWithTransform, Signal, WritableSignal, ElementRef, OutputEmitterRef } from '@angular/core';
+import { IRtIcon } from '@rt-tools/ui-kit-v2/core';
+
+/**
+ * Модель `<rt-tabs>`: один корневой неймспейс с префиксом `I`.
+ * Содержит публичные union-типы для ориентации и стороны header-контролов.
+ */
+declare namespace IRtTabs {
+    /** Идентификатор вкладки. Строка — стабильный id, число — индекс-подобный ключ. */
+    type Id = string | number;
+    /** Ориентация полосы вкладок. */
+    type Direction = 'horizontal' | 'vertical';
+    /** Сторона размещения header-контрола относительно полосы вкладок. */
+    type ControlSide = 'left' | 'right';
+    /** Семантический цвет иконки/бейджа вкладки — маппится на палитру `rt-icon`. */
+    type TitleColor = IRtIcon.Color;
+}
+
+/**
+ * Декларирует одну вкладку `<rt-tabs>`. Ставится на `<ng-template>`: контент
+ * шаблона становится телом панели и рендерится только когда вкладка активна.
+ *
+ * Метаданные (label, icon, disabled, badge, invalid) — signal-inputs, поэтому
+ * шапка вкладки реагирует на их изменение без ручной перерегистрации. Сам
+ * список вкладок `rt-tabs` собирает через `contentChildren`.
+ */
+declare class RtTabDirective {
+    #private;
+    /** Шаблон тела панели — рендерится в области контента при активной вкладке. */
+    readonly templateRef: TemplateRef<unknown>;
+    /** Стабильный идентификатор вкладки (значение атрибута `rtTab`). */
+    readonly id: InputSignal<IRtTabs.Id>;
+    /** Текстовый заголовок. Игнорируется, если задан `titleTemplate`. */
+    readonly label: InputSignal<string>;
+    /** Кастомный шаблон заголовка — замещает `label`. */
+    readonly titleTemplate: InputSignal<TemplateRef<unknown> | null>;
+    /** Иконка слева от заголовка. */
+    readonly icon: InputSignal<IRtIcon.Name | null>;
+    /** Семантический цвет иконки заголовка. */
+    readonly iconColor: InputSignal<IRtTabs.TitleColor>;
+    /** Значение бейджа справа от заголовка (число/строка). `null` — без бейджа. */
+    readonly badge: InputSignal<string | number | null>;
+    /**
+     * Подсказка при наведении на бейдж. Подсказка самой кнопки занята неверной вкладкой,
+     * поэтому у бейджа своя. Пусто — подсказки нет.
+     */
+    readonly badgeTitle: InputSignal<string>;
+    /**
+     * Подпись бейджа для чтения с экрана: точка или число сами по себе не говорят, что значат.
+     * Пусто — атрибут не ставится, и озвучивается значение бейджа как есть.
+     */
+    readonly badgeAriaLabel: InputSignal<string>;
+    /** Заблокированная вкладка: не выбирается и не получает фокус. */
+    readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
+    /** Скрытая вкладка: не рендерится ни в шапке, ни в контенте. */
+    readonly hidden: InputSignalWithTransform<boolean, BooleanInput>;
+    /** Вкладка с ошибками: подсвечивается danger-цветом. */
+    readonly invalid: InputSignalWithTransform<boolean, BooleanInput>;
+    /** Подсказка для невалидной вкладки. Пусто — берётся переведённое умолчание. */
+    readonly invalidMessage: InputSignal<string>;
+    /** Готовый текст подсказки: своя формулировка важнее умолчания. */
+    readonly invalidTitle: Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtTabDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RtTabDirective, "[rtTab]", never, { "id": { "alias": "rtTab"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "titleTemplate": { "alias": "titleTemplate"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeTitle": { "alias": "badgeTitle"; "required": false; "isSignal": true; }; "badgeAriaLabel": { "alias": "badgeAriaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Декларирует header-контрол `<rt-tabs>` — произвольный шаблон (кнопка, фильтр),
+ * который рендерится слева или справа от полосы вкладок. Ставится на
+ * `<ng-template>`; `rt-tabs` собирает контролы через `contentChildren` и
+ * раскладывает по сторонам согласно `side`.
+ */
+declare class RtTabsControlDirective {
+    /** Шаблон контрола, выводимый в header-слоте. */
+    readonly templateRef: TemplateRef<unknown>;
+    /**
+     * Сторона размещения относительно полосы вкладок.
+     *
+     * Пустое значение приводится к правой стороне: `<ng-template rtTabsControl>` без значения
+     * задаёт входу пустую строку, а не умолчание, и такой контрол не попадал ни в левый слот,
+     * ни в правый — он пропадал из шапки вовсе.
+     */
+    readonly side: InputSignalWithTransform<IRtTabs.ControlSide, IRtTabs.ControlSide | ''>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtTabsControlDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RtTabsControlDirective, "[rtTabsControl]", never, { "side": { "alias": "rtTabsControl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type TScrollDirection = 'before' | 'after';
+/**
+ * Полоса вкладок с проекцией контента. Вкладки декларируются через
+ * `<ng-template rtTab="id" label="…">…</ng-template>` (см. {@link RtTabDirective}),
+ * собираются `contentChildren` и рендерятся как header-кнопки + активная панель.
+ * Опциональные header-контролы — через `[rtTabsControl]`.
+ *
+ * Компонент "controlled-ish": активная вкладка берётся из `activeId` (если
+ * задан), иначе — из внутреннего выбора, иначе — первая доступная. Клик/клавиша
+ * эмиттят `activeIdChange`; синхронизацию `activeId` оставляем потребителю.
+ *
+ * Горизонтальная полоса при переполнении прячет вкладки под скролл и показывает
+ * стрелки-«хвосты» (`__rest`) с прокруткой по удержанию. Вертикальная ориентация
+ * раскладывает вкладки в колонку без стрелок.
+ *
+ * Доступность: `role="tablist"`/`role="tab"`/`role="tabpanel"`, `aria-selected`,
+ * roving `tabindex`, навигация стрелками + Home/End.
+ */
+declare class RtTabsComponent {
+    #private;
+    /** Все задекларированные вкладки (включая скрытые). */
+    protected readonly tabs: Signal<readonly RtTabDirective[]>;
+    /** Все header-контролы. */
+    protected readonly controls: Signal<readonly RtTabsControlDirective[]>;
+    /** Видимые вкладки (без `hidden`). */
+    protected readonly visibleTabs: Signal<readonly RtTabDirective[]>;
+    protected readonly leftControls: Signal<readonly RtTabsControlDirective[]>;
+    protected readonly rightControls: Signal<readonly RtTabsControlDirective[]>;
+    /**
+     * Эффективный id активной вкладки. Приоритет: контролируемый `activeId` →
+     * внутренний выбор → первая доступная. Кандидат валидируется по множеству
+     * видимых незаблокированных вкладок, поэтому корректно реагирует на
+     * асинхронную загрузку/смену набора вкладок.
+     */
+    protected readonly selectedId: Signal<IRtTabs.Id | null>;
+    /** Активная вкладка целиком (для рендера панели). */
+    protected readonly activeTab: Signal<RtTabDirective | null>;
+    /** Видны ли стрелки прокрутки слева/справа (только горизонтальная полоса). */
+    protected readonly restBeforeVisible: WritableSignal<boolean>;
+    protected readonly restAfterVisible: WritableSignal<boolean>;
+    protected readonly tabListRef: Signal<ElementRef<HTMLElement> | undefined>;
+    /** Контролируемый активный id. `null` — компонент сам выбирает первую вкладку. */
+    readonly activeId: InputSignal<IRtTabs.Id | null>;
+    /** Ориентация полосы. */
+    readonly direction: InputSignal<IRtTabs.Direction>;
+    /** Растягивать вкладки на всю ширину полосы. */
+    readonly stretch: InputSignalWithTransform<boolean, BooleanInput>;
+    /** Скроллить область контента при переполнении. */
+    readonly contentScrollable: InputSignalWithTransform<boolean, BooleanInput>;
+    /** Эмиттит id вкладки при её выборе (клик/клавиатура). */
+    readonly activeIdChange: OutputEmitterRef<IRtTabs.Id>;
+    constructor();
+    protected selectTab(id: IRtTabs.Id): void;
+    /** Навигация по вкладкам с клавиатуры (automatic activation). */
+    protected onTabKeydown(event: KeyboardEvent): void;
+    /** Старт прокрутки полосы по удержанию ЛКМ на стрелке. */
+    protected onRestPointerDown(direction: TScrollDirection, event: MouseEvent): void;
+    protected onRestPointerUp(): void;
+    protected onTabListScroll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtTabsComponent, "rt-tabs", never, { "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "stretch": { "alias": "stretch"; "required": false; "isSignal": true; }; "contentScrollable": { "alias": "contentScrollable"; "required": false; "isSignal": true; }; }, { "activeIdChange": "activeIdChange"; }, ["tabs", "controls"], never, true, never>;
+}
+
+export { IRtTabs, RtTabDirective, RtTabsComponent, RtTabsControlDirective };

package/types/rt-tools-ui-kit-v2-tag.d.ts

@@ -0,0 +1,70 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { OnDestroy, Signal, ElementRef, WritableSignal, InputSignal, InputSignalWithTransform, OutputEmitterRef } from '@angular/core';
+import { TRtKitLabelMap, IRtIcon } from '@rt-tools/ui-kit-v2/core';
+import * as i1 from '@rt-tools/ui-kit-v2/radius';
+
+/**
+ * Контракты `rt-tag` — status pill компонент.
+ * Один корневой неймспейс с префиксом `I`, внутри литеральные union'ы
+ * для severity / size / appearance, используемые как контракт `input()` сигналов компонента
+ * и в `argTypes` Storybook.
+ */
+declare namespace IRtTag {
+    /** Семантическая палитра tag'а: 6 нормализованных членов (warn/contrast объединены в warning/secondary). */
+    type Severity = 'info' | 'success' | 'warning' | 'danger' | 'secondary' | 'neutral';
+    /**
+     * Ступень размера: отступы, кегль и значок пилюли двигаются вместе. Умолчание `md` — тот
+     * размер, каким метка рисовалась до появления ступеней, так что вид без входа не меняется.
+     */
+    type Size = 'sm' | 'md' | 'lg';
+    /** Вид заливки: solid (фон палитры) или outlined (прозрачный фон + рамка цвета палитры). */
+    type Appearance = 'solid' | 'outlined';
+}
+
+/**
+ * Status/label pill для отображения статусов и счётчиков.
+ * Поддерживает 6 severity-вариантов (`info` / `success` / `warning` / `danger` /
+ * `secondary` / `neutral`), любой шаг скругления входом `radius` и опциональный close-control
+ * (рендерит `rt-icon-button` с иконкой `ico-close` и emits `closed` MouseEvent).
+ *
+ * Все цвета — через семантические `--rt-color-state-*` токены; layout через
+ * primitive `--rt-space-*` / `--rt-radius-*` / `--rt-text-*`. BEM-разметка через
+ * директивы `rtBlock` / `rtElem` / `rtMod` из `@rt-tools/core`.
+ */
+declare class RtTagComponent implements OnDestroy {
+    #private;
+    /** Текст pill — обязательный input. */
+    protected readonly t: Signal<TRtKitLabelMap>;
+    protected readonly textRef: Signal<ElementRef<HTMLElement> | undefined>;
+    /** Подписи не хватило места: она урезана многоточием, и целое значение показывает подсказка. */
+    protected readonly overflowing: WritableSignal<boolean>;
+    /** Размер значка ведёт ступень пилюли: свой вход у него был бы вторым числом об одном. */
+    protected readonly iconSize: Signal<IRtIcon.Size>;
+    readonly value: InputSignal<string>;
+    /** Семантическая палитра. По умолчанию `neutral` (нейтральный серый). */
+    readonly severity: InputSignal<IRtTag.Severity>;
+    /**
+     * Ступень размера. Умолчание `md` — тот размер, каким метка рисовалась до появления ступеней.
+     * Отступы, кегль и значок двигаются вместе: кегль, названный отдельно, оставил бы отступы от
+     * другой ступени, и ряд пилюль перестал бы выстраиваться.
+     */
+    readonly size: InputSignal<IRtTag.Size>;
+    /** Вид заливки. По умолчанию `solid`; `outlined` — прозрачный фон + рамка. */
+    readonly appearance: InputSignal<IRtTag.Appearance>;
+    /** Префикс-иконка слева от текста. `null` (дефолт) — без иконки. */
+    readonly icon: InputSignal<IRtIcon.Name | null>;
+    /** Суффикс-иконка справа от текста (напр. `external-link` у тега-ссылки). */
+    readonly iconEnd: InputSignal<IRtIcon.Name | null>;
+    /** Рендерит крестик `rt-icon-button` справа от текста. */
+    readonly closable: InputSignalWithTransform<boolean, BooleanInput>;
+    /** Эмиттит MouseEvent при клике на close-button (только если `closable=true`). */
+    readonly closed: OutputEmitterRef<MouseEvent>;
+    constructor();
+    ngOnDestroy(): void;
+    protected onClose(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtTagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtTagComponent, "rt-tag", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, [{ directive: typeof i1.RtRadiusDirective; inputs: { "radius": "radius"; }; outputs: {}; }]>;
+}
+
+export { IRtTag, RtTagComponent };

package/types/rt-tools-ui-kit-v2-textarea.d.ts

@@ -0,0 +1,36 @@
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { Signal, ElementRef, InputSignal, InputSignalWithTransform } from '@angular/core';
+import { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';
+import * as i1 from '@rt-tools/ui-kit-v2/radius';
+
+type TRtTextareaResize = 'none' | 'vertical';
+/**
+ * Шеренный textarea common/ui. CVA через общий `RtFormControlBase` —
+ * авто-подсветка invalid. Размерные варианты sm/md/lg через host-класс. Resize
+ * policy none/vertical.
+ *
+ * Крестик-очистка НЕ рендерится: в многострочном поле он нетипичен (`clearable`
+ * наследуется, но шаблон его не использует).
+ *
+ * Размеры/цвета — через `--rt-input-*` / `--rt-textarea-*` semantic-токены.
+ * `font-family: inherit` явно — textarea иначе падает на UA-default (monospace).
+ */
+declare class RtTextareaComponent extends RtFormControlBase<string> {
+    protected readonly fieldEl: Signal<ElementRef<HTMLTextAreaElement> | undefined>;
+    protected readonly hasValue: Signal<boolean>;
+    readonly displayText: Signal<string>;
+    readonly placeholder: InputSignal<string>;
+    readonly readonly: InputSignalWithTransform<boolean, BooleanInput>;
+    readonly rows: InputSignalWithTransform<number, NumberInput>;
+    readonly resize: InputSignal<TRtTextareaResize>;
+    protected getEmptyValue(): string;
+    protected focusAfterClear(): void;
+    protected onInput(event: Event): void;
+    protected onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtTextareaComponent, "rt-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RtRadiusDirective; inputs: { "radius": "radius"; }; outputs: {}; }]>;
+}
+
+export { RtTextareaComponent };
+export type { TRtTextareaResize };

package/types/rt-tools-ui-kit-v2-theme-toggle.d.ts

@@ -0,0 +1,43 @@
+import * as i0 from '@angular/core';
+import { Signal, InputSignal } from '@angular/core';
+import { IRtIcon } from '@rt-tools/ui-kit-v2/core';
+
+/**
+ * Модель `<rt-theme-toggle>`: один корневой неймспейс с префиксом `I`.
+ */
+declare namespace IRtThemeToggle {
+    /**
+     * Внешний вид переключателя:
+     *  - `icon` — круглая icon-кнопка с иконкой противоположной темы;
+     *  - `switch` — тоггл-рельса с иконками солнца и луны внутри трека.
+     */
+    type Appearance = 'icon' | 'switch';
+}
+
+/**
+ * Переключатель темы в двух видах (`appearance`):
+ *  - `icon` — круглая icon-кнопка, рендер делегирован в `rt-icon-button`
+ *    (ghost-стиль, focus-visible, hover, aria-pressed через `[active]`);
+ *  - `switch` — тоггл-рельса `rt-toggle-switch` с иконками внутри трека.
+ *
+ * В обоих видах видна иконка противоположной темы — кликом пользователь
+ * переходит к ней. В `switch` это получается само: бегунок стоит над иконкой
+ * текущей темы и закрывает её.
+ *
+ * Инжектит ThemeService напрямую — допустимо благодаря расширенному boundary
+ * ThemeService сам провайден root.
+ */
+declare class RtThemeToggleComponent {
+    #private;
+    protected readonly iconName: Signal<IRtIcon.Name>;
+    protected readonly isSwitch: Signal<boolean>;
+    protected readonly isDark: Signal<boolean>;
+    protected readonly label: string;
+    /** Внешний вид. Default `icon` — компактная кнопка для шапки. */
+    readonly appearance: InputSignal<IRtThemeToggle.Appearance>;
+    onToggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtThemeToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtThemeToggleComponent, "rt-theme-toggle", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { IRtThemeToggle, RtThemeToggleComponent };

package/types/rt-tools-ui-kit-v2-thread-list.d.ts

@@ -0,0 +1,111 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, InputSignal, OnInit, Signal, InputSignalWithTransform, OutputEmitterRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { TRtKitLabelMap, IRtIcon } from '@rt-tools/ui-kit-v2/core';
+import * as i1 from '@rt-tools/ui-kit-v2/radius';
+
+/**
+ * Модель `<rt-thread-list>`: один корневой неймспейс с префиксом `I`.
+ */
+declare namespace IRtThreadList {
+    /** Номер строки: список ведёт записи и с числовым ключом, и со строковым. */
+    type TRowId = number | string;
+    /**
+     * Минимальный контракт строки списка. Shell читает `id` (трек + активный
+     * сегмент + клик) и модификаторы отображения; всё остальное — забота
+     * проецируемого row-темплейта потребителя.
+     *
+     * - `hasUnread` — есть непрочитанные (жирный заголовок + точка).
+     * - `overdue` — просрочка (акцент в meta); необязателен, дефолт — нет.
+     */
+    interface Row {
+        id: TRowId;
+        hasUnread: boolean;
+        overdue?: boolean;
+    }
+    /** Контекст row-темплейта: строка приходит как `$implicit` (`let-row`). */
+    interface RowContext<TRow extends Row> {
+        $implicit: TRow;
+    }
+}
+
+/**
+ * Помечает `<ng-template>` содержимого строки списка. Входом `[rtThreadListRow]`
+ * потребитель передаёт свой массив строк — из него выводится тип `TRow`, поэтому
+ * `let-row` в темплейте типизируется строго (context-guard ниже это подтверждает).
+ */
+declare class RtThreadListRowDirective<TRow extends IRtThreadList.Row> {
+    readonly templateRef: TemplateRef<IRtThreadList.RowContext<TRow>>;
+    readonly rows: InputSignal<readonly TRow[]>;
+    static ngTemplateContextGuard<TRow extends IRtThreadList.Row>(_directive: RtThreadListRowDirective<TRow>, context: unknown): context is IRtThreadList.RowContext<TRow>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtThreadListRowDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RtThreadListRowDirective<any>, "ng-template[rtThreadListRow]", never, { "rows": { "alias": "rtThreadListRow"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Помечает `<ng-template>` с фильтрами — его содержимое рендерится в поповере,
+ * который открывает иконка-фильтр в шапке списка.
+ */
+declare class RtThreadListFiltersDirective {
+    readonly templateRef: TemplateRef<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtThreadListFiltersDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RtThreadListFiltersDirective, "ng-template[rtThreadListFilters]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Помечает `<ng-template>` с кастомным контролом поиска. Когда потребитель его
+ * проецирует, шапка списка рендерит его содержимое вместо встроенного `rt-input`
+ * — так воркспейс подставляет свой автокомплит по каталогу вместо текстового
+ * поиска, не ломая generic-природу списка.
+ */
+declare class RtThreadListSearchDirective {
+    readonly templateRef: TemplateRef<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtThreadListSearchDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RtThreadListSearchDirective, "ng-template[rtThreadListSearch]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Презентационный список тредов для воркспейсов:
+ * поиск с дебаунсом, фильтр-поповер и бесконечная прокрутка. Данные и оркестрация
+ * — на вызывающем; список стора/api не видит.
+ *
+ * Строку рисует потребитель через `<ng-template rtThreadListRow let-row>` (body +
+ * meta); оболочка владеет кнопкой строки (active/unread/overdue), поиском, кнопкой
+ * фильтров (точка-индикатор при `filtersActive`) и скроллом. Фильтры потребитель
+ * кладёт в `<ng-template rtThreadListFilters>` — они рендерятся в поповере.
+ */
+declare class RtThreadListComponent<TRow extends IRtThreadList.Row> implements OnInit {
+    #private;
+    protected readonly t: Signal<TRtKitLabelMap>;
+    protected readonly searchPlaceholderText: Signal<string>;
+    protected readonly emptyTitle: Signal<string>;
+    protected readonly skeletonRows: number[];
+    /** Декоративные строки-превью для иллюстрации пустого состояния списка. */
+    protected readonly emptyPreviewRows: readonly {
+        id: number;
+        icon: IRtIcon.Name;
+        offset: boolean;
+    }[];
+    protected readonly searchControl: FormControl<string>;
+    protected readonly rowTemplate: Signal<RtThreadListRowDirective<TRow> | undefined>;
+    protected readonly filtersTemplate: Signal<RtThreadListFiltersDirective | undefined>;
+    protected readonly searchTemplate: Signal<RtThreadListSearchDirective | undefined>;
+    readonly rows: InputSignal<readonly TRow[]>;
+    readonly activeId: InputSignal<IRtThreadList.TRowId | null>;
+    /** Пусто — берётся переведённая подпись по умолчанию */
+    readonly searchPlaceholder: InputSignal<string>;
+    readonly emptyText: InputSignal<string>;
+    readonly loading: InputSignalWithTransform<boolean, boolean | string>;
+    readonly fetching: InputSignalWithTransform<boolean, boolean | string>;
+    readonly hasMore: InputSignalWithTransform<boolean, boolean | string>;
+    readonly filtersActive: InputSignalWithTransform<boolean, boolean | string>;
+    readonly selectRow: OutputEmitterRef<IRtThreadList.TRowId>;
+    readonly openInNewTab: OutputEmitterRef<IRtThreadList.TRowId>;
+    readonly searchChange: OutputEmitterRef<string>;
+    readonly loadMore: OutputEmitterRef<void>;
+    ngOnInit(): void;
+    protected onSelect(id: IRtThreadList.TRowId, event: MouseEvent): void;
+    protected onLoadMore(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtThreadListComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtThreadListComponent<any>, "rt-thread-list", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fetching": { "alias": "fetching"; "required": false; "isSignal": true; }; "hasMore": { "alias": "hasMore"; "required": false; "isSignal": true; }; "filtersActive": { "alias": "filtersActive"; "required": false; "isSignal": true; }; }, { "selectRow": "selectRow"; "openInNewTab": "openInNewTab"; "searchChange": "searchChange"; "loadMore": "loadMore"; }, ["rowTemplate", "filtersTemplate", "searchTemplate"], never, true, [{ directive: typeof i1.RtRadiusDirective; inputs: { "radius": "radius"; }; outputs: {}; }]>;
+}
+
+export { IRtThreadList, RtThreadListComponent, RtThreadListFiltersDirective, RtThreadListRowDirective, RtThreadListSearchDirective };

package/types/rt-tools-ui-kit-v2-timeline.d.ts

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import { InputSignal } from '@angular/core';
+
+declare namespace IRtTimeline {
+    /**
+     * Статус шага:
+     * - `complete` — пройденный шаг (заполненная точка);
+     * - `current` — активный/последний шаг (увеличенная подсвеченная точка);
+     * - `pending` — предстоящий шаг (полая точка).
+     */
+    type Status = 'complete' | 'current' | 'pending';
+    interface Step {
+        /** Заголовок шага. */
+        label: string;
+        /** Вторичная строка (время/детали); пусто — не рендерится. */
+        meta?: string;
+        /** Инициатор действия; пусто — не рендерится. */
+        actor?: string;
+        status: Status;
+    }
+}
+
+/**
+ * Вертикальный таймлайн-степпер: список шагов сверху вниз, каждый — точка на
+ * соединительной линии, заголовок и вторичная строка (время + инициатор). Шаги
+ * задаются через input `steps`; статус точки (`complete`/`current`/`pending`)
+ * приходит готовым в каждом шаге — компонент презентационный и порядок не считает.
+ */
+declare class RtTimelineComponent {
+    readonly steps: InputSignal<readonly IRtTimeline.Step[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtTimelineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtTimelineComponent, "rt-timeline", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { IRtTimeline, RtTimelineComponent };

package/types/rt-tools-ui-kit-v2-toast.d.ts

@@ -0,0 +1,103 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { InjectionToken, AfterViewInit, OnDestroy, Signal, InputSignal, InputSignalWithTransform, OutputEmitterRef, WritableSignal } from '@angular/core';
+import { INotification, IRtIcon, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';
+
+declare const RT_TOASTER_GAP_PX: number;
+/**
+ * Значки severity у тоста. Приложение подменяет карту целиком — например, на имена
+ * Material, — а тост со своим `icon` берёт свой значок мимо карты.
+ */
+declare const RT_TOAST_SEVERITY_ICONS: InjectionToken<Readonly<Record<INotification.Severity, IRtIcon.Name>>>;
+declare namespace IRtToaster {
+    type Position = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+    type PositionY = 'top' | 'bottom';
+    type PositionX = 'left' | 'center' | 'right';
+    /** `stack` копит тосты стопкой; `replace` — новый тост уводит прежние. */
+    type Mode = 'stack' | 'replace';
+    interface Toast {
+        readonly id: number;
+        readonly severity: INotification.Severity;
+        readonly message: string;
+        readonly description?: string;
+        readonly meta?: string;
+        readonly action?: INotification.Action;
+        readonly secondaryAction?: INotification.Action;
+        readonly filled?: boolean;
+        readonly duration?: number | null;
+        readonly progress?: boolean;
+        readonly icon?: IRtIcon.Name | null;
+        /** Тост вытеснен новым в режиме `replace` и уходит своей анимацией. */
+        readonly replaced?: boolean;
+    }
+    interface Height {
+        readonly toastId: number;
+        readonly height: number;
+    }
+}
+
+declare class RtToastComponent implements AfterViewInit, OnDestroy {
+    #private;
+    protected readonly t: Signal<TRtKitLabelMap>;
+    /** Свой значок тоста важнее карты severity; `null` у тоста значок снимает. */
+    protected readonly icon: Signal<IRtIcon.Name | null>;
+    /** Срок жизни тоста: свой, если задан, иначе тостера; `null` — таймера нет. */
+    protected readonly lifetime: Signal<number | null>;
+    protected readonly showProgress: Signal<boolean>;
+    /** Таймер и полоса срока встают от одного признака, чтобы не разойтись. */
+    protected readonly paused: Signal<boolean>;
+    readonly toast: InputSignal<IRtToaster.Toast>;
+    readonly index: InputSignal<number>;
+    readonly totalToasts: InputSignal<number>;
+    readonly heights: InputSignal<IRtToaster.Height[]>;
+    readonly expanded: InputSignalWithTransform<boolean, BooleanInput>;
+    readonly expandByDefault: InputSignalWithTransform<boolean, BooleanInput>;
+    readonly interacting: InputSignalWithTransform<boolean, BooleanInput>;
+    readonly position: InputSignal<IRtToaster.Position>;
+    readonly visibleToasts: InputSignal<number>;
+    readonly duration: InputSignal<number>;
+    readonly heightAdded: OutputEmitterRef<IRtToaster.Height>;
+    readonly heightRemoved: OutputEmitterRef<number>;
+    readonly dismissed: OutputEmitterRef<number>;
+    get hostModifierClasses(): Record<string, boolean>;
+    get hostStackStyles(): Record<string, string>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected onAction(): void;
+    protected onSecondaryAction(): void;
+    protected onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtToastComponent, "rt-toast", never, { "toast": { "alias": "toast"; "required": true; "isSignal": true; }; "index": { "alias": "index"; "required": true; "isSignal": true; }; "totalToasts": { "alias": "totalToasts"; "required": true; "isSignal": true; }; "heights": { "alias": "heights"; "required": true; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": true; "isSignal": true; }; "expandByDefault": { "alias": "expandByDefault"; "required": false; "isSignal": true; }; "interacting": { "alias": "interacting"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "visibleToasts": { "alias": "visibleToasts"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; }, { "heightAdded": "heightAdded"; "heightRemoved": "heightRemoved"; "dismissed": "dismissed"; }, never, never, true, never>;
+}
+
+declare class RtToasterComponent {
+    #private;
+    protected readonly ariaLabel: Signal<string>;
+    protected readonly toasts: WritableSignal<IRtToaster.Toast[]>;
+    protected readonly heights: WritableSignal<IRtToaster.Height[]>;
+    protected readonly expanded: WritableSignal<boolean>;
+    protected readonly interacting: WritableSignal<boolean>;
+    protected readonly positionY: Signal<IRtToaster.PositionY>;
+    protected readonly positionX: Signal<IRtToaster.PositionX>;
+    readonly position: InputSignal<IRtToaster.Position>;
+    readonly duration: InputSignalWithTransform<number, number | string>;
+    readonly visibleToasts: InputSignalWithTransform<number, number | string>;
+    /** `replace` — новый тост уводит прежние их же анимацией ухода, а не копится стопкой. */
+    readonly mode: InputSignal<IRtToaster.Mode>;
+    readonly expand: InputSignalWithTransform<boolean, boolean | string>;
+    get hostModifierClasses(): Record<string, boolean>;
+    get hostStackStyles(): Record<string, string>;
+    constructor();
+    protected onStackEnter(): void;
+    protected onStackLeave(): void;
+    protected onStackPointerDown(): void;
+    protected onStackPointerUp(): void;
+    protected onHeightAdded(height: IRtToaster.Height): void;
+    protected onHeightRemoved(toastId: number): void;
+    protected onDismissed(toastId: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtToasterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtToasterComponent, "rt-toaster", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "visibleToasts": { "alias": "visibleToasts"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "expand": { "alias": "expand"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { IRtToaster, RT_TOASTER_GAP_PX, RT_TOAST_SEVERITY_ICONS, RtToastComponent, RtToasterComponent };