@feugene/granularity 0.24.1 → 0.25.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@feugene/granularity",
-  "version": "0.24.1",
+  "version": "0.25.0",
   "framework": "vue",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
@@ -1489,6 +1489,280 @@
             ]
           }
         },
+        {
+          "name": "GrChip",
+          "source": {
+            "module": "@feugene/granularity/components/GrChip",
+            "symbol": "GrChip"
+          },
+          "props": [
+            {
+              "name": "tone",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "\"primary\" | \"neutral\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"slate\" | \"azure\" | undefined"
+              }
+            },
+            {
+              "name": "closable",
+              "description": "Крестик. Внутри виджета он не кнопка — см. блок про роли ниже.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "disabled",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "size",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | undefined"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "description": "Доступное имя, когда подпись не объясняет назначения.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "dark",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "radius",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrBadgeRadius | undefined"
+              }
+            },
+            {
+              "name": "value",
+              "description": "Значение чипа в группе. Вне `GrChipGroup` не используется.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrChipValue | undefined"
+              }
+            },
+            {
+              "name": "label",
+              "description": "Подпись. Нужна отдельно от слота: из неё собирается имя кнопки снятия — «Убрать» на двадцати кнопках подряд не даёт выбрать нужную.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "selectable",
+              "description": "Чип становится переключателем: `aria-pressed`, `Enter`/`Space`.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "selected",
+              "description": "Состояние переключателя вне группы. Внутри группы значение ведёт группа.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "removeLabel",
+              "description": "Имя кнопки снятия целиком. Перебивает собранное из `label`.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Подпись чипа. Внутри выбираемого чипа — только фразовое содержимое."
+            },
+            {
+              "name": "icon",
+              "description": "Иконка перед подписью."
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "remove"
+              },
+              {
+                "name": "update:selected"
+              }
+            ]
+          }
+        },
+        {
+          "name": "GrChipGroup",
+          "source": {
+            "module": "@feugene/granularity/components/GrChipGroup",
+            "symbol": "GrChipGroup"
+          },
+          "props": [
+            {
+              "name": "tone",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "\"primary\" | \"neutral\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"slate\" | \"azure\" | undefined"
+              }
+            },
+            {
+              "name": "closable",
+              "description": "Крестик у всех чипов набора. Точечно перебивается пропом самого чипа.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "modelValue",
+              "description": "Одиночный выбор — значение, множественный — массив.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrChipValue | GrChipValue[] | null | undefined"
+              }
+            },
+            {
+              "name": "disabled",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "readonly",
+              "description": "Выбор видно, но он не меняется.",
+              "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": "size",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | undefined"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "name",
+              "description": "Имя для нативной формы. Множественный выбор отдаёт по полю на значение.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "dark",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "radius",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrBadgeRadius | undefined"
+              }
+            },
+            {
+              "name": "selection",
+              "default": "\"multiple\"",
+              "value": {
+                "kind": "expression",
+                "type": "GrChipSelection | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Чипы набора."
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue"
+              },
+              {
+                "name": "change"
+              },
+              {
+                "name": "focus"
+              },
+              {
+                "name": "blur"
+              },
+              {
+                "name": "remove"
+              }
+            ]
+          }
+        },
         {
           "name": "GrCodeBlock",
           "source": {
@@ -2105,68 +2379,279 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "closeOnBackdrop",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "closeOnEsc",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "showHeader",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "showCloseButton",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "headerConfig",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrDialogSectionConfig | undefined"
+              }
+            },
+            {
+              "name": "footerConfig",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrDialogSectionConfig | undefined"
+              }
+            },
+            {
+              "name": "bodyConfig",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrDialogSectionConfig | undefined"
+              }
+            },
+            {
+              "name": "closeLabel",
+              "description": "A11y-лейбл кнопки закрытия (i18n).",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "buttonSize",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | undefined"
+              }
+            },
+            {
+              "name": "confirmText",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "cancelText",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "confirmVariant",
+              "default": "\"primary\"",
+              "value": {
+                "kind": "expression",
+                "type": "GrButtonVariant | undefined"
+              }
+            },
+            {
+              "name": "confirmTone",
+              "default": "\"primary\"",
+              "value": {
+                "kind": "expression",
+                "type": "\"primary\" | \"neutral\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"slate\" | \"azure\" | undefined"
+              }
+            },
+            {
+              "name": "error",
+              "description": "Структура ошибки ответа сервера для показа в теле диалога (через `GrResponseErrorBanner`). Используется императивным `useDialogService` для async-`onConfirm`. `null` — блок скрыт.",
+              "default": "null",
+              "value": {
+                "kind": "expression",
+                "type": "ResponseErrorInfo | null | undefined"
+              }
+            },
+            {
+              "name": "confirmLoading",
+              "description": "Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight).",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "confirmDisabled",
+              "description": "Принудительно дизейблит кнопку Confirm.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "closeOnConfirm",
+              "description": "Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true` (историческое поведение). `false` — отдаёт управление закрытием наружу (нужно `useDialogService`, который ждёт результат async-`onConfirm`).",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "focusAction",
+              "description": "Какое действие получает фокус при открытии. По умолчанию «Отмена»: подтверждение бывает деструктивным, и `Enter` сразу после открытия не должен его запускать. `none` оставляет фокус на панели окна. Имя не `initialFocus` намеренно: у `GrModal`/`GrDrawer` так называется проп с элементом, а здесь выбирается действие.",
+              "default": "\"cancel\"",
+              "value": {
+                "kind": "expression",
+                "type": "GrConfirmDialogFocusAction | undefined"
+              }
+            },
+            {
+              "name": "persistent",
+              "description": "Запрет закрытия «мягкими» способами (Esc, клик по бэкдропу), пока идёт подтверждение (`confirmLoading`). Кнопка закрытия и «Отмена» остаются: окно без единого выхода — ловушка.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "modelValue",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "error"
+            },
+            {
+              "name": "footer"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue"
+              },
+              {
+                "name": "confirm"
+              },
+              {
+                "name": "cancel"
+              }
+            ]
+          }
+        },
+        {
+          "name": "GrContextMenu",
+          "source": {
+            "module": "@feugene/granularity/components/GrContextMenu",
+            "symbol": "GrContextMenu"
+          },
+          "props": [
+            {
+              "name": "open",
+              "description": "Открыто ли меню. Без пропа компонент ведёт состояние сам.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "closeOnBackdrop",
-              "default": "true",
+              "name": "disabled",
+              "default": "false",
               "value": {
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
             },
             {
-              "name": "closeOnEsc",
-              "default": "true",
+              "name": "ariaLabel",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "showHeader",
-              "default": "true",
+              "name": "placement",
+              "default": "\"bottom-start\"",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "Placement | undefined"
               }
             },
             {
-              "name": "showCloseButton",
-              "default": "true",
+              "name": "items",
+              "description": "Декларативное меню. Слот `#content` сильнее.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "GrDropdownMenuEntry[] | undefined"
               }
             },
             {
-              "name": "headerConfig",
-              "default": "undefined",
+              "name": "trigger",
+              "default": "\"contextmenu\"",
               "value": {
                 "kind": "expression",
-                "type": "GrDialogSectionConfig | undefined"
+                "type": "GrContextMenuTrigger | undefined"
               }
             },
             {
-              "name": "footerConfig",
-              "default": "undefined",
+              "name": "offsetPx",
+              "description": "Зазор от якоря. Ноль по умолчанию: меню липнет к курсору.",
+              "default": "0",
               "value": {
                 "kind": "expression",
-                "type": "GrDialogSectionConfig | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "bodyConfig",
-              "default": "undefined",
+              "name": "minWidth",
+              "description": "Меню из коротких слов не должно быть шириной в слово.",
+              "default": "\"11rem\"",
               "value": {
                 "kind": "expression",
-                "type": "GrDialogSectionConfig | undefined"
+                "type": "string | number | undefined"
               }
             },
             {
-              "name": "closeLabel",
-              "description": "A11y-лейбл кнопки закрытия (i18n).",
+              "name": "labelledBy",
               "default": "undefined",
               "value": {
                 "kind": "expression",
@@ -2174,15 +2659,15 @@
               }
             },
             {
-              "name": "buttonSize",
+              "name": "teleportTo",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | undefined"
+                "type": "string | HTMLElement | undefined"
               }
             },
             {
-              "name": "confirmText",
+              "name": "contentClass",
               "default": "undefined",
               "value": {
                 "kind": "expression",
@@ -2190,7 +2675,7 @@
               }
             },
             {
-              "name": "cancelText",
+              "name": "listClass",
               "default": "undefined",
               "value": {
                 "kind": "expression",
@@ -2198,42 +2683,7 @@
               }
             },
             {
-              "name": "confirmVariant",
-              "default": "\"primary\"",
-              "value": {
-                "kind": "expression",
-                "type": "GrButtonVariant | undefined"
-              }
-            },
-            {
-              "name": "confirmTone",
-              "default": "\"primary\"",
-              "value": {
-                "kind": "expression",
-                "type": "\"primary\" | \"neutral\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"slate\" | \"azure\" | undefined"
-              }
-            },
-            {
-              "name": "error",
-              "description": "Структура ошибки ответа сервера для показа в теле диалога (через `GrResponseErrorBanner`). Используется императивным `useDialogService` для async-`onConfirm`. `null` — блок скрыт.",
-              "default": "null",
-              "value": {
-                "kind": "expression",
-                "type": "ResponseErrorInfo | null | undefined"
-              }
-            },
-            {
-              "name": "confirmLoading",
-              "description": "Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight).",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
-            {
-              "name": "confirmDisabled",
-              "description": "Принудительно дизейблит кнопку Confirm.",
+              "name": "dividers",
               "default": "false",
               "value": {
                 "kind": "expression",
@@ -2241,8 +2691,8 @@
               }
             },
             {
-              "name": "closeOnConfirm",
-              "description": "Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true` (историческое поведение). `false` — отдаёт управление закрытием наружу (нужно `useDialogService`, который ждёт результат async-`onConfirm`).",
+              "name": "closeOnScroll",
+              "description": "Закрывать при прокрутке страницы. Якорь — точка вьюпорта, и панель осталась бы висеть на экране, пока контент под ней уезжает. Так же ведут себя нативные меню.",
               "default": "true",
               "value": {
                 "kind": "expression",
@@ -2250,30 +2700,13 @@
               }
             },
             {
-              "name": "focusAction",
-              "description": "Какое действие получает фокус при открытии. По умолчанию «Отмена»: подтверждение бывает деструктивным, и `Enter` сразу после открытия не должен его запускать. `none` оставляет фокус на панели окна. Имя не `initialFocus` намеренно: у `GrModal`/`GrDrawer` так называется проп с элементом, а здесь выбирается действие.",
-              "default": "\"cancel\"",
-              "value": {
-                "kind": "expression",
-                "type": "GrConfirmDialogFocusAction | undefined"
-              }
-            },
-            {
-              "name": "persistent",
-              "description": "Запрет закрытия «мягкими» способами (Esc, клик по бэкдропу), пока идёт подтверждение (`confirmLoading`). Кнопка закрытия и «Отмена» остаются: окно без единого выхода — ловушка.",
-              "default": "false",
+              "name": "allowNativeMenu",
+              "description": "Пропускать `Shift`+правый клик к браузеру.",
+              "default": "true",
               "value": {
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
-            },
-            {
-              "name": "modelValue",
-              "required": true,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
             }
           ],
           "slots": [
@@ -2281,22 +2714,19 @@
               "name": "default"
             },
             {
-              "name": "error"
-            },
-            {
-              "name": "footer"
+              "name": "content"
             }
           ],
           "js": {
             "events": [
               {
-                "name": "update:modelValue"
+                "name": "update:open"
               },
               {
-                "name": "confirm"
+                "name": "select"
               },
               {
-                "name": "cancel"
+                "name": "beforeOpen"
               }
             ]
           }
@@ -3146,48 +3576,48 @@
               }
             },
             {
-              "name": "initialFocus",
-              "description": "Элемент, получающий фокус при открытии. По умолчанию — сама панель.",
-              "default": "null",
+              "name": "width",
+              "description": "Произвольная ширина боковой панели. Число трактуется как пиксели; сильнее `size`.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "HTMLElement | null | undefined"
+                "type": "string | number | undefined"
               }
             },
             {
-              "name": "modal",
-              "description": "Модальная панель: подложка, блокировка скролла, `inert` остальной странице и ловушка фокуса. `false` — панель живёт рядом со страницей: с ней работают, не закрывая, а Tab уходит наружу.",
-              "default": "true",
+              "name": "height",
+              "description": "Произвольная высота верхней или нижней панели. Число трактуется как пиксели.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | number | undefined"
               }
             },
             {
-              "name": "side",
-              "description": "Сторона, с которой выезжает панель.",
-              "default": "undefined",
+              "name": "modal",
+              "description": "Модальная панель: подложка, блокировка скролла, `inert` остальной странице и ловушка фокуса. `false` — панель живёт рядом со страницей: с ней работают, не закрывая, а Tab уходит наружу.",
+              "default": "true",
               "value": {
                 "kind": "expression",
-                "type": "GrDrawerSide | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "width",
-              "description": "Произвольная ширина боковой панели. Число трактуется как пиксели; сильнее `size`.",
-              "default": "undefined",
+              "name": "initialFocus",
+              "description": "Элемент, получающий фокус при открытии. По умолчанию — сама панель.",
+              "default": "null",
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
+                "type": "HTMLElement | null | undefined"
               }
             },
             {
-              "name": "height",
-              "description": "Произвольная высота верхней или нижней панели. Число трактуется как пиксели.",
+              "name": "side",
+              "description": "Сторона, с которой выезжает панель.",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
+                "type": "GrDrawerSide | undefined"
               }
             },
             {
@@ -3264,75 +3694,75 @@
               }
             },
             {
-              "name": "width",
-              "description": "Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту.",
-              "default": "\"12rem\"",
+              "name": "trigger",
+              "description": "Чем открывается панель. В любом режиме работают клик и клавиатура.",
+              "default": "\"click\"",
               "value": {
                 "kind": "expression",
-                "type": "GrDropdownWidth | undefined"
+                "type": "GrDropdownTrigger | undefined"
               }
             },
             {
-              "name": "offset",
-              "description": "Зазор между триггером и панелью, px.",
-              "default": "8",
+              "name": "teleportTo",
+              "description": "Точечное переопределение точки монтирования. По умолчанию — общий портал оверлеев (`#gr-portal` либо `portalTarget` из `GrConfigProvider`).",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "string | HTMLElement | undefined"
               }
             },
             {
-              "name": "trigger",
-              "description": "Чем открывается панель. В любом режиме работают клик и клавиатура.",
-              "default": "\"click\"",
+              "name": "contentClass",
+              "description": "Дополнительные классы контейнера content.",
+              "default": "\"\"",
               "value": {
                 "kind": "expression",
-                "type": "GrDropdownTrigger | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "openDelay",
-              "description": "Задержка открытия по наведению, мс.",
-              "default": "120",
+              "name": "width",
+              "description": "Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту.",
+              "default": "\"12rem\"",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "GrDropdownWidth | undefined"
               }
             },
             {
-              "name": "closeDelay",
-              "description": "Задержка закрытия после ухода курсора, мс.",
-              "default": "160",
+              "name": "closeOnContentClick",
+              "description": "Закрывать панель по клику внутри content.",
+              "default": "true",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "closeOnContentClick",
-              "description": "Закрывать панель по клику внутри content.",
-              "default": "true",
+              "name": "offset",
+              "description": "Зазор между триггером и панелью, px.",
+              "default": "8",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "contentClass",
-              "description": "Дополнительные классы контейнера content.",
-              "default": "\"\"",
+              "name": "openDelay",
+              "description": "Задержка открытия по наведению, мс.",
+              "default": "120",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "teleportTo",
-              "description": "Точечное переопределение точки монтирования. По умолчанию — общий портал оверлеев (`#gr-portal` либо `portalTarget` из `GrConfigProvider`).",
-              "default": "undefined",
+              "name": "closeDelay",
+              "description": "Задержка закрытия после ухода курсора, мс.",
+              "default": "160",
               "value": {
                 "kind": "expression",
-                "type": "string | HTMLElement | undefined"
+                "type": "number | undefined"
               }
             }
           ],
