@rt-tools/ui-kit-v2 0.19.1 → 0.20.0

package/src/lib/components/dynamic-selector/popup/rt-dynamic-selector-popup-options.scss

@@ -0,0 +1,108 @@
+@layer rt-kit.components {
+    /* Строки и пункты окна выбора — отдельным файлом: стили окна целиком переросли бюджет сборки
+       приложений на один файл стилей компонента. Свойства пунктов объявлены на корне окна. */
+    .rt-dynamic-selector-popup {
+        // Шаг строки снят с первого кита: флажок и по отступу сверху и снизу — около 36px. Наименьшая
+        // высота считается с отступами, а содержимое стоит посередине выросшей строки.
+        &__row {
+            display: flex;
+            min-height: var(--rt-dynamic-selector-popup-option-min-height, var(--rt-dynamic-selector-popup-option-min-height-default));
+            box-sizing: border-box;
+            flex-direction: column;
+            justify-content: center;
+            padding-block: var(--rt-space-sm);
+
+            &--separated {
+                border-bottom: var(--rt-dynamic-selector-popup-border-width, var(--rt-dynamic-selector-popup-border-width-default)) solid
+                    var(--rt-color-border-subtle);
+                margin-block-end: var(--rt-space-2xs);
+                padding-block-end: var(--rt-space-sm);
+            }
+        }
+
+        // Длинная подпись строки переносится: обрезка спрятала бы, какую запись человек отмечает.
+        &__option {
+            display: block;
+            overflow-wrap: anywhere;
+        }
+
+        &__option-label {
+            overflow-wrap: anywhere;
+        }
+
+        // Высота строки подписи пункта — свойство окна. Подпись стоит в подписи флажка или кнопки, и
+        // строку растит она, а не вложенная строчная подпись.
+        &__option-label,
+        &__option .rt-checkbox__label,
+        &__option .rt-radio-button__label {
+            line-height: var(--rt-dynamic-selector-popup-option-line-height, var(--rt-dynamic-selector-popup-option-line-height-default));
+        }
+
+        // Без переноса подпись пункта идёт одной строкой с многоточием, а обрезанная показывает себя
+        // в подсказке. Флажок и его подпись сжимаются до ширины строки, иначе обрезать нечего.
+        // Строка идёт слева направо: центр колонки из базового правила здесь сдвинул бы пункт к середине.
+        &__row--nowrap {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: flex-start;
+            gap: var(--rt-space-sm);
+        }
+
+        &__row--nowrap &__option {
+            min-width: 0;
+            max-width: 100%;
+        }
+
+        // Подпись выбора одной записи рисует окно рядом с кнопкой — так же, как её рисует сама кнопка.
+        &__row--own {
+            display: flex;
+            flex-direction: row;
+            align-items: flex-start;
+            justify-content: flex-start;
+            gap: var(--rt-space-sm);
+        }
+
+        // Кнопка выбора без своей подписи не сжимается: сжатая, она наезжает кружком на подпись.
+        &__option--fixed {
+            flex: 0 0 auto;
+        }
+
+        &__row--own &__option-label {
+            min-width: 0;
+            flex: 1 1 auto;
+            color: var(--rt-color-text-primary);
+            cursor: pointer;
+            font-size: var(--rt-text-sm);
+            user-select: none;
+        }
+
+        // Совпавшие с поиском символы: фон метки браузера заменён свойством окна, как и скругление,
+        // цвет и насыщенность.
+        &__match {
+            border-radius: var(--rt-dynamic-selector-popup-highlight-radius, var(--rt-dynamic-selector-popup-highlight-radius-default));
+            background: var(--rt-dynamic-selector-popup-highlight-bg, var(--rt-dynamic-selector-popup-highlight-bg-default));
+            color: var(--rt-dynamic-selector-popup-highlight-color, var(--rt-dynamic-selector-popup-highlight-color-default));
+            font-weight: var(--rt-dynamic-selector-popup-highlight-weight, var(--rt-dynamic-selector-popup-highlight-weight-default));
+        }
+
+        &__row--nowrap &__option .rt-checkbox {
+            max-width: 100%;
+        }
+
+        &__row--nowrap &__option .rt-checkbox__label {
+            overflow: hidden;
+            min-width: 0;
+        }
+
+        &__row--nowrap &__option-label {
+            display: block;
+            overflow: hidden;
+            min-width: 0;
+            flex: 1 1 auto;
+            font-size: var(--rt-text-sm);
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+    }
+}

package/src/lib/components/dynamic-selector/popup/rt-dynamic-selector-popup.component.scss

@@ -32,6 +32,21 @@
         --rt-dynamic-selector-popup-empty-text-size-default: var(--rt-text-md);
         --rt-dynamic-selector-popup-empty-text-weight-default: var(--rt-font-weight-medium);
         --rt-dynamic-selector-popup-empty-text-color-default: var(--rt-color-text-primary);
+        --rt-dynamic-selector-popup-highlight-color-default: var(--rt-color-text-primary);
+        --rt-dynamic-selector-popup-highlight-weight-default: var(--rt-font-weight-semibold);
+        --rt-dynamic-selector-popup-highlight-bg-default: transparent;
+        --rt-dynamic-selector-popup-highlight-radius-default: 0;
+
+        /* Пункт по умолчанию держит высоту строки браузера и высоту своего содержимого. */
+        --rt-dynamic-selector-popup-option-line-height-default: normal;
+        --rt-dynamic-selector-popup-option-min-height-default: 0;
+
+        /* Зазор от круга под значком до подписи пустого результата: отступ круга и зазор заглушки. */
+        --rt-dynamic-selector-popup-empty-gap-default: calc(var(--rt-space-xs) + var(--rt-space-sm));
+
+        /* Низ окна: отступ сверху до кнопок и отступ окна по бокам, снизу его даёт само окно. */
+        --rt-dynamic-selector-popup-foot-padding-default: var(--rt-space-sm)
+            var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default)) 0;
 
         display: flex;
         width: var(--rt-dynamic-selector-popup-width, var(--rt-dynamic-selector-popup-width-default));
