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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rt-tools/ui-kit-v2",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "license": "Apache-2.0",
   "author": "Yauheni Krumin",
   "type": "module",
@@ -49,9 +49,357 @@
       "types": "./types/rt-tools-ui-kit-v2.d.ts",
       "default": "./fesm2022/rt-tools-ui-kit-v2.mjs"
     },
+    "./accordion": {
+      "types": "./types/rt-tools-ui-kit-v2-accordion.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-accordion.mjs"
+    },
+    "./action-bar": {
+      "types": "./types/rt-tools-ui-kit-v2-action-bar.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-action-bar.mjs"
+    },
+    "./aside": {
+      "types": "./types/rt-tools-ui-kit-v2-aside.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-aside.mjs"
+    },
+    "./aside-section": {
+      "types": "./types/rt-tools-ui-kit-v2-aside-section.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-aside-section.mjs"
+    },
+    "./autocomplete": {
+      "types": "./types/rt-tools-ui-kit-v2-autocomplete.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-autocomplete.mjs"
+    },
+    "./bar-list": {
+      "types": "./types/rt-tools-ui-kit-v2-bar-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-bar-list.mjs"
+    },
+    "./bottom-sheet": {
+      "types": "./types/rt-tools-ui-kit-v2-bottom-sheet.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-bottom-sheet.mjs"
+    },
+    "./button": {
+      "types": "./types/rt-tools-ui-kit-v2-button.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-button.mjs"
+    },
+    "./calendar": {
+      "types": "./types/rt-tools-ui-kit-v2-calendar.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-calendar.mjs"
+    },
+    "./card": {
+      "types": "./types/rt-tools-ui-kit-v2-card.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-card.mjs"
+    },
+    "./checkbox": {
+      "types": "./types/rt-tools-ui-kit-v2-checkbox.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-checkbox.mjs"
+    },
+    "./collapsible-text": {
+      "types": "./types/rt-tools-ui-kit-v2-collapsible-text.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-collapsible-text.mjs"
+    },
+    "./confirm-popover": {
+      "types": "./types/rt-tools-ui-kit-v2-confirm-popover.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-confirm-popover.mjs"
+    },
+    "./container": {
+      "types": "./types/rt-tools-ui-kit-v2-container.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-container.mjs"
+    },
+    "./core": {
+      "types": "./types/rt-tools-ui-kit-v2-core.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-core.mjs"
+    },
+    "./counter": {
+      "types": "./types/rt-tools-ui-kit-v2-counter.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-counter.mjs"
+    },
+    "./counter-row": {
+      "types": "./types/rt-tools-ui-kit-v2-counter-row.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-counter-row.mjs"
+    },
+    "./data-list": {
+      "types": "./types/rt-tools-ui-kit-v2-data-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-data-list.mjs"
+    },
+    "./data-table": {
+      "types": "./types/rt-tools-ui-kit-v2-data-table.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-data-table.mjs"
+    },
+    "./date-picker": {
+      "types": "./types/rt-tools-ui-kit-v2-date-picker.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-date-picker.mjs"
+    },
+    "./date-range": {
+      "types": "./types/rt-tools-ui-kit-v2-date-range.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-date-range.mjs"
+    },
+    "./delta-view": {
+      "types": "./types/rt-tools-ui-kit-v2-delta-view.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-delta-view.mjs"
+    },
+    "./detail-list": {
+      "types": "./types/rt-tools-ui-kit-v2-detail-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-detail-list.mjs"
+    },
+    "./dialog": {
+      "types": "./types/rt-tools-ui-kit-v2-dialog.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-dialog.mjs"
+    },
+    "./dot-field": {
+      "types": "./types/rt-tools-ui-kit-v2-dot-field.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-dot-field.mjs"
+    },
+    "./download-link": {
+      "types": "./types/rt-tools-ui-kit-v2-download-link.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-download-link.mjs"
+    },
+    "./dynamic-list": {
+      "types": "./types/rt-tools-ui-kit-v2-dynamic-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-dynamic-list.mjs"
+    },
+    "./dynamic-selector": {
+      "types": "./types/rt-tools-ui-kit-v2-dynamic-selector.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-dynamic-selector.mjs"
+    },
+    "./empty-state": {
+      "types": "./types/rt-tools-ui-kit-v2-empty-state.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-empty-state.mjs"
+    },
+    "./expansion-panel": {
+      "types": "./types/rt-tools-ui-kit-v2-expansion-panel.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-expansion-panel.mjs"
+    },
+    "./field": {
+      "types": "./types/rt-tools-ui-kit-v2-field.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-field.mjs"
+    },
+    "./file-card": {
+      "types": "./types/rt-tools-ui-kit-v2-file-card.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-file-card.mjs"
+    },
+    "./file-drop": {
+      "types": "./types/rt-tools-ui-kit-v2-file-drop.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-file-drop.mjs"
+    },
+    "./file-input": {
+      "types": "./types/rt-tools-ui-kit-v2-file-input.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-file-input.mjs"
+    },
+    "./file-list": {
+      "types": "./types/rt-tools-ui-kit-v2-file-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-file-list.mjs"
+    },
+    "./filter-control": {
+      "types": "./types/rt-tools-ui-kit-v2-filter-control.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-filter-control.mjs"
+    },
+    "./form-control": {
+      "types": "./types/rt-tools-ui-kit-v2-form-control.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-form-control.mjs"
+    },
+    "./header": {
+      "types": "./types/rt-tools-ui-kit-v2-header.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-header.mjs"
+    },
+    "./icon": {
+      "types": "./types/rt-tools-ui-kit-v2-icon.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-icon.mjs"
+    },
+    "./icon-button": {
+      "types": "./types/rt-tools-ui-kit-v2-icon-button.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-icon-button.mjs"
+    },
+    "./image-cropper": {
+      "types": "./types/rt-tools-ui-kit-v2-image-cropper.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-image-cropper.mjs"
+    },
+    "./image-upload": {
+      "types": "./types/rt-tools-ui-kit-v2-image-upload.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-image-upload.mjs"
+    },
+    "./info-item": {
+      "types": "./types/rt-tools-ui-kit-v2-info-item.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-info-item.mjs"
+    },
+    "./input": {
+      "types": "./types/rt-tools-ui-kit-v2-input.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-input.mjs"
+    },
+    "./input-number": {
+      "types": "./types/rt-tools-ui-kit-v2-input-number.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-input-number.mjs"
+    },
+    "./live-badge": {
+      "types": "./types/rt-tools-ui-kit-v2-live-badge.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-live-badge.mjs"
+    },
+    "./logo": {
+      "types": "./types/rt-tools-ui-kit-v2-logo.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-logo.mjs"
+    },
+    "./markdown-text": {
+      "types": "./types/rt-tools-ui-kit-v2-markdown-text.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-markdown-text.mjs"
+    },
+    "./menu": {
+      "types": "./types/rt-tools-ui-kit-v2-menu.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-menu.mjs"
+    },
+    "./message": {
+      "types": "./types/rt-tools-ui-kit-v2-message.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-message.mjs"
+    },
+    "./money-list": {
+      "types": "./types/rt-tools-ui-kit-v2-money-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-money-list.mjs"
+    },
+    "./multiselect": {
+      "types": "./types/rt-tools-ui-kit-v2-multiselect.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-multiselect.mjs"
+    },
+    "./night-grid": {
+      "types": "./types/rt-tools-ui-kit-v2-night-grid.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-night-grid.mjs"
+    },
+    "./note": {
+      "types": "./types/rt-tools-ui-kit-v2-note.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-note.mjs"
+    },
+    "./notifications-bell": {
+      "types": "./types/rt-tools-ui-kit-v2-notifications-bell.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-notifications-bell.mjs"
+    },
+    "./page-header": {
+      "types": "./types/rt-tools-ui-kit-v2-page-header.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-page-header.mjs"
+    },
+    "./pagination": {
+      "types": "./types/rt-tools-ui-kit-v2-pagination.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-pagination.mjs"
+    },
+    "./photo-viewer": {
+      "types": "./types/rt-tools-ui-kit-v2-photo-viewer.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-photo-viewer.mjs"
+    },
+    "./popover": {
+      "types": "./types/rt-tools-ui-kit-v2-popover.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-popover.mjs"
+    },
+    "./radio-button": {
+      "types": "./types/rt-tools-ui-kit-v2-radio-button.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-radio-button.mjs"
+    },
+    "./radius": {
+      "types": "./types/rt-tools-ui-kit-v2-radius.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-radius.mjs"
+    },
     "./rich-editor": {
       "types": "./types/rt-tools-ui-kit-v2-rich-editor.d.ts",
       "default": "./fesm2022/rt-tools-ui-kit-v2-rich-editor.mjs"
+    },
+    "./ripple": {
+      "types": "./types/rt-tools-ui-kit-v2-ripple.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-ripple.mjs"
+    },
+    "./scroll-area": {
+      "types": "./types/rt-tools-ui-kit-v2-scroll-area.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-scroll-area.mjs"
+    },
+    "./section-nav": {
+      "types": "./types/rt-tools-ui-kit-v2-section-nav.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-section-nav.mjs"
+    },
+    "./select": {
+      "types": "./types/rt-tools-ui-kit-v2-select.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-select.mjs"
+    },
+    "./side-menu": {
+      "types": "./types/rt-tools-ui-kit-v2-side-menu.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-side-menu.mjs"
+    },
+    "./skeleton": {
+      "types": "./types/rt-tools-ui-kit-v2-skeleton.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-skeleton.mjs"
+    },
+    "./skeleton-wrapper": {
+      "types": "./types/rt-tools-ui-kit-v2-skeleton-wrapper.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-skeleton-wrapper.mjs"
+    },
+    "./spinner": {
+      "types": "./types/rt-tools-ui-kit-v2-spinner.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-spinner.mjs"
+    },
+    "./split-button": {
+      "types": "./types/rt-tools-ui-kit-v2-split-button.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-split-button.mjs"
+    },
+    "./stat-tile": {
+      "types": "./types/rt-tools-ui-kit-v2-stat-tile.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-stat-tile.mjs"
+    },
+    "./stepper": {
+      "types": "./types/rt-tools-ui-kit-v2-stepper.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-stepper.mjs"
+    },
+    "./table": {
+      "types": "./types/rt-tools-ui-kit-v2-table.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-table.mjs"
+    },
+    "./tabs": {
+      "types": "./types/rt-tools-ui-kit-v2-tabs.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-tabs.mjs"
+    },
+    "./tag": {
+      "types": "./types/rt-tools-ui-kit-v2-tag.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-tag.mjs"
+    },
+    "./textarea": {
+      "types": "./types/rt-tools-ui-kit-v2-textarea.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-textarea.mjs"
+    },
+    "./theme-toggle": {
+      "types": "./types/rt-tools-ui-kit-v2-theme-toggle.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-theme-toggle.mjs"
+    },
+    "./thread-list": {
+      "types": "./types/rt-tools-ui-kit-v2-thread-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-thread-list.mjs"
+    },
+    "./timeline": {
+      "types": "./types/rt-tools-ui-kit-v2-timeline.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-timeline.mjs"
+    },
+    "./toast": {
+      "types": "./types/rt-tools-ui-kit-v2-toast.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-toast.mjs"
+    },
+    "./toggle-button-group": {
+      "types": "./types/rt-tools-ui-kit-v2-toggle-button-group.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-toggle-button-group.mjs"
+    },
+    "./toggle-switch": {
+      "types": "./types/rt-tools-ui-kit-v2-toggle-switch.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-toggle-switch.mjs"
+    },
+    "./toolbar": {
+      "types": "./types/rt-tools-ui-kit-v2-toolbar.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-toolbar.mjs"
+    },
+    "./tooltip": {
+      "types": "./types/rt-tools-ui-kit-v2-tooltip.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-tooltip.mjs"
+    },
+    "./welcome-dialog": {
+      "types": "./types/rt-tools-ui-kit-v2-welcome-dialog.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-welcome-dialog.mjs"
+    },
+    "./workspace": {
+      "types": "./types/rt-tools-ui-kit-v2-workspace.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-workspace.mjs"
+    },
+    "./workspace-details": {
+      "types": "./types/rt-tools-ui-kit-v2-workspace-details.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-workspace-details.mjs"
     }
   },
   "sideEffects": false,