@@ -3396,48 +3826,57 @@
               }
             },
             {
-              "name": "width",
-              "description": "Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту.",
-              "default": "\"12rem\"",
+              "name": "trigger",
+              "description": "Чем открывается панель. В любом режиме работают клик и клавиатура.",
+              "default": "\"click\"",
               "value": {
                 "kind": "expression",
-                "type": "GrDropdownWidth | undefined"
+                "type": "GrDropdownTrigger | undefined"
               }
             },
             {
-              "name": "offset",
-              "description": "Зазор между триггером и панелью, px.",
-              "default": "8",
+              "name": "teleportTo",
+              "description": "Точечное переопределение точки монтирования; по умолчанию — общий портал.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "string | HTMLElement | undefined"
               }
             },
             {
-              "name": "trigger",
-              "description": "Чем открывается панель. В любом режиме работают клик и клавиатура.",
-              "default": "\"click\"",
+              "name": "contentClass",
+              "description": "Дополнительные классы content-контейнера.",
+              "default": "\"\"",
               "value": {
                 "kind": "expression",
-                "type": "GrDropdownTrigger | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "openDelay",
-              "description": "Задержка открытия по наведению, мс.",
-              "default": "120",
+              "name": "listClass",
+              "description": "Дополнительные классы для wrapper'а списка.",
+              "default": "\"\"",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "dividers",
+              "description": "Разделители между пунктами.",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "closeDelay",
-              "description": "Задержка закрытия после ухода курсора, мс.",
-              "default": "160",
+              "name": "width",
+              "description": "Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту.",
+              "default": "\"12rem\"",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "GrDropdownWidth | undefined"
               }
             },
             {
@@ -3450,35 +3889,35 @@
               }
             },
             {
-              "name": "contentClass",
-              "description": "Дополнительные классы content-контейнера.",
-              "default": "\"\"",
+              "name": "offset",
+              "description": "Зазор между триггером и панелью, px.",
+              "default": "8",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "teleportTo",
-              "description": "Точечное переопределение точки монтирования; по умолчанию — общий портал.",
-              "default": "undefined",
+              "name": "openDelay",
+              "description": "Задержка открытия по наведению, мс.",
+              "default": "120",
               "value": {
                 "kind": "expression",
-                "type": "string | HTMLElement | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "borderBottom",
-              "description": "Нижний бордер контейнера списка.",
-              "default": "false",
+              "name": "closeDelay",
+              "description": "Задержка закрытия после ухода курсора, мс.",
+              "default": "160",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "borderTop",
-              "description": "Верхний бордер контейнера списка.",
+              "name": "borderBottom",
+              "description": "Нижний бордер контейнера списка.",
               "default": "false",
               "value": {
                 "kind": "expression",
@@ -3486,22 +3925,13 @@
               }
             },
             {
-              "name": "dividers",
-              "description": "Разделители между пунктами.",
+              "name": "borderTop",
+              "description": "Верхний бордер контейнера списка.",
               "default": "false",
               "value": {
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
-            },
-            {
-              "name": "listClass",
-              "description": "Дополнительные классы для wrapper'а списка.",
-              "default": "\"\"",
-              "value": {
-                "kind": "expression",
-                "type": "string | undefined"
-              }
             }
           ],
           "slots": [
@@ -4159,6 +4589,14 @@
                 "type": "\"start\" | \"top\" | undefined"
               }
             },
