@feugene/granularity 0.42.0 → 0.43.0

package/dist/web-types.json

@@ -1,13 +1,62 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@feugene/granularity",
-  "version": "0.42.0",
+  "version": "0.43.0",
   "framework": "vue",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "vue-components": [
+        {
+          "name": "GrAffix",
+          "source": {
+            "module": "@feugene/granularity/components/GrAffix",
+            "symbol": "GrAffix"
+          },
+          "props": [
+            {
+              "name": "placement",
+              "description": "Край, к которому прилипает панель.",
+              "default": "\"top\"",
+              "value": {
+                "kind": "expression",
+                "type": "\"top\" | \"bottom\" | undefined"
+              }
+            },
+            {
+              "name": "offset",
+              "description": "Отступ от края в прилипшем состоянии. Число — пиксели, строка — как есть (`4rem`, `var(--gr-navbar-height)`, `calc(…)`). Общий отступ для группы панелей задаётся не пропом, а токеном `--gr-affix-offset` на контейнере или на `:root`: наблюдатель читает вычисленный стиль и подхватывает его так же, как значение пропа.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Прилипание выключено: разметка та же, `sticky` не ставится. Именно проп, а не `v-if` снаружи: размонтирование убило бы фокус на кнопке панели и состояние вложенных контролов.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Содержимое панели. `stuck` позволяет менять его в прилипшем виде."
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "stickyChange"
+              }
+            ]
+          }
+        },
         {
           "name": "GrAlert",
           "source": {
@@ -629,6 +678,14 @@
             "symbol": "GrBadgeWrap"
           },
           "props": [
+            {
+              "name": "placement",
+              "default": "\"top-right\"",
+              "value": {
+                "kind": "expression",
+                "type": "\"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\" | undefined"
+              }
+            },
             {
               "name": "tone",
               "default": "\"danger\"",
@@ -681,14 +738,6 @@
                 "type": "boolean | undefined"
               }
             },
-            {
-              "name": "placement",
-              "default": "\"top-right\"",
-              "value": {
-                "kind": "expression",
-                "type": "\"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\" | undefined"
-              }
-            },
             {
               "name": "animate",
               "description": "Отмечать ли появление и рост **счётчика** анимацией. Точке анимировать нечего.",
@@ -927,35 +976,35 @@
           },
           "props": [
             {
-              "name": "tone",
-              "default": "undefined",
+              "name": "disabled",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "\"primary\" | \"neutral\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"slate\" | \"azure\" | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "variant",
-              "default": "undefined",
+              "name": "type",
+              "default": "\"button\"",
               "value": {
                 "kind": "expression",
-                "type": "GrButtonVariant | undefined"
+                "type": "\"button\" | \"submit\" | \"reset\" | undefined"
               }
             },
             {
-              "name": "type",
-              "default": "\"button\"",
+              "name": "tone",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "\"button\" | \"submit\" | \"reset\" | undefined"
+                "type": "\"primary\" | \"neutral\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"slate\" | \"azure\" | undefined"
               }
             },
             {
-              "name": "disabled",
-              "default": "false",
+              "name": "variant",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "GrButtonVariant | undefined"
               }
             },
             {
@@ -1256,6 +1305,185 @@
             ]
           }
         },