@@ -96,13 +111,16 @@
                 display: block;
             }
 
-            &__multi-hint-icon {
+            // Два класса, а не один: `.rt-icon` задаёт значку свой display, и порядок стилей двух
+            // компонентов кита между собой не закреплён.
+            &__multi &__multi-hint-icon {
                 display: none;
             }
         }
 
+        // Хост rt-checkbox несёт свой display; в колонке flex флажок и так стоит блоком.
         &__select-all {
-            display: block;
+            min-width: 0;
         }
 
         // Тело окна — загрузка, список или пустой результат — занимает высоту, которую оставили шапка и
@@ -124,25 +142,6 @@
             padding-inline: var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default));
         }
 
-        // Шаг строки снят с первого кита: флажок и по отступу сверху и снизу — около 36px.
-        &__row {
-            display: block;
-            padding-block: var(--rt-space-sm);
-
-            &--separated {
-                border-bottom: var(--rt-dynamic-selector-popup-border-width, var(--rt-dynamic-selector-popup-border-width-default)) solid
-                    var(--rt-color-border-subtle);
-                margin-block-end: var(--rt-space-2xs);
-                padding-block-end: var(--rt-space-sm);
-            }
-        }
-
-        // Длинная подпись строки переносится: обрезка спрятала бы, какую запись человек отмечает.
-        &__option {
-            display: block;
-            overflow-wrap: anywhere;
-        }
-
         &__sentinel {
             min-height: var(--rt-size-1);
         }
@@ -158,6 +157,13 @@
             padding-inline: var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default));
         }
 
+        // Зазор заглушки стоит и между подписью и её действием, поэтому свойство двигает отступ круга.
+        &__empty .rt-empty-state__icon-wrap {
+            margin-bottom: calc(
+                var(--rt-dynamic-selector-popup-empty-gap, var(--rt-dynamic-selector-popup-empty-gap-default)) - var(--rt-space-sm)
+            );
+        }
+
         /* Свойства заглушки переставляются правилом из двух классов: объявление самой заглушки
            стоит на том же элементе, и одним классом его не перебить. */
         &__empty.rt-empty-state {
@@ -187,11 +193,10 @@
             display: flex;
             align-items: center;
             justify-content: flex-end;
+            padding: var(--rt-dynamic-selector-popup-foot-padding, var(--rt-dynamic-selector-popup-foot-padding-default));
             border-top: var(--rt-dynamic-selector-popup-foot-border-width, var(--rt-dynamic-selector-popup-foot-border-width-default)) solid
                 var(--rt-color-border-subtle);
             gap: var(--rt-space-sm);
-            padding-block-start: var(--rt-space-sm);
-            padding-inline: var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default));
 
             &--nav {
                 justify-content: space-between;

package/src/lib/components/dynamic-selector/rt-dynamic-selector.component.scss

@@ -12,12 +12,11 @@
             gap: var(--rt-space-sm);
         }
 
