@olddevs/ui 0.0.0-stage → 4.0.0

package/dist/components/inputs/Transfer.d.ts

@@ -0,0 +1,84 @@
+export interface TransferItem {
+    /**
+     * Ключ элемента. Обязан быть уникальным в пределах `items`.
+     *
+     * Дубликат кит не чинит и не сообщает о нём: два `ListBoxItem` с одним `id`
+     * схлопывает сама коллекция react-aria, и один из элементов молча пропадает
+     * с экрана. Уникальность — контракт потребителя.
+     */
+    id: string;
+    /** Подпись элемента в колонке. */
+    label: string;
+    /** Элемент показан, но не переносится и не выбирается. */
+    disabled?: boolean;
+}
+export interface TransferProps {
+    /**
+     * Все элементы разом, независимо от того, в какой они сейчас колонке.
+     *
+     * Один список, а не два: два разъехались бы при первой же правке — элемент,
+     * забытый в обоих или пропавший из обоих, никак себя не проявит.
+     */
+    items: TransferItem[];
+    /**
+     * Ключи, оказавшиеся в целевой колонке. Порядок значим и сохраняется:
+     * назначенные права показываются в том порядке, в каком их назначали.
+     *
+     * Ключ, которого нет в `items`, кит **не выбрасывает**: он не показывается,
+     * не считается в счётчике и переживает переносы нетронутым. Выбросить его
+     * значило бы молча править чужое значение — а знать, почему потребитель
+     * прислал незнакомый ключ, кит не может.
+     */
+    value: string[];
+    /** Вызывается при переносе и получает новый список ключей целевой колонки. */
+    onChange: (value: string[]) => void;
+    /** Подпись левой колонки. Без неё берётся из каталога. */
+    sourceLabel?: string;
+    /** Подпись правой колонки. Без неё берётся из каталога. */
+    targetLabel?: string;
+    /** Поле поиска над каждым списком. */
+    searchable?: boolean;
+    /**
+     * Гасит обе колонки и обе кнопки разом.
+     *
+     * Отличается от `TransferItem.disabled`: тот про один элемент, который
+     * показан, но не переносится; этот про весь контрол — переносить нельзя
+     * ничего.
+     */
+    disabled?: boolean;
+    /**
+     * Доступное имя всей пары колонок. С ним контрол объявляется группой, без
+     * него — нет.
+     *
+     * Без имени пользователь AT слышит два несвязанных списка и две стрелки между
+     * ними, и что это один вопрос, а не два, ниоткуда не следует. Безымянная
+     * группа при этом хуже её отсутствия — то же правило, что у `ButtonGroup`.
+     */
+    "aria-label"?: string;
+    /** Классы на корневой элемент. */
+    className?: string;
+}
+/**
+ * Две колонки и перенос между ними: доступное слева, выбранное справа.
+ *
+ * Списки — `ListBox` из react-aria: клавиатура, типизация по первым буквам,
+ * множественное выделение и роли приходят оттуда, своей коллекции компонент не
+ * заводит.
+ *
+ * СОБСТВЕННОЕ РЕШЕНИЕ ЗДЕСЬ ОДНО, И ОНО ПРО ФОКУС. После переноса выделенные
+ * элементы из списка исчезают — вместе с элементом, на котором стоял фокус.
+ * react-aria на этот случай ответа не даёт: у неё коллекция сменилась, и фокус
+ * уходит на `body`, то есть в начало документа.
+ *
+ * Правило компонента: **фокус идёт за элементами**. Он переходит в список, куда
+ * они переехали, а сами перенесённые становятся там выделением. Отсюда сразу
+ * работает возврат: нажать «назад» можно не выделяя заново. Альтернатива —
+ * оставить фокус на кнопке — ломается на первом же полном переносе: кнопка
+ * гаснет, потому что переносить больше нечего, и фокус всё равно теряется.
+ *
+ * Выделение (что подсвечено) и значение (что в какой колонке) — РАЗНЫЕ вещи, и
+ * компонент их не смешивает: подсветка живёт внутри и не переживает перенос,
+ * значение приходит и уходит пропами.
+ */
+export declare function Transfer({ items, value, onChange, sourceLabel, targetLabel, searchable, disabled, "aria-label": ariaLabel, className, }: TransferProps): import("react").JSX.Element;
+//# sourceMappingURL=Transfer.d.ts.map

package/dist/components/inputs/Transfer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transfer.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/Transfer.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,YAAY;IAC3B;;;;;;OAMG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB;;;;;;;;OAQG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiDD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAkB,EAClB,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,aAAa,+BAsNf"}

package/dist/components/inputs/Transfer.js