+        {
+          "name": "GrCarousel",
+          "source": {
+            "module": "@feugene/granularity/components/GrCarousel",
+            "symbol": "GrCarousel"
+          },
+          "props": [
+            {
+              "name": "tone",
+              "description": "Тон текущего переключателя по общей шкале пакета.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "\"primary\" | \"neutral\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"slate\" | \"azure\" | undefined"
+              }
+            },
+            {
+              "name": "modelValue",
+              "description": "Индекс текущего кадра. Не передан — лента ведёт позицию сама.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "description": "Имя карусели. APG требует его: `aria-roledescription` именем не считается.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "autoplay",
+              "description": "Запустить показ. Под `prefers-reduced-motion` не стартует — тумблер остаётся.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "autoplayInterval",
+              "description": "Пауза между кадрами, мс.",
+              "default": "5000",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
+            {
+              "name": "loop",
+              "description": "Замкнуть ленту. Выключено — стрелки на краях гаснут.",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "indicators",
+              "description": "Вид переключателя кадров. `none` меняет и роль самих слайдов.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "\"none\" | \"dots\" | \"thumbnails\" | undefined"
+              }
+            },
+            {
+              "name": "activationMode",
+              "description": "Листает ли стрелка по переключателям сразу или только двигает фокус.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "\"automatic\" | \"manual\" | undefined"
+              }
+            },
+            {
+              "name": "arrows",
+              "description": "Стрелки «назад/вперёд».",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "swipe",
+              "description": "Листание протяжкой указателя.",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "landmark",
+              "description": "Сделать карусель ориентиром страницы (`role=\"region\"`).",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "ariaLabelledby",
+              "description": "Имя из заголовка на странице. Сильнее `ariaLabel`.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "prevLabel",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "nextLabel",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "playLabel",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "pauseLabel",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "indicatorsLabel",
+              "description": "Имя полосы переключателей.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Кадры ленты — `GrCarouselSlide`."
+            },
+            {
+              "name": "prev",
+              "description": "Своя иконка кнопки «назад». Заменяет содержимое кнопки, но не её саму: имя, `aria-disabled` и поведение на краю остаются за компонентом."
+            },
+            {
+              "name": "next",
+              "description": "Своя иконка кнопки «вперёд»."
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue"
+              }
+            ]
+          }
+        },
         {
           "name": "GrCheckbox",
           "source": {
@@ -1264,8 +1492,7 @@
           },
           "props": [
             {
-              "name": "modelValue",
-              "description": "Не задан внутри `GrCheckboxGroup` — состояние берётся из группы.",
+              "name": "disabled",
               "default": "undefined",
               "value": {
                 "kind": "expression",
@@ -1273,7 +1500,8 @@
               }
             },
             {
-              "name": "disabled",
+              "name": "modelValue",
+              "description": "Не задан внутри `GrCheckboxGroup` — состояние берётся из группы.",
               "default": "undefined",
               "value": {
                 "kind": "expression",
@@ -1342,7 +1570,8 @@
               }
             },
             {
-              "name": "form",
+              "name": "id",
+              "description": "Пробрасывается на скрытый нативный `<input>`, чтобы работал `<label for=\"...\">`.",
               "default": "undefined",
               "value": {
                 "kind": "expression",
@@ -1350,8 +1579,7 @@
               }
             },
             {
-              "name": "id",
-              "description": "Пробрасывается на скрытый нативный `<input>`, чтобы работал `<label for=\"...\">`.",
+              "name": "form",
               "default": "undefined",
               "value": {
                 "kind": "expression",
@@ -1408,19 +1636,19 @@
           },
           "props": [
             {
-              "name": "options",
-              "default": "undefined",
+              "name": "disabled",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "GrCheckboxGroupOption[] | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "disabled",
-              "default": "false",
+              "name": "options",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "GrCheckboxGroupOption[] | undefined"
               }
             },
             {
@@ -1523,24 +1751,24 @@
           },
           "props": [
             {
-              "name": "tone",
-              "default": "undefined",
+              "name": "disabled",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "\"primary\" | \"neutral\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"slate\" | \"azure\" | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "closable",
-              "description": "Крестик. Внутри виджета он не кнопка — см. блок про роли ниже.",
-              "default": "false",
+              "name": "tone",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "\"primary\" | \"neutral\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"slate\" | \"azure\" | undefined"
               }
             },
             {
-              "name": "disabled",
+              "name": "closable",
+              "description": "Крестик. Внутри виджета он не кнопка — см. блок про роли ниже.",
               "default": "false",
               "value": {
                 "kind": "expression",
@@ -1663,6 +1891,14 @@
             "symbol": "GrChipGroup"
           },
           "props": [
+            {
+              "name": "disabled",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "tone",
               "default": "undefined",
@@ -1689,14 +1925,6 @@
                 "type": "GrChipValue | GrChipValue[] | null | undefined"
               }
             },
-            {
-              "name": "disabled",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "readonly",
               "description": "Выбор видно, но он не меняется.",
@@ -1806,19 +2034,19 @@
           },
           "props": [
             {
-              "name": "modelValue",
-              "default": "undefined",
+              "name": "disabled",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "GrCollapseValue | GrCollapseValue[] | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "disabled",
-              "default": "false",
+              "name": "modelValue",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "GrCollapseValue | GrCollapseValue[] | undefined"
               }
             },
             {
@@ -1928,12 +2156,12 @@
           },
           "props": [
             {
-              "name": "open",
-              "description": "Контролируемое состояние панели (`v-model:open`).",
-              "default": "undefined",
+              "name": "placement",
+              "description": "Сторона, с которой раскрывается панель.",
+              "default": "\"bottom-start\"",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "\"bottom-start\" | \"bottom-end\" | \"top-start\" | \"top-end\" | undefined"
               }
             },
             {
@@ -1944,6 +2172,15 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "open",
+              "description": "Контролируемое состояние панели (`v-model:open`).",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "readonly",
               "description": "Только для чтения: цвет видно, панель открывается, но значение не меняется.",
@@ -1994,15 +2231,6 @@
                 "type": "string | undefined"
               }
             },
-            {
-              "name": "placement",
-              "description": "Сторона, с которой раскрывается панель.",
-              "default": "\"bottom-start\"",
-              "value": {
-                "kind": "expression",
-                "type": "\"bottom-start\" | \"bottom-end\" | \"top-start\" | \"top-end\" | undefined"
-              }
-            },
             {
               "name": "alpha",
               "description": "Четвёртый слайдер и восьмизначная форма hex.",
@@ -2540,12 +2768,11 @@
           },
           "props": [
             {
-              "name": "open",
-              "description": "Открыто ли меню. Без пропа компонент ведёт состояние сам.",
-              "default": "undefined",
+              "name": "placement",
+              "default": "\"bottom-start\"",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "Placement | undefined"
               }
             },
             {
@@ -2557,19 +2784,20 @@
               }
             },
             {
-              "name": "ariaLabel",
+              "name": "open",
+              "description": "Открыто ли меню. Без пропа компонент ведёт состояние сам.",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "placement",
-              "default": "\"bottom-start\"",
+              "name": "ariaLabel",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "Placement | undefined"
+                "type": "string | undefined"
               }
             },
             {
@@ -3360,21 +3588,21 @@
           },
           "props": [
             {
-              "name": "variant",
-              "description": "Начертание линии. Не задано — берётся из `GrConfigProvider`, иначе `solid`.",
+              "name": "length",
+              "description": "Длина линии: высота вертикального разделителя, ширина горизонтального. Нужна вертикальному вне flex-родителя — там ему не от чего растянуться.",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "GrDividerVariant | undefined"
+                "type": "string | number | undefined"
               }
             },
             {
-              "name": "length",
-              "description": "Длина линии: высота вертикального разделителя, ширина горизонтального. Нужна вертикальному вне flex-родителя — там ему не от чего растянуться.",
+              "name": "variant",
+              "description": "Начертание линии. Не задано — берётся из `GrConfigProvider`, иначе `solid`.",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
+                "type": "GrDividerVariant | undefined"
               }
             },
             {
@@ -3632,12 +3860,21 @@
           },
           "props": [
             {
-              "name": "open",
-              "description": "Контролируемое состояние панели (`v-model:open`). Без пропа панель ведёт себя сама (uncontrolled), с ним — слушайте `update:open` и меняйте проп.",
-              "default": "undefined",
+              "name": "placement",
+              "description": "Размещение панели относительно триггера; `flip` при нехватке места остаётся.",
+              "default": "\"bottom-end\"",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "Placement | undefined"
+              }
+            },
+            {
+              "name": "offset",
+              "description": "Зазор между триггером и панелью, px.",
+              "default": "8",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
               }
             },
             {
@@ -3650,12 +3887,12 @@
               }
             },
             {
-              "name": "placement",
-              "description": "Размещение панели относительно триггера; `flip` при нехватке места остаётся.",
-              "default": "\"bottom-end\"",
+              "name": "open",
+              "description": "Контролируемое состояние панели (`v-model:open`). Без пропа панель ведёт себя сама (uncontrolled), с ним — слушайте `update:open` и меняйте проп.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "Placement | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
@@ -3694,15 +3931,6 @@
                 "type": "GrDropdownWidth | undefined"
               }
             },