-        &__invitation {
-            display: block;
-        }
-
+        // Хосты компонентов кита несут свой блочный класс и свой display, а порядок стилей двух
+        // компонентов между собой не закреплён: своего display у этих элементов нет.
+        &__invitation,
         &__nothing {
-            display: block;
+            min-width: 0;
         }
     }
 }

package/src/lib/components/empty-state/CONTEXT.md

@@ -35,7 +35,9 @@
 - Размеры и подложка — свойства блока: `--rt-empty-state-icon-wrap-size`,
   `--rt-empty-state-icon-wrap-bg`, `--rt-empty-state-icon-size`, `--rt-empty-state-title-size`,
   `--rt-empty-state-title-weight`, `--rt-empty-state-title-color`,
-  `--rt-empty-state-description-size`. Список ставит им назначения `--rt-list-empty-*`. Под
+  `--rt-empty-state-description-size`. Поля и зазоры задают `--rt-empty-state-padding`,
+  `--rt-empty-state-gap`, `--rt-empty-state-icon-offset` и
+  `--rt-empty-state-description-line-height`. Список ставит им назначения `--rt-list-empty-*`. Под
   материальным набором его заглушка рисуется как у первого кита: значок 48px без круга, заголовок
   32px весом 400.
 

package/src/lib/components/empty-state/rt-empty-state.component.scss

@@ -15,6 +15,10 @@
         --rt-empty-state-title-weight: var(--rt-font-weight-medium);
         --rt-empty-state-title-color: var(--rt-color-text-primary);
         --rt-empty-state-description-size: var(--rt-text-sm);
+        --rt-empty-state-description-line-height: var(--rt-leading-normal);
+        --rt-empty-state-padding: var(--rt-space-xl) var(--rt-space-lg);
+        --rt-empty-state-gap: var(--rt-space-sm);
+        --rt-empty-state-icon-offset: var(--rt-space-xs);
         --rt-empty-state-frame-width: var(--rt-border-width-medium);
         --rt-empty-state-frame-color: var(--rt-color-border-strong);
         --rt-empty-state-frame-radius: var(--rt-radius-lg);
@@ -23,8 +27,8 @@
         flex-direction: column;
         align-items: center;
         justify-content: center;
-        padding: var(--rt-space-xl) var(--rt-space-lg);
-        gap: var(--rt-space-sm);
+        padding: var(--rt-empty-state-padding);
+        gap: var(--rt-empty-state-gap);
         text-align: center;
 
         /* Рамка зоны загрузки: пунктир говорит «сюда можно бросить файл», как у первого кита. */
@@ -39,7 +43,7 @@
                 display: none;
             }
 
-            margin-bottom: var(--rt-space-xs);
+            margin-bottom: var(--rt-empty-state-icon-offset);
         }
 
         &__icon-wrap {
@@ -49,7 +53,7 @@
             align-items: center;
             justify-content: center;
             border-radius: var(--rt-empty-state-icon-radius);
-            margin-bottom: var(--rt-space-xs);
+            margin-bottom: var(--rt-empty-state-icon-offset);
             background: var(--rt-empty-state-icon-wrap-bg);
             color: var(--rt-color-text-muted);
 
@@ -74,7 +78,7 @@
             margin: 0;
             color: var(--rt-color-text-muted);
             font-size: var(--rt-empty-state-description-size);
-            line-height: var(--rt-leading-normal);
+            line-height: var(--rt-empty-state-description-line-height);
         }
 
         /* Слот действия скрыт, если ничего не спроецировано (пустой div). */

package/src/lib/components/input/rt-input.component.scss

@@ -47,6 +47,23 @@
             background-color: var(--rt-color-bg-surface-subtle-2);
         }
 
