urfu-ui-kit-react 2.1.5 → 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/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 };

package/dist/hooks/useInfiniteScroll.d.ts

@@ -0,0 +1,27 @@
+export interface UseInfiniteScrollOptions {
+    /** Загрузить следующую порцию. Вернёт промис — повторного вызова не будет до его завершения. */
+    onLoadMore: () => unknown;
+    /** Есть ли ещё порции. */
+    hasMore: boolean;
+    /** Порция грузится: пока `true`, `onLoadMore` не вызывается. */
+    loading?: boolean;
+    /** Не грузить — например, пока показана ошибка. */
+    disabled?: boolean;
+    /** Насколько заранее начинать подгрузку. По умолчанию `200px`. */
+    rootMargin?: string;
+    /** Область прокрутки; не задана — ближайший прокручиваемый предок датчика (тело Modal) или страница. */
+    root?: Element | null;
+}
+export interface UseInfiniteScrollResult {
+    /** Ref датчика — пустого элемента после последней строки. */
+    sentinelRef: (element: Element | null) => void;
+    /** Повторить после ошибки порции (отклонённого промиса), не дожидаясь прокрутки. */
+    retry: () => void;
+}
+/**
+ * Ленивая подгрузка на общем ядре кита (то же, что у Vue `useInfiniteScroll`):
+ * IntersectionObserver на датчике, без повторных вызовов, пока порция грузится.
+ * Готовый датчик с индикатором и объявлением для скринридера — компонент `InfiniteScroll`.
+ */
+export declare function useInfiniteScroll({ onLoadMore, hasMore, loading, disabled, rootMargin, root }: UseInfiniteScrollOptions): UseInfiniteScrollResult;
+//# sourceMappingURL=useInfiniteScroll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteScroll.d.ts","sourceRoot":"","sources":["../../src/hooks/useInfiniteScroll.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,wBAAwB;IACvC,gGAAgG;IAChG,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,0BAA0B;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wGAAwG;IACxG,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,uBAAuB;IACtC,6DAA6D;IAC7D,WAAW,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,oFAAoF;IACpF,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,wBAAwB,GAAG,uBAAuB,CAajJ"}

package/dist/hooks/useInfiniteScroll.js

@@ -0,0 +1,13 @@
+import { useState as p, useRef as S, useCallback as t, useEffect as y } from "react";
+import { InfiniteScrollCore$u as C } from "../vanilla/core/infiniteScroll.js";
+function k({ onLoadMore: r, hasMore: n, loading: c, disabled: o, rootMargin: s, root: f }) {
+  const [e] = p(() => new C()), u = S(r);
+  u.current = r;
+  const l = t(() => u.current(), []);
+  y(() => {
+    e.setOptions({ onLoadMore: l, hasMore: n, loading: c, disabled: o, rootMargin: s, root: f });
+  }, [e, l, n, c, o, s, f]);
+  const i = t((m) => e.attach(m), [e]), a = t(() => e.retry(), [e]);
+  return { sentinelRef: i, retry: a };
+}
+export { k as useInfiniteScroll$u };

package/dist/hooks/useMountTransition.d.ts

@@ -1,7 +1,7 @@
 export type TransitionStatus = "closed" | "entering" | "open" | "exiting";
 type Params = {
     isOpen: boolean;
-    /** Длительность анимации закрытия, мс. Должна совпадать с CSS. */
+    /** Длительность анимации закрытия, мс. Должна совпадать с CSS; множитель «×5» dev-панели хук учитывает сам. */
     duration?: number;
     /**
      * Отключить анимацию целиком — узел появляется и исчезает мгновенно,

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

@@ -1 +1 @@
-{"version":3,"file":"useMountTransition.d.ts","sourceRoot":"","sources":["../../src/hooks/useMountTransition.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1E,KAAK,MAAM,GAAG;IACV,MAAM,EAAE,OAAO,CAAC;IAChB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAOF;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,GAAI,gCAA8C,MAAM;;;;CAgFtF,CAAC"}
+{"version":3,"file":"useMountTransition.d.ts","sourceRoot":"","sources":["../../src/hooks/useMountTransition.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1E,KAAK,MAAM,GAAG;IACV,MAAM,EAAE,OAAO,CAAC;IAChB,+GAA+G;IAC/G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,GAAI,gCAA4D,MAAM;;;;CAgFpG,CAAC"}