-            {
-              "name": "offset",
-              "description": "Зазор между триггером и панелью, px.",
-              "default": "8",
-              "value": {
-                "kind": "expression",
-                "type": "number | undefined"
-              }
-            },
             {
               "name": "openDelay",
               "description": "Задержка открытия по наведению, мс.",
@@ -3757,12 +3985,21 @@
           },
           "props": [
             {
-              "name": "open",
-              "description": "Контролируемое состояние панели (`v-model:open`) — прокидывается в `GrDropdown`. Без пропа меню ведёт себя само (uncontrolled).",
-              "default": "undefined",
+              "name": "placement",
+              "description": "Размещение панели относительно триггера; переворот при нехватке места остаётся.",
+              "default": "\"bottom-end\"",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "Placement | undefined"
+              }
+            },
+            {
+              "name": "offset",
+              "description": "Зазор между триггером и панелью, px.",
+              "default": "8",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
               }
             },
             {
@@ -3775,12 +4012,12 @@
               }
             },
             {
-              "name": "placement",
-              "description": "Размещение панели относительно триггера; переворот при нехватке места остаётся.",
-              "default": "\"bottom-end\"",
+              "name": "open",
+              "description": "Контролируемое состояние панели (`v-model:open`) — прокидывается в `GrDropdown`. Без пропа меню ведёт себя само (uncontrolled).",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "Placement | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
@@ -3839,20 +4076,11 @@
             },
             {
               "name": "width",
-              "description": "Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту.",
-              "default": "\"12rem\"",
-              "value": {
-                "kind": "expression",
-                "type": "GrDropdownWidth | undefined"
-              }
-            },
-            {
-              "name": "offset",
-              "description": "Зазор между триггером и панелью, px.",
-              "default": "8",
+              "description": "Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту.",
+              "default": "\"12rem\"",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "GrDropdownWidth | undefined"
               }
             },
             {
@@ -4569,20 +4797,20 @@
               }
             },
             {
-              "name": "labelPosition",
-              "description": "Подпись сверху (по умолчанию) или сбоку — для плотных форм.",
+              "name": "label",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "\"start\" | \"top\" | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "label",
+              "name": "labelPosition",
+              "description": "Подпись сверху (по умолчанию) или сбоку — для плотных форм.",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "\"top\" | \"start\" | undefined"
               }
             },
             {
@@ -4666,7 +4894,7 @@
           },
           "props": [
             {
-              "name": "multiple",
+              "name": "disabled",
               "default": "false",
               "value": {
                 "kind": "expression",
@@ -4674,7 +4902,7 @@
               }
             },
             {
-              "name": "disabled",
+              "name": "multiple",
               "default": "false",
               "value": {
                 "kind": "expression",
@@ -4985,6 +5213,24 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "prevLabel",
+              "description": "i18n: aria-label кнопки «предыдущее изображение».",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "nextLabel",
+              "description": "i18n: aria-label кнопки «следующее изображение».",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
             {
               "name": "emptyText",
               "description": "i18n: текст в пустом состоянии (нет изображений).",
@@ -5094,24 +5340,6 @@
                 "type": "string | undefined"
               }
             },
-            {
-              "name": "prevLabel",
-              "description": "i18n: aria-label кнопки «предыдущее изображение».",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string | undefined"
-              }
-            },
-            {
-              "name": "nextLabel",
-              "description": "i18n: aria-label кнопки «следующее изображение».",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string | undefined"
-              }
-            },
             {
               "name": "zoomInLabel",
               "description": "i18n: aria-label кнопки «увеличить».",
@@ -5239,6 +5467,14 @@
             "symbol": "GrInput"
           },
           "props": [
+            {
+              "name": "disabled",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "type",
               "default": "\"text\"",
@@ -5256,14 +5492,6 @@
                 "type": "string | undefined"
               }
             },
