@rt-tools/ui-kit-v2 0.32.0 → 0.34.0

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import { EnvironmentProviders, InjectionToken, InputSignal, InputSignalWithTransform, OnDestroy, OutputEmitterRef, PipeTransform, Signal, WritableSignal } from "@angular/core";
+import { EnvironmentProviders, InjectionToken, InputSignal, InputSignalWithTransform, OnDestroy, OutputEmitterRef, PipeTransform, Signal, Type, WritableSignal } from "@angular/core";
 import { FormControl } from "@angular/forms";
 import { IFilterModel, ISortModel, TFilterOperatorType } from "@rt-tools/utils";
 import { MonoTypeOperatorFunction, Observable } from "rxjs";
@@ -283,6 +283,16 @@ export declare const RT_RADIUS_STEPS: readonly TRtRadius[];
  * кнопке, чья настройка кита называет шаг для всех кнопок сразу.
  */
 export declare const RT_RADIUS_DEFAULT: InjectionToken<TRtRadius | null>;
+/**
+ * Модель `[rtTooltip]`: один корневой неймспейс с префиксом `I`.
+ */
+declare namespace IRtTooltip {
+  /**
+   * Сторона, с которой tooltip пристыкован к host'у. Не поместилась — подсказка уходит на
+   * противоположную; боковой не хватило ни одной стороны — встаёт сверху или снизу.
+   */
+  type Placement = 'top' | 'bottom' | 'left' | 'right';
+}
 /**
  * Тема оформления. Выбор и вид — две разные вещи, и кит их не смешивает.
  *
@@ -367,6 +377,18 @@ export declare namespace IRtKitConfig {
     /** Получает ли поле поиска фокус при открытии окна выбора. Умолчание кита — не получает. */
     autofocusSearch?: boolean;
   }
