urfu-ui-kit-react 2.1.4 → 2.1.6

package/dist/dev/types/react/src/dev/index.d.ts

@@ -12,4 +12,4 @@ export declare function useDevFault(id: string, service?: string): boolean;
 export declare function DevCrashProbe({ scope, service }: {
     scope: 'app' | 'page';
     service?: string;
-}): any;
+}): null;

package/dist/dev/types/vanilla/src/core/motion.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Шкала движения кита в миллисекундах — те же числа, что у `--u-duration-*` в
+ * styles/const/tokens-scale.less (сверяет тест react/src/shared/motion.test.ts).
+ * Нужна там, где анимацию ведёт JS (WAAPI, таймер размонтирования): CSS-переменную
+ * в `element.animate()` не передать.
+ */
+export declare const MOTION_MS: {
+    readonly instant: 100;
+    readonly fast: 150;
+    readonly base: 200;
+    readonly moderate: 250;
+    readonly slow: 300;
+};
+/** Кривые шкалы — те же, что у `--u-ease-*`. */
+export declare const MOTION_EASE: {
+    readonly standard: "ease-in-out";
+    readonly move: "cubic-bezier(.2, 0, 0, 1)";
+    readonly enter: "cubic-bezier(0, 0, .2, 1)";
+    readonly exit: "cubic-bezier(.4, 0, 1, 1)";
+    readonly sheet: "cubic-bezier(.22, 1, .36, 1)";
+};
+/** Сдвиг при появлении, px — как `--u-motion-shift-sm`. */
+export declare const MOTION_SHIFT_SM = 4;
+/**
+ * Атрибуты на `<html>`, которыми dev-панель включает режимы «Вид» на всю страницу —
+ * их видят все копии кита (оболочка, сервисы, песочница qiankun), в отличие от переменной модуля.
+ */
+export declare const MOTION_REDUCE_ATTR = "data-u-motion";
+export declare const MOTION_SCALE_ATTR = "data-u-motion-scale";
+/** Системная настройка «уменьшить движение» или её эмуляция из dev-панели (`data-u-motion="reduce"`). */
+export declare const prefersReducedMotion: () => boolean;
+/** Множитель длительностей: 1, а в режиме dev-панели «Анимации ×5» — 5. */
+export declare const motionScale: () => number;
+/** Ставит или (при 1) снимает множитель длительностей — только для dev-панели. */
+export declare const setMotionScale: (scale: number) => void;
+/**
+ * Длительность для JS-анимации с учётом множителя: шаг шкалы или своё число мс.
+ * `MOTION_MS` читать напрямую там, где анимацию ведёт JS, не стоит — не заметит «×5».
+ */
+export declare const motionMs: (duration: keyof typeof MOTION_MS | number) => number;
+export declare const playEnterMotion: (element: HTMLElement | null | undefined) => (() => void);

package/dist/dev/types/vanilla/src/core/requestLog.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Журнал последних запросов для расширенных подробностей ошибки («Дополнительные сведения»).
+ *
+ * Читает Resource Timing (`PerformanceObserver`), а не подменяет `fetch` и XHR: ни тел, ни заголовков,
+ * ни токенов такой журнал по устройству не видит. Из адреса вырезаны query и hash. Запускают его
+ * `configureErrorReport({ diagnostics: true })` и dev-панель (у неё своя копия в сборке `/dev`);
+ * сам по себе модуль при импорте ничего не делает.
+ */
+export interface RequestLogEntry {
+    /** Время начала запроса, мс с эпохи. */
+    time: number;
+    /** Путь без query и hash; у чужого хоста — с хостом. */
+    path: string;
+    /** Код ответа. Браузер отдаёт его не везде: у чужого хоста без Timing-Allow-Origin — 0. */
+    status?: number;
+    /** Длительность, мс. */
+    duration: number;
+}
+/** Сколько последних запросов помним. */
+export declare const REQUEST_LOG_SIZE = 10;
+/** Путь запроса для отчёта: без query и hash; хост остаётся, только если он не свой. */
+export declare function sanitizeRequestUrl(raw: string, page?: string): string;
+/** Последние запросы, старые первыми. */
+export declare function getRequestLog(): readonly RequestLogEntry[];
+/**
+ * Запустить журнал. Возвращает остановку; без `PerformanceObserver` (jsdom, старые браузеры)
+ * ничего не делает и не бросает.
+ */
+export declare function startRequestLog(): () => void;

package/dist/dev/types/vanilla/src/dev/highlight.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Подсветка «не из кита» (dev-панель, «Вид»): рамкой отмечены видимые кнопки, поля, ссылки,
+ * таблицы, окна, svg и заголовки, свёрстанные сервисом мимо компонентов кита.
+ *
+ * Из кита — элемент с классом компонента кита или лежащий внутри такого. Содержимое, которое
+ * сервис кладёт в слот компонента (тело Modal, Drawer, Card, ячейка таблицы), — снова сервиса.
+ * Утилиты (`u-fw`, `u-focus-ring`, типографика `.h5`, отступы) китом не считаются: ими
+ * оформляют свою вёрстку. Список префиксов сверяет со стилями кита тест kitClasses.
+ */
+/** Префиксы классов компонентов: `u-<префикс>`, `u-<префикс>-…`, `u-<префикс>__…`. */
+export declare const KIT_PREFIXES: readonly ["accordion", "bc", "breadcrumbs", "button", "calendar", "card", "checkbox", "collapsible", "drawer", "empty", "error", "expand", "file", "filter", "form", "help", "icon", "infinite", "input", "menu", "message", "modal", "multiselectbox", "notification", "number", "offline", "pagination", "paginator", "password", "popup", "preloader", "radio", "react", "rich", "search", "selectbox", "skeleton", "status", "switch", "tab", "table", "tabs", "textarea", "upward", "virtual"];
+/** Классы без префикса `u-`, которые рисует сам кит: календарь air-datepicker, дерево TreeView, список фильтра. */
+export declare const KIT_UNPREFIXED: readonly ["air-datepicker", "treeview", "select-column"];
+/** Слоты: внутри — содержимое сервиса, хотя вокруг компонент кита. */
+export declare const KIT_SLOTS: readonly ["u-card", "u-card-second", "u-react-card__body", "u-modal__body", "u-drawer__body", "u-drawer__footer", "u-form-field__control", "u-accordion-content", "u-collapsible-menu-body", "u-help__content", "u-message", "u-react-sticky-action-bar", "u-tabs-content", "u-table-mobile-card__fields--body", "u-table-mobile-card__actions", "u-virtual-list__item"];
+export declare const isKitClass: (name: string) => boolean;
+/** Ближайшее решает: класс кита — из кита; слот или ячейка таблицы — содержимое сервиса. */
+export declare const isFromKit: (element: Element) => boolean;
+export declare const HIGHLIGHT_SELECTOR = "button, input, select, textarea, a[href], table, [role=\"dialog\"], dialog, svg, h1, h2, h3, h4, h5, h6";
+/** Группа для счётчика. */
+export declare const highlightType: (element: Element) => string;
+/** Кандидаты в отметку: не из кита, не панель, не svg внутри svg и не скрытое поле. */
+export declare const findForeign: (scope?: ParentNode) => Element[];
+/** Путь для консоли: `main > div.cards > button.save:nth-of-type(2)`, до ближайшего id. */
+export declare const selectorPath: (element: Element) => string;
+export interface HighlightStats {
+    total: number;
+    byType: Record<string, number>;
+}
+export declare const highlightStats: () => HighlightStats;
+export declare const enableHighlight: (onStats?: (stats: HighlightStats) => void) => HighlightStats;
+export declare const disableHighlight: () => void;