-            {
-              "name": "disabled",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "readonly",
               "description": "Только для чтения: значение видно и выделяемо, но не редактируется.",
@@ -5530,6 +5758,14 @@
             "symbol": "GrInputTag"
           },
           "props": [
+            {
+              "name": "disabled",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "tagTone",
               "default": "\"neutral\"",
@@ -5562,14 +5798,6 @@
                 "type": "GrBadgeRadius | undefined"
               }
             },
-            {
-              "name": "disabled",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "readonly",
               "default": "false",
@@ -5961,21 +6189,21 @@
           },
           "props": [
             {
-              "name": "variant",
-              "description": "`merged` (по умолчанию) — сочетание одной плашкой, как его пишут сами системы: `⌘K` на macOS, `Ctrl+K` на прочих. `split` — по плашке на клавишу. `sequence` — аккорд «G затем I»: клавиши нажимают одну за другой.",
-              "default": "\"merged\"",
+              "name": "keys",
+              "description": "Сочетание: строкой (`\"mod+shift+K\"`) или набором токенов (`['mod', 'K']`). Токен `mod` — Cmd на macOS, Ctrl на остальных.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "\"split\" | \"merged\" | \"sequence\" | undefined"
+                "type": "string | string[] | undefined"
               }
             },
             {
-              "name": "keys",
-              "description": "Сочетание: строкой (`\"mod+shift+K\"`) или набором токенов (`['mod', 'K']`). Токен `mod` — Cmd на macOS, Ctrl на остальных.",
-              "default": "undefined",
+              "name": "variant",
+              "description": "`merged` (по умолчанию) — сочетание одной плашкой, как его пишут сами системы: `⌘K` на macOS, `Ctrl+K` на прочих. `split` — по плашке на клавишу. `sequence` — аккорд «G затем I»: клавиши нажимают одну за другой.",
+              "default": "\"merged\"",
               "value": {
                 "kind": "expression",
-                "type": "string | string[] | undefined"
+                "type": "\"split\" | \"merged\" | \"sequence\" | undefined"
               }
             },
             {
@@ -6018,6 +6246,14 @@
             "symbol": "GrLink"
           },
           "props": [
+            {
+              "name": "disabled",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "tone",
               "description": "Семантический цвет ссылки из палитры `GrTone`.",
@@ -6036,14 +6272,6 @@
                 "type": "GrLinkVariant | undefined"
               }
             },