+            {
+              "name": "label",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
             {
               "name": "error",
               "description": "Явная ошибка (или несколько). Перекрывает ошибку из `GrForm` — ручной режим без формы тоже здесь. Массив нужен там, где источник ошибок один, а претензий несколько: ответ сервера, валидация файла.",
@@ -4185,14 +4623,6 @@
                 "type": "LabelClass | undefined"
               }
             },
-            {
-              "name": "label",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string | undefined"
-              }
-            },
             {
               "name": "forId",
               "description": "Явный id контрола. Если не задан — генерируется автоматически.",
@@ -5390,10 +5820,10 @@
                 "name": "add"
               },
               {
-                "name": "reject"
+                "name": "remove"
               },
               {
-                "name": "remove"
+                "name": "reject"
               }
             ]
           }
@@ -6621,17 +7051,26 @@
               }
             },
             {
-              "name": "closeOnEsc",
-              "default": "true",
+              "name": "padding",
+              "description": "Поле панели. `none` — содержимое рисует своё (меню, список опций).",
+              "default": "\"default\"",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "GrPopoverPadding | undefined"
               }
             },
             {
-              "name": "modal",
-              "description": "Модальный режим: фон уходит в `inert`, Tab ходит по кругу внутри панели, скролл страницы блокируется, а слой встаёт в стек модальным — как окно. Нужен поповеру с формой или подтверждением внутри: без изоляции фона пользователь уводит фокус на страницу, к которой поповер и относится. В этом режиме фокус переносится в панель независимо от `autoFocus`: фон недоступен, и слой без фокуса внутри стал бы клавиатурной ловушкой.",
-              "default": "false",
+              "name": "anchor",
+              "description": "Якорь-прямоугольник в координатах вьюпорта вместо обёртки слота `#trigger`: панель встаёт у точки курсора или у строки списка. Нужен контекстному меню, у которого триггера-элемента нет вовсе. `triggerProps` в этом режиме некому потребить, и своих ARIA-атрибутов поповер никуда не вешает: `aria-haspopup` невалиден вне интерактивного элемента, а `aria-expanded` без хозяина — шум. Связь с содержимым страницы объявляет тот, кто открывает.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrFloatingAnchorRect | null | undefined"
+              }
+            },
+            {
+              "name": "closeOnEsc",
+              "default": "true",
               "value": {
                 "kind": "expression",
                 "type": "boolean | undefined"
@@ -6647,16 +7086,17 @@
               }
             },
             {
-              "name": "closeOnContentClick",
-              "description": "Закрывать по клику внутри панели — удобно для меню, вредно для формы.",
-              "default": "false",
+              "name": "offsetPx",
+              "description": "Зазор между триггером и панелью, px.",
+              "default": "8",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "contentClass",
+              "name": "labelledBy",
+              "description": "`id` видимого заголовка внутри панели — альтернатива `ariaLabel`.",
               "default": "undefined",
               "value": {
                 "kind": "expression",
@@ -6673,12 +7113,11 @@
               }
             },
             {
-              "name": "offsetPx",
-              "description": "Зазор между триггером и панелью, px.",
-              "default": "8",
+              "name": "contentClass",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "string | undefined"
               }
             },
             {
@@ -6691,12 +7130,12 @@
               }
             },
             {
-              "name": "labelledBy",
-              "description": "`id` видимого заголовка внутри панели — альтернатива `ariaLabel`.",
-              "default": "undefined",
+              "name": "modal",
+              "description": "Модальный режим: фон уходит в `inert`, Tab ходит по кругу внутри панели, скролл страницы блокируется, а слой встаёт в стек модальным — как окно. Нужен поповеру с формой или подтверждением внутри: без изоляции фона пользователь уводит фокус на страницу, к которой поповер и относится. В этом режиме фокус переносится в панель независимо от `autoFocus`: фон недоступен, и слой без фокуса внутри стал бы клавиатурной ловушкой.",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
@@ -6707,6 +7146,15 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "closeOnContentClick",
+              "description": "Закрывать по клику внутри панели — удобно для меню, вредно для формы.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "autoFocus",
               "description": "Переносить фокус на панель при открытии. Именно на панель, а не на первый контрол внутри: сфокусировать поле ввода за пользователя — решение содержимого, а не оболочки.",
@@ -6984,6 +7432,14 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "label",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
             {
               "name": "closeOnBackdrop",
               "default": "true",
@@ -7143,14 +7599,6 @@
                 "type": "number | undefined"
               }
             },