package/dist/dev/types/vanilla/src/dev/intercept.d.ts

@@ -14,7 +14,10 @@ export type DevDecision = {
     kind: 'pass';
     delay: number;
 };
-/** Путь запроса после `apiBase`; `null` — запрос не к API этого сервиса. */
+/**
+ * Путь запроса после `apiBase`; `null` — запрос не к API этого сервиса. Абсолютный `apiBase`
+ * (`https://api.example.ru/api/v1`) сверяется и с хостом: тот же префикс на другом домене — чужой запрос.
+ */
 export declare function apiPath(url: string, apiBase?: string): string | null;
 /** Шаблон пути: `*` — один сегмент, `**` — любое число сегментов. */
 export declare function matchPath(pattern: string, path: string): boolean;

package/dist/dev/types/vanilla/src/dev/motionModes.d.ts

@@ -0,0 +1,30 @@
+export declare const MOTION_SLOW_FACTOR = 5;
+export interface ReducedMotionStats {
+    /** Скопировано блоков `@media (prefers-reduced-motion: reduce)`. */
+    blocks: number;
+    /** Выключено блоков `no-preference`. */
+    disabled: number;
+    /** Таблиц стилей, правила которых браузер не отдаёт (чужой домен без CORS). */
+    blocked: number;
+}
+/**
+ * Условие копии вместо `@media` с RM: '' — без условия, null — блок к RM не относится.
+ * Из списка через запятую берутся только варианты с RM: остальные и так действуют сами.
+ */
+export declare const reducedMediaCondition: (mediaText: string) => string | null;
+/**
+ * Запрос блока на время режима: такие варианты списка — `not all`, остальные (`print`) прежние;
+ * null — выключать нечего.
+ */
+export declare const disabledMediaText: (mediaText: string) => string | null;
+export declare const reducedMotionStats: () => ReducedMotionStats;
+/** Включает эмуляцию: правила RM из всех стилей страницы действуют без условия, `data-u-motion="reduce"` — для JS. */
+export declare const enableReducedMotion: (listener?: (stats: ReducedMotionStats) => void) => ReducedMotionStats;
+export declare const disableReducedMotion: () => void;
+/**
+ * CSS-переменные — на каждый элемент с `!important`, а не только на `:root`: оболочка ЛК ставит
+ * свои токены на ветки разметки, и значение с `:root` до её компонентов бы не дошло.
+ * JS-анимации кита берут множитель из `data-u-motion-scale` (`motionMs`).
+ */
+export declare const enableSlowMotion: () => void;
+export declare const disableSlowMotion: () => void;

package/dist/dev/types/vanilla/src/dev/panelKit.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Контролы dev-панели — разметкой компонентов кита (Switch, Select, Search, InputNumber, Tabs, Button):
+ * панель выглядит и ведёт себя как сервис, своих полей и переключателей у неё нет.
+ * Панель живёт в Shadow DOM, классы документа внутрь не проходят: CSS этих компонентов приходит
+ * копией в KIT.css (отбор — tools/styles/dev-panel-css.mjs, подставляет vite.dev.config пакета).
+ */
+/** Стили кита для панели. Без dev-сборки (тесты) — пусто: разметка та же, вида нет. */
+export declare const KIT: {
+    css: string;
+    hostAttrs: string[];
+};
+export declare const escape: (value: unknown) => string;
+/** Switch кита: переключатель слева, подпись справа, под ней — пояснение. `attrs` — готовые атрибуты input. */
+export declare function switchRow(label: string, attrs: string, hint?: string): string;
+/** Button кита: `kind` — outline, simple, text, text-danger; `attrs` — data-* и прочее. */
+export declare function button(text: string, kind: 'primary' | 'outline' | 'simple' | 'text' | 'text-danger', attrs: string, type?: string): string;
+/** Кнопка-иконка кита (крестик закрытия, удаления). */
+export declare function iconButton(icon: string, label: string, attrs: string): string;
+/** Search кита: лупа слева, крестик очистки, пока есть текст. */
+export declare function search(value: string, placeholder: string, label: string): string;
+/** InputNumber кита: «−» и «+» по бокам; шаг — `stepNumber` по клику на `[data-step]`. */
+export declare function number(label: string, attrs: string): string;
+export declare function stepNumber(trigger: HTMLElement): void;
+/** FormField кита: подпись сверху, контрол, подсказка снизу. */
+export declare function field(title: string, control: string, hint?: string, className?: string): string;
+/** Tabs кита, вариант segment на всю ширину. */
+export declare function tabs(items: {
+    id: string;
+    title: string;
+}[], active: string): string;
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+/**
+ * Select кита (`.u-selectbox`). Значение — в скрытом поле: `name` для формы или data-атрибут (`data-service`),
+ * на нём же панель слушает `change`. Сброс формы скрытое поле не возвращает — для этого `resetSelects`.
+ */
+export declare function select(key: string, label: string, options: SelectOption[], value: string, fieldAttrs: string): string;
+export declare function syncSelects(scope: ParentNode): void;
+export declare function resetSelects(scope: ParentNode): void;
+export declare const openSelectOf: (scope: ParentNode) => HTMLElement;
+/** Открыть список; не помещается под полем в прокручиваемом теле панели — раскрывается вверх. */
+export declare function setSelectOpen(trigger: HTMLElement, open: boolean): void;
+export declare function closeSelects(scope: ParentNode): void;
+/** Выбор пункта: значение в скрытое поле, фокус на поле, `change` — обработчику панели. */
+export declare function chooseOption(option: HTMLElement): void;
+/** Клавиатура на поле выбора, как у Select кита. Escape обрабатывает панель (`onKey`): он закрывает список, а не её. */
+export declare function onSelectKey(event: KeyboardEvent, trigger: HTMLElement): void;