-            {
-              "name": "disabled",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "size",
               "default": "undefined",
@@ -7029,12 +7257,11 @@
           },
           "props": [
             {
-              "name": "open",
-              "description": "Открыт ли поповер. Без этого пропа компонент ведёт состояние сам (uncontrolled), с ним — слушайте `update:open`.",
-              "default": "undefined",
+              "name": "placement",
+              "default": "\"bottom-start\"",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "Placement | undefined"
               }
             },
             {
@@ -7046,28 +7273,29 @@
               }
             },
             {
-              "name": "size",
+              "name": "open",
+              "description": "Открыт ли поповер. Без этого пропа компонент ведёт состояние сам (uncontrolled), с ним — слушайте `update:open`.",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "ariaLabel",
-              "description": "Доступное имя панели. Обязательно для `role=\"dialog\"` без видимого заголовка.",
+              "name": "size",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | undefined"
               }
             },
             {
-              "name": "placement",
-              "default": "\"bottom-start\"",
+              "name": "ariaLabel",
+              "description": "Доступное имя панели. Обязательно для `role=\"dialog\"` без видимого заголовка.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "Placement | undefined"
+                "type": "string | undefined"
               }
             },
             {
@@ -7088,6 +7316,15 @@
                 "type": "GrPopoverPadding | undefined"
               }
             },
+            {
+              "name": "anchor",
+              "description": "Якорь-прямоугольник в координатах вьюпорта вместо обёртки слота `#trigger`: панель встаёт у точки курсора или у строки списка. Нужен контекстному меню, у которого триггера-элемента нет вовсе. `triggerProps` в этом режиме некому потребить, и своих ARIA-атрибутов поповер никуда не вешает: `aria-haspopup` невалиден вне интерактивного элемента, а `aria-expanded` без хозяина — шум. Связь с содержимым страницы объявляет тот, кто открывает.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrFloatingAnchorRect | null | undefined"
+              }
+            },
             {
               "name": "closeOnEsc",
               "default": "true",
@@ -7140,15 +7377,6 @@
                 "type": "string | undefined"
               }
             },