-            {
-              "name": "label",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string | undefined"
-              }
-            },
             {
               "name": "rules",
               "description": "Правила проверки значения — те же, что у `GrForm` (`required`, `type`, `min`/`max`/`len`, `pattern`, свой в т.ч. асинхронный `validator`). Прогоняются на blur (после первого касания) и на подтверждении.",
@@ -8489,7 +8937,7 @@
               "default": "\"left\"",
               "value": {
                 "kind": "expression",
-                "type": "\"left\" | \"right\" | undefined"
+                "type": "\"right\" | \"left\" | undefined"
               }
             },
             {
@@ -9276,6 +9724,107 @@
             ]
           }
         },
+        {
+          "name": "GrSteps",
+          "source": {
+            "module": "@feugene/granularity/components/GrSteps",
+            "symbol": "GrSteps"
+          },
+          "props": [
+            {
+              "name": "variant",
+              "description": "Компактный вид для узкой колонки: подпись текущего шага и полоса прогресса.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrStepsVariant | undefined"
+              }
+            },
+            {
+              "name": "size",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | undefined"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "orientation",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrStepsOrientation | undefined"
+              }
+            },
+            {
+              "name": "clickable",
+              "description": "Переход кликом по шагу. Выключен — лента становится только индикатором.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "linear",
+              "description": "Вперёд — не дальше первого непройденного. Назад свободно всегда: вернуться и поправить заполненное — обычный сценарий, а не обход правила.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "beforeLeave",
+              "description": "Гейт перехода. Вернул `false` — перехода нет. Сюда потребитель кладёт валидацию шага: `GrSteps` про `GrForm` ничего не знает и знать не должен, а форма уже отдаёт `validate()`/`validateField()`.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "((from: string, to: string) => boolean | Promise<boolean>) | undefined"
+              }
+            },
+            {
+              "name": "modelValue",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "steps",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "GrStep[]"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "step",
+              "description": "Своя разметка пункта. Корневой тег, `aria-current` и клик остаются за компонентом — иначе доступность шага пришлось бы собирать заново."
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue"
+              },
+              {
+                "name": "change"
+              }
+            ]
+          }
+        },
         {
           "name": "GrSwitch",
           "source": {
@@ -10109,21 +10658,21 @@
               }
             },
             {
-              "name": "regionLabel",
-              "description": "A11y-лейбл контейнера-региона (i18n).",
+              "name": "width",
+              "description": "Ширина стека. Число — пиксели, строка — любая CSS-длина. Уезжает в `--gr-toaster-width`, поэтому то же самое можно задать и темой.",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string | number | undefined"
               }
             },
             {
-              "name": "width",
-              "description": "Ширина стека. Число — пиксели, строка — любая CSS-длина. Уезжает в `--gr-toaster-width`, поэтому то же самое можно задать и темой.",
+              "name": "regionLabel",
+              "description": "A11y-лейбл контейнера-региона (i18n).",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
+                "type": "string | undefined"
               }
             },
             {
@@ -10222,17 +10771,17 @@
               }
             },
             {
-              "name": "openDelay",
-              "description": "Задержка перед показом, мс. Спасает от мигания при проведении курсором по панели кнопок.",
-              "default": "0",
+              "name": "offsetPx",
+              "description": "Зазор между триггером и панелью, px.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
                 "type": "number | undefined"
               }
             },
             {
-              "name": "closeDelay",
-              "description": "Задержка перед скрытием, мс.",
+              "name": "openDelay",
+              "description": "Задержка перед показом, мс. Спасает от мигания при проведении курсором по панели кнопок.",
               "default": "0",
               "value": {
                 "kind": "expression",
@@ -10240,9 +10789,9 @@
               }
             },
             {
-              "name": "offsetPx",
-              "description": "Зазор между триггером и панелью, px.",
-              "default": "undefined",
+              "name": "closeDelay",
+              "description": "Задержка перед скрытием, мс.",
+              "default": "0",
               "value": {
                 "kind": "expression",
                 "type": "number | undefined"