+  /**
+   * Умолчания подсказки `rtTooltip`. Вход на элементе перебивает их, как у кнопки: приложению с
+   * сотнями подсказок не приходится повторять одно и то же на каждой.
+   */
+  interface Tooltip {
+    /** Прячет ли клик открытую подсказку. Умолчание кита — прячет; `false` — как у Material. */
+    hideOnClick?: boolean;
+    /** Сторона подсказки. Умолчание кита — сверху, под материальным набором снизу. */
+    placement?: IRtTooltip.Placement;
+    /** Задержка показа при наведении, мс. Умолчание кита — 300. */
+    showDelay?: number;
+  }
   /** Умолчания по узлам: каждое действует на одну семью и перебивает общее. */
   interface Components {
     button?: Button;
@@ -374,6 +396,7 @@ export declare namespace IRtKitConfig {
     dataTable?: DataTable;
     dataList?: DataList;
     dynamicSelector?: DynamicSelector;
+    tooltip?: Tooltip;
   }
   /** Весь объект настроек целиком. */
   interface Config {
@@ -490,6 +513,7 @@ export declare const RT_KIT_LABELS_EN: {
   readonly chatStatusRead: "Read";
   readonly chatStatusSending: "Sending";
   readonly chatStatusSent: "Delivered";
+  readonly chatStatusUndelivered: "Not delivered";
   readonly chatStopAria: "Stop the answer";
   readonly chatStopLabel: "Stop";
   readonly chatTitle: "Chat";
@@ -1095,6 +1119,12 @@ export declare namespace INotification {
    * `replace`. Ушедший по действию причины не сообщает — его обработчик уже вызван.
    */
   type DismissReason = 'close' | 'timeout' | 'replaced';
+  /**
+   * Почему тост ушёл — всё, что сообщает `afterDismissed()` ручки: причины ухода без действия,
+   * нажатое действие, `dismiss()` самого приложения и `destroyed` — тост ушёл вместе с тостером,
+   * например при смене страницы: ждущий ухода иначе ждал бы вечно.
+   */
+  type CloseReason = DismissReason | 'action' | 'dismiss' | 'destroyed';
   interface Action {
     readonly label: string;
     readonly handler: () => void;
@@ -1127,8 +1157,38 @@ export declare namespace INotification {
      * держит ожидание — вход, подтверждение, — и закрытый крестиком должен его отменить.
      */
     readonly onDismiss?: (reason: DismissReason) => void;
+    /**
+     * Живая доля задачи, 0–100: под сообщением встаёт полоса прогресса. Меняется ручкой —
+     * `update({ progressValue })` — по мере того, как доля приходит из потока задачи.
+     */
+    readonly progressValue?: number | null;
+    /** Подробности, которые раскрываются по нажатию и копируются целиком: текст ошибки, журнал. */
+    readonly details?: string;
+    /**
+     * Свой компонент вместо сообщения и описания. Значок, крестик и сроки остаются у тоста;
+     * компонент получает `data` токеном `RT_TOAST_DATA` и ручку — `NotificationRef`.
+     */
+    readonly component?: Type<unknown>;
+    /** Данные своего компонента. */
+    readonly data?: unknown;
+    /**
+     * Тостер, который покажет тост: тот, у кого вход `channel` с этим именем. Не задано —
+     * `'default'`, его слушает тостер без входа. Свой канал держит закреплённые тосты отдельно:
+     * обычный тост в режиме `replace` их не вытесняет.
+     */
+    readonly channel?: string;
+    /**
+     * Голый тост: без фона, рамки, отступов, тени, скругления, значка, крестика и полосы срока.
+     * Для своего компонента, который сам рисует карточку и свою кнопку закрытия; место в стопке,
+     * появление и уход, ручка и имя для чтения с экрана остаются.
+     */
+    readonly bare?: boolean;
   }
-  type Options = Pick<Payload, 'description' | 'meta' | 'action' | 'secondaryAction' | 'filled' | 'duration' | 'progress' | 'icon' | 'onDismiss'>;
+  type Options = Pick<Payload, 'description' | 'meta' | 'action' | 'secondaryAction' | 'filled' | 'duration' | 'progress' | 'icon' | 'onDismiss' | 'progressValue' | 'details' | 'channel' | 'bare'>;
+  /** Что меняет ручка показанного тоста: текст, важность, долю, подробности и данные компонента. */
+  type Update = Partial<Pick<Payload, 'message' | 'description' | 'meta' | 'severity' | 'progressValue' | 'details' | 'data'>>;
+  /** Тост из своего компонента: важность по умолчанию `info`, сообщение — имя для чтения с экрана. */
+  type ComponentOptions = Options & Partial<Pick<Payload, 'severity' | 'message' | 'data'>>;
   /**
    * Событие шины уведомлений. `type` — строковый дискриминатор (доменные
    * action-перечисления вроде «обновление записи успешно»/«ошибка загрузки
@@ -1136,8 +1196,39 @@ export declare namespace INotification {
    */
   interface Event extends IMessageBusEvent<string> {
     readonly payload: Payload;
+    /** Ручка показанного тоста; шина кладёт её сама при отправке. */
+    readonly ref?: IRef;
+  }
+  /** Ручка показанного тоста: закрыть, обновить и узнать, когда и почему он ушёл. */
+  interface IRef {
+    update(patch: Update): void;
+    dismiss(): void;
+    afterDismissed(): Observable<CloseReason>;
   }
 }
+/**
+ * Ручка показанного тоста. Её возвращает шина уведомлений при отправке: приложение закрывает
+ * тост, когда задача кончилась или сеть вернулась, меняет текст и долю на ходу и узнаёт, почему тост
+ * ушёл. Своему компоненту тоста она же приходит инъекцией.
+ *
+ * Тостер слушает обновления и просьбу закрыть, а уход отмечает `markClosed`. После ухода ручка
+ * молчит: обновление и повторное закрытие ушедшего тоста ничего не делают.
+ */
+export declare class NotificationRef implements INotification.IRef {
+  #private;
+  /** Меняет показанный тост: текст, важность, долю, подробности или данные своего компонента. */
+  update(patch: INotification.Update): void;
+  /** Закрывает тост его анимацией ухода; `afterDismissed()` сообщит `dismiss`. */
+  dismiss(): void;
+  /** Один раз сообщает, почему тост ушёл, и завершается. Подписка после ухода тоже получит ответ. */
+  afterDismissed(): Observable<INotification.CloseReason>;
+  /** Поток обновлений — для тостера. */
+  onUpdate(): Observable<INotification.Update>;
+  /** Поток просьб закрыть — для тостера. */
+  onDismissRequest(): Observable<void>;
+  /** Тост ушёл: тостер сообщает причину, и ручка замолкает. */
+  markClosed(reason: INotification.CloseReason): void;
+}
 /**
  * Шина уведомлений приложения. Эмиттеры (сторы) публикуют сюда событие с
  * готовым текстом и severity и больше ничего не знают об отрисовке. Подписчик
@@ -1147,16 +1238,31 @@ export declare namespace INotification {
  * аргументом — текст для пользователя, вторым (необязательно) — доменный
  * action-тип для точечной фильтрации через `ofType`. Если тип не передан,
  * подставляется значение severity.
+ *
+ * `open` и `openFromComponent` возвращают `NotificationRef` — ручку показанного тоста: закрыть его,
+ * обновить на ходу и узнать, почему он ушёл.
  */
 export declare class NotificationBus {
   #private;
   emit(event: INotification.Event): void;
+  /**
+   * Тост с ручкой: закрыть его, обновить на ходу и узнать, почему он ушёл. Тип события по
+   * умолчанию — важность. `emit` и `success`/`info`/`warning`/`error` ручки не возвращают: их
+   * зовут из стрелок с типом `void`, и смена типа сломала бы сборку таких мест.
+   */
+  open(payload: INotification.Payload, type?: string): NotificationRef;
   onEmit(): Observable<INotification.Event>;
   ofType(type: string): Observable<INotification.Event>;
   success(message: string, type?: string, options?: INotification.Options): void;
   info(message: string, type?: string, options?: INotification.Options): void;
   warning(message: string, type?: string, options?: INotification.Options): void;
   error(message: string, type?: string, options?: INotification.Options): void;
+  /**
+   * Тост из своего компонента: компонент встаёт на место сообщения и получает `data` токеном
+   * `RT_TOAST_DATA`, а ручку — инъекцией `NotificationRef`. Сообщение остаётся именем тоста для
+   * чтения с экрана, когда компонент своего текста не даёт.
+   */
+  openFromComponent(component: Type<unknown>, options?: INotification.ComponentOptions, type?: string): NotificationRef;
   static ɵfac: i0.ɵɵFactoryDeclaration<NotificationBus, never>;
   static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
@@ -1291,9 +1397,9 @@ export declare class RtInfiniteScrollDirective implements OnDestroy {
   }, never, never, true, never>;
 }
 /** The name of a styling property the kit declares itself. */
-export type TRtDesignTokenName = '--rt-amber-400' | '--rt-border-width-medium' | '--rt-border-width-thick' | '--rt-border-width-thin' | '--rt-bp-lg' | '--rt-bp-md' | '--rt-bp-sm' | '--rt-bp-xl' | '--rt-brand-100' | '--rt-brand-200' | '--rt-brand-300' | '--rt-brand-400' | '--rt-brand-50' | '--rt-brand-500' | '--rt-brand-600' | '--rt-brand-700' | '--rt-brand-800' | '--rt-brand-900' | '--rt-brand-950' | '--rt-btn-tint-active' | '--rt-btn-tint-hover' | '--rt-charcoal-700' | '--rt-charcoal-800' | '--rt-charcoal-900' | '--rt-charcoal-950' | '--rt-charcoal-border' | '--rt-charcoal-border-strong' | '--rt-chat-bubble-date' | '--rt-chat-bubble-in-author' | '--rt-chat-bubble-in-bg' | '--rt-chat-bubble-own-author' | '--rt-chat-bubble-own-bg' | '--rt-chat-status-read' | '--rt-color-action-danger' | '--rt-color-action-danger-active' | '--rt-color-action-danger-hover' | '--rt-color-action-danger-on-surface' | '--rt-color-action-disabled' | '--rt-color-action-info' | '--rt-color-action-info-active' | '--rt-color-action-info-hover' | '--rt-color-action-info-on-surface' | '--rt-color-action-on-danger' | '--rt-color-action-on-disabled' | '--rt-color-action-on-info' | '--rt-color-action-on-primary' | '--rt-color-action-on-secondary' | '--rt-color-action-on-success' | '--rt-color-action-on-warning' | '--rt-color-action-primary' | '--rt-color-action-primary-active' | '--rt-color-action-primary-hover' | '--rt-color-action-primary-on-surface' | '--rt-color-action-primary-soft' | '--rt-color-action-primary-subtle' | '--rt-color-action-secondary' | '--rt-color-action-secondary-active' | '--rt-color-action-secondary-hover' | '--rt-color-action-secondary-on-surface' | '--rt-color-action-success' | '--rt-color-action-success-active' | '--rt-color-action-success-hover' | '--rt-color-action-success-on-surface' | '--rt-color-action-warning' | '--rt-color-action-warning-active' | '--rt-color-action-warning-hover' | '--rt-color-action-warning-on-surface' | '--rt-color-bg-hover' | '--rt-color-bg-inverse' | '--rt-color-bg-nav' | '--rt-color-bg-overlay' | '--rt-color-bg-page' | '--rt-color-bg-page-auth' | '--rt-color-bg-subtle' | '--rt-color-bg-surface' | '--rt-color-bg-surface-auth-card' | '--rt-color-bg-surface-subtle' | '--rt-color-bg-surface-subtle-2' | '--rt-color-border-default' | '--rt-color-border-focus' | '--rt-color-border-strong' | '--rt-color-border-subtle' | '--rt-color-field-fill-underline' | '--rt-color-service-logo-bg' | '--rt-color-service-logo-mark' | '--rt-color-skeleton-base' | '--rt-color-skeleton-wave' | '--rt-color-state-danger' | '--rt-color-state-danger-bg' | '--rt-color-state-error-text' | '--rt-color-state-info' | '--rt-color-state-info-bg' | '--rt-color-state-success' | '--rt-color-state-success-bg' | '--rt-color-state-success-text' | '--rt-color-state-warning' | '--rt-color-state-warning-bg' | '--rt-color-state-warning-text' | '--rt-color-stepper-current' | '--rt-color-stepper-current-subtle' | '--rt-color-stepper-progress' | '--rt-color-stepper-track' | '--rt-color-table-head-bg' | '--rt-color-text-disabled' | '--rt-color-text-inverse' | '--rt-color-text-link' | '--rt-color-text-link-hover' | '--rt-color-text-muted' | '--rt-color-text-primary' | '--rt-control-height-2xl' | '--rt-control-height-lg' | '--rt-control-height-md' | '--rt-control-height-sm' | '--rt-control-height-xl' | '--rt-control-max-width' | '--rt-control-panel-max-height' | '--rt-control-textarea-min-height-lg' | '--rt-control-textarea-min-height-md' | '--rt-control-textarea-min-height-sm' | '--rt-counter-gap' | '--rt-counter-row-color-border' | '--rt-counter-row-gap' | '--rt-counter-row-hint-color' | '--rt-counter-row-hint-font-size' | '--rt-counter-row-label-color' | '--rt-counter-row-label-font-size' | '--rt-counter-row-padding-y' | '--rt-counter-value-color' | '--rt-counter-value-font-size' | '--rt-counter-value-min-width' | '--rt-danger-50' | '--rt-danger-500' | '--rt-danger-600' | '--rt-danger-700' | '--rt-duration-base' | '--rt-duration-fast' | '--rt-duration-slow' | '--rt-duration-slower' | '--rt-field-error-color' | '--rt-field-error-font-size' | '--rt-field-gap' | '--rt-field-hint-color' | '--rt-field-hint-font-size' | '--rt-field-label-color' | '--rt-field-label-font-size' | '--rt-field-label-font-weight' | '--rt-field-label-help-gap' | '--rt-field-required-color' | '--rt-field-value-color' | '--rt-field-value-empty-color' | '--rt-field-value-font-size' | '--rt-focus-ring-color' | '--rt-focus-ring-color-danger' | '--rt-focus-ring-offset' | '--rt-focus-ring-width' | '--rt-font-family-mono' | '--rt-font-family-sans' | '--rt-font-weight-bold' | '--rt-font-weight-medium' | '--rt-font-weight-regular' | '--rt-font-weight-semibold' | '--rt-gray-350' | '--rt-icon-button-color-bg-hover' | '--rt-icon-button-disabled-color' | '--rt-icon-button-disabled-fill' | '--rt-icon-button-disabled-opacity' | '--rt-info-50' | '--rt-info-500' | '--rt-info-600' | '--rt-info-700' | '--rt-input-border-width' | '--rt-input-color-bg' | '--rt-input-color-bg-disabled' | '--rt-input-color-bg-hover' | '--rt-input-color-border' | '--rt-input-color-border-error' | '--rt-input-color-border-focus' | '--rt-input-color-text' | '--rt-input-color-text-placeholder' | '--rt-input-disabled-opacity' | '--rt-input-focus-outline-offset' | '--rt-input-focus-shadow' | '--rt-input-focus-shadow-error' | '--rt-input-font-size' | '--rt-input-gap' | '--rt-input-height' | '--rt-input-height-lg' | '--rt-input-height-md' | '--rt-input-height-sm' | '--rt-input-icon-color' | '--rt-input-icon-size' | '--rt-input-line-height' | '--rt-input-max-width' | '--rt-input-padding-x' | '--rt-input-padding-y' | '--rt-input-panel-max-height' | '--rt-input-radius' | '--rt-input-transition' | '--rt-leading-none' | '--rt-leading-normal' | '--rt-leading-relaxed' | '--rt-leading-snug' | '--rt-leading-tight' | '--rt-letter-spacing-wide' | '--rt-list-action-color' | '--rt-list-action-color-bg-hover' | '--rt-list-action-color-hover' | '--rt-list-action-divider-height' | '--rt-list-action-gap' | '--rt-list-action-icon-size' | '--rt-list-action-radius' | '--rt-list-action-shadow' | '--rt-list-action-shadow-hover' | '--rt-list-content-padding-bottom' | '--rt-list-copy-button-bg' | '--rt-list-copy-button-bg-hover' | '--rt-list-copy-button-color' | '--rt-list-copy-button-radius' | '--rt-list-copy-button-size' | '--rt-list-empty-icon-size' | '--rt-list-empty-icon-wrap-bg' | '--rt-list-empty-icon-wrap-size' | '--rt-list-empty-title-size' | '--rt-list-empty-title-weight' | '--rt-list-filter-line-height' | '--rt-list-placeholder-grow' | '--rt-list-placeholder-min-height' | '--rt-list-search-color-bg' | '--rt-list-search-color-border' | '--rt-list-search-color-placeholder' | '--rt-list-search-font-size' | '--rt-list-search-gap' | '--rt-list-search-height' | '--rt-list-search-icon-color' | '--rt-list-search-icon-size' | '--rt-list-search-padding-x' | '--rt-list-search-radius' | '--rt-list-search-width' | '--rt-list-selector-label-color' | '--rt-list-settings-icon-color' | '--rt-list-settings-item-bg' | '--rt-list-settings-item-radius' | '--rt-list-table-button-radius' | '--rt-list-table-button-size' | '--rt-list-table-head-divider-color' | '--rt-list-table-icon-color' | '--rt-list-table-icon-size' | '--rt-list-toolbar-gap' | '--rt-list-toolbar-padding-bottom' | '--rt-list-toolbar-padding-top' | '--rt-mat-blue-100' | '--rt-mat-blue-20' | '--rt-mat-blue-40' | '--rt-mat-blue-60' | '--rt-mat-blue-80' | '--rt-mat-blue-active' | '--rt-mat-blue-hover' | '--rt-mat-dark-10' | '--rt-mat-dark-20' | '--rt-mat-dark-30' | '--rt-mat-dark-40' | '--rt-mat-green-10' | '--rt-mat-green-100' | '--rt-mat-green-120' | '--rt-mat-green-20' | '--rt-mat-green-40' | '--rt-mat-green-60' | '--rt-mat-green-80' | '--rt-mat-green-active' | '--rt-mat-green-hover' | '--rt-mat-menu-min-width' | '--rt-mat-menu-sm-icon-size' | '--rt-mat-menu-sm-item-height' | '--rt-mat-navy-100' | '--rt-mat-neutral-0' | '--rt-mat-neutral-10' | '--rt-mat-neutral-100' | '--rt-mat-neutral-15' | '--rt-mat-neutral-20' | '--rt-mat-neutral-25' | '--rt-mat-neutral-30' | '--rt-mat-neutral-35' | '--rt-mat-neutral-40' | '--rt-mat-neutral-5' | '--rt-mat-neutral-60' | '--rt-mat-neutral-80' | '--rt-mat-neutral-active' | '--rt-mat-neutral-hover' | '--rt-mat-orange-10' | '--rt-mat-orange-100' | '--rt-mat-orange-20' | '--rt-mat-orange-40' | '--rt-mat-orange-5' | '--rt-mat-orange-60' | '--rt-mat-orange-70' | '--rt-mat-orange-80' | '--rt-mat-orange-active' | '--rt-mat-orange-hover' | '--rt-mat-overlay-black-32' | '--rt-mat-overlay-black-4' | '--rt-mat-overlay-blue-24' | '--rt-mat-overlay-blue-8' | '--rt-mat-radius-4' | '--rt-mat-radius-5' | '--rt-mat-red-10' | '--rt-mat-red-100' | '--rt-mat-red-20' | '--rt-mat-red-40' | '--rt-mat-red-60' | '--rt-mat-red-80' | '--rt-mat-red-active' | '--rt-mat-red-hover' | '--rt-mat-shadow-fab' | '--rt-mat-shadow-fab-hover' | '--rt-mat-shadow-level-2' | '--rt-mat-yellow-100' | '--rt-mist-50' | '--rt-nav-caret-size' | '--rt-nav-color-disabled' | '--rt-nav-color-focus' | '--rt-nav-header-color-bg' | '--rt-nav-header-padding' | '--rt-nav-item-color' | '--rt-nav-item-color-bg' | '--rt-nav-item-color-bg-active' | '--rt-nav-item-color-border' | '--rt-nav-item-color-caret' | '--rt-nav-item-color-hover' | '--rt-nav-item-color-pressed' | '--rt-nav-item-content-gap' | '--rt-nav-item-font-size' | '--rt-nav-item-font-weight' | '--rt-nav-item-gap' | '--rt-nav-item-height' | '--rt-nav-item-line-height' | '--rt-nav-item-padding' | '--rt-nav-marker-color' | '--rt-nav-marker-size' | '--rt-nav-panel-color-bg' | '--rt-nav-panel-color-border' | '--rt-nav-panel-column-gap' | '--rt-nav-panel-column-width' | '--rt-nav-panel-columns' | '--rt-nav-panel-group-color' | '--rt-nav-panel-group-content-gap' | '--rt-nav-panel-group-font-size' | '--rt-nav-panel-group-font-weight' | '--rt-nav-panel-group-gap' | '--rt-nav-panel-item-color' | '--rt-nav-panel-item-color-active' | '--rt-nav-panel-item-color-bg-active' | '--rt-nav-panel-item-color-bg-hover' | '--rt-nav-panel-item-content-gap' | '--rt-nav-panel-item-font-size' | '--rt-nav-panel-item-font-weight' | '--rt-nav-panel-item-gap' | '--rt-nav-panel-item-height' | '--rt-nav-panel-item-padding' | '--rt-nav-panel-padding' | '--rt-nav-panel-padding-y' | '--rt-nav-panel-shadow' | '--rt-navy-600' | '--rt-navy-900' | '--rt-neutral-0' | '--rt-neutral-100' | '--rt-neutral-200' | '--rt-neutral-300' | '--rt-neutral-400' | '--rt-neutral-50' | '--rt-neutral-500' | '--rt-neutral-600' | '--rt-neutral-700' | '--rt-neutral-800' | '--rt-neutral-900' | '--rt-neutral-950' | '--rt-opacity-disabled' | '--rt-overlay-amber-16' | '--rt-overlay-black-4' | '--rt-overlay-black-50' | '--rt-overlay-black-8' | '--rt-overlay-brand-24' | '--rt-overlay-brand-8' | '--rt-overlay-danger-16' | '--rt-overlay-menu-bg' | '--rt-overlay-menu-current-bg' | '--rt-overlay-menu-danger-color' | '--rt-overlay-menu-danger-label-color' | '--rt-overlay-menu-item-icon-size' | '--rt-overlay-menu-item-min-height' | '--rt-overlay-menu-item-padding-x' | '--rt-overlay-menu-item-padding-y' | '--rt-overlay-menu-item-weight' | '--rt-overlay-menu-min-width' | '--rt-overlay-menu-padding-y' | '--rt-overlay-menu-radius' | '--rt-overlay-menu-shadow' | '--rt-overlay-menu-sm-item-icon-size' | '--rt-overlay-menu-sm-item-min-height' | '--rt-overlay-navy-70' | '--rt-overlay-select-check-display' | '--rt-overlay-select-option-font-size' | '--rt-overlay-select-option-min-height' | '--rt-overlay-select-panel-border-width' | '--rt-overlay-select-radius' | '--rt-overlay-select-selected-bg' | '--rt-overlay-select-selected-weight' | '--rt-overlay-select-shadow' | '--rt-overlay-tooltip-radius' | '--rt-overlay-tooltip-shadow' | '--rt-overlay-white-25' | '--rt-overlay-white-4' | '--rt-overlay-white-40' | '--rt-overlay-white-50' | '--rt-overlay-white-8' | '--rt-pagination-arrow-color' | '--rt-pagination-arrow-radius' | '--rt-pagination-arrow-shadow' | '--rt-pagination-arrow-size' | '--rt-pagination-box-color-border' | '--rt-pagination-box-color-text' | '--rt-pagination-box-current-color-bg' | '--rt-pagination-box-current-color-border' | '--rt-pagination-box-current-color-text' | '--rt-pagination-box-current-font-weight' | '--rt-pagination-box-radius' | '--rt-pagination-box-size' | '--rt-pagination-field-color-bg' | '--rt-pagination-field-color-border' | '--rt-pagination-field-color-text' | '--rt-pagination-field-height' | '--rt-pagination-field-padding-x' | '--rt-pagination-field-radius' | '--rt-pagination-gap' | '--rt-pagination-justify' | '--rt-pagination-nav-gap' | '--rt-pagination-padding-x' | '--rt-pagination-padding-y' | '--rt-pagination-per-page-gap' | '--rt-pagination-per-page-label-white-space' | '--rt-pagination-range-display' | '--rt-profile-avatar-border-width' | '--rt-profile-avatar-font-size' | '--rt-profile-avatar-radius' | '--rt-profile-avatar-size' | '--rt-profile-item-content-gap' | '--rt-profile-item-font-size' | '--rt-profile-item-font-weight' | '--rt-profile-item-padding-y' | '--rt-profile-item-radius' | '--rt-profile-menu-border-width' | '--rt-profile-menu-min-width' | '--rt-profile-menu-padding' | '--rt-profile-menu-radius' | '--rt-profile-menu-shadow' | '--rt-profile-row-inset' | '--rt-profile-theme-icon-padding' | '--rt-profile-theme-icon-radius' | '--rt-radius-2xl' | '--rt-radius-control' | '--rt-radius-full' | '--rt-radius-lg' | '--rt-radius-md' | '--rt-radius-ms' | '--rt-radius-none' | '--rt-radius-sm' | '--rt-radius-xl' | '--rt-radius-xs' | '--rt-shadow-card' | '--rt-shadow-card-soft' | '--rt-shadow-dialog' | '--rt-shadow-focus-ring' | '--rt-shadow-focus-ring-danger' | '--rt-shadow-lg' | '--rt-shadow-md' | '--rt-shadow-nav-panel' | '--rt-shadow-none' | '--rt-shadow-profile-menu' | '--rt-shadow-service-logo-lg' | '--rt-shadow-service-logo-md' | '--rt-shadow-service-logo-sm' | '--rt-shadow-service-logo-xs' | '--rt-shadow-sm' | '--rt-shadow-status-dot' | '--rt-shadow-step-indicator' | '--rt-shadow-xl' | '--rt-size-1' | '--rt-size-10' | '--rt-size-100' | '--rt-size-12' | '--rt-size-16' | '--rt-size-2' | '--rt-size-20' | '--rt-size-24' | '--rt-size-3' | '--rt-size-30' | '--rt-size-4' | '--rt-size-40' | '--rt-size-5' | '--rt-size-6' | '--rt-size-60' | '--rt-size-64' | '--rt-size-8' | '--rt-slate-300' | '--rt-space-0' | '--rt-space-0-5' | '--rt-space-1' | '--rt-space-10' | '--rt-space-12' | '--rt-space-16' | '--rt-space-2' | '--rt-space-20' | '--rt-space-24' | '--rt-space-2xl' | '--rt-space-2xs' | '--rt-space-3xl' | '--rt-space-4' | '--rt-space-5' | '--rt-space-6' | '--rt-space-8' | '--rt-space-lg' | '--rt-space-md' | '--rt-space-sm' | '--rt-space-xl' | '--rt-space-xs' | '--rt-success-100' | '--rt-success-400' | '--rt-success-50' | '--rt-success-500' | '--rt-success-600' | '--rt-success-700' | '--rt-text-2xl' | '--rt-text-2xs' | '--rt-text-3xl' | '--rt-text-3xs' | '--rt-text-4xl' | '--rt-text-base' | '--rt-text-lg' | '--rt-text-md' | '--rt-text-sm' | '--rt-text-xl' | '--rt-text-xs' | '--rt-textarea-line-height' | '--rt-textarea-min-height' | '--rt-textarea-min-height-lg' | '--rt-textarea-min-height-md' | '--rt-textarea-min-height-sm' | '--rt-textarea-padding-y' | '--rt-toggle-color-border' | '--rt-toggle-color-icon' | '--rt-toggle-color-thumb' | '--rt-toggle-color-track' | '--rt-toggle-color-track-on' | '--rt-toggle-shadow-border' | '--rt-toggle-shadow-thumb' | '--rt-warning-50' | '--rt-warning-500' | '--rt-warning-600' | '--rt-warning-700' | '--rt-yellow-400' | '--rt-z-base' | '--rt-z-dropdown' | '--rt-z-fixed' | '--rt-z-modal' | '--rt-z-modal-backdrop' | '--rt-z-popover' | '--rt-z-sticky' | '--rt-z-tooltip';
+export type TRtDesignTokenName = '--rt-amber-400' | '--rt-border-width-medium' | '--rt-border-width-thick' | '--rt-border-width-thin' | '--rt-bp-lg' | '--rt-bp-md' | '--rt-bp-sm' | '--rt-bp-xl' | '--rt-brand-100' | '--rt-brand-200' | '--rt-brand-300' | '--rt-brand-400' | '--rt-brand-50' | '--rt-brand-500' | '--rt-brand-600' | '--rt-brand-700' | '--rt-brand-800' | '--rt-brand-900' | '--rt-brand-950' | '--rt-btn-tint-active' | '--rt-btn-tint-hover' | '--rt-charcoal-700' | '--rt-charcoal-800' | '--rt-charcoal-900' | '--rt-charcoal-950' | '--rt-charcoal-border' | '--rt-charcoal-border-strong' | '--rt-chat-bubble-date' | '--rt-chat-bubble-in-author' | '--rt-chat-bubble-in-bg' | '--rt-chat-bubble-own-author' | '--rt-chat-bubble-own-bg' | '--rt-chat-status-read' | '--rt-color-action-danger' | '--rt-color-action-danger-active' | '--rt-color-action-danger-hover' | '--rt-color-action-danger-on-surface' | '--rt-color-action-disabled' | '--rt-color-action-info' | '--rt-color-action-info-active' | '--rt-color-action-info-hover' | '--rt-color-action-info-on-surface' | '--rt-color-action-on-danger' | '--rt-color-action-on-disabled' | '--rt-color-action-on-info' | '--rt-color-action-on-primary' | '--rt-color-action-on-secondary' | '--rt-color-action-on-success' | '--rt-color-action-on-warning' | '--rt-color-action-primary' | '--rt-color-action-primary-active' | '--rt-color-action-primary-hover' | '--rt-color-action-primary-on-surface' | '--rt-color-action-primary-soft' | '--rt-color-action-primary-subtle' | '--rt-color-action-secondary' | '--rt-color-action-secondary-active' | '--rt-color-action-secondary-hover' | '--rt-color-action-secondary-on-surface' | '--rt-color-action-success' | '--rt-color-action-success-active' | '--rt-color-action-success-hover' | '--rt-color-action-success-on-surface' | '--rt-color-action-warning' | '--rt-color-action-warning-active' | '--rt-color-action-warning-hover' | '--rt-color-action-warning-on-surface' | '--rt-color-bg-hover' | '--rt-color-bg-inverse' | '--rt-color-bg-nav' | '--rt-color-bg-overlay' | '--rt-color-bg-page' | '--rt-color-bg-page-auth' | '--rt-color-bg-subtle' | '--rt-color-bg-surface' | '--rt-color-bg-surface-auth-card' | '--rt-color-bg-surface-subtle' | '--rt-color-bg-surface-subtle-2' | '--rt-color-border-default' | '--rt-color-border-focus' | '--rt-color-border-strong' | '--rt-color-border-subtle' | '--rt-color-field-fill-underline' | '--rt-color-service-logo-bg' | '--rt-color-service-logo-mark' | '--rt-color-skeleton-base' | '--rt-color-skeleton-wave' | '--rt-color-state-danger' | '--rt-color-state-danger-bg' | '--rt-color-state-error-text' | '--rt-color-state-info' | '--rt-color-state-info-bg' | '--rt-color-state-success' | '--rt-color-state-success-bg' | '--rt-color-state-success-text' | '--rt-color-state-warning' | '--rt-color-state-warning-bg' | '--rt-color-state-warning-text' | '--rt-color-stepper-current' | '--rt-color-stepper-current-subtle' | '--rt-color-stepper-progress' | '--rt-color-stepper-track' | '--rt-color-table-head-bg' | '--rt-color-text-disabled' | '--rt-color-text-inverse' | '--rt-color-text-link' | '--rt-color-text-link-hover' | '--rt-color-text-muted' | '--rt-color-text-primary' | '--rt-control-height-2xl' | '--rt-control-height-lg' | '--rt-control-height-md' | '--rt-control-height-sm' | '--rt-control-height-xl' | '--rt-control-max-width' | '--rt-control-panel-max-height' | '--rt-control-textarea-min-height-lg' | '--rt-control-textarea-min-height-md' | '--rt-control-textarea-min-height-sm' | '--rt-counter-gap' | '--rt-counter-row-color-border' | '--rt-counter-row-gap' | '--rt-counter-row-hint-color' | '--rt-counter-row-hint-font-size' | '--rt-counter-row-label-color' | '--rt-counter-row-label-font-size' | '--rt-counter-row-padding-y' | '--rt-counter-value-color' | '--rt-counter-value-font-size' | '--rt-counter-value-min-width' | '--rt-danger-50' | '--rt-danger-500' | '--rt-danger-600' | '--rt-danger-700' | '--rt-duration-base' | '--rt-duration-fast' | '--rt-duration-slow' | '--rt-duration-slower' | '--rt-field-error-color' | '--rt-field-error-font-size' | '--rt-field-gap' | '--rt-field-hint-color' | '--rt-field-hint-font-size' | '--rt-field-label-color' | '--rt-field-label-font-size' | '--rt-field-label-font-weight' | '--rt-field-label-help-gap' | '--rt-field-messages-line-height' | '--rt-field-messages-padding-top' | '--rt-field-required-color' | '--rt-field-required-gap' | '--rt-field-value-color' | '--rt-field-value-empty-color' | '--rt-field-value-font-size' | '--rt-focus-ring-color' | '--rt-focus-ring-color-danger' | '--rt-focus-ring-offset' | '--rt-focus-ring-width' | '--rt-font-family-mono' | '--rt-font-family-sans' | '--rt-font-weight-bold' | '--rt-font-weight-medium' | '--rt-font-weight-regular' | '--rt-font-weight-semibold' | '--rt-gray-350' | '--rt-icon-button-color-bg-hover' | '--rt-icon-button-disabled-color' | '--rt-icon-button-disabled-fill' | '--rt-icon-button-disabled-opacity' | '--rt-info-50' | '--rt-info-500' | '--rt-info-600' | '--rt-info-700' | '--rt-input-border-width' | '--rt-input-caret-color' | '--rt-input-clear-bg' | '--rt-input-clear-bg-hover' | '--rt-input-clear-color' | '--rt-input-clear-icon-size' | '--rt-input-clear-offset-end' | '--rt-input-clear-offset-start' | '--rt-input-clear-radius' | '--rt-input-clear-size' | '--rt-input-color-bg' | '--rt-input-color-bg-disabled' | '--rt-input-color-bg-hover' | '--rt-input-color-border' | '--rt-input-color-border-disabled' | '--rt-input-color-border-error' | '--rt-input-color-border-focus' | '--rt-input-color-placeholder-disabled' | '--rt-input-color-text' | '--rt-input-color-text-disabled' | '--rt-input-color-text-placeholder' | '--rt-input-disabled-field-opacity' | '--rt-input-disabled-opacity' | '--rt-input-fill-color-bg-disabled' | '--rt-input-fill-edge' | '--rt-input-fill-focus-shadow' | '--rt-input-fill-focus-shadow-error' | '--rt-input-focus-outline-offset' | '--rt-input-focus-shadow' | '--rt-input-focus-shadow-error' | '--rt-input-font-size' | '--rt-input-gap' | '--rt-input-height' | '--rt-input-height-lg' | '--rt-input-height-md' | '--rt-input-height-sm' | '--rt-input-icon-color' | '--rt-input-icon-size' | '--rt-input-line-height' | '--rt-input-max-width' | '--rt-input-min-width' | '--rt-input-padding-x' | '--rt-input-padding-y' | '--rt-input-panel-max-height' | '--rt-input-radius' | '--rt-input-transition' | '--rt-leading-none' | '--rt-leading-normal' | '--rt-leading-relaxed' | '--rt-leading-snug' | '--rt-leading-tight' | '--rt-letter-spacing-wide' | '--rt-list-action-color' | '--rt-list-action-color-bg-hover' | '--rt-list-action-color-hover' | '--rt-list-action-divider-height' | '--rt-list-action-gap' | '--rt-list-action-icon-size' | '--rt-list-action-radius' | '--rt-list-action-shadow' | '--rt-list-action-shadow-hover' | '--rt-list-content-padding-bottom' | '--rt-list-copy-button-bg' | '--rt-list-copy-button-bg-hover' | '--rt-list-copy-button-color' | '--rt-list-copy-button-radius' | '--rt-list-copy-button-size' | '--rt-list-empty-icon-size' | '--rt-list-empty-icon-wrap-bg' | '--rt-list-empty-icon-wrap-size' | '--rt-list-empty-title-size' | '--rt-list-empty-title-weight' | '--rt-list-filter-line-height' | '--rt-list-placeholder-grow' | '--rt-list-placeholder-min-height' | '--rt-list-search-color-bg' | '--rt-list-search-color-border' | '--rt-list-search-color-placeholder' | '--rt-list-search-font-size' | '--rt-list-search-gap' | '--rt-list-search-height' | '--rt-list-search-icon-color' | '--rt-list-search-icon-size' | '--rt-list-search-padding-x' | '--rt-list-search-radius' | '--rt-list-search-width' | '--rt-list-selector-label-color' | '--rt-list-settings-icon-color' | '--rt-list-settings-item-bg' | '--rt-list-settings-item-radius' | '--rt-list-table-button-radius' | '--rt-list-table-button-size' | '--rt-list-table-head-divider-color' | '--rt-list-table-icon-color' | '--rt-list-table-icon-size' | '--rt-list-toolbar-gap' | '--rt-list-toolbar-padding-bottom' | '--rt-list-toolbar-padding-top' | '--rt-mat-blue-100' | '--rt-mat-blue-20' | '--rt-mat-blue-40' | '--rt-mat-blue-60' | '--rt-mat-blue-80' | '--rt-mat-blue-active' | '--rt-mat-blue-hover' | '--rt-mat-dark-10' | '--rt-mat-dark-20' | '--rt-mat-dark-30' | '--rt-mat-dark-40' | '--rt-mat-green-10' | '--rt-mat-green-100' | '--rt-mat-green-120' | '--rt-mat-green-20' | '--rt-mat-green-40' | '--rt-mat-green-60' | '--rt-mat-green-80' | '--rt-mat-green-active' | '--rt-mat-green-hover' | '--rt-mat-menu-min-width' | '--rt-mat-menu-sm-icon-size' | '--rt-mat-menu-sm-item-height' | '--rt-mat-navy-100' | '--rt-mat-neutral-0' | '--rt-mat-neutral-10' | '--rt-mat-neutral-100' | '--rt-mat-neutral-15' | '--rt-mat-neutral-20' | '--rt-mat-neutral-25' | '--rt-mat-neutral-30' | '--rt-mat-neutral-35' | '--rt-mat-neutral-40' | '--rt-mat-neutral-5' | '--rt-mat-neutral-60' | '--rt-mat-neutral-70' | '--rt-mat-neutral-80' | '--rt-mat-neutral-active' | '--rt-mat-neutral-hover' | '--rt-mat-orange-10' | '--rt-mat-orange-100' | '--rt-mat-orange-20' | '--rt-mat-orange-40' | '--rt-mat-orange-5' | '--rt-mat-orange-60' | '--rt-mat-orange-70' | '--rt-mat-orange-80' | '--rt-mat-orange-active' | '--rt-mat-orange-hover' | '--rt-mat-overlay-black-32' | '--rt-mat-overlay-black-4' | '--rt-mat-overlay-blue-24' | '--rt-mat-overlay-blue-8' | '--rt-mat-radius-4' | '--rt-mat-radius-5' | '--rt-mat-red-10' | '--rt-mat-red-100' | '--rt-mat-red-20' | '--rt-mat-red-40' | '--rt-mat-red-60' | '--rt-mat-red-80' | '--rt-mat-red-active' | '--rt-mat-red-hover' | '--rt-mat-shadow-fab' | '--rt-mat-shadow-fab-hover' | '--rt-mat-shadow-level-2' | '--rt-mat-yellow-100' | '--rt-mist-50' | '--rt-nav-caret-size' | '--rt-nav-color-disabled' | '--rt-nav-color-focus' | '--rt-nav-header-color-bg' | '--rt-nav-header-padding' | '--rt-nav-item-color' | '--rt-nav-item-color-bg' | '--rt-nav-item-color-bg-active' | '--rt-nav-item-color-border' | '--rt-nav-item-color-caret' | '--rt-nav-item-color-hover' | '--rt-nav-item-color-pressed' | '--rt-nav-item-content-gap' | '--rt-nav-item-font-size' | '--rt-nav-item-font-weight' | '--rt-nav-item-gap' | '--rt-nav-item-height' | '--rt-nav-item-line-height' | '--rt-nav-item-padding' | '--rt-nav-marker-color' | '--rt-nav-marker-size' | '--rt-nav-panel-color-bg' | '--rt-nav-panel-color-border' | '--rt-nav-panel-column-gap' | '--rt-nav-panel-column-width' | '--rt-nav-panel-columns' | '--rt-nav-panel-group-color' | '--rt-nav-panel-group-content-gap' | '--rt-nav-panel-group-font-size' | '--rt-nav-panel-group-font-weight' | '--rt-nav-panel-group-gap' | '--rt-nav-panel-item-color' | '--rt-nav-panel-item-color-active' | '--rt-nav-panel-item-color-bg-active' | '--rt-nav-panel-item-color-bg-hover' | '--rt-nav-panel-item-content-gap' | '--rt-nav-panel-item-font-size' | '--rt-nav-panel-item-font-weight' | '--rt-nav-panel-item-gap' | '--rt-nav-panel-item-height' | '--rt-nav-panel-item-padding' | '--rt-nav-panel-padding' | '--rt-nav-panel-padding-y' | '--rt-nav-panel-shadow' | '--rt-navy-600' | '--rt-navy-900' | '--rt-neutral-0' | '--rt-neutral-100' | '--rt-neutral-200' | '--rt-neutral-300' | '--rt-neutral-400' | '--rt-neutral-50' | '--rt-neutral-500' | '--rt-neutral-600' | '--rt-neutral-700' | '--rt-neutral-800' | '--rt-neutral-900' | '--rt-neutral-950' | '--rt-opacity-disabled' | '--rt-overlay-amber-16' | '--rt-overlay-black-4' | '--rt-overlay-black-50' | '--rt-overlay-black-8' | '--rt-overlay-brand-24' | '--rt-overlay-brand-8' | '--rt-overlay-danger-16' | '--rt-overlay-menu-bg' | '--rt-overlay-menu-current-bg' | '--rt-overlay-menu-danger-color' | '--rt-overlay-menu-danger-label-color' | '--rt-overlay-menu-item-icon-size' | '--rt-overlay-menu-item-min-height' | '--rt-overlay-menu-item-padding-x' | '--rt-overlay-menu-item-padding-y' | '--rt-overlay-menu-item-weight' | '--rt-overlay-menu-min-width' | '--rt-overlay-menu-padding-y' | '--rt-overlay-menu-radius' | '--rt-overlay-menu-shadow' | '--rt-overlay-menu-sm-item-icon-size' | '--rt-overlay-menu-sm-item-min-height' | '--rt-overlay-navy-70' | '--rt-overlay-select-check-display' | '--rt-overlay-select-option-font-size' | '--rt-overlay-select-option-min-height' | '--rt-overlay-select-panel-border-width' | '--rt-overlay-select-radius' | '--rt-overlay-select-selected-bg' | '--rt-overlay-select-selected-weight' | '--rt-overlay-select-shadow' | '--rt-overlay-tooltip-radius' | '--rt-overlay-tooltip-shadow' | '--rt-overlay-white-25' | '--rt-overlay-white-4' | '--rt-overlay-white-40' | '--rt-overlay-white-50' | '--rt-overlay-white-8' | '--rt-pagination-arrow-color' | '--rt-pagination-arrow-radius' | '--rt-pagination-arrow-shadow' | '--rt-pagination-arrow-size' | '--rt-pagination-box-color-border' | '--rt-pagination-box-color-text' | '--rt-pagination-box-current-color-bg' | '--rt-pagination-box-current-color-border' | '--rt-pagination-box-current-color-text' | '--rt-pagination-box-current-font-weight' | '--rt-pagination-box-radius' | '--rt-pagination-box-size' | '--rt-pagination-field-color-bg' | '--rt-pagination-field-color-border' | '--rt-pagination-field-color-text' | '--rt-pagination-field-height' | '--rt-pagination-field-padding-x' | '--rt-pagination-field-radius' | '--rt-pagination-gap' | '--rt-pagination-justify' | '--rt-pagination-nav-gap' | '--rt-pagination-padding-x' | '--rt-pagination-padding-y' | '--rt-pagination-per-page-gap' | '--rt-pagination-per-page-label-white-space' | '--rt-pagination-range-display' | '--rt-profile-avatar-border-width' | '--rt-profile-avatar-font-size' | '--rt-profile-avatar-radius' | '--rt-profile-avatar-size' | '--rt-profile-item-content-gap' | '--rt-profile-item-font-size' | '--rt-profile-item-font-weight' | '--rt-profile-item-padding-y' | '--rt-profile-item-radius' | '--rt-profile-menu-border-width' | '--rt-profile-menu-min-width' | '--rt-profile-menu-padding' | '--rt-profile-menu-radius' | '--rt-profile-menu-shadow' | '--rt-profile-row-inset' | '--rt-profile-theme-icon-padding' | '--rt-profile-theme-icon-radius' | '--rt-radius-2xl' | '--rt-radius-control' | '--rt-radius-full' | '--rt-radius-lg' | '--rt-radius-md' | '--rt-radius-ms' | '--rt-radius-none' | '--rt-radius-sm' | '--rt-radius-xl' | '--rt-radius-xs' | '--rt-shadow-card' | '--rt-shadow-card-soft' | '--rt-shadow-dialog' | '--rt-shadow-focus-ring' | '--rt-shadow-focus-ring-danger' | '--rt-shadow-lg' | '--rt-shadow-md' | '--rt-shadow-nav-panel' | '--rt-shadow-none' | '--rt-shadow-profile-menu' | '--rt-shadow-service-logo-lg' | '--rt-shadow-service-logo-md' | '--rt-shadow-service-logo-sm' | '--rt-shadow-service-logo-xs' | '--rt-shadow-sm' | '--rt-shadow-status-dot' | '--rt-shadow-step-indicator' | '--rt-shadow-xl' | '--rt-size-1' | '--rt-size-10' | '--rt-size-100' | '--rt-size-12' | '--rt-size-16' | '--rt-size-2' | '--rt-size-20' | '--rt-size-24' | '--rt-size-3' | '--rt-size-30' | '--rt-size-4' | '--rt-size-40' | '--rt-size-5' | '--rt-size-6' | '--rt-size-60' | '--rt-size-64' | '--rt-size-8' | '--rt-slate-300' | '--rt-space-0' | '--rt-space-0-5' | '--rt-space-1' | '--rt-space-10' | '--rt-space-12' | '--rt-space-16' | '--rt-space-2' | '--rt-space-20' | '--rt-space-24' | '--rt-space-2xl' | '--rt-space-2xs' | '--rt-space-3xl' | '--rt-space-4' | '--rt-space-5' | '--rt-space-6' | '--rt-space-8' | '--rt-space-lg' | '--rt-space-md' | '--rt-space-sm' | '--rt-space-xl' | '--rt-space-xs' | '--rt-success-100' | '--rt-success-400' | '--rt-success-50' | '--rt-success-500' | '--rt-success-600' | '--rt-success-700' | '--rt-tabs-indicator-duration' | '--rt-tabs-indicator-easing' | '--rt-tabs-panel-duration' | '--rt-tabs-panel-easing' | '--rt-tabs-scroll-duration' | '--rt-tabs-scroll-easing' | '--rt-text-2xl' | '--rt-text-2xs' | '--rt-text-3xl' | '--rt-text-3xs' | '--rt-text-4xl' | '--rt-text-base' | '--rt-text-lg' | '--rt-text-md' | '--rt-text-sm' | '--rt-text-xl' | '--rt-text-xs' | '--rt-textarea-line-height' | '--rt-textarea-min-height' | '--rt-textarea-min-height-lg' | '--rt-textarea-min-height-md' | '--rt-textarea-min-height-sm' | '--rt-textarea-padding-y' | '--rt-toggle-chip-color-bg-selected' | '--rt-toggle-chip-color-border' | '--rt-toggle-chip-color-text' | '--rt-toggle-color-border' | '--rt-toggle-color-icon' | '--rt-toggle-color-thumb' | '--rt-toggle-color-track' | '--rt-toggle-color-track-on' | '--rt-toggle-shadow-border' | '--rt-toggle-shadow-thumb' | '--rt-warning-50' | '--rt-warning-500' | '--rt-warning-600' | '--rt-warning-700' | '--rt-yellow-400' | '--rt-z-base' | '--rt-z-dropdown' | '--rt-z-fixed' | '--rt-z-modal' | '--rt-z-modal-backdrop' | '--rt-z-popover' | '--rt-z-sticky' | '--rt-z-tooltip';
 /** The name of a consumer's handle — a property the kit deliberately does not declare. */
-export type TRtConsumerHandleName = '--rt-action-bar-action-bg-hover' | '--rt-action-bar-action-color-danger' | '--rt-action-bar-action-focus-shadow' | '--rt-action-bar-action-font-size' | '--rt-action-bar-action-height' | '--rt-action-bar-action-padding-block' | '--rt-action-bar-action-padding-inline' | '--rt-action-bar-action-radius' | '--rt-action-bar-action-weight' | '--rt-action-bar-bg' | '--rt-action-bar-close-icon-size' | '--rt-action-bar-close-size' | '--rt-action-bar-color' | '--rt-action-bar-counter-font-size' | '--rt-action-bar-counter-weight' | '--rt-action-bar-font-size' | '--rt-action-bar-gap' | '--rt-action-bar-holder-bottom' | '--rt-action-bar-holder-enter-duration' | '--rt-action-bar-holder-inline' | '--rt-action-bar-holder-leave-duration' | '--rt-action-bar-icon-gap' | '--rt-action-bar-icon-size' | '--rt-action-bar-menu-bg' | '--rt-action-bar-menu-color' | '--rt-action-bar-menu-gap' | '--rt-action-bar-menu-item-font-size' | '--rt-action-bar-menu-padding' | '--rt-action-bar-menu-radius' | '--rt-action-bar-menu-shadow' | '--rt-action-bar-padding' | '--rt-action-bar-radius' | '--rt-action-bar-shadow' | '--rt-aside-bg' | '--rt-aside-content-inset' | '--rt-aside-error-margin-block' | '--rt-aside-footer-gap' | '--rt-aside-footer-inset' | '--rt-aside-footer-justify' | '--rt-aside-footer-margin' | '--rt-aside-header-back-icon-size' | '--rt-aside-header-back-size' | '--rt-aside-header-gap' | '--rt-aside-header-inset' | '--rt-aside-header-min-height' | '--rt-aside-header-subtitle-size' | '--rt-aside-header-title-leading' | '--rt-aside-header-title-size' | '--rt-aside-header-title-weight' | '--rt-aside-width' | '--rt-bottom-sheet-max-height' | '--rt-data-table-scrollbar-color' | '--rt-data-table-scrollbar-horizontal-height' | '--rt-data-table-scrollbar-vertical-width' | '--rt-data-table-scrollbar-width' | '--rt-dialog-bg' | '--rt-dialog-border' | '--rt-dialog-content-max-height' | '--rt-dialog-content-padding' | '--rt-dialog-footer-border' | '--rt-dialog-footer-padding' | '--rt-dialog-header-border' | '--rt-dialog-header-padding' | '--rt-dialog-title-font-size' | '--rt-dialog-title-transform' | '--rt-dialog-title-weight' | '--rt-dialog-width' | '--rt-dynamic-selector-list-actions-gap' | '--rt-dynamic-selector-list-actions-offset' | '--rt-dynamic-selector-list-actions-padding-end' | '--rt-dynamic-selector-list-add-color' | '--rt-dynamic-selector-list-controls-divider-color' | '--rt-dynamic-selector-list-controls-divider-width' | '--rt-dynamic-selector-list-controls-gap' | '--rt-dynamic-selector-list-handle-padding-end' | '--rt-dynamic-selector-list-handle-padding-start' | '--rt-dynamic-selector-list-row-padding-end' | '--rt-dynamic-selector-list-title-gap' | '--rt-dynamic-selector-popup-bg' | '--rt-dynamic-selector-popup-border-width' | '--rt-dynamic-selector-popup-button-font-size' | '--rt-dynamic-selector-popup-button-height' | '--rt-dynamic-selector-popup-empty-gap' | '--rt-dynamic-selector-popup-empty-icon-size' | '--rt-dynamic-selector-popup-empty-icon-wrap-bg' | '--rt-dynamic-selector-popup-empty-text-color' | '--rt-dynamic-selector-popup-empty-text-size' | '--rt-dynamic-selector-popup-empty-text-weight' | '--rt-dynamic-selector-popup-foot-border-width' | '--rt-dynamic-selector-popup-foot-padding' | '--rt-dynamic-selector-popup-highlight-bg' | '--rt-dynamic-selector-popup-highlight-color' | '--rt-dynamic-selector-popup-highlight-radius' | '--rt-dynamic-selector-popup-highlight-weight' | '--rt-dynamic-selector-popup-max-height' | '--rt-dynamic-selector-popup-min-height' | '--rt-dynamic-selector-popup-nav-color' | '--rt-dynamic-selector-popup-option-line-height' | '--rt-dynamic-selector-popup-option-min-height' | '--rt-dynamic-selector-popup-padding' | '--rt-dynamic-selector-popup-radius' | '--rt-dynamic-selector-popup-shadow' | '--rt-dynamic-selector-popup-width' | '--rt-header-content-max-width' | '--rt-header-height' | '--rt-icon-button-bg' | '--rt-icon-button-bg-hover' | '--rt-icon-button-size' | '--rt-icon-color-danger' | '--rt-icon-color-disabled' | '--rt-icon-color-info' | '--rt-icon-color-inverse' | '--rt-icon-color-muted' | '--rt-icon-color-primary' | '--rt-icon-color-success' | '--rt-icon-color-warning' | '--rt-icon-glyph-font' | '--rt-icon-glyph-grade' | '--rt-icon-glyph-opsz' | '--rt-icon-glyph-weight' | '--rt-icon-step-2xl' | '--rt-icon-step-3xl' | '--rt-icon-step-4xl' | '--rt-icon-step-lg' | '--rt-icon-step-md' | '--rt-icon-step-sm' | '--rt-icon-step-xl' | '--rt-icon-step-xs' | '--rt-logo-tagline' | '--rt-logo-tagline-dark' | '--rt-logo-wordmark' | '--rt-logo-wordmark-dark' | '--rt-page-header-bg' | '--rt-side-menu-sub-item-letter-spacing' | '--rt-table-actions-bg' | '--rt-tag-color-bg' | '--rt-tag-color-border' | '--rt-tag-color-text' | '--rt-tag-letter-spacing' | '--rt-tag-padding-block' | '--rt-tag-padding-inline' | '--rt-toast-action-color' | '--rt-toast-bg' | '--rt-toast-border-color' | '--rt-toast-close-color' | '--rt-toast-color' | '--rt-toast-filled-danger-bg' | '--rt-toast-filled-danger-border-color' | '--rt-toast-filled-danger-color' | '--rt-toast-filled-info-bg' | '--rt-toast-filled-info-border-color' | '--rt-toast-filled-info-color' | '--rt-toast-filled-success-bg' | '--rt-toast-filled-success-border-color' | '--rt-toast-filled-success-color' | '--rt-toast-filled-warning-bg' | '--rt-toast-filled-warning-border-color' | '--rt-toast-filled-warning-color' | '--rt-toast-icon-color' | '--rt-toast-progress-color' | '--rt-toast-progress-height' | '--rt-workspace-aside-size' | '--rt-workspace-list-size';
+export type TRtConsumerHandleName = '--rt-action-bar-action-bg-hover' | '--rt-action-bar-action-color-danger' | '--rt-action-bar-action-focus-shadow' | '--rt-action-bar-action-font-size' | '--rt-action-bar-action-height' | '--rt-action-bar-action-padding-block' | '--rt-action-bar-action-padding-inline' | '--rt-action-bar-action-radius' | '--rt-action-bar-action-weight' | '--rt-action-bar-bg' | '--rt-action-bar-close-icon-size' | '--rt-action-bar-close-size' | '--rt-action-bar-color' | '--rt-action-bar-counter-font-size' | '--rt-action-bar-counter-weight' | '--rt-action-bar-font-size' | '--rt-action-bar-gap' | '--rt-action-bar-holder-bottom' | '--rt-action-bar-holder-enter-duration' | '--rt-action-bar-holder-inline' | '--rt-action-bar-holder-leave-duration' | '--rt-action-bar-icon-gap' | '--rt-action-bar-icon-size' | '--rt-action-bar-menu-bg' | '--rt-action-bar-menu-color' | '--rt-action-bar-menu-gap' | '--rt-action-bar-menu-item-font-size' | '--rt-action-bar-menu-padding' | '--rt-action-bar-menu-radius' | '--rt-action-bar-menu-shadow' | '--rt-action-bar-padding' | '--rt-action-bar-radius' | '--rt-action-bar-shadow' | '--rt-aside-bg' | '--rt-aside-content-inset' | '--rt-aside-error-margin-block' | '--rt-aside-footer-gap' | '--rt-aside-footer-inset' | '--rt-aside-footer-justify' | '--rt-aside-footer-margin' | '--rt-aside-header-back-icon-size' | '--rt-aside-header-back-size' | '--rt-aside-header-gap' | '--rt-aside-header-inset' | '--rt-aside-header-min-height' | '--rt-aside-header-subtitle-size' | '--rt-aside-header-title-leading' | '--rt-aside-header-title-size' | '--rt-aside-header-title-weight' | '--rt-aside-width' | '--rt-bottom-sheet-max-height' | '--rt-data-table-scrollbar-color' | '--rt-data-table-scrollbar-horizontal-height' | '--rt-data-table-scrollbar-vertical-width' | '--rt-data-table-scrollbar-width' | '--rt-dialog-bg' | '--rt-dialog-border' | '--rt-dialog-content-max-height' | '--rt-dialog-content-padding' | '--rt-dialog-footer-border' | '--rt-dialog-footer-padding' | '--rt-dialog-header-border' | '--rt-dialog-header-padding' | '--rt-dialog-title-font-size' | '--rt-dialog-title-transform' | '--rt-dialog-title-weight' | '--rt-dialog-width' | '--rt-dynamic-selector-list-actions-gap' | '--rt-dynamic-selector-list-actions-offset' | '--rt-dynamic-selector-list-actions-padding-end' | '--rt-dynamic-selector-list-add-color' | '--rt-dynamic-selector-list-controls-divider-color' | '--rt-dynamic-selector-list-controls-divider-width' | '--rt-dynamic-selector-list-controls-gap' | '--rt-dynamic-selector-list-handle-padding-end' | '--rt-dynamic-selector-list-handle-padding-start' | '--rt-dynamic-selector-list-row-padding-end' | '--rt-dynamic-selector-list-title-gap' | '--rt-dynamic-selector-popup-bg' | '--rt-dynamic-selector-popup-border-width' | '--rt-dynamic-selector-popup-button-font-size' | '--rt-dynamic-selector-popup-button-height' | '--rt-dynamic-selector-popup-empty-gap' | '--rt-dynamic-selector-popup-empty-icon-size' | '--rt-dynamic-selector-popup-empty-icon-wrap-bg' | '--rt-dynamic-selector-popup-empty-text-color' | '--rt-dynamic-selector-popup-empty-text-size' | '--rt-dynamic-selector-popup-empty-text-weight' | '--rt-dynamic-selector-popup-foot-border-width' | '--rt-dynamic-selector-popup-foot-padding' | '--rt-dynamic-selector-popup-highlight-bg' | '--rt-dynamic-selector-popup-highlight-color' | '--rt-dynamic-selector-popup-highlight-radius' | '--rt-dynamic-selector-popup-highlight-weight' | '--rt-dynamic-selector-popup-max-height' | '--rt-dynamic-selector-popup-min-height' | '--rt-dynamic-selector-popup-nav-color' | '--rt-dynamic-selector-popup-option-line-height' | '--rt-dynamic-selector-popup-option-min-height' | '--rt-dynamic-selector-popup-padding' | '--rt-dynamic-selector-popup-radius' | '--rt-dynamic-selector-popup-shadow' | '--rt-dynamic-selector-popup-width' | '--rt-expansion-panel-body-box-sizing' | '--rt-expansion-panel-body-font-size' | '--rt-expansion-panel-body-line-height' | '--rt-fab-small-container-color' | '--rt-field-filled-container-color' | '--rt-field-label-letter-spacing' | '--rt-header-content-max-width' | '--rt-header-height' | '--rt-icon-button-bg' | '--rt-icon-button-bg-hover' | '--rt-icon-button-size' | '--rt-icon-color-danger' | '--rt-icon-color-disabled' | '--rt-icon-color-info' | '--rt-icon-color-inverse' | '--rt-icon-color-muted' | '--rt-icon-color-primary' | '--rt-icon-color-success' | '--rt-icon-color-warning' | '--rt-icon-glyph-font' | '--rt-icon-glyph-grade' | '--rt-icon-glyph-opsz' | '--rt-icon-glyph-weight' | '--rt-icon-step-2xl' | '--rt-icon-step-3xl' | '--rt-icon-step-4xl' | '--rt-icon-step-lg' | '--rt-icon-step-md' | '--rt-icon-step-sm' | '--rt-icon-step-xl' | '--rt-icon-step-xs' | '--rt-input-density' | '--rt-input-height-app' | '--rt-input-letter-spacing' | '--rt-logo-tagline' | '--rt-logo-tagline-dark' | '--rt-logo-wordmark' | '--rt-logo-wordmark-dark' | '--rt-menu-container-color' | '--rt-option-selected-state-layer-color' | '--rt-page-header-bg' | '--rt-pagination-field-font-size' | '--rt-side-menu-sub-item-letter-spacing' | '--rt-sys-error' | '--rt-sys-error-container' | '--rt-sys-inverse-on-surface' | '--rt-sys-inverse-surface' | '--rt-sys-level2' | '--rt-sys-level3' | '--rt-sys-level4' | '--rt-sys-on-primary' | '--rt-sys-on-primary-container' | '--rt-sys-on-secondary-container' | '--rt-sys-on-surface' | '--rt-sys-on-surface-variant' | '--rt-sys-outline' | '--rt-sys-outline-variant' | '--rt-sys-primary' | '--rt-sys-primary-container' | '--rt-sys-primary-fixed-dim' | '--rt-sys-secondary-container' | '--rt-sys-surface' | '--rt-sys-surface-container-lowest' | '--rt-sys-surface-variant' | '--rt-table-actions-bg' | '--rt-tag-color-bg' | '--rt-tag-color-border' | '--rt-tag-color-text' | '--rt-tag-letter-spacing' | '--rt-tag-padding-block' | '--rt-tag-padding-inline' | '--rt-toast-action-color' | '--rt-toast-bg' | '--rt-toast-border-color' | '--rt-toast-close-color' | '--rt-toast-color' | '--rt-toast-filled-danger-bg' | '--rt-toast-filled-danger-border-color' | '--rt-toast-filled-danger-color' | '--rt-toast-filled-info-bg' | '--rt-toast-filled-info-border-color' | '--rt-toast-filled-info-color' | '--rt-toast-filled-success-bg' | '--rt-toast-filled-success-border-color' | '--rt-toast-filled-success-color' | '--rt-toast-filled-warning-bg' | '--rt-toast-filled-warning-border-color' | '--rt-toast-filled-warning-color' | '--rt-toast-icon-color' | '--rt-toast-progress-color' | '--rt-toast-progress-height' | '--rt-workspace-aside-size' | '--rt-workspace-list-size';
 /** All the styling properties declared by the kit. */
 export declare const RT_DESIGN_TOKEN_NAMES: readonly TRtDesignTokenName[];
 /** All the consumer's handles: the value comes from the application, until then the fallback works. */

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

@@ -0,0 +1,29 @@
+import * as i0 from "@angular/core";
+import { InputSignalWithTransform } from "@angular/core";
+/**
+ * Разделитель: тонкая линия между группами пунктов списка, разделами окна, кнопками панели.
+ * Горизонтальный идёт во всю ширину родителя, вертикальный — во всю высоту строки, в которой стоит.
+ * `inset` отступает от начала строки, чтобы линия начиналась под текстом, а не под значком;
+ * вертикальная с `inset` короче строки сверху и снизу.
+ *
+ * Линия — граница самого хоста: своей разметки у разделителя нет.
+ */
+export declare class RtDividerComponent {
+  /** Линия стоит вертикально, во всю высоту строки. */
+  readonly vertical: InputSignalWithTransform<boolean, unknown>;
+  /** Отступ: горизонтальная начинается под текстом строки, вертикальная короче сверху и снизу. */
+  readonly inset: InputSignalWithTransform<boolean, unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RtDividerComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RtDividerComponent, "rt-divider", never, {
+    "vertical": {
+      "alias": "vertical";
+      "required": false;
+      "isSignal": true;
+    };
+    "inset": {
+      "alias": "inset";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,257 @@
+import * as i0 from "@angular/core";
+import { ElementRef, InputSignal, InputSignalWithTransform, ModelSignal, OutputEmitterRef, Signal, WritableSignal } from "@angular/core";
+export declare namespace IRtDrawer {
+  /** `side` — панель стоит рядом с содержимым и сужает его, `over` — ложится поверх содержимого. */
+  type Mode = 'side' | 'over';
+  /** У какого края контейнера стоит панель. */
+  type Position = 'start' | 'end';
+  /** Край панели, на котором стоит ручка ширины: тянуть его наружу — значит расширять панель. */
+  type Edge = 'start' | 'end';
+  /** `clip` — содержимое обрезано краем панели и прокручивается в ней, `visible` — выходит за край. */
+  type Overflow = 'clip' | 'visible';
+  /**
+   * Куда панель ставит фокус на открытии. `true` — на саму панель и только поверх содержимого,
+   * `false` — никуда, `'first-tabbable'` — на первый элемент обхода, другая строка — на узел по
+   * CSS-селектору. Узел не нашёлся — фокус встаёт на панель.
+   */
+  type AutoFocus = boolean | string;
+}
+/** Цель фокуса «сама панель» — пустая строка: селектора короче не бывает. */
+export declare const FOCUS_PANEL: string;
+/**
+ * Куда ставить фокус на открытии: `null` — никуда, {@link FOCUS_PANEL} — на панель,
+ * `'first-tabbable'` — на первый элемент обхода, иначе — селектор. Пустой атрибут и строка
+ * `'true'` значат `true`, строка `'false'` — `false`.
+ */
+export declare function autoFocusTarget(value: IRtDrawer.AutoFocus | null | undefined, over: boolean): string | null;
+/** Ширина в пределах `[min, max]`; если границы перепутаны, верх уступает низу. */
+export declare function clampWidth(width: number, min: number, max: number): number;
+/**
+ * Ручка ширины панели: узкая полоса на краю, которую тянут указателем или двигают стрелками.
+ *
+ * Ширину ручка не хранит. Она сообщает новую через `widthChange`, а владелец панели решает, принять
+ * ли её. Значение всегда лежит в пределах `[min, max]`. `Home` и `End` ставят границы.
+ *
+ * Без `width` ручка берёт ширину панели, в которой стоит, в момент первого движения. Так панель
+ * шириной по содержимому начинает тянуться с той ширины, которую видит человек.
+ */
+export declare class RtResizeHandleComponent {
+  #private;
+  protected readonly dragging: WritableSignal<boolean>;
+  /** Текущая ширина панели; `null` — ручка измерит панель сама. */
+  readonly width: InputSignal<number | null>;
+  readonly min: InputSignalWithTransform<number, unknown>;
+  readonly max: InputSignalWithTransform<number, unknown>;
+  /** Сколько пикселей добавляет одно нажатие стрелки. */
+  readonly step: InputSignalWithTransform<number, unknown>;
+  /** На каком краю панели стоит ручка: `start` у панели справа, `end` у панели слева. */
+  readonly edge: InputSignal<IRtDrawer.Edge>;
+  readonly ariaLabel: InputSignal<string | null>;
+  readonly widthChange: OutputEmitterRef<number>;
+  /** Тянуть начали: true, отпустили — false. Пока тянут, панель гасит свой переход ширины. */
+  readonly resizing: OutputEmitterRef<boolean>;
+  protected startDrag(event: PointerEvent): void;
+  protected drag(event: PointerEvent): void;
+  protected endDrag(event: PointerEvent): void;
+  /** Захват потерян без отпускания: перетаскивание кончается так же, как отпусканием. */
+  protected onLostCapture(event: PointerEvent): void;
+  protected onKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RtResizeHandleComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RtResizeHandleComponent, "rt-resize-handle", never, {
+    "width": {
+      "alias": "width";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "step": {
+      "alias": "step";
+      "required": false;
+      "isSignal": true;
+    };
+    "edge": {
+      "alias": "edge";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "widthChange": "widthChange";
+    "resizing": "resizing";
+  }, never, never, true, never>;
+}
+/**
+ * Встраиваемая боковая панель внутри `rt-drawer-container`: рядом с содержимым страницы (`side`)
+ * или поверх него (`over`).
+ *
+ * Панель живёт в странице, а не в оверлее: она занимает место внутри контейнера и не выходит за
+ * его края. Этим она отличается от `rt-aside`, которая открывается над всем окном, и от правой
+ * панели `rt-container`, которая принадлежит каркасу приложения.
+ *
+ * - `opened` — двусторонний вход: панель открывают владелец и сама панель, закрывают её
+ *   подложка и Escape в режиме `over`. С `disableClose` закрыть её может только владелец.
+ * - `width` — двусторонний вход в пикселях. С `resizable` у внутреннего края стоит ручка, которой
+ *   ширину меняют указателем и стрелками в пределах `[minWidth, maxWidth]`.
+ * - Закрытая панель остаётся в разметке и не принимает фокус: содержимое не создаётся заново на
+ *   каждом открытии.
+ * - `openedStart` и `closedStart` приходят в момент смены `opened`, `afterOpened` и `afterClosed` —
+ *   после перехода ширины или сдвига; без движения — сразу.
+ */
+export declare class RtDrawerComponent {
+  #private;
+  protected readonly panel: Signal<ElementRef<HTMLElement>>;
+  protected readonly resizing: WritableSignal<boolean>;
+  /** Ширина, которую панель рисует: вход, удержанный в пределах. */
+  protected readonly shownWidth: Signal<number | null>;
+  /** Ширина по содержимому: у панели нет своей ширины, и тянуть ручкой нечего. */
+  protected readonly autoWidth: Signal<boolean>;
+  protected readonly handleShown: Signal<boolean>;
+  protected readonly backdropShown: Signal<boolean>;
+  /** Открытая панель поверх содержимого держит фокус в себе: Tab не уходит под подложку. */
+  protected readonly trapFocus: Signal<boolean>;
+  /** Ручка стоит у внутреннего края: у панели слева — справа от неё, и наоборот. */
+  protected readonly handleEdge: Signal<IRtDrawer.Edge>;
+  readonly opened: ModelSignal<boolean>;
+  readonly mode: InputSignal<IRtDrawer.Mode>;
+  readonly position: InputSignal<IRtDrawer.Position>;
+  /** Подложка под панелью в режиме `over`. В режиме `side` подложки нет никогда. */
+  readonly hasBackdrop: InputSignalWithTransform<boolean, unknown>;
+  /** Подложка и Escape панель не закрывают: закрыть её может только владелец. */
+  readonly disableClose: InputSignalWithTransform<boolean, unknown>;
+  /** Ширина в пикселях; `null` — панель шириной по содержимому, ручки ширины у неё нет. */
+  readonly width: ModelSignal<number | null>;
+  readonly minWidth: InputSignalWithTransform<number, unknown>;
+  readonly maxWidth: InputSignalWithTransform<number, unknown>;
+  /** У внутреннего края панели стоит ручка ширины. */
+  readonly resizable: InputSignalWithTransform<boolean, unknown>;
+  readonly ariaLabel: InputSignal<string | null>;
+  /** `visible` — содержимое выходит за край панели: выезжающая вбок подпанель, ручка на краю. */
+  readonly overflow: InputSignal<IRtDrawer.Overflow>;
+  /** Куда встаёт фокус на открытии; по умолчанию — на панель, и только поверх содержимого. */
+  readonly autoFocus: InputSignal<IRtDrawer.AutoFocus>;
+  readonly openedStart: OutputEmitterRef<void>;
+  readonly closedStart: OutputEmitterRef<void>;
+  readonly afterOpened: OutputEmitterRef<void>;
+  readonly afterClosed: OutputEmitterRef<void>;
+  /** Нажатие на подложку; приходит и с `disableClose`, до закрытия. */
+  readonly backdropClick: OutputEmitterRef<MouseEvent>;
+  constructor();
+  open(): void;
+  close(): void;
+  toggle(): void;
+  protected onBackdrop(event: MouseEvent): void;
+  protected onEscape(event: Event): void;
+  protected onWidth(width: number): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RtDrawerComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RtDrawerComponent, "rt-drawer", never, {
+    "opened": {
+      "alias": "opened";
+      "required": false;
+      "isSignal": true;
+    };
+    "mode": {
+      "alias": "mode";
+      "required": false;
+      "isSignal": true;
+    };
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+    "hasBackdrop": {
+      "alias": "hasBackdrop";
+      "required": false;
+      "isSignal": true;
+    };
+    "disableClose": {
+      "alias": "disableClose";
+      "required": false;
+      "isSignal": true;
+    };
+    "width": {
+      "alias": "width";
+      "required": false;
+      "isSignal": true;
+    };
+    "minWidth": {
+      "alias": "minWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxWidth": {
+      "alias": "maxWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "resizable": {
+      "alias": "resizable";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "overflow": {
+      "alias": "overflow";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoFocus": {
+      "alias": "autoFocus";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "opened": "openedChange";
+    "width": "widthChange";
+    "openedStart": "openedStart";
+    "closedStart": "closedStart";
+    "afterOpened": "afterOpened";
+    "afterClosed": "afterClosed";
+    "backdropClick": "backdropClick";
+  }, never, ["*"], true, never>;
+}
+/**
+ * Участок страницы с боковыми панелями: строка из содержимого и панелей `rt-drawer` у его краёв.
+ *
+ * Контейнер задаёт строку и обрезает всё, что выходит за его края: панель поверх содержимого
+ * ложится внутри контейнера, а не над всей страницей. Высоту контейнеру даёт место, в которое его
+ * поставили, — панель тянется на всю эту высоту.
+ *
+ * @example
+ * ```html
+ * <rt-drawer-container>
+ *     <rt-drawer resizable [(opened)]="filtersOpen" [(width)]="filtersWidth">…</rt-drawer>
+ *     <section>Отчёт</section>
+ * </rt-drawer-container>
+ * ```
+ */
+export declare class RtDrawerContainerComponent {
+  static ɵfac: i0.ɵɵFactoryDeclaration<RtDrawerContainerComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RtDrawerContainerComponent, "rt-drawer-container", never, {}, {}, never, ["*", "rt-drawer"], true, never>;
+}
+/** Максимальная длительность transition'а элемента в мс; `0` если анимации нет. */
+export declare function transitionDurationMs(win: Window | null, element: HTMLElement): number;
+/**
+ * Зовёт `callback` по окончании перехода одного свойства узла.
+ *
+ * Слушаем окончание одного свойства: на узле могут анимироваться и другие (opacity
+ * backdrop'а, например) — это даст ложные срабатывания.
+ */
+export declare function listenTransitionEnd(win: Window | null, element: HTMLElement, property: string, callback: () => void): void;