-            {
-              "name": "anchor",
-              "description": "Якорь-прямоугольник в координатах вьюпорта вместо обёртки слота `#trigger`: панель встаёт у точки курсора или у строки списка. Нужен контекстному меню, у которого триггера-элемента нет вовсе. `triggerProps` в этом режиме некому потребить, и своих ARIA-атрибутов поповер никуда не вешает: `aria-haspopup` невалиден вне интерактивного элемента, а `aria-expanded` без хозяина — шум. Связь с содержимым страницы объявляет тот, кто открывает.",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "GrFloatingAnchorRect | null | undefined"
-              }
-            },
             {
               "name": "modal",
               "description": "Модальный режим: фон уходит в `inert`, Tab ходит по кругу внутри панели, скролл страницы блокируется, а слой встаёт в стек модальным — как окно. Нужен поповеру с формой или подтверждением внутри: без изоляции фона пользователь уводит фокус на страницу, к которой поповер и относится. В этом режиме фокус переносится в панель независимо от `autoFocus`: фон недоступен, и слой без фокуса внутри стал бы клавиатурной ловушкой.",
@@ -7793,27 +8021,27 @@
           },
           "props": [
             {
-              "name": "variant",
-              "default": "\"radiobox\"",
+              "name": "disabled",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "GrRadioVariant | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "modelValue",
-              "default": "undefined",
+              "name": "variant",
+              "default": "\"radiobox\"",
               "value": {
                 "kind": "expression",
-                "type": "GrRadioValue | undefined"
+                "type": "GrRadioVariant | undefined"
               }
             },
             {
-              "name": "disabled",
+              "name": "modelValue",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "GrRadioValue | undefined"
               }
             },
             {
@@ -7858,7 +8086,7 @@
               }
             },
             {
-              "name": "form",
+              "name": "id",
               "default": "undefined",
               "value": {
                 "kind": "expression",
@@ -7866,7 +8094,7 @@
               }
             },
             {
-              "name": "id",
+              "name": "form",
               "default": "undefined",
               "value": {
                 "kind": "expression",
@@ -7939,6 +8167,14 @@
             "symbol": "GrRadioGroup"
           },
           "props": [
+            {
+              "name": "disabled",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "variant",
               "default": "\"radiobox\"",
@@ -7955,14 +8191,6 @@
                 "type": "GrRadioGroupOption[] | undefined"
               }
             },
-            {
-              "name": "disabled",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "readonly",
               "description": "Только для чтения: выбор видно, но он не меняется.",
@@ -8062,6 +8290,14 @@
             "symbol": "GrRating"
           },
           "props": [
+            {
+              "name": "disabled",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "tone",
               "description": "Тон заливки; точечно перекрывается переменной `--gr-rating-color`.",
@@ -8080,14 +8316,6 @@
                 "type": "string | Component | undefined"
               }
             },
-            {
-              "name": "disabled",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "readonly",
               "description": "Только показ: без ввода и фокуса.",
@@ -8390,19 +8618,19 @@
           },
           "props": [
             {
-              "name": "variant",
-              "default": "undefined",
+              "name": "disabled",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "GrSegmentedVariant | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "disabled",
-              "default": "false",
+              "name": "variant",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "GrSegmentedVariant | undefined"
               }
             },
             {
@@ -9004,21 +9232,21 @@
               }
             },
             {
-              "name": "width",
-              "description": "Ширина в развёрнутом состоянии.",
-              "default": "\"240px\"",
+              "name": "landmark",
+              "description": "Лендмарк корня. `complementary` (по умолчанию) — `<aside>`; `navigation` — `<nav>` для панели, которая действительно является навигацией. Вложенный `<nav>` внутрь `<aside>` не заводим: два лендмарка на одну панель засоряют обзор, а панель фильтров навигацией не является вовсе.",
+              "default": "\"complementary\"",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "\"complementary\" | \"navigation\" | undefined"
               }
             },
             {
-              "name": "landmark",
-              "description": "Лендмарк корня. `complementary` (по умолчанию) — `<aside>`; `navigation` — `<nav>` для панели, которая действительно является навигацией. Вложенный `<nav>` внутрь `<aside>` не заводим: два лендмарка на одну панель засоряют обзор, а панель фильтров навигацией не является вовсе.",
-              "default": "\"complementary\"",
+              "name": "width",
+              "description": "Ширина в развёрнутом состоянии.",
+              "default": "\"240px\"",
               "value": {
                 "kind": "expression",
-                "type": "\"complementary\" | \"navigation\" | undefined"
+                "type": "string | undefined"
               }
             },
             {
@@ -9105,15 +9333,16 @@
               }
             },
             {
-              "name": "width",
-              "default": "undefined",
+              "name": "count",
+              "description": "Сколько заглушек подряд. Больше одной — они уезжают в общую обёртку.",
+              "default": "1",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "height",
+              "name": "width",
               "default": "undefined",
               "value": {
                 "kind": "expression",
@@ -9121,8 +9350,7 @@
               }
             },
             {
-              "name": "rounded",
-              "description": "Радиус точечно. Не задан — берётся из `variant`.",
+              "name": "height",
               "default": "undefined",
               "value": {
                 "kind": "expression",
@@ -9130,12 +9358,12 @@
               }
             },
             {
-              "name": "count",
-              "description": "Сколько заглушек подряд. Больше одной — они уезжают в общую обёртку.",
-              "default": "1",
+              "name": "rounded",
+              "description": "Радиус точечно. Не задан — берётся из `variant`.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "string | undefined"
               }
             }
           ]