package/src/lib/components/dot-field/CONTEXT.md

@@ -0,0 +1,31 @@
+# `rt-dot-field`
+
+Фон из квадратных точек на сетке 10px, которые медленно плывут облаками. Заполняет
+позиционированного родителя и стоит под его содержимым.
+
+```html
+<rt-dot-field />
+```
+
+Входов и выходов нет. Цвет точек — CSS-свойство `color` хоста.
+
+## Главное, что нужно знать
+
+**Какая клетка горит, решают чистые функции в `rt-dot-field.logic.ts`.** Клетка горит там, где
+медленно движущийся шум проходит порог, а матрица Байера 4x4 сдвигает порог по клеткам: края
+облаков выходят рваными. В центре поля плотность ниже — там стоит карточка.
+
+**Рисует `RtDotFieldPainter`.** Кадр — раз в 90 мс, а не каждый кадр анимации: ступенчатое
+движение — часть облика. Цвет читается из вычисленного `color` холста на каждом кадре, поэтому
+точки идут за темой без кода: назначение темы — `light-dark()` или переопределение по флагу, а
+холст принимает только готовый цвет.
+
+**Запуск — в `afterNextRender`, остановка — при уходе компонента.** На сервере поле ничего не
+рисует.
+
+## Края
+
+- При `prefers-reduced-motion: reduce` рисуется один кадр, следующий не просится.
+- Холст без 2D-контекста (jsdom в спеках) ничего не рисует и `matchMedia` не спрашивает.
+- `viewChild` не принимает поле с решёткой, поэтому `canvas` объявлен `protected`.
+- Родитель задаёт `position: relative`, а своё содержимое ставит выше через `z-index: 1`.