+        /* Шаг входа `radius` у залитого поля скругляет все четыре угла, и черта снизу не рисуется:
+           прямой низ с чертой у поля-таблетки читается обрубленным. Без шага поле остаётся прежним.
+           `:where` держит силу правила на уровне вида, и рамки фокуса и ошибки ниже его перекрывают. */
+        &--appearance--fill:where([data-rt-radius]) {
+            border-radius: var(--rt-input-box-radius);
+            border-bottom-color: transparent;
+        }
+
+        /* Вид «pill» — залитое поле-таблетка без черты. Скругление идёт через своё свойство поля,
+           поэтому шаг входа `radius` его переназначает. */
+        &--appearance--pill {
+            --rt-input-box-radius: var(--rt-radius-full);
+
+            border-color: transparent;
+            background-color: var(--rt-color-bg-surface-subtle-2);
+        }
+
         &--invalid {
             border-color: var(--rt-input-color-border-error);
 

package/src/lib/components/input-number/rt-input-number.component.scss

@@ -46,6 +46,21 @@
             background-color: var(--rt-color-bg-surface-subtle-2);
         }
 
+        /* Шаг входа `radius` у залитого поля скругляет все четыре угла, и черта снизу не рисуется —
+           так же, как у поля ввода. `:where` держит силу правила на уровне вида. */
+        &--appearance--fill:where([data-rt-radius]) {
+            border-radius: var(--rt-input-number-radius);
+            border-bottom-color: transparent;
+        }
+
+        /* Вид «pill» — залитое поле-таблетка без черты; шаг входа `radius` переназначает скругление. */
+        &--appearance--pill {
+            --rt-input-number-radius: var(--rt-radius-full);
+
+            border-color: transparent;
+            background-color: var(--rt-color-bg-surface-subtle-2);
+        }
+
         &--invalid {
             border-color: var(--rt-input-color-border-error);
 

package/src/lib/components/thread-list/CONTEXT.md

@@ -19,7 +19,7 @@
 ```
 
 Входы: `rows`, `activeId`, `searchPlaceholder`, `emptyText`, `loading`, `fetching`, `hasMore`,
-`filtersActive`. Выходы: `selectRow`, `openInNewTab`, `searchChange`, `loadMore`.
+`filtersActive`, `emptyPreviewIcons`. Выходы: `selectRow`, `openInNewTab`, `searchChange`, `loadMore`.
 
 Строка обязана иметь `id`, `hasUnread` и (необязательно) `overdue` — это всё, что список о ней знает.
 Номер строки — число или строка: у записей домена ключ не всегда числовой. Тем же типом приходит
@@ -45,6 +45,8 @@
 
 ## Края
 
+- Пустой список рисует строки-превью по одной на значок из `emptyPreviewIcons` (по умолчанию
+  `user`, `users`, `user`); каждая вторая строка сдвинута модификатором `offset`.
 - Якорь догрузки (`rtInfiniteScroll`) появляется только при `hasMore`.
 - Кнопка фильтров рисуется, только если объявлен шаблон `[rtThreadListFilters]`;
   `filtersActive` рисует на ней точку.

package/src/rich-editor/lib/components/ai-chat/CONTEXT.md

@@ -48,6 +48,8 @@
 - Удаление беседы — действие строки `rt-thread-list` (`rtThreadListRowActions`), подтверждение —
   на приложении.
 - Подсветка совпадений поиска по беседам — `splitSideMenuTitle`.
+- Строки-превью пустого списка бесед — `emptyPreviewIcons`, по умолчанию `sparkle`, `bot`, `sparkle`:
+  беседы идут с ассистентом, а не с людьми. Вход уходит в `rt-thread-list` как есть.
 - Ответ рисует внутренний `rt-ai-chat-answer` (папка `answer/`): без него шаблон организма
   превышает предел цикломатической сложности.
 

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

@@ -159,6 +159,61 @@ declare namespace IRtDataTable {
     }
 }
 
+/**
+ * Модель `rt-dynamic-selector`: один корневой неймспейс с префиксом `I`.
+ */
+declare namespace IRtDynamicSelector {
+    /** Состояние флажка «Выбрать всё» по видимым пунктам. */
+    type SelectAllState = 'none' | 'some' | 'all';
+    /** Как выбирает всплывающий список: один пункт переключателем или несколько флажками. */
+    type Mode = 'single' | 'multi';
+    /** Регистр подписи кнопки: как есть, каждое слово с заглавной или вся заглавными. */
+    type LabelCase = 'none' | 'title' | 'upper';
+    /** Строки всплывающего выбора: отмеченные раньше над разделителем и найденные под ним. */
+    interface PopupRows<T> {
+        readonly ticked: ReadonlyArray<T>;
+        readonly found: ReadonlyArray<T>;
+    }
+    /** Кусок подписи пункта: совпал ли он со словом поиска. */
+    interface MatchPart {
+        readonly text: string;
+        readonly matched: boolean;
+    }
+    /** Строка всплывающего выбора, готовая для разметки. */
+    interface PopupRow<T> {
+        readonly entity: T;
+        readonly key: unknown;
+        readonly label: string;
+        /** Подпись по кускам; без подсветки поиска — один кусок без отметки. */
+        readonly parts: ReadonlyArray<MatchPart>;
+        readonly ticked: boolean;
+        /** Под строкой стоит разделитель. */
+        readonly separated: boolean;
+    }
+    /** Строка списка выбранного, готовая для разметки. */
+    interface ListRow<T> {
+        readonly item: T;
+        readonly key: unknown;
+        readonly label: string;
+        /** Строку нельзя убрать из списка. */
+        readonly locked: boolean;
+    }
+    /** Перенос строки списка выбранного: откуда и куда. */
+    interface Move {
+        readonly from: number;
+        readonly to: number;
+    }
+    /** Обстановка шаблона строки, который принёс вызывающий. */
+    interface RowContext<T> {
+        readonly $implicit: T;
+    }
+    /** Правка строки поля списка строк: прежнее значение и новое. */
+    interface TextEdit {
+        readonly previous: string;
+        readonly next: string;
+    }
+}
+
 /**
  * Имена иконок rt-icon. Набор лежит в `assets/icons` пакета, откуда сборка
  * приложения кладёт его туда, куда указывает `provideRtIcons()`. Большинство
@@ -226,10 +281,10 @@ declare namespace IRtInput {
     /** Размерный вариант поля (высота). Общий для всего input-семейства. */
     type Size = 'sm' | 'md' | 'lg';
     /**
-     * Вид рамки поля — два вида материального поля первого кита. `outline` — рамка со всех
-     * сторон, `fill` — залитое поле с чертой снизу.
+     * Вид рамки поля. `outline` — рамка со всех сторон, `fill` — залитое поле с чертой снизу, как у
+     * материального поля первого кита, `pill` — залитое поле-таблетка без черты.
      */
-    type Appearance = 'outline' | 'fill';
+    type Appearance = 'outline' | 'fill' | 'pill';
 }
 
 /** Один шаг шкалы скругления. Значения шагов лежат в токенах `--rt-radius-<шаг>`. */
@@ -319,6 +374,16 @@ declare namespace IRtKitConfig {
         emptyResultsText?: string;
         /** Переносится ли название строки списка. Умолчание кита — переносится. */
         titleWrap?: boolean;
+        /** Шаг скругления поля поиска в окне выбора. Умолчание кита — скругление самого поля. */
+        searchRadius?: TRtRadius | null;
+        /** Выделять ли в подписи пункта символы, совпавшие с поиском. Умолчание кита — не выделять. */
+        highlightSearch?: boolean;
+        /** Подпись кнопки применения в окне выбора. Умолчание кита — пустая строка, то есть подпись кита. */
+        applyLabel?: string;
+        /** Регистр подписи кнопки применения. Умолчание кита — `none`, подпись как есть. */
+        applyLabelCase?: IRtDynamicSelector.LabelCase;
+        /** Получает ли поле поиска фокус при открытии окна выбора. Умолчание кита — не получает. */
+        autofocusSearch?: boolean;
     }
     /** Умолчания по узлам: каждое действует на одну семью и перебивает общее. */
     interface Components {
@@ -1025,7 +1090,7 @@ declare class RtInfiniteScrollDirective implements OnDestroy {
 /** The name of a styling property the kit declares itself. */
 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-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-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-font-size' | '--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-min-width' | '--rt-profile-menu-padding' | '--rt-profile-menu-shadow' | '--rt-profile-row-inset' | '--rt-profile-theme-icon-padding' | '--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-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';
 /** The name of a consumer's handle — a property the kit deliberately does not declare. */
-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-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-add-color' | '--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-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-max-height' | '--rt-dynamic-selector-popup-min-height' | '--rt-dynamic-selector-popup-nav-color' | '--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-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';
+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-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-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. */
 declare const RT_DESIGN_TOKEN_NAMES: readonly TRtDesignTokenName[];
 /** All the consumer's handles: the value comes from the application, until then the fallback works. */