@@ -9443,21 +9671,21 @@
           },
           "props": [
             {
-              "name": "modelValue",
-              "description": "Доля первой панели в процентах. Поддерживает `v-model`; без него компонент помнит размер сам.",
-              "default": "undefined",
+              "name": "disabled",
+              "description": "Разделитель не тянется, не фокусируется и не отвечает на клавиши.",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "disabled",
-              "description": "Разделитель не тянется, не фокусируется и не отвечает на клавиши.",
-              "default": "false",
+              "name": "modelValue",
+              "description": "Доля первой панели в процентах. Поддерживает `v-model`; без него компонент помнит размер сам.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "number | undefined"
               }
             },
             {
@@ -9905,8 +10133,7 @@
           },
           "props": [
             {
-              "name": "modelValue",
-              "description": "Значение переключателя. Необязательное: без `v-model` контрол рисуется выключенным — так же, как `GrCheckbox`. Обязательный проп заставлял бы заводить `ref` даже там, где переключатель presentational.",
+              "name": "disabled",
               "default": "false",
               "value": {
                 "kind": "expression",
@@ -9914,7 +10141,8 @@
               }
             },
             {
-              "name": "disabled",
+              "name": "modelValue",
+              "description": "Значение переключателя. Необязательное: без `v-model` контрол рисуется выключенным — так же, как `GrCheckbox`. Обязательный проп заставлял бы заводить `ref` даже там, где переключатель presentational.",
               "default": "false",
               "value": {
                 "kind": "expression",
@@ -10134,6 +10362,15 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "ariaLabelledby",
+              "description": "ID элемента-заголовка, связанного с `<table>` через `aria-labelledby`.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
             {
               "name": "empty",
               "description": "Таблица пуста. По умолчанию определяется по содержимому слота.",
@@ -10170,15 +10407,6 @@
                 "type": "string | undefined"
               }
             },
-            {
-              "name": "ariaLabelledby",
-              "description": "ID элемента-заголовка, связанного с `<table>` через `aria-labelledby`.",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string | undefined"
-              }
-            },
             {
               "name": "regionLabel",
               "description": "ARIA-label для скролл-контейнера. Включает `role=\"region\"`; сам скролл достижим с клавиатуры всегда, независимо от метки.",
@@ -10321,6 +10549,15 @@
                 "type": "GrTabsOrientation | undefined"
               }
             },
+            {
+              "name": "activationMode",
+              "description": "`automatic` (по умолчанию) — стрелка сразу переключает вкладку; `manual` — стрелка двигает только фокус, выбор подтверждается `Enter`/`Space`. Второй режим для вкладок с тяжёлой загрузкой: перебор стрелками иначе тянет каждую панель.",
+              "default": "\"automatic\"",
+              "value": {
+                "kind": "expression",
+                "type": "GrTabsActivationMode | undefined"
+              }
+            },
             {
               "name": "emptyText",
               "description": "Текст, когда список вкладок пуст. Слот `#empty` сильнее.",
@@ -10339,15 +10576,6 @@
                 "type": "string | undefined"
               }
             },