@@ -0,0 +1,112 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
+import { ListBox, ListBoxItem } from "react-aria-components";
+import { useMessages } from "../../i18n/useMessages.js";
+import { ChevronLeftIcon, ChevronRightIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+import { LISTBOX_ITEM_CLASS } from "../../lib/menu.js";
+import { Button } from "../actions/Button.js";
+import { TextControl } from "./TextControl.js";
+import { BUTTON_ICON_SIZE } from "../../lib/button.js";
+const PANEL_CLASS = "border-line bg-bg-1 flex min-w-0 flex-1 flex-col overflow-hidden rounded-md border";
+const LIST_CLASS = "flex flex-col gap-px overflow-y-auto p-1.5 outline-none";
+const ITEM_CLASS = LISTBOX_ITEM_CLASS;
+function movableKeys(selection, visible) {
+    const ids = visible.filter((item) => !item.disabled).map((item) => item.id);
+    if (selection === "all")
+        return ids;
+    const picked = new Set([...selection].map(String));
+    return ids.filter((id) => picked.has(id));
+}
+function filterItems(list, query) {
+    if (!query)
+        return list;
+    const needle = query.toLowerCase();
+    return list.filter((item) => item.label.toLowerCase().includes(needle));
+}
+export function Transfer({ items, value, onChange, sourceLabel, targetLabel, searchable = false, disabled = false, "aria-label": ariaLabel, className, }) {
+    const messages = useMessages();
+    const [sourcePicked, setSourcePicked] = useState(new Set());
+    const [targetPicked, setTargetPicked] = useState(new Set());
+    const [sourceQuery, setSourceQuery] = useState("");
+    const [targetQuery, setTargetQuery] = useState("");
+    const sourceList = useRef(null);
+    const targetList = useRef(null);
+    const headingId = useId();
+    const [moves, setMoves] = useState(0);
+    const pending = useRef(null);
+    const byId = useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+    const chosen = useMemo(() => new Set(value), [value]);
+    const source = items.filter((item) => !chosen.has(item.id));
+    const target = value.map((id) => byId.get(id)).filter((item) => item !== undefined);
+    const sourceShown = filterItems(source, sourceQuery);
+    const targetShown = filterItems(target, targetQuery);
+    const toTarget = movableKeys(sourcePicked, sourceShown);
+    const toSource = movableKeys(targetPicked, targetShown);
+    useEffect(() => {
+        const next = pending.current;
+        if (!next)
+            return;
+        pending.current = null;
+        const frame = requestAnimationFrame(() => {
+            const list = (next.side === "target" ? targetList : sourceList).current;
+            if (!list)
+                return;
+            const option = [...list.querySelectorAll("[data-key]")].find((node) => node.getAttribute("data-key") === next.key);
+            (option ?? list).focus();
+        });
+        return () => cancelAnimationFrame(frame);
+    }, [moves]);
+    function moveToTarget() {
+        const first = toTarget[0];
+        if (first === undefined)
+            return;
+        onChange([...value, ...toTarget]);
+        setSourcePicked(new Set());
+        setTargetPicked(new Set(toTarget));
+        pending.current = { side: "target", key: first };
+        setMoves((n) => n + 1);
+    }
+    function moveToSource() {
+        const first = toSource[0];
+        if (first === undefined)
+            return;
+        const removed = new Set(toSource);
+        onChange(value.filter((id) => !removed.has(id)));
+        setTargetPicked(new Set());
+        setSourcePicked(new Set(toSource));
+        pending.current = { side: "source", key: first };
+        setMoves((n) => n + 1);
+    }
+    function column(props) {
+        const { side, label, total, shown, picked, onPick, query, onQuery, listRef } = props;
+        const labelId = `${headingId}-${side}`;
+        const countId = `${headingId}-${side}-count`;
+        return (_jsxs("div", { className: PANEL_CLASS, children: [_jsxs("div", { className: "border-line bg-bg-2 flex items-center justify-between gap-2 border-b px-3 py-2", children: [_jsx("span", { id: labelId, className: "text-fg-0 text-[13px] font-semibold", children: label }), _jsx("span", { id: countId, className: "text-fg-2 text-caption", children: total })] }), searchable && (_jsx("div", { className: "px-2.5 pt-2", children: _jsx(TextControl, { value: query, onChange: (event) => onQuery(event.target.value), "aria-label": messages.transfer.searchIn({ list: label }), placeholder: messages.common.searchPlaceholder, disabled: disabled }) })), _jsx(ListBox, { ref: listRef, "aria-labelledby": `${labelId} ${countId}`, selectionMode: "multiple", selectedKeys: picked, onSelectionChange: onPick, disabledKeys: disabled
+                        ? shown.map((item) => item.id)
+                        : shown.filter((item) => item.disabled).map((item) => item.id), items: shown, className: LIST_CLASS, renderEmptyState: () => (_jsx("p", { className: "text-fg-2 px-2.5 py-6 text-center text-[13px]", children: query ? messages.common.notFound : messages.common.empty })), children: (item) => (_jsx(ListBoxItem, { id: item.id, textValue: item.label, className: ITEM_CLASS, children: item.label })) })] }));
+    }
+    return (_jsxs("div", { role: ariaLabel ? "group" : undefined, "aria-label": ariaLabel, className: cn("flex items-stretch gap-3", className), children: [column({
+                side: "source",
+                label: sourceLabel ?? messages.transfer.source,
+                total: source.length,
+                shown: sourceShown,
+                picked: sourcePicked,
+                onPick: setSourcePicked,
+                query: sourceQuery,
+                onQuery: setSourceQuery,
+                listRef: sourceList,
+            }), _jsxs("div", { className: "flex shrink-0 flex-col justify-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", iconOnly: true, icon: _jsx(ChevronRightIcon, { size: BUTTON_ICON_SIZE.sm, "aria-hidden": true }), disabled: disabled || toTarget.length === 0, onClick: moveToTarget, "aria-label": messages.transfer.moveToTarget }), _jsx(Button, { variant: "outline", size: "sm", iconOnly: true, icon: _jsx(ChevronLeftIcon, { size: BUTTON_ICON_SIZE.sm, "aria-hidden": true }), disabled: disabled || toSource.length === 0, onClick: moveToSource, "aria-label": messages.transfer.moveToSource })] }), column({
+                side: "target",
+                label: targetLabel ?? messages.transfer.target,
+                total: target.length,
+                shown: targetShown,
+                picked: targetPicked,
+                onPick: setTargetPicked,
+                query: targetQuery,
+                onQuery: setTargetQuery,
+                listRef: targetList,
+            })] }));
+}
+//# sourceMappingURL=Transfer.js.map