package/dist/dev/types/vanilla/src/dev/panelStyles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Стили dev-панели поверх CSS кита (KIT.css из panelKit): контролы — классы компонентов кита,
+ * здесь только раскладка панели и то, чего в ките нет (кнопка Dev, строки правил и запросов,
+ * список «ключ — значение»). Цвета, радиусы, тени и движение — токены кита (`--u-*`):
+ * CSS-переменные документа проходят в Shadow DOM, `all: initial` их не сбрасывает.
+ */
+export declare const STYLES = "\n:host { all: initial; }\n* { box-sizing: border-box; }\n.root {\n  /* \u00AB\u0410\u043D\u0438\u043C\u0430\u0446\u0438\u0438 \u00D75\u00BB \u0441\u0442\u0430\u0432\u0438\u0442 \u0434\u043B\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u0438 \u043D\u0430 \u043A\u0430\u0436\u0434\u044B\u0439 \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430, \u0432 \u0442\u043E\u043C \u0447\u0438\u0441\u043B\u0435 \u043D\u0430 \u0445\u043E\u0441\u0442 \u043F\u0430\u043D\u0435\u043B\u0438:\n     \u0440\u0435\u0436\u0438\u043C \u0437\u0430\u043C\u0435\u0434\u043B\u044F\u0435\u0442 \u0441\u0435\u0440\u0432\u0438\u0441, \u0430 \u043D\u0435 \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442, \u043A\u043E\u0442\u043E\u0440\u044B\u043C \u0435\u0433\u043E \u0432\u043A\u043B\u044E\u0447\u0438\u043B\u0438. */\n  --u-duration-instant: 100ms; --u-duration-fast: 150ms; --u-duration-base: 200ms; --u-duration-moderate: 250ms; --u-duration-slow: 300ms;\n  /* \u041E\u0442\u0441\u0442\u0443\u043F \u043A\u043D\u043E\u043F\u043A\u0438 \u0441\u043D\u0438\u0437\u0443: StickyActionBar \u043A\u0438\u0442\u0430, \u043F\u043E\u043A\u0430 \u0441\u0442\u043E\u0438\u0442 \u0443 \u043D\u0438\u0436\u043D\u0435\u0433\u043E \u043A\u0440\u0430\u044F, \u0437\u0430\u0434\u0430\u0451\u0442 \u043D\u0430 <html>\n     --u-dev-launcher-bottom (\u0435\u0433\u043E \u0432\u044B\u0441\u043E\u0442\u0430 + 12px) \u2014 \u043A\u043D\u043E\u043F\u043A\u0430 \u0438 \u043F\u0430\u043D\u0435\u043B\u044C \u043F\u043E\u0434\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u043D\u0430\u0434 \u043D\u0438\u043C. */\n  --launcher-bottom: var(--u-dev-launcher-bottom, calc(12px + env(safe-area-inset-bottom, 0px)));\n  font-family: Montserrat, \"Segoe UI\", Arial, sans-serif; font-size: 14px; line-height: 1.4; color: var(--u-color-text, #222); }\nbutton, input, textarea { font: inherit; color: inherit; }\n/* \u041A\u043D\u043E\u043F\u043A\u0430 \u043F\u0430\u043D\u0435\u043B\u0438 \u2014 \u0432 \u0446\u0432\u0435\u0442\u0430\u0445 \u043A\u0438\u0442\u0430: \u0442\u043E\u043A\u0435\u043D\u044B --u-color-* \u0441 :root \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u043F\u0440\u043E\u0445\u043E\u0434\u044F\u0442 \u0432 shadow DOM\n   (all: initial \u0438\u0445 \u043D\u0435 \u0441\u0431\u0440\u0430\u0441\u044B\u0432\u0430\u0435\u0442), \u0437\u0430\u043F\u0430\u0441\u043D\u044B\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \u2014 \u043A\u0430\u043A \u0432 \u043A\u0438\u0442\u0435. \u0412 \u043F\u043E\u043A\u043E\u0435 \u2014 \u043A\u0440\u0443\u0433 \u0441 \u043B\u043E\u0433\u043E\u0442\u0438\u043F\u043E\u043C,\n   \u0447\u0442\u043E\u0431\u044B \u043C\u0435\u043D\u044C\u0448\u0435 \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0442\u044C \u043D\u0438\u0436\u043D\u0438\u0435 \u043B\u0438\u043F\u043A\u0438\u0435 \u043F\u0430\u043D\u0435\u043B\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430; \u043F\u0440\u0438 \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u0438 \u0438 \u0444\u043E\u043A\u0443\u0441\u0435 \u0440\u0430\u0441\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F\n   \u0432 \u00AB\u043B\u043E\u0433\u043E\u0442\u0438\u043F + Dev\u00BB; \u043F\u0440\u0438 \u0432\u043A\u043B\u044E\u0447\u0451\u043D\u043D\u044B\u0445 \u0441\u0431\u043E\u044F\u0445 \u0440\u0430\u0441\u043A\u0440\u044B\u0442\u0430 \u0432\u0441\u0435\u0433\u0434\u0430, \u0446\u0432\u0435\u0442 \u043E\u0448\u0438\u0431\u043A\u0438 \u0438 \u0447\u0438\u0441\u043B\u043E \u0441\u0431\u043E\u0435\u0432. */\n.pill { --kit-p: var(--u-color-primary, #1e4391); --kit-error: var(--u-color-error, #ef302b);\n  --kit-surface: var(--u-color-surface, #fff); --kit-line: var(--u-color-border, #748ab9);\n  position: fixed; left: 12px; bottom: var(--launcher-bottom); z-index: 2147483000;\n  display: inline-flex; align-items: center; height: 36px; padding: 0; border: 1px solid var(--kit-line); border-radius: 18px;\n  background: var(--kit-surface); color: var(--kit-p); font-size: 13px; font-weight: 500; white-space: nowrap; cursor: pointer;\n  box-shadow: 0 2px 8px rgba(0,0,0,.15);\n  transition: background-color var(--u-duration-fast) var(--u-ease-standard), border-color var(--u-duration-fast) var(--u-ease-standard); }\n.pill .logo { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--kit-surface); }\n.pill .logo svg { display: block; width: 20px; height: 20px; }\n.pill .label { max-width: 0; overflow: hidden; opacity: 0; padding: 0;\n  transition: max-width var(--u-duration-base) var(--u-ease-move), opacity var(--u-duration-base) var(--u-ease-move), padding var(--u-duration-base) var(--u-ease-move); }\n.pill:hover .label, .pill:focus-visible .label, .pill.on .label { max-width: 260px; opacity: 1; padding: 0 14px 0 2px; }\n.pill.on { background: var(--kit-error); border-color: var(--kit-error); color: #fff; }\n.pill.on .logo { width: 30px; height: 30px; margin: 0 1px 0 2px; }\n.pill:focus-visible { outline: 2px solid var(--kit-p); outline-offset: 2px; }\n.panel { position: fixed; left: 12px; bottom: calc(var(--launcher-bottom) + 44px); z-index: 2147483001;\n  width: 400px; max-width: calc(100vw - 24px); max-height: min(75vh, 680px); display: flex; flex-direction: column;\n  background: var(--u-color-surface, #fff); border: 1px solid var(--u-color-border-light, #d3d3d3); border-radius: var(--u-radius, 10px);\n  box-shadow: var(--u-shadow-popup, 0 8px 24px rgba(15,43,94,.16)); }\n.panel.alone { bottom: var(--launcher-bottom); }\n/* \u041F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0443 \u043A\u043D\u043E\u043F\u043A\u0438 \u2014 \u043F\u0443\u0437\u044B\u0440\u044C, \u043A\u0430\u043A \u0443 Tooltip \u043A\u0438\u0442\u0430. */\n.hint { position: fixed; left: 12px; bottom: var(--launcher-bottom); z-index: 2147483000;\n  max-width: min(360px, calc(100vw - 24px)); padding: 8px 12px; border-radius: var(--u-radius-small, 8px);\n  background: var(--u-color-text, #222); color: var(--u-color-surface, #fff); font-size: 12px; box-shadow: var(--u-shadow-popup); }\n.pill ~ .hint { bottom: calc(var(--launcher-bottom) + 44px); }\n/* min-height \u0443 u-message-small \u043E\u0442\u043C\u0435\u043D\u044F\u0435\u0442 \u0437\u0430\u0449\u0438\u0442\u0443 \u0444\u043B\u0435\u043A\u0441-\u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430 \u043E\u0442 \u0441\u0436\u0430\u0442\u0438\u044F: \u0431\u0435\u0437 flex-shrink \u0442\u0435\u043A\u0441\u0442 \u043E\u0431\u0440\u0435\u0437\u0430\u0435\u0442\u0441\u044F. */\n.note { margin: 0 16px 8px; overflow-wrap: anywhere; flex-shrink: 0; }\n.head { display: flex; align-items: center; gap: 4px; padding: 10px 8px 2px 16px; }\n.title { flex: 1; min-width: 0; font-weight: 600; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.title .u-selectbox { width: 100%; }\n.title .u-selectbox-select-title { font-weight: 600; }\n.intro, .caption, .escape { margin: 0; color: var(--u-color-text-secondary, #545454); }\n.intro { padding: 0 16px 10px; }\n.tabs { padding: 0 16px 8px; }\n.tabs .u-tab-segment { padding: 6px 4px; }\n.body { overflow: auto; padding: 4px 16px 12px; display: flex; flex-direction: column; gap: 14px; }\n.body .u-search { display: block; width: 100%; }\n.group { display: flex; flex-direction: column; gap: 8px; }\n.group-title { font-weight: 600; color: var(--u-color-text-secondary, #545454); }\n.u-switch { align-items: flex-start; }\n.u-switch .tt { padding-top: 3px; }\n.u-switch .sub { display: block; color: var(--u-color-text-secondary, #545454); font-size: 12px; }\n/* Select \u043A\u0438\u0442\u0430: \u043E\u0442\u043C\u0435\u0442\u043A\u0430 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0438 \u043F\u0443\u043D\u043A\u0442\u0430 \u043F\u043E\u0434 \u043A\u043B\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043E\u0439 \u2014 \u043A\u0430\u043A \u0443 Select \u0432 React \u0438 Vue. */\n.u-selectbox-option[aria-selected=\"true\"] { background: var(--u-color-background, #f6f6f6); }\n.u-selectbox-option.active { background: var(--u-color-selected, #e7f2ff); }\n.u-selectbox-select-icon-arrow { transition: transform var(--u-duration-fast) var(--u-ease-standard); }\n.u-selectbox-select-open .u-selectbox-select-icon-arrow { transform: rotate(180deg); }\n.rule { display: flex; align-items: center; gap: 10px; padding: 6px 4px 6px 10px; border-radius: var(--u-radius-small, 8px);\n  background: var(--u-color-background-light, #f9f9f9); }\n.rule .text { flex: 1; min-width: 0; font-family: Consolas, monospace; font-size: 12px; overflow-wrap: anywhere; }\n.rule small, .req small, .shown small { display: block; color: var(--u-color-text-secondary, #545454);\n  font-family: Montserrat, \"Segoe UI\", Arial, sans-serif; font-size: 12px; }\n.add { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 8px; }\n.add .wide { grid-column: 1 / -1; }\n.add .u-textarea { height: auto; min-height: 76px; font-family: Consolas, monospace; font-size: 12px; resize: vertical; }\n.add .u-form-field__hint { color: var(--u-color-warning, #e98446); }\n.add [type=\"submit\"] { align-self: end; }\n.foot { display: flex; flex-direction: column; gap: 8px; padding: 10px 16px 12px; border-top: 1px solid var(--u-color-border-light, #d3d3d3); }\n.actions { display: flex; gap: 8px; flex-wrap: wrap; }\n.empty { margin: 0; color: var(--u-color-text-secondary, #545454); }\n.list-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--u-color-text-secondary, #545454); }\n.requests { display: flex; flex-direction: column; }\n.req { display: grid; grid-template-columns: 52px 1fr auto auto; gap: 8px; align-items: center; padding: 6px 0;\n  border-bottom: 1px solid var(--u-color-background, #f6f6f6); font-family: Consolas, monospace; font-size: 12px; }\n.req .path { min-width: 0; overflow-wrap: break-word; }\n/* \u041F\u0443\u0442\u044C \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u0438\u0442\u0441\u044F \u043F\u043E \u00AB/\u00BB (<wbr>), \u0430 \u043D\u0435 \u043F\u043E\u0441\u0440\u0435\u0434\u0438 \u0441\u043B\u043E\u0432\u0430; \u0434\u043B\u0438\u043D\u043D\u044B\u0439 \u043E\u0431\u0440\u0435\u0437\u0430\u0435\u0442\u0441\u044F \u043D\u0430 \u0432\u0442\u043E\u0440\u043E\u0439 \u0441\u0442\u0440\u043E\u043A\u0435, \u043F\u043E\u043B\u043D\u044B\u0439 \u2014 \u0432 title. */\n.req .path .p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }\n.req .u-status { font-family: Montserrat, \"Segoe UI\", Arial, sans-serif; }\n.shown { padding: 8px 0; border-bottom: 1px solid var(--u-color-background, #f6f6f6); }\n.shown-head { display: flex; justify-content: space-between; gap: 8px; color: var(--u-color-text-secondary, #545454); font-size: 12px; }\n.shown-head .kind { font-weight: 600; color: var(--u-color-error, #ef302b); }\n.shown-head .kind.warning { color: var(--u-color-warning, #e98446); }\n.shown-title { font-weight: 600; }\n.shown .cause { margin-top: 2px; font-family: Consolas, monospace; font-size: 12px; }\ndl { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; margin: 0; }\ndt { color: var(--u-color-text-secondary, #545454); }\ndd { margin: 0; font-family: Consolas, monospace; font-size: 12px; overflow-wrap: anywhere; }\n@media (max-width: 576px) {\n  .panel { left: 0; right: 0; bottom: 0; width: auto; max-width: none; max-height: 80vh;\n    border-radius: var(--u-radius, 10px) var(--u-radius, 10px) 0 0; padding-bottom: env(safe-area-inset-bottom, 0px); }\n  .panel ~ .pill { display: none; }\n}\n@media (prefers-reduced-motion: reduce) { .u-selectbox-select-icon-arrow, .pill, .pill .label { transition: none; } }\n";