package/src/lib/components/dot-field/rt-dot-field.component.scss

@@ -0,0 +1,20 @@
+@layer rt-kit.components {
+    .rt-dot-field {
+        --rt-dot-field-color: var(--rt-color-action-primary);
+        --rt-dot-field-opacity: 0.85;
+
+        position: absolute;
+        z-index: var(--rt-z-base);
+        display: block;
+        color: var(--rt-dot-field-color);
+        inset: 0;
+        opacity: var(--rt-dot-field-opacity);
+        pointer-events: none;
+
+        &__canvas {
+            display: block;
+            width: 100%;
+            height: 100%;
+        }
+    }
+}

package/src/lib/components/dot-field/stories/component/CONTEXT.md

@@ -0,0 +1,14 @@
+# `TestRtDotFieldComponent`
+
+Обёртка витрины для `rt-dot-field`. В пакет не уезжает.
+
+Рисует сцену так, как поле стоит на странице входа: позиционированный родитель с фоном страницы,
+поле под ним и карточка в центре поверх поля. Позиционированный родитель и карточка — забота
+страницы, поэтому они живут здесь, а не в компоненте.
+
+Вход `part` выбирает историю: `playground` — одна сцена, `presets` — сцена в обоих наборах, `themes` — в светлой и тёмной теме.
+Снимков у историй нет: поле движется.
+
+Стили обёртки лежат в каскадном слое кита под блоком `app-dot-field` на хосте. Контур, скругление и тень
+карточки идут своими свойствами `--rt-dot-field-story-card-*`: проверка токенов не принимает шаг шкалы
+прямо в свойстве.