package/dist/components/inputs/Transfer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transfer.js","sourceRoot":"","sources":["../../../src/components/inputs/Transfer.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/TreeSelect.d.ts

@@ -0,0 +1,73 @@
+import type { Key } from "react-aria-components";
+import { type TreeNode } from "../navigation/TreeView.js";
+export interface TreeSelectProps {
+    /** Узлы дерева. Формат тот же, что у `TreeView`, — это он и есть. */
+    items: TreeNode[];
+    /**
+     * Выбранные узлы. Всегда массив, даже при `single`: одна форма значения
+     * избавляет потребителя от развилки в каждом обработчике.
+     */
+    value: Key[];
+    /** Вызывается при выборе узла и получает массив выбранных ключей. */
+    onChange: (value: Key[]) => void;
+    /** Несколько узлов вместо одного. Меняет и вид закрытого поля: чипы вместо подписи. */
+    multiple?: boolean;
+    /** Подпись поля, когда ничего не выбрано. */
+    placeholder?: string;
+    /** Доступное имя поля. Обязательно: безымянное поле скринридер называет только по роли. */
+    "aria-label": string;
+    /** Раскрытые при первом показе узлы. */
+    defaultExpandedKeys?: Iterable<Key>;
+    /**
+     * Раскрытые узлы, когда раскрытием управляют снаружи; обновлять в
+     * `onExpandedChange`.
+     *
+     * Управляемое раскрытие. Нужно тому, кто раскрывает дерево до текущего
+     * значения или подгружает ветки лениво: без него глубоко лежащий выбранный
+     * узел открывается на свёрнутом дереве, где на него ничто не указывает.
+     */
+    expandedKeys?: Iterable<Key>;
+    /** Вызывается при раскрытии и сворачивании узлов и получает все раскрытые ключи. */
+    onExpandedChange?: (keys: Set<Key>) => void;
+    /** Выключает поле: список не открывается. */
+    disabled?: boolean;
+    /** Показать кнопку очистки, когда что-то выбрано. */
+    clearable?: boolean;
+    /** Имя кнопки очистки. Без него берётся `common.clear` — как у `Select`. */
+    clearLabel?: string;
+    /** Классы на оболочку поля. */
+    className?: string;
+}
+/**
+ * Поле, выбирающее узел иерархии: `TreeView` внутри `Popover`.
+ *
+ * КОМПОЗИЦИЯ, А НЕ ВТОРОЕ ДЕРЕВО, и это прямое исполнение
+ * ADR-0024, который
+ * отложил `TreeSelect` до заказчика именно с такой формулировкой. Своего обхода
+ * узлов, своей клавиатуры и своих ролей компонент не заводит: всё это уже есть
+ * у `TreeView`, а расхождение двух деревьев было бы заметно только тому, кто
+ * поставит их рядом.
+ *
+ * ИМЯ ПОЛЯ СОБИРАЕТСЯ ИЗ ПОДПИСИ И СОДЕРЖИМОГО, а не берётся из `aria-label` на
+ * кнопке. `aria-label` побеждает содержимое при вычислении имени, и поле
+ * объявлялось бы «Подразделение, кнопка» — без единого слова о том, что
+ * выбрано. Для поля выбора это отказ основной функции, и аудит axe его не
+ * ловит: имя у кнопки есть. Раскладка повторяет `Select`: скрытая подпись плюс
+ * узел со значением, оба через `aria-labelledby`.
+ *
+ * КНОПКА ОЧИСТКИ — СОСЕД ТРИГГЕРА, А НЕ ЕГО ПОТОМОК. Тот же приём, что у
+ * `Select`. Кнопка внутри кнопки это `nested-interactive`, а `aria-hidden`-крестик
+ * внутри выпадает из дерева доступности целиком — пользователь AT не узнаёт,
+ * что очистка вообще есть.
+ *
+ * ЗНАЧЕНИЕ ВСЕГДА МАССИВ, даже при `single`. Союзный тип `Key | Key[]` заставил
+ * бы потребителя разбирать форму в каждом обработчике, а выигрыш дал бы ровно
+ * один — короче выглядит в примере.
+ *
+ * ОТМЕТКА ВЕТКИ НЕ ОТМЕЧАЕТ ПОТОМКОВ, и это не упущение. Такое поведение
+ * означало бы, что кит решает за потребителя, значит ли «отдел» всех его
+ * сотрудников; в правах доступа это ровно противоположные политики. `TreeView`
+ * ведёт выбор ключами, и потребитель волен раскрыть ветку в потомков сам.
+ */
+export declare function TreeSelect({ items, value, onChange, multiple, placeholder, "aria-label": ariaLabel, defaultExpandedKeys, expandedKeys, onExpandedChange, disabled, clearable, clearLabel, className, }: TreeSelectProps): import("react").JSX.Element;
+//# sourceMappingURL=TreeSelect.d.ts.map