package/dist/dev/types/vanilla/src/dev/rules.d.ts

@@ -0,0 +1,31 @@
+import type { DevCustomRule, DevRequestRule } from './types';
+/** Самая долгая задержка правила: дольше ждать ответ в dev незачем, а мусор из хранилища так не зависнет. */
+export declare const MAX_RULE_DELAY_MS = 60000;
+/** Тело длиннее не хранится: localStorage небольшой, а ссылка и подавно. */
+export declare const MAX_RULE_BODY = 100000;
+/** Тело длиннее этого в ссылку на сбои не кладётся. */
+export declare const LINK_BODY_LIMIT = 1500;
+/** Разбирается ли текст как JSON: по этому выбирается `Content-Type` своего тела. */
+export declare function isJsonText(text: string): boolean;
+/** Задержка правила в допустимых пределах; `undefined` — задержки нет. */
+export declare function cleanDelay(value: unknown): number | undefined;
+/** Правило из ненадёжного источника (хранилище, ссылка): без обязательных полей — `null`, мусор в необязательных отбрасывается. */
+export declare function cleanRule(raw: unknown): DevRequestRule | null;
+/** Правило из хранилища: к проверенным полям добавляются `id` и `enabled`. */
+export declare function cleanStoredRule(raw: unknown): DevCustomRule | null;
+export interface LinkedRule {
+    service: string;
+    rule: DevRequestRule;
+}
+/** Параметр адреса со своими правилами рядом с `?dev=`. */
+export declare const RULES_PARAM = "devRules";
+/**
+ * Свои правила для ссылки. Тело, которое длиннее `LINK_BODY_LIMIT`, не переносится — правило идёт
+ * без него, а число таких правил возвращается, чтобы подсказать это разработчику.
+ */
+export declare function encodeRules(rules: readonly LinkedRule[]): {
+    value: string;
+    droppedBodies: number;
+};
+/** Правила из ссылки; битое значение даёт пустой список, как и ненужные поля. */
+export declare function decodeRules(value: string): LinkedRule[];