package/src/lib/components/dot-field/stories/component/test-dot-field.component.scss

@@ -0,0 +1,31 @@
+@layer rt-kit.components {
+    /* Сцена страницы входа: позиционированный родитель поля и карточка поверх него. */
+    .app-dot-field {
+        --rt-dot-field-story-card-border-width: var(--rt-border-width-thin);
+        --rt-dot-field-story-card-radius: var(--rt-radius-md);
+        --rt-dot-field-story-card-shadow: var(--rt-shadow-card);
+
+        &__scene {
+            position: relative;
+            display: flex;
+            overflow: hidden;
+            width: 100%;
+            height: 22rem;
+            align-items: center;
+            justify-content: center;
+            background-color: var(--rt-color-bg-page);
+        }
+
+        &__card {
+            position: relative;
+            z-index: 1;
+            padding: var(--rt-space-10) var(--rt-space-5);
+            border: var(--rt-dot-field-story-card-border-width) solid var(--rt-color-border-default);
+            border-radius: var(--rt-dot-field-story-card-radius);
+            background-color: var(--rt-color-bg-surface);
+            box-shadow: var(--rt-dot-field-story-card-shadow);
+            color: var(--rt-color-text-primary);
+            font-family: var(--rt-font-family-sans);
+        }
+    }
+}

package/src/lib/components/field/CONTEXT.md