package/dist/components/inputs/TreeSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/TreeSelect.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAa,MAAM,uBAAuB,CAAC;AAM5D,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGpE,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB;;;OAGG;IACH,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,qEAAqE;IACrE,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACjC,uFAAuF;IACvF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2FAA2F;IAC3F,YAAY,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,oFAAoF;IACpF,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC5C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,WAAW,EACX,YAAY,EAAE,SAAS,EACvB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,UAAU,EACV,SAAS,GACV,EAAE,eAAe,+BAoJjB"}

package/dist/components/inputs/TreeSelect.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useState } from "react";
+import { useMessages } from "../../i18n/useMessages.js";
+import { ChevronDownIcon, CloseIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+import { FIELD_CLEAR_CLASS, FIELD_SHELL_CLASS } from "../../lib/field.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../overlays/Popover.js";
+import { TreeView } from "../navigation/TreeView.js";
+import { VisuallyHidden } from "../content/VisuallyHidden.js";
+const CHIP_LIMIT = 3;
+function flatten(nodes, into = new Map()) {
+    for (const node of nodes) {
+        if (into.has(node.id))
+            continue;
+        into.set(node.id, node);
+        if (node.children)
+            flatten(node.children, into);
+    }
+    return into;
+}
+function captionOf(id, node) {
+    if (!node)
+        return String(id);
+    if (typeof node.label === "string")
+        return node.label;
+    return node.textValue ?? String(id);
+}
+export function TreeSelect({ items, value, onChange, multiple = false, placeholder, "aria-label": ariaLabel, defaultExpandedKeys, expandedKeys, onExpandedChange, disabled = false, clearable = false, clearLabel, className, }) {
+    const messages = useMessages();
+    const [open, setOpen] = useState(false);
+    useEffect(() => {
+        if (disabled)
+            setOpen(false);
+    }, [disabled]);
+    const byId = useMemo(() => flatten(items), [items]);
+    const fieldId = useId();
+    const labelId = `${fieldId}-label`;
+    const valueId = `${fieldId}-value`;
+    const selected = useMemo(() => new Set(value), [value]);
+    const empty = value.length === 0;
+    const captions = value.map((id) => ({ id, caption: captionOf(id, byId.get(id)) }));
+    const shownChips = captions.slice(0, CHIP_LIMIT);
+    const hidden = captions.length - shownChips.length;
+    function onSelectionChange(keys) {
+        const next = keys === "all" ? value : [...keys];
+        onChange(next);
+        if (!multiple)
+            setOpen(false);
+    }
+    return (_jsxs(Popover, { open: open && !disabled, onOpenChange: setOpen, children: [_jsx(PopoverAnchor, { asChild: true, children: _jsxs("span", { className: cn(FIELD_SHELL_CLASS, "flex w-full items-center gap-2 px-3 py-2", disabled && "cursor-not-allowed opacity-50", className), children: [_jsx(VisuallyHidden, { id: labelId, children: ariaLabel }), _jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", disabled: disabled, "aria-haspopup": "grid", "aria-expanded": open && !disabled, "aria-labelledby": `${labelId} ${valueId}`, onKeyDown: (event) => {
+                                    if (!clearable || empty || disabled)
+                                        return;
+                                    if (event.key !== "Delete" && event.key !== "Backspace")
+                                        return;
+                                    event.preventDefault();
+                                    onChange([]);
+                                }, className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 bg-transparent text-left outline-none disabled:cursor-not-allowed", children: [_jsx("span", { id: valueId, className: "flex min-w-0 flex-1 flex-wrap items-center gap-1.5", children: empty ? (_jsx("span", { className: "text-fg-2 truncate text-[13px]", children: placeholder ?? messages.treeSelect.placeholder })) : multiple ? (_jsxs(_Fragment, { children: [shownChips.map((chip) => (_jsx("span", { className: "bg-bg-3 text-fg-1 text-caption inline-flex max-w-[150px] items-center rounded-full px-2 py-0.5", children: _jsx("span", { className: "truncate", children: chip.caption }) }, String(chip.id)))), hidden > 0 && (_jsx("span", { className: "text-fg-2 text-caption", children: messages.treeSelect.more({ count: hidden }) }))] })) : (_jsx("span", { className: "text-fg-0 truncate text-[13px]", children: captions[0]?.caption })) }), _jsx(ChevronDownIcon, { size: 16, "aria-hidden": true, className: "text-fg-2 shrink-0" })] }) }), clearable && !empty && !disabled ? (_jsx("button", { type: "button", "aria-label": clearLabel ?? messages.common.clear, onClick: () => onChange([]), className: FIELD_CLEAR_CLASS, children: _jsx(CloseIcon, { size: 10, "aria-hidden": true }) })) : null] }) }), _jsx(PopoverContent, { className: "max-h-[320px] w-[var(--radix-popover-trigger-width)] overflow-auto p-1", children: _jsx(TreeView, { items: items, "aria-label": ariaLabel, selectionMode: multiple ? "multiple" : "single", selectedKeys: selected, onSelectionChange: onSelectionChange, defaultExpandedKeys: defaultExpandedKeys, expandedKeys: expandedKeys, onExpandedChange: onExpandedChange, emptyText: messages.common.empty }) })] }));
+}
+//# sourceMappingURL=TreeSelect.js.map

package/dist/components/inputs/TreeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.js","sourceRoot":"","sources":["../../../src/components/inputs/TreeSelect.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/UploadQueue.d.ts

@@ -0,0 +1,84 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import { type ProgressStatus } from "../../lib/progress-status.js";
+import { type Tone } from "../../lib/variants.js";
+export interface UploadItem {
+    /** Ключ строки, уникальный в пределах `items`. */
+    id: string;
+    /** Имя файла или адрес. */
+    name: ReactNode;
+    /**
+     * Размер — УЖЕ отформатированный.
+     *
+     * Кит не форматирует: «2,4 МБ» и «2.4 MB» отличаются не только
+     * разделителем, но и единицами, а выбор единиц (МБ или МиБ) — решение
+     * приложения, а не дизайн-системы.
+     */
+    size?: ReactNode;
+    /** Превью — обычно `Image`. Без него место не занимается. */
+    preview?: ReactNode;
+    /** Состояние элемента. Словарь общий на весь кит — `ProgressStatus`. */
+    state: ProgressStatus;
+    /**
+     * `0`–`100`, `null` — прогресс НЕИЗВЕСТЕН, `undefined` — полосы нет вовсе.
+     *
+     * Разница между `null` и `0` та же, что у `Progress`: ноль означает «начали и
+     * пока ничего не сделали», `null` — «сколько всего работы, неизвестно».
+     */
+    progress?: number | null;
+    /** Подпись состояния бейджем: «Дубль», «Обработка». Нет — бейджа нет. */
+    statusLabel?: ReactNode;
+    /**
+     * Тон бейджа и полосы прогресса строки.
+     *
+     * Тон строки — ДОМЕННЫЙ статус поверх механического `state`: «Дубль» при
+     * технически успешной загрузке — `"warning"`, а не зелёный успех.
+     *
+     * Красит бейдж и полосу прогресса. Нет — тон выводится из `state` общей
+     * таблицей `ProgressStatus`, как раньше. Цвет текста `meta` упавшего элемента
+     * на `tone` не реагирует: он следует `state`.
+     */
+    tone?: Tone;
+    /** Вторая строка: текст ошибки, идентификатор задачи. */
+    meta?: ReactNode;
+    /** Действия справа — обычно `Button size="sm"`: повтор, отмена, убрать. */
+    actions?: ReactNode;
+}
+export interface UploadQueueProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+    /** Строки очереди в порядке показа. */
+    items: UploadItem[];
+    /** Доступное имя списка. */
+    "aria-label"?: string;
+    /** Что показать при пустой очереди. Нет — не рисуется ничего. */
+    empty?: ReactNode;
+}
+/**
+ * Менеджер загрузок: что уже отправлено, что идёт и что упало.
+ *
+ * ГРАНИЦА С `FileDropzone`: область — это ВЫБОР файла, очередь — его судьба.
+ * Их часто путают, потому что на экране они стоят рядом; но выбор кончается в
+ * тот момент, когда файлы получены, а очередь с этого момента только
+ * начинается.
+ *
+ * ТРАНСПОРТА ЗДЕСЬ НЕТ. Отправка, повтор, отмена и опрос задач на сервере —
+ * знание потребителя: формат ответов, адреса и правила повтора принадлежат
+ * приложению (ADR-0027).
+ * Кит даёт форму элемента, прогресс, состояния и объявление итога; очереди он
+ * не хранит — элементы и обработчики приходят пропами. Прецедент — владение
+ * состоянием таблицы (ADR-0023).
+ *
+ * ИТОГ ОБЪЯВЛЯЕТСЯ ЖИВОЙ ОБЛАСТЬЮ, и это не украшение. Частичный успех —
+ * «девять из двенадцати, одна ошибка» — иначе виден только тому, кто
+ * просматривает список глазами; пользователь скринридера, отправив дюжину
+ * файлов, не узнаёт о единственной упавшей вовсе. Область смонтирована ВСЕГДА,
+ * подменяется только текст: вставленная вместе с сообщением, она объявляется
+ * ненадёжно — часть скринридеров успевает её пропустить. Тот же приём, что в
+ * `FileDropzone`.
+ *
+ * СОСТОЯНИЕ — МЕХАНИКА, ПОДПИСЬ И ТОН — ДОМЕН. Четыре состояния описывают
+ * судьбу работы; «Дубль» и «На модерации» приходят подписью (`statusLabel`), а
+ * их цвет, если он должен отличаться от цвета состояния, — `tone`. Как у
+ * `StatusBadge`, который приехал из фронта, оставив снаружи словарь из
+ * одиннадцати доменных статусов.
+ */
+export declare const UploadQueue: import("react").ForwardRefExoticComponent<UploadQueueProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=UploadQueue.d.ts.map

package/dist/components/inputs/UploadQueue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadQueue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/UploadQueue.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlF,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACzF,OAAO,EAAe,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAgB/D,MAAM,WAAW,UAAU;IACzB,kDAAkD;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,2BAA2B;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wEAAwE;IACxE,KAAK,EAAE,cAAc,CAAC;IACtB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,yEAAyE;IACzE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzF,uCAAuC;IACvC,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,WAAW,6GAwItB,CAAC"}

package/dist/components/inputs/UploadQueue.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useMessages } from "../../i18n/useMessages.js";
+import { cn } from "../../lib/cn.js";
+import { PROGRESS_STATUS_TONE } from "../../lib/progress-status.js";
+import { TONE_TOKENS } from "../../lib/variants.js";
+import { Progress } from "../actions/Progress.js";
+import { StatusBadge } from "../actions/StatusBadge.js";
+function stateTone(state) {
+    return Object.hasOwn(PROGRESS_STATUS_TONE, state) ? PROGRESS_STATUS_TONE[state] : "neutral";
+}
+export const UploadQueue = forwardRef(function UploadQueue({ items, empty, className, "aria-label": ariaLabel, ...rest }, ref) {
+    const messages = useMessages();
+    const done = items.filter((i) => i.state === "success").length;
+    const failed = items.filter((i) => i.state === "failed").length;
+    const pending = items.some((i) => i.state === "pending" || i.state === "running");
+    const settled = items.length > 0 && !pending
+        ? messages.uploadQueue.summary({ done, total: items.length, failed })
+        : "";
+    return (_jsxs("div", { ref: ref, className: cn("flex flex-col gap-2", className), ...rest, children: [items.length === 0 ? (empty) : (_jsx("ul", { "aria-label": ariaLabel ?? messages.uploadQueue.label, className: "flex flex-col gap-2", children: items.map((item) => {
+                    const tone = item.tone !== undefined && Object.hasOwn(TONE_TOKENS, item.tone)
+                        ? item.tone
+                        : stateTone(item.state);
+                    return (_jsxs("li", { className: "bg-bg-2 border-line-soft flex items-center gap-3 rounded-lg border px-3 py-2.5", children: [item.preview != null && (_jsx("div", { className: "bg-bg-3 border-line-soft size-12 shrink-0 overflow-hidden rounded-md border", children: item.preview })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate text-[13px] font-medium", children: item.name }), item.size != null && (_jsx("span", { className: "text-fg-2 shrink-0 text-[11px] tabular-nums", children: item.size }))] }), item.progress !== undefined && (_jsx("div", { className: "mt-1.5", children: _jsx(Progress, { value: item.progress, tone: tone, size: "sm", label: typeof item.name === "string"
+                                                ? messages.uploadQueue.itemProgress({ name: item.name })
+                                                : messages.uploadQueue.progress }) })), item.meta != null && (_jsx("div", { className: cn("mt-0.5 text-[11px]", item.state === "failed" ? TONE_TOKENS.danger.fg : "text-fg-2"), children: item.meta }))] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [item.statusLabel != null && (_jsx(StatusBadge, { tone: tone, children: item.statusLabel })), item.actions] })] }, item.id));
+                }) })), _jsx("div", { role: "status", "aria-live": "polite", className: "sr-only", children: settled })] }));
+});
+//# sourceMappingURL=UploadQueue.js.map