package/dist/dev/types/vanilla/src/dev/store.d.ts

@@ -16,9 +16,10 @@ export interface DevServiceEntry {
     kit?: DevKitInfo;
 }
 /**
- * Параметр `dev` в адресе: `off` снимает сбои всех сервисов (выход, если панели не видно),
- * `a,b` — включает этот набор сбоев (ссылка на сценарий). Параметр сразу убирается из адреса
- * (остальные параметры, hash и `history.state` роутера сохраняются): F5 не применяет его снова.
+ * Параметры `dev` и `devRules` в адресе. `dev=off` снимает сбои всех сервисов (выход, если панели
+ * не видно), `dev=a,b` — включает этот набор сбоев (ссылка на сценарий), `devRules` — свои правила
+ * «адрес → ответ» из той же ссылки. Параметры сразу убираются из адреса (остальные параметры, hash и
+ * `history.state` роутера сохраняются): F5 не применяет их снова.
  */
 export declare function applyUrl(): void;
 export declare function setKitInfo(info: DevKitInfo | undefined): void;
@@ -32,11 +33,13 @@ export declare function setFault(entry: DevServiceEntry, id: string, enabled: bo
 export declare function addRule(entry: DevServiceEntry, rule: Omit<DevCustomRule, 'id' | 'enabled'>): void;
 export declare function setRuleEnabled(entry: DevServiceEntry, id: string, enabled: boolean): void;
 export declare function removeRule(entry: DevServiceEntry, id: string): void;
-/** «Сбросить всё»: флаги и свои правила всех подключённых сервисов. Выбор кнопки — настройка, а не сбой: остаётся. */
+/** Флаги и свои правила всех подключённых сервисов. Выбор кнопки — настройка, а не сбой: его снимает `resetLauncher`. */
 export declare function resetAll(): void;
 /** Сколько сбоев включено сейчас: флаги и правила. */
 export declare function activeCount(entry: DevServiceEntry): number;
 /** Кнопка «Dev» сервиса: выбор в панели, иначе конфиг, иначе видна. */
 export declare function launcherOf(entry: DevServiceEntry): DevLauncher;
+/** Забыть выбор кнопки у всех сервисов: снова действует `config.launcher` («Сбросить всё» в панели). */
+export declare function resetLauncher(): void;
 /** «Скрыть кнопку» / «Показывать кнопку»: кнопка в окне одна, поэтому выбор — для всех подключённых сервисов. */
 export declare function setLauncher(launcher: DevLauncher): void;

package/dist/dev/types/vanilla/src/dev/types.d.ts

@@ -11,12 +11,23 @@ export interface DevRequestRule {
      * `**` — любое число сегментов (`/assets/*`, `/dictionaries/**`).
      */
     path: string;
-    /** Код ответа: 400, 403, 404, 409, 429, 500, 502, 503, 504… */
+    /** Код ответа: 200, 201, 204 (со своим `body`) или ошибка — 400, 403, 404, 409, 429, 500, 502, 503, 504… */
     status: number;
     /** Текст ошибки в теле `{ statusCode, message }`. */
     message?: string;
     /** Тело HTML вместо JSON — как у шлюза (502 Bad Gateway). */
     html?: boolean;
+    /**
+     * Своё тело ответа: JSON или простой текст, отдаётся как есть (`message` и `html` тогда не нужны).
+     * `Content-Type` — `application/json`, если тело разбирается как JSON, иначе `text/plain`.
+     * У 204 тела нет.
+     */
+    body?: string;
+    /**
+     * Задержка ответа, мс. Если включены «Медленные ответы», действует большая из двух.
+     * Отмена запроса (`AbortController`, `xhr.abort()`) прерывает ожидание.
+     */
+    delay?: number;
 }
 /** Пункт панели: флаг, который сервис читает сам, и (необязательно) подмена ответа. */
 export interface DevFaultItem {
@@ -46,7 +57,7 @@ export interface DevPanelUser {
 export interface DevPanelConfig {
     /** Имя сервиса: подпись панели и ключ хранения флагов (`urfu-ui-kit:dev:<service>`). */
     service: string;
-    /** Версия сервиса для вкладки «Смотреть». */
+    /** Версия сервиса для вкладки «Среда». */
     version?: string;
     /**
      * Префикс API (`/api/v1`). Сбои касаются только адресов с ним; шаблоны правил — путь после него.
@@ -60,7 +71,7 @@ export interface DevPanelConfig {
     builtins?: readonly DevBuiltinFault[];
     /** Свои сценарии сервиса — группы, как в панели it-assets. */
     groups?: readonly DevFaultGroup[];
-    /** Текущий пользователь для вкладки «Смотреть». */
+    /** Текущий пользователь для вкладки «Среда». */
     user?: () => DevPanelUser | null | undefined;
     /** «Перезапросить данные» — сбросить кеш запросов сервиса (RTK Query, TanStack Query…). */
     onRefetch?: () => void;

package/dist/dev/types/vanilla/src/dev/viewModes.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Режимы «Вид» dev-панели: «Уменьшенная анимация», «Анимации ×5», «Подсветка не из кита».
+ *
+ * Режимы действуют на всю страницу, а не на один сервис, поэтому хранятся отдельным ключом
+ * `urfu-ui-kit:dev:~view`, а не в состоянии сервиса: формат состояния сервиса не меняется,
+ * `?dev=off` снимает и этот ключ (он под тем же префиксом).
+ */
+import { type HighlightStats } from './highlight';
+import { type ReducedMotionStats } from './motionModes';
+export declare const VIEW_MODES: readonly ["reduce", "slow", "highlight"];
+export type DevViewMode = (typeof VIEW_MODES)[number];
+export declare const VIEW_STORAGE_KEY = "urfu-ui-kit:dev:~view";
+export declare function isViewMode(mode: DevViewMode): boolean;
+export declare function setViewMode(mode: DevViewMode, on: boolean): void;
+/** При монтировании панели: включает сохранённые режимы. `listener` — счётчики режимов изменились. */
+export declare function startViewModes(listener: () => void): void;
+/** При размонтировании панели: режимы снимаются со страницы, выбор в хранилище остаётся до следующего входа. */
+export declare function stopViewModes(): void;
+export declare function viewStats(): {
+    reduce: ReducedMotionStats;
+    highlight: HighlightStats;
+};

package/dist/fonts/icons/urfu-ui-icon-font.svg

@@ -135,7 +135,7 @@
       horiz-adv-x="1000" d="M50 950H300C327.614 950 350 927.614 350 900C350 872.386 327.614 850 300 850H220.7105L385.3555 685.3555C404.8815 665.829 404.8815 634.171 385.3555 614.6445C365.829 595.1185 334.171 595.1185 314.6445 614.6445L150 779.2895V700C150 672.386 127.614 650 100 650C72.386 650 50 672.386 50 700V950zM314.6445 385.355C334.171 404.88 365.829 404.88 385.3555 385.355C404.8815 365.83 404.8815 334.1700000000001 385.3555 314.645L220.7105 150H300C327.614 150 350 127.6149999999999 350 100C350 72.3850000000001 327.614 50 300 50H50V300C50 327.615 72.386 350 100 350C127.614 350 150 327.615 150 300V220.7099999999999L314.6445 385.355zM650 900C650 927.614 672.385 950 700 950H950V700C950 672.386 927.6149999999998 650 900 650C872.3850000000001 650 850 672.386 850 700V779.2895L685.355 614.6445C665.8299999999999 595.1185 634.1700000000001 595.1185 614.645 614.6445C595.12 634.171 595.12 665.829 614.645 685.3555L779.2900000000001 850H700C672.385 850 650 872.386 650 900zM614.645 385.355C634.1700000000001 404.88 665.8299999999999 404.88 685.355 385.355L850 220.7099999999999V300C850 327.615 872.3850000000001 350 900 350C927.6149999999998 350 950 327.615 950 300V50H700C672.385 50 650 72.3850000000001 650 100C650 127.6149999999999 672.385 150 700 150H779.2900000000001L614.645 314.645C595.12 334.1700000000001 595.12 365.83 614.645 385.355z" />
     <glyph glyph-name="grid"
       unicode="&#xE970;"
-      horiz-adv-x="1000" d="M150 900H350C377.614 900 400 877.614 400 850V650C400 622.386 377.614 600 350 600H150C122.386 600 100 622.386 100 650V850C100 877.614 122.386 900 150 900zM150 400H350C377.614 400 400 377.615 400 350V150C400 122.3850000000001 377.614 100 350 100H150C122.386 100 100 122.3850000000001 100 150V350C100 377.615 122.386 400 150 400zM650 400H850C877.6149999999999 400 900 377.615 900 350V150C900 122.3850000000001 877.6149999999999 100 850 100H650C622.385 100 600 122.3850000000001 600 150V350C600 377.615 622.385 400 650 400zM650 900H850C877.6149999999999 900 900 877.614 900 850V650C900 622.386 877.6149999999999 600 850 600H650C622.385 600 600 622.386 600 650V850C600 877.614 622.385 900 650 900z" />
+      horiz-adv-x="1000" d="M150 950H350C405.2285000000001 950 450 905.2285 450 850V650C450 594.7715 405.2285000000001 550 350 550H150C94.7715 550 50 594.7715 50 650V850C50 905.2285 94.7715 950 150 950zM150 850V650H350V850zM650 950H850C905.2285 950 950 905.2285 950 850V650C950 594.7715 905.2285 550 850 550H650C594.7715 550 550 594.7715 550 650V850C550 905.2285 594.7715 950 650 950zM650 850V650H850V850zM150 450H350C405.2285000000001 450 450 405.2285000000001 450 350V150C450 94.7715000000001 405.2285000000001 50 350 50H150C94.7715 50 50 94.7715000000001 50 150V350C50 405.2285000000001 94.7715 450 150 450zM150 350V150H350V350zM650 450H850C905.2285 450 950 405.2285000000001 950 350V150C950 94.7715000000001 905.2285 50 850 50H650C594.7715 50 550 94.7715000000001 550 150V350C550 405.2285000000001 594.7715 450 650 450zM650 350V150H850V350z" />
     <glyph glyph-name="hidden"
       unicode="&#xE92A;"
       horiz-adv-x="1000" d="M666.945 328.175C686.745 347.425 718.4 347 737.65 327.2000000000001L933.745 125.4400000000001C952.9949999999998 105.64 952.57 73.985 932.77 54.735C912.97 35.49 881.315 35.92 862.0649999999999 55.715L665.9200000000001 257.4700000000001C646.6750000000001 277.27 647.145 308.925 666.945 328.175zM120.1625 696.782C137.944 717.9005 169.497 720.6135 190.622 702.8365C211.7395 685.0550000000001 214.453 653.502 196.677 632.377C149.3375 576.1225 119.136 519.5775000000001 105.172 490.385C122.378 457.2199999999999 162.5175 388.9400000000001 226.9995 328.5650000000001C293.3450000000001 266.4500000000001 383.243 214.5550000000001 500 214.5500000000001C531.53 214.5500000000001 560.91 218.34 588.235 224.9500000000001C615.0699999999999 231.45 642.135 214.97 648.635 188.135C655.13 161.295 638.61 134.2800000000001 611.77 127.7850000000001C576.865 119.335 539.595 114.5500000000001 500 114.5500000000001C350.8095 114.5550000000001 237.6365 181.605 158.6395 255.57C80.091 329.11 33.13205 411.38 14.25285 448.49C1.126735 474.3050000000001 1.08727 504.0705 13.1298 529.691C28.52015 562.4300000000001 63.5145 629.4655 120.1625 696.782zM500 689.5550000000001C610.4599999999999 689.5550000000001 700.005 600.0115000000001 700.005 489.555C699.995 438.8400000000001 681.115 392.53 650 357.275C613.355 315.76 559.735 289.5500000000001 500 289.5500000000001C389.551 289.5550000000001 300.0115 379.105 299.9985000000001 489.555C299.9985000000001 549.287 326.2045 602.9075 367.724 639.5550000000001C402.9805 670.673 449.278 689.5550000000001 500 689.5550000000001zM500 889.5565C651.33 889.5565 765.325 815.966 844 736.1865C922.335 656.746 968.805 568.274 987.02 529.4955C999.235 503.4805000000001 998.635 473.765 985.7 448.3450000000001C971.0050000000002 419.485 939.805 364.25 890.5799999999999 306.985C872.5849999999999 286.0450000000001 841.015 283.6700000000001 820.0749999999999 301.6600000000001C799.13 319.66 796.75 351.23 814.7500000000001 372.1700000000001C855.3649999999999 419.4250000000001 881.845 465.265 894.88 490.385C877.9999999999999 525.671 837.7800000000001 600.0805 772.805 665.971C705.975 733.7394999999999 616.075 789.556 500 789.556C468.7929999999999 789.5550000000001 439.722 785.576 412.646 778.5205C385.928 771.5564999999999 358.58 787.548 351.6105 814.263C344.6455 840.9845 360.68 868.3335 387.4015 875.2985C422.545 884.458 460.0975 889.5555 500 889.5565zM500 589.5545C474.5720000000001 589.5545 451.5755 580.215 433.8865 564.603C412.96 546.133 399.9995 519.4069999999999 399.9995 489.555C400.0125 434.3350000000001 444.78 389.5550000000001 500 389.5550000000001C529.855 389.5550000000001 556.58 402.515 575.05 423.44C590.66 441.125 599.995 464.135 600 489.555C600 544.7825 555.23 589.5545 500 589.5545zM96.285 915.1425C116.0815 934.3875 147.7395 933.9555 166.989 914.166L347.3135000000001 728.6669999999999C366.5555 708.8685 366.1285 677.211 346.337 657.963C326.537 638.7155 294.8815 639.19 275.6330000000001 658.9885L95.3085 844.439C76.064 864.235 76.4975 895.893 96.285 915.1425z" />
@@ -330,7 +330,7 @@
       horiz-adv-x="1000" d="M600 450C765.6850000000001 450 900 315.6850000000001 900 150V50C900 22.3850000000001 877.6149999999999 0 850 0C822.3850000000001 0 800 22.3850000000001 800 50V150C800 260.455 710.4549999999999 350 600 350H400C289.543 350 200 260.455 200 150L199.9025 116.015L200 106.835L199.951 49.9499999999999C199.9265 22.3699999999999 177.534 0 149.951 0C122.3695 0.015 100.013 22.3699999999999 100 49.9499999999999V150C100 315.6850000000001 234.3145 450 400 450H600zM500 1000C595 1000 675 920 675 825V725C675 630 595 550 500 550C405 550 325 630 325 725V825C325 920 405 1000 500 1000zM500 900C459.9999999999999 900 425 865 425 825V725C425 685 459.9999999999999 650 500 650C540 650 575 685 575 725V825C575 865 540 900 500 900z" />
     <glyph glyph-name="verified"
       unicode="&#xE96A;"
-      horiz-adv-x="1000" d="M494.998 19.9999999999999C484.998 19.9999999999999 469.998 19.9999999999999 459.998 25C374.998 55.0000000000001 169.998 140 99.998 275C34.99785 400 44.99785 650 59.998 785C64.998 825 89.998 860 129.998 875C184.998 895 309.998 925 499.998 925C690 925 815 895 869.9999999999999 875C910 860 935 830 940 790C955.0000000000002 680 975 410 910 280C840 144.9999999999999 625 60 540 30.0000000000001C520 25 509.9999999999999 19.9999999999999 494.998 19.9999999999999zM189.998 325C234.998 240 374.998 165 494.998 125H499.998C625 165 770 240 815 325C860 410 855.0000000000001 615 835 780C780 800 670 830 494.998 830C319.998 830 209.998 800 159.998 785C144.998 615 144.998 410 189.998 325zM322.265 433.395A50 50 0 0 0 377.735 516.605L519.6 422.025L634.95 654.95A50 50 0 0 0 715.05 595.05L531.9 350.4500000000001Q507 322 464.13 338.8150000000001L322.265 433.395z" />
+      horiz-adv-x="1000" d="M499.9915 925C689.965 924.999 814.9549999999999 894.9995 869.96 875C909.96 860 934.98 829.99 939.9800000000002 789.99C954.98 679.984 975 409.975 910 279.98C840 144.985 624.9799999999999 59.98 539.98 29.9799999999999C519.985 24.98 509.96 20.0200000000001 494.9625 20.0200000000001C484.968 20.0200000000001 469.995 20.0100000000001 460.0015 25C375.002 55.0000000000001 169.9935 140.005 99.9915 275C34.9915 400 45.00125 650.01 60.0015 785.01C65.0045 825.002 89.9805 860 129.972 875C184.972 895 309.9915000000001 925 499.9915 925zM494.9625 829.9805C319.998 829.9784999999999 210.0095 800.0115000000001 160.0015 785.01C145.0015 615.01 144.9815 410 189.9815 325C234.98 240.005 374.966 165 494.9625 125H499.9915C624.99 165 769.985 240 814.9800000000001 325C859.98 409.995 855.0000000000001 614.9845 835 779.9805C780 799.9805 669.96 829.9805 494.9625 829.9805zM634.025 653.662C649.86 676.28 681.035 681.7935 703.655 665.9670000000001C726.27 650.133 731.785 618.9585 715.96 596.338L546.575 354.3450000000001C527.875 327.635 491.2325 320.735 464.103 338.8200000000001L322.257 433.4C299.2805 448.7149999999999 293.0725 479.76 308.39 502.7345C323.7080000000001 525.7094999999999 354.75 531.919 377.726 516.6015L487.052 443.7000000000001L634.025 653.662z" />
     <glyph glyph-name="video"
       unicode="&#xE96B;"
       horiz-adv-x="750" d="M730.0024999999999 449.99V682.49C730.0024999999999 732.49 707.5 777.4902500000001 670 807.4902500000001L535 917.49025C507.5 939.99025 472.4999999999999 952.49025 437.5 952.49025H177.50125C90.00125 952.49025 20.001225 879.9902500000001 20.001225 789.9902500000001V227.49C20.001225 137.49 90.00125 64.99 177.50125 64.99H575C662.5 64.99 732.5 137.49 732.5 227.49V297.49C732.5 312.49 722.5 322.49 707.5 322.49C692.5 322.49 682.5 312.49 682.5 297.49V227.49C682.5 164.99 635 114.99 575 114.99H177.50125C117.50125 114.99 70.00125 164.99 70.00125 227.49V792.4902500000001C70.00125 854.9902500000001 117.50125 904.99025 177.50125 904.99025H440.0000000000001V759.99025C440.0000000000001 719.99 470 689.99 509.9999999999999 689.99H682.5V682.49V449.99C680 434.99 692.5024999999999 424.99 705.0024999999999 424.99C720.0025 424.99 730.0024999999999 434.99 730.0024999999999 449.99zM320.4775 567.9649999999999C312.1550000000001 572.3275 302.175 566.29 302.175 556.8925L302.175 393.1075C302.175 383.7100000000001 312.1550000000001 377.6725 320.4775 382.0350000000001L476.705 463.9300000000001C485.635 468.61 485.635 481.39 476.705 486.0699999999999L320.4775 567.9649999999999zM523.9124999999999 433.9775000000001L328.26 331.4175C293.4775 313.185 250 335.975 250 372.4400000000001V577.56C250 614.025 293.4775 636.815 328.26 618.5825L523.9124999999999 516.0225C558.6949999999999 497.79 558.6949999999999 452.21 523.9124999999999 433.9775000000001z" />

package/dist/hooks/useCollapseMotion.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Анимация высоты для `details` и появления/исчезновения блока на общем ядре кита:
+ * раскрытие 250 мс, сворачивание 200, кривая `--u-ease-move`. Тот же набор, что у
+ * Vue `useCollapseMotion`; при размонтировании отменяет только свои анимации.
+ */
+export declare function useCollapseMotion(): {
+    enterCollapse: (element: Element, done?: () => void) => void;
+    leaveCollapse: (element: Element, done?: () => void) => void;
+    cancelCollapse: (element: Element) => void;
+    toggleDetailsAnimated: (event: {
+        readonly button: number;
+        readonly currentTarget: EventTarget | null;
+        readonly target: EventTarget | null;
+        readonly defaultPrevented: boolean;
+        preventDefault: () => void;
+    }) => void;
+};
+//# sourceMappingURL=useCollapseMotion.d.ts.map

package/dist/hooks/useCollapseMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapseMotion.d.ts","sourceRoot":"","sources":["../../src/hooks/useCollapseMotion.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,iBAAiB;;;;;;;;;;;EAKhC"}

package/dist/hooks/useCollapseMotion.js

@@ -0,0 +1,9 @@
+import { useState as a, useEffect as n } from "react";
+import { createCollapseMotion$u as i } from "../vanilla/core/collapseMotion.js";
+function c() {
+  const [e] = a(i);
+  n(() => e.dispose, [e]);
+  const { enterCollapse: o, leaveCollapse: t, cancelCollapse: l, toggleDetailsAnimated: s } = e;
+  return { enterCollapse: o, leaveCollapse: t, cancelCollapse: l, toggleDetailsAnimated: s };
+}
+export { c as useCollapseMotion$u };

package/dist/hooks/useDismiss.d.ts

@@ -11,7 +11,13 @@ type Params = {
     enabled?: boolean;
 };
 /**
- * Закрывает попап по клику вне его.
+ * Закрывает попап по клику вне его и по Escape.
+ *
+ * Escape ловится на document в фазе перехвата и гасится `preventDefault`: Modal и
+ * Drawer слушают всплытие и пропускают обработанное событие, поэтому закрывается
+ * только попап, а не окно вокруг него — даже когда фокус ушёл с поля на пункт
+ * списка (чекбокс Multiselect) и до обработчика клавиш поля Escape не доходит.
+ * Так же устроен `useDropdown` во Vue-ките.
  *
  * Заменяет пару `useOutsideClick` + `useOutsideAlerter`, которые делали одно и то
  * же и в каждом селекте вызывались вместе. Попутно чинит их поломки:

package/dist/hooks/useDismiss.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDismiss.d.ts","sourceRoot":"","sources":["../../src/hooks/useDismiss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,MAAM,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;AAE/D,KAAK,MAAM,GAAG;IACV;;;OAGG;IACH,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,8BAAqC,MAAM,SA+BrE,CAAC"}
+{"version":3,"file":"useDismiss.d.ts","sourceRoot":"","sources":["../../src/hooks/useDismiss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,MAAM,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;AAE/D,KAAK,MAAM,GAAG;IACV;;;OAGG;IACH,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,GAAI,8BAAqC,MAAM,SAuCrE,CAAC"}

package/dist/hooks/useDismiss.js

@@ -1,20 +1,22 @@
-import { useRef as d, useEffect as m } from "react";
-const v = ({ refs: n, onDismiss: r, enabled: o = !0 }) => {
-  const s = d(r);
-  s.current = r;
-  const i = d(n);
-  i.current = n, m(() => {
-    if (!o) return;
-    const u = (f) => {
-      const e = f.target;
-      !(e instanceof Node) || !e.isConnected || i.current.some((t) => {
-        var c;
-        return (c = t == null ? void 0 : t.current) == null ? void 0 : c.contains(e);
-      }) || s.current();
+import { useRef as f, useEffect as m } from "react";
+const w = ({ refs: o, onDismiss: s, enabled: u = !0 }) => {
+  const t = f(s);
+  t.current = s;
+  const c = f(o);
+  c.current = o, m(() => {
+    if (!u) return;
+    const i = (e) => {
+      const n = e.target;
+      !(n instanceof Node) || !n.isConnected || c.current.some((r) => {
+        var a;
+        return (a = r == null ? void 0 : r.current) == null ? void 0 : a.contains(n);
+      }) || t.current();
+    }, d = (e) => {
+      e.key !== "Escape" || e.defaultPrevented || (e.preventDefault(), t.current());
     };
-    return document.addEventListener("pointerdown", u, !0), () => {
-      document.removeEventListener("pointerdown", u, !0);
+    return document.addEventListener("pointerdown", i, !0), document.addEventListener("keydown", d, !0), () => {
+      document.removeEventListener("pointerdown", i, !0), document.removeEventListener("keydown", d, !0);
     };
-  }, [o]);
+  }, [u]);
 };
-export { v as useDismiss$u };
+export { w as useDismiss$u };

package/dist/hooks/useEnterMotion.d.ts

@@ -0,0 +1,9 @@
+import { type RefObject } from 'react';
+/**
+ * Проигрывает появление (`playEnterMotion`: прозрачность и сдвиг на 4 px, 200 мс) на
+ * элементе `ref`, когда меняется `key` — например, ключ активной вкладки. Первый
+ * показ и prefers-reduced-motion — без анимации; дети не пересоздаются. Эффект
+ * layout-уровня: анимация стартует до отрисовки, без кадра в конечном состоянии.
+ */
+export declare function useEnterMotion(ref: RefObject<HTMLElement | null>, key: unknown): void;
+//# sourceMappingURL=useEnterMotion.d.ts.map

package/dist/hooks/useEnterMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEnterMotion.d.ts","sourceRoot":"","sources":["../../src/hooks/useEnterMotion.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhE;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,GAAG,EAAE,OAAO,QAO9E"}

package/dist/hooks/useEnterMotion.js

@@ -0,0 +1,10 @@
+import { useRef as n, useLayoutEffect as e } from "react";
+import { playEnterMotion$u as u } from "../vanilla/core/motion.js";
+function f(t, r) {
+  const o = n(r);
+  e(() => {
+    if (!Object.is(o.current, r))
+      return o.current = r, u(t.current);
+  }, [t, r]);
+}
+export { f as useEnterMotion$u };

package/dist/hooks/useForwardedRef.d.ts

@@ -0,0 +1,8 @@
+import { type ForwardedRef } from 'react';
+/**
+ * Свой ref на элемент и ref, переданный снаружи (`forwardRef`), на одном узле.
+ * Снаружи элемент нужен формам: `register` из react-hook-form читает значение
+ * и ставит фокус на ошибку через ref.
+ */
+export declare const useForwardedRef: <T extends HTMLElement>(forwardedRef: ForwardedRef<T>) => readonly [import("react").MutableRefObject<T>, (node: T | null) => void];
+//# sourceMappingURL=useForwardedRef.d.ts.map

package/dist/hooks/useForwardedRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForwardedRef.d.ts","sourceRoot":"","sources":["../../src/hooks/useForwardedRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAE/D;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,WAAW,EAAE,cAAc,YAAY,CAAC,CAAC,CAAC,2DAE9C,CAAC,GAAG,IAAI,UAM7C,CAAC"}

package/dist/hooks/useForwardedRef.js

@@ -0,0 +1,8 @@
+import { useRef as n, useCallback as e } from "react";
+const i = (t) => {
+  const u = n(null), c = e((s) => {
+    u.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
+  }, [t]);
+  return [u, c];
+};
+export { i as useForwardedRef$u };