@rt-tools/ui-kit-v2 0.39.1 → 0.40.0

package/src/lib/components/table/stories/component/test-table-pinned.component.scss

@@ -0,0 +1,76 @@
+@layer rt-kit.components {
+    /* Кадры закреплённой колонки: сетка два в ряд, как в макете. Ширина контейнера — 375, таблица
+       шире него, поэтому контейнер прокручивается вбок. Ширины колонок взяты из макета. */
+    .app-table-pinned {
+        display: grid;
+        gap: var(--rt-space-6) var(--rt-space-12);
+        grid-template-columns: repeat(2, 375px);
+
+        &__frame {
+            margin: 0;
+            background: var(--rt-color-bg-page);
+            color: var(--rt-color-text-primary);
+        }
+
+        &__caption {
+            margin-bottom: calc(var(--rt-space-1) * 3);
+            font-size: var(--rt-text-sm);
+        }
+
+        &__scroller {
+            width: 375px;
+            overflow-x: auto;
+            scrollbar-width: none;
+        }
+
+        /* Колонки макета — 150, 140, 140 и 130 вместе с отступами ячейки по 20 с боков и линией
+           между колонками: ячейка кита считает ширину без них, а слитая граница отдаёт каждой соседней
+           ячейке по половине пикселя. Поэтому здесь стоит ширина содержимого. Без фиксированной
+           раскладки таблица делит место по содержимому. */
+        &__table {
+            min-width: 560px;
+            table-layout: fixed;
+
+            .cdk-column-guest {
+                width: 109.5px;
+            }
+
+            .cdk-column-dates,
+            .cdk-column-status {
+                width: 99px;
+            }
+
+            .cdk-column-sum {
+                width: 89.5px;
+            }
+        }
+
+        /* Строка итога: цвет строки задаёт приложение тем же свойством, что берёт закреплённая ячейка. */
+        &__footer {
+            --rt-table-row-bg: var(--rt-color-bg-surface-subtle);
+
+            /* Ячейки итога кит не оформляет: высота, отступы и нижняя линия взяты у обычной ячейки
+               таблицы. */
+            .cdk-footer-cell {
+                height: calc(50px - 2 * var(--rt-space-2) - var(--rt-table-border-width));
+                padding: var(--rt-space-2) var(--rt-space-5);
+                border-bottom: var(--rt-table-border-width) solid var(--rt-color-border-subtle);
+            }
+        }
+
+        /* Имя гостя обрезается многоточием, как в макете; полное имя — в подсказке ячейки. Обрезает
+           вложенный элемент, а не сама ячейка: закреплённая ячейка рисует тень за своим краем, и её
+           собственный overflow: hidden эту тень срезает. */
+        &__guest {
+            display: block;
+            overflow: hidden;
+            max-width: 110px;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        &__total {
+            font-weight: var(--rt-font-weight-semibold);
+        }
+    }
+}

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

@@ -44,6 +44,11 @@ rtChatMessageActions let-message>` рисуется в меню «…» у ре
 Что печатает вторая сторона, показывает `typingText`: плашка стоит поверх низа ленты и места не
 занимает, пустая строка её прячет. Текст и перевод даёт приложение.
 
+**Готовый текст подставляет метод `setDraft`.** Он заменяет черновик во всех трёх полях ответа и
+ставит курсор в конец. Файлы остаются, сигнала набора нет, закрытое поле текст не принимает.
+Работу метода показывает история `QuickReplies` страницы переписки: кнопка у поля ответа и
+подсказка в боковой панели ставят текст в поле, гостю ничего не уходит.
+
 **Удалённое сообщение остаётся в ленте** отдельной пометкой вместо текста: иначе непонятно, на
 что отвечали соседние реплики.
 

package/src/styles/_primitives.scss

@@ -275,6 +275,8 @@
     /* Alpha overlays — для backdrop'ов и focus-ring tint'ов. */
     --rt-overlay-black-4: rgb(0 0 0 / 4%);
     --rt-overlay-black-8: rgb(0 0 0 / 8%); /* наведение поверх приглушённой поверхности: она сама стоит на четырёх процентах */
+    --rt-overlay-black-16: rgb(0 0 0 / 16%); /* тень у края закреплённой колонки таблицы */
+    --rt-overlay-black-64: rgb(0 0 0 / 64%); /* та же тень на графите */
     --rt-overlay-white-4: rgb(255 255 255 / 4%);
     --rt-overlay-white-8: rgb(255 255 255 / 8%); /* то же на графите */
     --rt-overlay-white-25: rgb(250 250 250 / 25%); /* disabled-текст на графите */

package/src/styles/_semantic.scss

@@ -162,6 +162,15 @@
        уступила бы его материальному набору, и тёмная шапка получила бы светлую заливку. */
     --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
 
+    /* Table (rt-table) — тень у края закреплённой колонки, пока под ней есть прокрученное
+       содержимое. На графите тень гуще: шестнадцать процентов чёрного на нём не видны. */
+    --rt-color-table-pinned-shadow: var(--rt-overlay-black-16);
+
+    /* Table (rt-table) — подложка таблицы, её шапки, пустого состояния и закреплённых ячеек.
+       В тёмной теме таблица сливается с фоном контента, а не поднимается светлой плитой. Своё имя,
+       а не правило темы в компоненте: светлый кусок внутри тёмной страницы отвечает на него сам. */
+    --rt-color-table-bg: var(--rt-color-bg-surface);
+
     /* Залитое поле (вид fill у поля ввода, числа, даты и выбора) — черта снизу. Своё имя,
        а не рамка роли: в материальном наборе она берёт цвет черты поля Material, а рамка роли
        остаётся светлой у всех остальных частей кита. Тёмная тема отвечает на имя сама. */

package/src/styles/_theme-dark.scss

@@ -87,6 +87,8 @@
     /* Шапка таблицы — та же подложка роли, что в светлой: ответ стоит, чтобы тёмная тема
        выигрывала у материального набора и на этом имени. */
     --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
+    --rt-color-table-pinned-shadow: var(--rt-overlay-black-64);
+    --rt-color-table-bg: var(--rt-color-bg-page);
     --rt-color-field-fill-underline: var(--rt-color-border-strong);
 
     /* Навигация — вся шкала серых разворачивается: подложка уходит глубже

package/styles/tokens.css

@@ -331,6 +331,8 @@
   /* Alpha overlays — для backdrop'ов и focus-ring tint'ов. */
   --rt-overlay-black-4: rgb(0 0 0 / 4%);
   --rt-overlay-black-8: rgb(0 0 0 / 8%); /* наведение поверх приглушённой поверхности: она сама стоит на четырёх процентах */
+  --rt-overlay-black-16: rgb(0 0 0 / 16%); /* тень у края закреплённой колонки таблицы */
+  --rt-overlay-black-64: rgb(0 0 0 / 64%); /* та же тень на графите */
   --rt-overlay-white-4: rgb(255 255 255 / 4%);
   --rt-overlay-white-8: rgb(255 255 255 / 8%); /* то же на графите */
   --rt-overlay-white-25: rgb(250 250 250 / 25%); /* disabled-текст на графите */
@@ -602,6 +604,13 @@
      серой у всех остальных частей кита. Тёмная тема отвечает на имя сама: без ответа она
      уступила бы его материальному набору, и тёмная шапка получила бы светлую заливку. */
   --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
+  /* Table (rt-table) — тень у края закреплённой колонки, пока под ней есть прокрученное
+     содержимое. На графите тень гуще: шестнадцать процентов чёрного на нём не видны. */
+  --rt-color-table-pinned-shadow: var(--rt-overlay-black-16);
+  /* Table (rt-table) — подложка таблицы, её шапки, пустого состояния и закреплённых ячеек.
+     В тёмной теме таблица сливается с фоном контента, а не поднимается светлой плитой. Своё имя,
+     а не правило темы в компоненте: светлый кусок внутри тёмной страницы отвечает на него сам. */
+  --rt-color-table-bg: var(--rt-color-bg-surface);
   /* Залитое поле (вид fill у поля ввода, числа, даты и выбора) — черта снизу. Своё имя,
      а не рамка роли: в материальном наборе она берёт цвет черты поля Material, а рамка роли
      остаётся светлой у всех остальных частей кита. Тёмная тема отвечает на имя сама. */
@@ -1380,6 +1389,8 @@ html.rt-theme-dark {
   /* Шапка таблицы — та же подложка роли, что в светлой: ответ стоит, чтобы тёмная тема
      выигрывала у материального набора и на этом имени. */
   --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
+  --rt-color-table-pinned-shadow: var(--rt-overlay-black-64);
+  --rt-color-table-bg: var(--rt-color-bg-page);
   --rt-color-field-fill-underline: var(--rt-color-border-strong);
   /* Навигация — вся шкала серых разворачивается: подложка уходит глубже
      поверхности, а приглушённые подписи становятся светлее фона, а не темнее.
@@ -1637,6 +1648,13 @@ html.rt-theme-dark {
      серой у всех остальных частей кита. Тёмная тема отвечает на имя сама: без ответа она
      уступила бы его материальному набору, и тёмная шапка получила бы светлую заливку. */
   --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
+  /* Table (rt-table) — тень у края закреплённой колонки, пока под ней есть прокрученное
+     содержимое. На графите тень гуще: шестнадцать процентов чёрного на нём не видны. */
+  --rt-color-table-pinned-shadow: var(--rt-overlay-black-16);
+  /* Table (rt-table) — подложка таблицы, её шапки, пустого состояния и закреплённых ячеек.
+     В тёмной теме таблица сливается с фоном контента, а не поднимается светлой плитой. Своё имя,
+     а не правило темы в компоненте: светлый кусок внутри тёмной страницы отвечает на него сам. */
+  --rt-color-table-bg: var(--rt-color-bg-surface);
   /* Залитое поле (вид fill у поля ввода, числа, даты и выбора) — черта снизу. Своё имя,
      а не рамка роли: в материальном наборе она берёт цвет черты поля Material, а рамка роли
      остаётся светлой у всех остальных частей кита. Тёмная тема отвечает на имя сама. */
@@ -2175,6 +2193,13 @@ html.rt-theme-dark {
      серой у всех остальных частей кита. Тёмная тема отвечает на имя сама: без ответа она
      уступила бы его материальному набору, и тёмная шапка получила бы светлую заливку. */
   --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
+  /* Table (rt-table) — тень у края закреплённой колонки, пока под ней есть прокрученное
+     содержимое. На графите тень гуще: шестнадцать процентов чёрного на нём не видны. */
+  --rt-color-table-pinned-shadow: var(--rt-overlay-black-16);
+  /* Table (rt-table) — подложка таблицы, её шапки, пустого состояния и закреплённых ячеек.
+     В тёмной теме таблица сливается с фоном контента, а не поднимается светлой плитой. Своё имя,
+     а не правило темы в компоненте: светлый кусок внутри тёмной страницы отвечает на него сам. */
+  --rt-color-table-bg: var(--rt-color-bg-surface);
   /* Залитое поле (вид fill у поля ввода, числа, даты и выбора) — черта снизу. Своё имя,
      а не рамка роли: в материальном наборе она берёт цвет черты поля Material, а рамка роли
      остаётся светлой у всех остальных частей кита. Тёмная тема отвечает на имя сама. */
@@ -2634,6 +2659,8 @@ html.rt-theme-dark {
   /* Шапка таблицы — та же подложка роли, что в светлой: ответ стоит, чтобы тёмная тема
      выигрывала у материального набора и на этом имени. */
   --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
+  --rt-color-table-pinned-shadow: var(--rt-overlay-black-64);
+  --rt-color-table-bg: var(--rt-color-bg-page);
   --rt-color-field-fill-underline: var(--rt-color-border-strong);
   /* Навигация — вся шкала серых разворачивается: подложка уходит глубже
      поверхности, а приглушённые подписи становятся светлее фона, а не темнее.
@@ -2862,6 +2889,13 @@ html.rt-theme-dark {
      серой у всех остальных частей кита. Тёмная тема отвечает на имя сама: без ответа она
      уступила бы его материальному набору, и тёмная шапка получила бы светлую заливку. */
   --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
+  /* Table (rt-table) — тень у края закреплённой колонки, пока под ней есть прокрученное
+     содержимое. На графите тень гуще: шестнадцать процентов чёрного на нём не видны. */
+  --rt-color-table-pinned-shadow: var(--rt-overlay-black-16);
+  /* Table (rt-table) — подложка таблицы, её шапки, пустого состояния и закреплённых ячеек.
+     В тёмной теме таблица сливается с фоном контента, а не поднимается светлой плитой. Своё имя,
+     а не правило темы в компоненте: светлый кусок внутри тёмной страницы отвечает на него сам. */
+  --rt-color-table-bg: var(--rt-color-bg-surface);
   /* Залитое поле (вид fill у поля ввода, числа, даты и выбора) — черта снизу. Своё имя,
      а не рамка роли: в материальном наборе она берёт цвет черты поля Material, а рамка роли
      остаётся светлой у всех остальных частей кита. Тёмная тема отвечает на имя сама. */
@@ -3675,6 +3709,13 @@ html.rt-theme-dark .rt-preset-material {
      серой у всех остальных частей кита. Тёмная тема отвечает на имя сама: без ответа она
      уступила бы его материальному набору, и тёмная шапка получила бы светлую заливку. */
   --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
+  /* Table (rt-table) — тень у края закреплённой колонки, пока под ней есть прокрученное
+     содержимое. На графите тень гуще: шестнадцать процентов чёрного на нём не видны. */
+  --rt-color-table-pinned-shadow: var(--rt-overlay-black-16);
+  /* Table (rt-table) — подложка таблицы, её шапки, пустого состояния и закреплённых ячеек.
+     В тёмной теме таблица сливается с фоном контента, а не поднимается светлой плитой. Своё имя,
+     а не правило темы в компоненте: светлый кусок внутри тёмной страницы отвечает на него сам. */
+  --rt-color-table-bg: var(--rt-color-bg-surface);
   /* Залитое поле (вид fill у поля ввода, числа, даты и выбора) — черта снизу. Своё имя,
      а не рамка роли: в материальном наборе она берёт цвет черты поля Material, а рамка роли
      остаётся светлой у всех остальных частей кита. Тёмная тема отвечает на имя сама. */
@@ -4402,6 +4443,8 @@ html.rt-theme-dark .rt-preset-material {
   /* Шапка таблицы — та же подложка роли, что в светлой: ответ стоит, чтобы тёмная тема
      выигрывала у материального набора и на этом имени. */
   --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
+  --rt-color-table-pinned-shadow: var(--rt-overlay-black-64);
+  --rt-color-table-bg: var(--rt-color-bg-page);
   --rt-color-field-fill-underline: var(--rt-color-border-strong);
   /* Навигация — вся шкала серых разворачивается: подложка уходит глубже
      поверхности, а приглушённые подписи становятся светлее фона, а не темнее.
@@ -4673,6 +4716,13 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
      серой у всех остальных частей кита. Тёмная тема отвечает на имя сама: без ответа она
      уступила бы его материальному набору, и тёмная шапка получила бы светлую заливку. */
   --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
+  /* Table (rt-table) — тень у края закреплённой колонки, пока под ней есть прокрученное
+     содержимое. На графите тень гуще: шестнадцать процентов чёрного на нём не видны. */
+  --rt-color-table-pinned-shadow: var(--rt-overlay-black-16);
+  /* Table (rt-table) — подложка таблицы, её шапки, пустого состояния и закреплённых ячеек.
+     В тёмной теме таблица сливается с фоном контента, а не поднимается светлой плитой. Своё имя,
+     а не правило темы в компоненте: светлый кусок внутри тёмной страницы отвечает на него сам. */
+  --rt-color-table-bg: var(--rt-color-bg-surface);
   /* Залитое поле (вид fill у поля ввода, числа, даты и выбора) — черта снизу. Своё имя,
      а не рамка роли: в материальном наборе она берёт цвет черты поля Material, а рамка роли
      остаётся светлой у всех остальных частей кита. Тёмная тема отвечает на имя сама. */
@@ -5485,6 +5535,13 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
      серой у всех остальных частей кита. Тёмная тема отвечает на имя сама: без ответа она
      уступила бы его материальному набору, и тёмная шапка получила бы светлую заливку. */
   --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
+  /* Table (rt-table) — тень у края закреплённой колонки, пока под ней есть прокрученное
+     содержимое. На графите тень гуще: шестнадцать процентов чёрного на нём не видны. */
+  --rt-color-table-pinned-shadow: var(--rt-overlay-black-16);
+  /* Table (rt-table) — подложка таблицы, её шапки, пустого состояния и закреплённых ячеек.
+     В тёмной теме таблица сливается с фоном контента, а не поднимается светлой плитой. Своё имя,
+     а не правило темы в компоненте: светлый кусок внутри тёмной страницы отвечает на него сам. */
+  --rt-color-table-bg: var(--rt-color-bg-surface);
   /* Залитое поле (вид fill у поля ввода, числа, даты и выбора) — черта снизу. Своё имя,
      а не рамка роли: в материальном наборе она берёт цвет черты поля Material, а рамка роли
      остаётся светлой у всех остальных частей кита. Тёмная тема отвечает на имя сама. */
@@ -6294,6 +6351,13 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
      серой у всех остальных частей кита. Тёмная тема отвечает на имя сама: без ответа она
      уступила бы его материальному набору, и тёмная шапка получила бы светлую заливку. */
   --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
+  /* Table (rt-table) — тень у края закреплённой колонки, пока под ней есть прокрученное
+     содержимое. На графите тень гуще: шестнадцать процентов чёрного на нём не видны. */
+  --rt-color-table-pinned-shadow: var(--rt-overlay-black-16);
+  /* Table (rt-table) — подложка таблицы, её шапки, пустого состояния и закреплённых ячеек.
+     В тёмной теме таблица сливается с фоном контента, а не поднимается светлой плитой. Своё имя,
+     а не правило темы в компоненте: светлый кусок внутри тёмной страницы отвечает на него сам. */
+  --rt-color-table-bg: var(--rt-color-bg-surface);
   /* Залитое поле (вид fill у поля ввода, числа, даты и выбора) — черта снизу. Своё имя,
      а не рамка роли: в материальном наборе она берёт цвет черты поля Material, а рамка роли
      остаётся светлой у всех остальных частей кита. Тёмная тема отвечает на имя сама. */
@@ -7021,6 +7085,8 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   /* Шапка таблицы — та же подложка роли, что в светлой: ответ стоит, чтобы тёмная тема
      выигрывала у материального набора и на этом имени. */
   --rt-color-table-head-bg: var(--rt-color-bg-surface-subtle);
+  --rt-color-table-pinned-shadow: var(--rt-overlay-black-64);
+  --rt-color-table-bg: var(--rt-color-bg-page);
   --rt-color-field-fill-underline: var(--rt-color-border-strong);
   /* Навигация — вся шкала серых разворачивается: подложка уходит глубже
      поверхности, а приглушённые подписи становятся светлее фона, а не темнее.

package/types/rt-tools-ui-kit-v2-ai-prompt-input.d.ts

@@ -18,6 +18,8 @@ export declare namespace IRtAiPromptInput {
 }
 /** Можно ли отправить: есть непустой текст или файл, поле свободно. */
 export declare function rtPromptCanSend(text: string, files: number, busy: boolean): boolean;
+/** Ставит фокус в поле, а курсор — за последний символ. */
+export declare function rtCaretToEnd(node: HTMLTextAreaElement): void;
 /**
  * Поле ввода ИИ-чата: одна рамка, текст сверху, ряд действий внутри рамки снизу.
  *
@@ -102,6 +104,8 @@ export declare class RtAiPromptInputComponent {
   readonly controlPicked: OutputEmitterRef<IRtAiPromptInput.Control>;
   /** Ставит фокус в поле. */
   focus(): void;
+  /** Заменяет черновик и ставит курсор в конец: значение пишется в узел сразу, не ждёт отрисовки. */
+  setDraft(text: string): void;
   protected onInput(event: Event): void;
   protected onKeydown(event: KeyboardEvent): void;
   protected pick(control: IRtAiPromptInput.Control): void;

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

@@ -628,6 +628,7 @@ export declare const RT_KIT_LABELS_EN: {
   readonly uiChangeAgent: "Change agent";
   readonly uiChooseFile: "Choose file";
   readonly uiChooseMonth: "Choose month and year";
+  readonly uiChooseYear: "Choose year";
   readonly uiClear: "Clear";
   readonly uiClearFilters: "Clear filters";
   readonly uiClearSelection: "Clear selection";
@@ -659,6 +660,7 @@ export declare const RT_KIT_LABELS_EN: {
   readonly uiDaysMany: string;
   readonly uiDaysOne: "{{count}} day";
   readonly uiDaysOther: string;
+  readonly uiDecrease: "Decrease";
   readonly uiDetails: "Details";
   readonly uiDiscardChanges: "Discard Changes";
   readonly uiDone: "Done";
@@ -704,6 +706,7 @@ export declare const RT_KIT_LABELS_EN: {
   readonly uiImageUploadChoose: "Choose file";
   readonly uiImageUploadDrop: "Drag and drop an image here or";
   readonly uiImageUploadImage: "Current image";
+  readonly uiIncrease: "Increase";
   readonly uiInviteUser: "Invite user";
   readonly uiItemsPerPage: "Items per page";
   readonly uiLast30Days: "Last 30 days";
@@ -723,6 +726,7 @@ export declare const RT_KIT_LABELS_EN: {
   readonly uiNextMonth: "Next month";
   readonly uiNextPage: "Next page";
   readonly uiNextYear: "Next year";
+  readonly uiNextYears: "Next 12 years";
   readonly uiNightGridAria: "Occupancy grid";
   readonly uiNoData: "No data yet";
   readonly uiNoOptions: "No options";
@@ -733,16 +737,20 @@ export declare const RT_KIT_LABELS_EN: {
   readonly uiOpenCalendar: "Open the calendar";
   readonly uiPageOf: "Page {{page}} of {{last}}";
   readonly uiPagination: "Pagination";
+  readonly uiPercentagePoints: "{{value}} pp";
   readonly uiPerPage: "Items per page:";
   readonly uiPeriod: "Period";
   readonly uiPickAgent: "Select an agent";
   readonly uiPickAnotherAgent: "Select a different agent";
   readonly uiPickEndDate: "Pick the end date";
+  readonly uiPickMonth: "choose a month";
   readonly uiPickStartDate: "Pick the start date";
   readonly uiPickTransition: "Select a transition";
+  readonly uiPickYear: "choose a year";
   readonly uiPrevMonth: "Previous month";
   readonly uiPrevPage: "Previous page";
   readonly uiPrevYear: "Previous year";
+  readonly uiPrevYears: "Previous 12 years";
   readonly uiProfile: "Profile";
   readonly uiQuickRanges: "Quick ranges";
   readonly uiRangeEmpty: "0 of 0";
@@ -1435,7 +1443,7 @@ 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-label-line-height' | '--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';
+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-bg' | '--rt-color-table-head-bg' | '--rt-color-table-pinned-shadow' | '--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-label-line-height' | '--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-16' | '--rt-overlay-black-4' | '--rt-overlay-black-50' | '--rt-overlay-black-64' | '--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-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. */

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

@@ -42,6 +42,12 @@ export declare namespace IRtDatePicker {
     label: string;
     disabled: boolean;
   }
+  /** Ячейка выбора года: `key` — `YYYY`. */
+  interface YearCell {
+    key: string;
+    label: string;
+    disabled: boolean;
+  }
   /** Момент, разобранный на день `YYYY-MM-DD` и время `HH:mm`. */
   interface Moment {
     day: string;
@@ -184,6 +190,14 @@ export declare function rtDateMonth(month: string, ctx: IRtDatePicker.MonthConte
 export declare function rtDateWeekdays(locale: string): string[];
 /** Двенадцать месяцев года для выбора месяца; месяц за границей выключен. */
 export declare function rtDateMonths(year: number, locale: string, min: string | null, max: string | null): IRtDatePicker.MonthCell[];
+/** Лет в одном блоке сетки годов. */
+export declare const RT_DATE_YEAR_SPAN: number;
+/** Первый год блока из двенадцати лет, в котором лежит `year`. */
+export declare function rtDateYearSpanStart(year: number): number;
+/** Двенадцать лет блока, начиная со `start`; год за границей выключен. */
+export declare function rtDateYears(start: number, min: string | null, max: string | null): IRtDatePicker.YearCell[];
+/** Можно ли листать блок лет на `delta` блоков: в соседнем блоке есть хоть один год внутри границ. */
+export declare function rtDateCanPageYears(start: number, delta: number, min: string | null, max: string | null): boolean;
 /** Колонки часов и минут: минуты идут с шагом, время за границей выключено. */
 export declare function rtDateTimeColumns(ctx: IRtDatePicker.TimeContext): IRtDatePicker.TimeColumns;
 /**

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

@@ -24,8 +24,14 @@ export declare class RtInputNumberComponent extends RtFormControlBase<number | n
   protected readonly fieldEl: Signal<ElementRef<HTMLInputElement> | undefined>;
   protected readonly displayValue: WritableSignal<string>;
   protected readonly hasValue: Signal<boolean>;
-  /** Вид рамки: `outline` — рамка со всех сторон, `fill` — залитое поле с чертой снизу. */
+  /** Значок стрелки: в поле `sm` он 10 px, как в макете, в остальных — ступень `xs` (12 px). */
+  protected readonly stepIconSize: Signal<IRtIcon.SizeInput>;
+  /** Шаг вверх возможен, пока значение не дошло до `max`; пустое поле шагает всегда. */
+  protected readonly canStepUp: Signal<boolean>;
+  /** Шаг вниз возможен, пока значение не дошло до `min`. */
+  protected readonly canStepDown: Signal<boolean>;
   readonly fieldLabelInside: boolean;
+  /** Вид рамки: `outline` — рамка со всех сторон, `fill` — залитое поле с чертой снизу. */
   readonly appearance: InputSignal<IRtInput.Appearance>;
   readonly displayText: Signal<string>;
   readonly iconLeft: InputSignal<IRtIcon.Name | null>;
@@ -41,6 +47,10 @@ export declare class RtInputNumberComponent extends RtFormControlBase<number | n
    * год, номер дома, код. У года разделитель превращает `2026` в `2 026`.
    */
   readonly grouped: InputSignalWithTransform<boolean, BooleanInput>;
+  /** Сколько прибавляет и вычитает одна стрелка или клавиша «вверх» и «вниз». */
+  readonly step: InputSignal<number>;
+  /** Показывать ли стрелки шага справа в поле. Клавиши шагают и без них. */
+  readonly stepper: InputSignalWithTransform<boolean, BooleanInput>;
   writeValue(value: number | null): void;
   protected getEmptyValue(): number | null;
   protected focusAfterClear(): void;
@@ -49,7 +59,8 @@ export declare class RtInputNumberComponent extends RtFormControlBase<number | n
    * по этой зоне сам по себе не фокусирует поле. Перехватываем mousedown и
    * переводим фокус в input — но только если клик не пришёлся на само поле
    * (там нужно нативное позиционирование курсора) и не на интерактивный
-   * постфикс (крестик-очистка со своим обработчиком).
+   * постфикс (крестик-очистка со своим обработчиком). Стрелки шага фокус не
+   * забирают: нажатие на них оставляет его в поле, как в макете.
    */
   protected onHostMousedown(event: MouseEvent): void;
   /**
@@ -60,6 +71,13 @@ export declare class RtInputNumberComponent extends RtFormControlBase<number | n
   protected clearValue(): void;
   protected onInput(event: Event): void;
   protected onBlur(): void;
+  /**
+   * Шаг стрелкой: `1` — вверх, `-1` — вниз. Стрелка к достигнутой границе и
+   * выключенное поле не шагают. Значение уходит в форму сразу, как при наборе.
+   */
+  protected stepBy(direction: 1 | -1): void;
+  /** Клавиши «вверх» и «вниз» шагают, как стрелки, и не двигают каретку в край текста. */
+  protected onKeydown(event: KeyboardEvent): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<RtInputNumberComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<RtInputNumberComponent, "rt-input-number", never, {
     "appearance": {
@@ -107,6 +125,16 @@ export declare class RtInputNumberComponent extends RtFormControlBase<number | n
       "required": false;
       "isSignal": true;
     };
+    "step": {
+      "alias": "step";
+      "required": false;
+      "isSignal": true;
+    };
+    "stepper": {
+      "alias": "stepper";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, never, true, [{
     directive: typeof i1.RtRadiusDirective;
     inputs: {