package/dist/components/inputs/UploadQueue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadQueue.js","sourceRoot":"","sources":["../../../src/components/inputs/UploadQueue.tsx"],"names":[],"mappings":"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"}

package/dist/components/navigation/Accordion.d.ts

@@ -0,0 +1,44 @@
+import type { ReactNode } from "react";
+import { type DisclosureGroupProps } from "react-aria-components";
+export interface AccordionProps extends Omit<DisclosureGroupProps, "className" | "style" | "allowsMultipleExpanded"> {
+    /**
+     * Раскрывать несколько секций сразу.
+     *
+     * Родной `allowsMultipleExpanded` из типа убран намеренно: `{...rest}`
+     * раскладывается ПЕРЕД умолчанием кита, и переданный снаружи проп молча
+     * проигрывал бы — компилировалось бы, а гармошка вела себя по-старому.
+     *
+     * Умолчание — ОДНА: набор секций читают по очереди, и раскрытые «про запас»
+     * превращают экран в простыню, где текущая секция уезжает за нижний край
+     * ровно в момент, когда её открыли. Множественное включают там, где секции
+     * сравнивают между собой.
+     */
+    multiple?: boolean;
+    /** Дополнительные классы на корень гармошки. */
+    className?: string;
+    /** Секции гармошки — набор `AccordionItem`. */
+    children?: ReactNode;
+}
+export interface AccordionItemProps {
+    /** Идентификатор секции: по нему работает `expandedKeys`. */
+    id: string;
+    /** Заголовок секции — содержимое кнопки раскрытия. Может быть разметкой. */
+    title: ReactNode;
+    /** Блокирует секцию: кнопка раскрытия неактивна, состояние не меняется. */
+    disabled?: boolean;
+    /** Дополнительные классы на секцию. */
+    className?: string;
+    /** Содержимое панели секции; показывается в раскрытом состоянии. */
+    children?: ReactNode;
+}
+/** Секция гармошки. */
+export declare function AccordionItem({ id, title, disabled, className, children }: AccordionItemProps): import("react").JSX.Element;
+/**
+ * Гармошка: набор сворачиваемых секций.
+ *
+ * Поведение у react-aria: клавиатура, `aria-expanded`, связь кнопки с панелью,
+ * скрытие содержимого от скринридера в свёрнутом виде. Кит держит вид и
+ * умолчание про число одновременно раскрытых секций.
+ */
+export declare function Accordion({ multiple, className, children, ...rest }: AccordionProps): import("react").JSX.Element;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/navigation/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAML,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,oBAAoB,EACpB,WAAW,GAAG,OAAO,GAAG,wBAAwB,CACjD;IACC;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,6DAA6D;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,4EAA4E;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,uBAAuB;AACvB,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BA+C7F;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAgB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAU3F"}