@@ -25,6 +25,7 @@
 | `errors`           | `Record<validatorKey, string>` | `{}`      |
 | `readonly`         | `boolean`                      | `false`   |
 | `loading`          | `boolean`                      | `false`   |
+| `required`         | `boolean`                      | `false`   |
 | `hideRequiredMark` | `boolean`                      | `false`   |
 | `reserveHintSpace` | `boolean`                      | `false`   |
 
@@ -35,8 +36,8 @@
 
 - выдаёт контролу авто-идентификатор (`rt-field-N`) и связывает с ним `<label for>`, если у
   контрола нет своего `controlId`;
-- рисует «\*», если у контрола есть валидатор обязательности (обнаруживается сам, входа для этого
-  нет);
+- рисует «\*», если у контрола есть валидатор обязательности (обнаруживается сам) или у поля стоит
+  вход `required`;
 - показывает текст ошибки и включает режим плоского чтения.
 
 Всё это работает только для контролов кита. Обычный `<input>` внутрь класть можно, но подписи,
@@ -53,6 +54,21 @@
 
 Ошибка появляется только после касания или правки контрола — это решает сам контрол, а не поле.
 
+## Обязательность без валидатора
+
+Шаблонная форма (`ngModel`) валидатора на контрол не кладёт, и обязательным поле само себя не
+объявит. Для неё у поля есть вход `required`:
+
+```html
+<rt-field label="Имя" required>
+    <rt-input [(ngModel)]="name" />
+</rt-field>
+```
+
+Поле рисует «\*». Тронутое и оставленное пустым краснеет с ошибкой `required`. Форму вход
+недействительной не делает: можно ли записать, решает сама форма. Рядом с валидатором формы вход
+ничего не меняет.
+
 ## Подсказка
 
 - Строковый `[hint]` — обычный случай.

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

@@ -82,6 +82,10 @@
             border-color: transparent;
             background-color: transparent;
 
+            /* Высота строки поля рассчитана на подпись поля, а здесь разметка потребителя: с ней
+               кнопка вырастала бы на пару точек и сдвигала панель. Строка остаётся прежней. */
+            line-height: var(--rt-leading-none);
+
             &:focus {
                 border-color: transparent;
                 box-shadow: none;

package/src/styles/_semantic.scss

@@ -311,7 +311,7 @@
 
     /* Typography */
     --rt-input-font-size: var(--rt-text-sm);
-    --rt-input-line-height: var(--rt-leading-none);
+    --rt-input-line-height: var(--rt-leading-snug);
 
     /* State / motion */
     --rt-input-disabled-opacity: var(--rt-opacity-disabled);

package/styles/tokens.css

@@ -715,7 +715,7 @@
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -1624,7 +1624,7 @@ html.rt-theme-dark {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -2116,7 +2116,7 @@ html.rt-theme-dark {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -2749,7 +2749,7 @@ html.rt-theme-dark {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -3444,7 +3444,7 @@ html.rt-theme-dark .rt-preset-material {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -4309,7 +4309,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -5003,7 +5003,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -5694,7 +5694,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);

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

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import { WritableSignal, InputSignal } from '@angular/core';
+
+declare namespace IRtAccordion {
+    /** Пункт аккордеона: заголовок раскрывает текст под собой. Строки приходят уже переведёнными. */
+    interface Item {
+        readonly title: string;
+        readonly text: string;
+    }
+}
+
+/**
+ * Список пунктов, у каждого заголовок-кнопка и текст под ней. Нажатие раскрывает или сворачивает
+ * пункт, соседи остаются как были. Предмета показа аккордеон не знает: пункты приходят входом уже
+ * переведёнными.
+ */
+declare class RtAccordionComponent {
+    /** Основа id кнопок и панелей: два аккордеона на одной странице не ссылаются на чужие панели. */
+    protected readonly idBase: string;
+    /** Пришёл новый список — раскрытие начинается заново с пункта из входа. */
+    protected readonly open: WritableSignal<ReadonlySet<number>>;
+    readonly items: InputSignal<readonly IRtAccordion.Item[]>;
+    /** Пункт, раскрытый при входе. `null` оставляет все свёрнутыми. */
+    readonly openIndex: InputSignal<number | null>;
+    protected toggle(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtAccordionComponent, "rt-accordion", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "openIndex": { "alias": "openIndex"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { IRtAccordion, RtAccordionComponent };