-            {
-              "name": "activationMode",
-              "description": "`automatic` (по умолчанию) — стрелка сразу переключает вкладку; `manual` — стрелка двигает только фокус, выбор подтверждается `Enter`/`Space`. Второй режим для вкладок с тяжёлой загрузкой: перебор стрелками иначе тянет каждую панель.",
-              "default": "\"automatic\"",
-              "value": {
-                "kind": "expression",
-                "type": "GrTabsActivationMode | undefined"
-              }
-            },
             {
               "name": "modelValue",
               "required": true,
@@ -10806,12 +11034,12 @@
           },
           "props": [
             {
-              "name": "open",
-              "description": "Управляемая видимость. Без неё компонент ведёт видимость сам.",
-              "default": "undefined",
+              "name": "placement",
+              "description": "Предпочтительная сторона панели; `flip` может её изменить.",
+              "default": "\"top\"",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "Placement | undefined"
               }
             },
             {
@@ -10824,21 +11052,21 @@
               }
             },
             {
-              "name": "size",
-              "description": "Размер панели и дефолтной триггер-иконки.",
+              "name": "open",
+              "description": "Управляемая видимость. Без неё компонент ведёт видимость сам.",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "placement",
-              "description": "Предпочтительная сторона панели; `flip` может её изменить.",
-              "default": "\"top\"",
+              "name": "size",
+              "description": "Размер панели и дефолтной триггер-иконки.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "Placement | undefined"
+                "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | undefined"
               }
             },
             {
@@ -10905,6 +11133,208 @@
             ]
           }
         },
+        {
+          "name": "GrTransfer",
+          "source": {
+            "module": "@feugene/granularity/components/GrTransfer",
+            "symbol": "GrTransfer"
+          },
+          "props": [
+            {
+              "name": "items",
+              "required": true,
+              "description": "Каталог целиком: обе панели — одна его раскладка.",
+              "value": {
+                "kind": "expression",
+                "type": "TItem[]"
+              }
+            },
+            {
+              "name": "modelValue",
+              "required": true,
+              "description": "Ключи правой панели **в её порядке**: порядок и есть значение.",
+              "value": {
+                "kind": "expression",
+                "type": "GrTransferKey[]"
+              }
+            },
+            {
+              "name": "itemKey",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrTransferItemKey<TItem> | undefined"
+              }
+            },
+            {
+              "name": "itemLabel",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrTransferItemLabel<TItem> | undefined"
+              }
+            },
+            {
+              "name": "itemDisabled",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrTransferItemFlag<TItem> | undefined"
+              }
+            },
+            {
+              "name": "sourceTitle",
+              "description": "Имя левой панели. Это доступное имя её `listbox`, а не украшение.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "targetTitle",
+              "description": "Имя правой панели.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "searchable",
+              "description": "Поле поиска в каждой панели.",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "filter",
+              "description": "Свой матчер: встроенный ищет по `itemLabel`, а строка может показывать больше.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "((item: TItem, query: string) => boolean) | undefined"
+              }
+            },
+            {
+              "name": "sortable",
+              "description": "Правую панель можно переставлять.",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "draggable",
+              "description": "Перетаскивание строк указателем. Усиление поверх кнопок, а не контракт.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "maxHeight",
+              "description": "Высота панелей: обе одинаковы и прокручиваются внутри себя.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
+            },
+            {
+              "name": "size",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | undefined"
+              }
+            },
+            {
+              "name": "disabled",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "readonly",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "invalid",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "required",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "item",
+              "description": "Своя строка. Слот доменный: у соседей `item` — строка списка, здесь тоже."
+            },
+            {
+              "name": "header",
+              "description": "Своя шапка панели: имя, счётчик, отметка «выбрать всё»."
+            },
+            {
+              "name": "actions",
+              "description": "Своя колонка кнопок между панелями."
+            },
+            {
+              "name": "empty",
+              "description": "Пустая панель. `filtered` — пусто из-за поиска, а не по сути."
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue"
+              },
+              {
+                "name": "change"
+              },
+              {
+                "name": "transfer"
+              },
+              {
+                "name": "search"
+              },
+              {
+                "name": "focus"
+              },
+              {
+                "name": "blur"
+              }
+            ]
+          }
+        },
         {
           "name": "GrTree",
           "source": {