package/dist/components/navigation/Accordion.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button as AriaButton, Disclosure, DisclosureGroup, DisclosurePanel, Heading as AriaHeading, } from "react-aria-components";
+import { ChevronDownIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+export function AccordionItem({ id, title, disabled, className, children }) {
+    return (_jsx(Disclosure, { id: id, isDisabled: disabled, className: cn("border-line-soft border-b", className), children: ({ isExpanded }) => (_jsxs(_Fragment, { children: [_jsx(AriaHeading, { className: "m-0", children: _jsxs(AriaButton, { slot: "trigger", className: cn("text-fg-0 flex w-full cursor-pointer items-center justify-between gap-3 py-3 text-left text-sm font-semibold outline-none", "hover:text-accent-strong focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:outline-offset-2", "disabled:text-fg-3 disabled:cursor-not-allowed"), children: [title, _jsx(ChevronDownIcon, { size: 16, "aria-hidden": true, className: cn("text-fg-3 shrink-0 transition-transform motion-reduce:transition-none", isExpanded && "rotate-180") })] }) }), _jsx(DisclosurePanel, { className: "text-fg-1 pb-3 text-sm", children: children })] })) }));
+}
+export function Accordion({ multiple = false, className, children, ...rest }) {
+    return (_jsx(DisclosureGroup, { ...rest, allowsMultipleExpanded: multiple, className: cn("border-line-soft w-full border-t", className), children: children }));
+}
+//# sourceMappingURL=Accordion.js.map

package/dist/components/navigation/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/navigation/Accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,MAAM,IAAI,UAAU,EACpB,UAAU,EACV,eAAe,EACf,eAAe,EACf,OAAO,IAAI,WAAW,GAEvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAuCrC,MAAM,UAAU,aAAa,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAsB;IAC5F,OAAO,CACL,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,YAEpD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACnB,8BAME,KAAC,WAAW,IAAC,SAAS,EAAC,KAAK,YAC1B,MAAC,UAAU,IACT,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CACX,2HAA2H,EAC3H,qHAAqH,EACrH,gDAAgD,CACjD,aAEA,KAAK,EASN,KAAC,eAAe,IACd,IAAI,EAAE,EAAE,uBAER,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,UAAU,IAAI,YAAY,CAC3B,GACD,IACS,GACD,EACd,KAAC,eAAe,IAAC,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAmB,IAC/E,CACJ,GACU,CACd,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAkB;IAC1F,OAAO,CACL,KAAC,eAAe,OACV,IAAI,EACR,sBAAsB,EAAE,QAAQ,EAChC,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,YAE3D,QAAQ,GACO,CACnB,CAAC;AACJ,CAAC"}

package/dist/components/navigation/Breadcrumbs.d.ts

@@ -0,0 +1,35 @@
+export interface Crumb {
+    /** Подпись звена. */
+    label: string;
+    /** Адрес. У последнего звена его не бывает — см. докстроку. */
+    href?: string;
+}
+export interface BreadcrumbsProps {
+    /** Звенья пути по порядку, от корня к текущему экрану. */
+    items: Crumb[];
+    /**
+     * Сколько звеньев показывать целиком, прежде чем свернуть середину.
+     *
+     * Цепочка длиннее предела сворачивается в «первое … последние два»: середина
+     * пути ничего не говорит о том, где пользователь находится, а вот первое
+     * звено (корень) и ближайшие к текущему — говорят.
+     */
+    maxItems?: number;
+    /** Дополнительные классы на `nav`. */
+    className?: string;
+    /** Доступное имя навигации. По умолчанию берётся из словаря сообщений. */
+    "aria-label"?: string;
+}
+/**
+ * Хлебные крошки: путь до текущего экрана.
+ *
+ * **Последнее звено — не ссылка**, и это не мелочь: ссылка на страницу, на
+ * которой уже находишься, ничего не делает по нажатию, а скринридер объявляет
+ * её ссылкой — то есть обещает переход, которого не будет. Текущее звено
+ * помечается `aria-current="page"`.
+ *
+ * Разметка — `nav` со списком: скринридер даёт по ней прыжок «к навигации» и
+ * читает число звеньев. Строка из ссылок через «/» ни того, ни другого не даёт.
+ */
+export declare function Breadcrumbs({ items, maxItems, className, "aria-label": ariaLabel, }: BreadcrumbsProps): import("react").JSX.Element;
+//# sourceMappingURL=Breadcrumbs.d.ts.map

package/dist/components/navigation/Breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/Breadcrumbs.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,KAAK;IACpB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,0DAA0D;IAC1D,KAAK,EAAE,KAAK,EAAE,CAAC;IACf;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAY,EACZ,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,gBAAgB,+BAgElB"}