@olddevs/ui 0.0.0-stage → 4.0.1

package/dist/components/content/Stat.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from "react";
+import { type Tone } from "../../lib/variants.js";
+export interface StatProps {
+    /** Подпись показателя. */
+    label: ReactNode;
+    /** Значение показателя. */
+    value: ReactNode;
+    /** Пояснение под значением: период, доля, что угодно короткое. */
+    hint?: ReactNode;
+    /** Изменение: число или готовая строка («+320», «−4%»). */
+    delta?: ReactNode;
+    /**
+     * Тон дельты. Задаётся пропом, а не выводится из знака.
+     *
+     * Рост не всегда зелёный: выросшее число отписок, ошибок публикации или
+     * времени ответа — плохая новость, а падение расходов — хорошая. Компонент,
+     * который красит плюс в зелёный, врёт ровно в тех случаях, где ошибиться
+     * дороже всего.
+     *
+     * Не задан — дельта нейтральная: «изменилось на столько-то», без оценки.
+     */
+    deltaTone?: Tone;
+    /**
+     * Кегль значения.
+     *
+     * `md` — показатель в плотной панели, где их десяток и все равны.
+     * `lg` — заглавное число экрана: то, ради чего на дашборд и заходят.
+     * Разница здесь не косметическая: одинаковый кегль у главного показателя и
+     * у соседней подписи означает, что иерархии на экране нет вовсе.
+     */
+    size?: "md" | "lg";
+    /** Классы корневого элемента. */
+    className?: string;
+}
+/**
+ * Показатель: подпись, значение, изменение.
+ *
+ * Собран руками — поведения здесь нет вовсе, только раскладка и одно решение
+ * про тон дельты.
+ *
+ * Разметка — `dl`: подпись и значение связаны как термин и определение, и
+ * скринридер читает их парой. Два `div` рядом такой связи не дают, и значение
+ * «12 480» звучит без всякого указания, чего именно.
+ */
+export declare function Stat({ label, value, hint, delta, deltaTone, size, className }: StatProps): import("react").JSX.Element;
+//# sourceMappingURL=Stat.d.ts.map

package/dist/components/content/Stat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.d.ts","sourceRoot":"","sources":["../../../src/components/content/Stat.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAe,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,WAAW,SAAS;IACxB,0BAA0B;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,2BAA2B;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,kEAAkE;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD;;;;;;;;;GASG;AACH,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,IAAW,EAAE,SAAS,EAAE,EAAE,SAAS,+BAoB/F"}

package/dist/components/content/Stat.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { TONE_TOKENS } from "../../lib/variants.js";
+const VALUE_CLASS = {
+    md: "text-xl font-semibold",
+    lg: "text-2xl font-bold tracking-tight",
+};
+export function Stat({ label, value, hint, delta, deltaTone, size = "md", className }) {
+    return (_jsxs("dl", { className: cn("m-0 flex flex-col gap-0.5", className), children: [_jsx("dt", { className: "text-fg-2 text-caption", children: label }), _jsxs("dd", { className: "m-0 flex items-baseline gap-2", children: [_jsx("span", { className: cn("text-fg-0 tabular-nums", VALUE_CLASS[size]), children: value }), delta != null ? (_jsx("span", { className: cn("text-caption font-semibold", deltaTone ? TONE_TOKENS[deltaTone].fg : "text-fg-2"), children: delta })) : null] }), hint != null ? _jsx("dd", { className: "text-fg-2 text-caption m-0", children: hint }) : null] }));
+}
+//# sourceMappingURL=Stat.js.map

package/dist/components/content/Stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.js","sourceRoot":"","sources":["../../../src/components/content/Stat.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAa,MAAM,uBAAuB,CAAC;AAmC/D,MAAM,WAAW,GAAgC;IAC/C,EAAE,EAAE,uBAAuB;IAC3B,EAAE,EAAE,mCAAmC;CACxC,CAAC;AAYF,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAa;IAC9F,OAAO,CACL,cAAI,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,aACvD,aAAI,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAM,EACnD,cAAI,SAAS,EAAC,+BAA+B,aAC3C,eAAM,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,YAAG,KAAK,GAAQ,EAC/E,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CACf,eACE,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CACpD,YAEA,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACL,EACJ,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,4BAA4B,YAAE,IAAI,GAAM,CAAC,CAAC,CAAC,IAAI,IAC1E,CACN,CAAC;AACJ,CAAC"}

package/dist/components/content/Table.d.ts

@@ -0,0 +1,110 @@
+import { type ReactNode } from "react";
+import { type ColumnProps, type Key, type SortDescriptor } from "react-aria-components";
+export interface TableColumn<T> {
+    /** Идентификатор колонки: по нему сообщается сортировка. */
+    id: string;
+    /** Подпись в шапке. */
+    header: ReactNode;
+    /** Как достать содержимое ячейки из строки. */
+    cell: (item: T) => ReactNode;
+    /** Колонку можно сортировать: заголовок становится нажимаемым и показывает направление. */
+    sortable?: boolean;
+    /**
+     * Ширина: число пикселей, доля (`1fr`) или проценты.
+     *
+     * Тип взят у react-aria (`ColumnSize`), а не расширен до `string`: там он
+     * шаблонный (`${number}fr`, `${number}%`), и опечатку вроде `"1 fr"`
+     * компилятор ловит на месте, а не таблица — молчаливой раскладкой.
+     *
+     * Куда она уходит, зависит от режима, и это не деталь реализации: у
+     * react-aria проп `width` действует ТОЛЬКО внутри `ResizableTableContainer`,
+     * то есть при `resizable`. В обычной таблице он не делает ничего — молча.
+     * Поэтому при `resizable` ширина уходит в `defaultWidth` (начальный размер,
+     * который пользователь потом меняет ручкой), а без него — в CSS-стиль
+     * ячейки шапки, потому что иначе её просто не существует.
+     */
+    width?: ColumnProps["width"];
+    /** Выравнивание содержимого колонки: `start` или `end`. */
+    align?: "start" | "end";
+}
+export interface TableProps<T extends {
+    id: Key;
+}> {
+    /** Колонки таблицы в порядке показа. */
+    columns: TableColumn<T>[];
+    /** Строки таблицы; у каждой есть `id`. */
+    items: T[];
+    /** Доступное имя таблицы. Обязательно: безымянную таблицу скринридер называет только по роли. */
+    "aria-label": string;
+    /** Сортировка. Включается только при наличии — таблица её сама не хранит. */
+    sort?: SortDescriptor;
+    /** Вызывается с новым описанием сортировки после клика на заголовок. */
+    onSortChange?: (sort: SortDescriptor) => void;
+    /** Выделение строк. Без пропа колонка с флажками не рисуется вовсе. */
+    selectedKeys?: Set<Key>;
+    /** Вызывается с новым набором выбранных ключей. */
+    onSelectionChange?: (keys: Set<Key>) => void;
+    /**
+     * Действие по строке: открыть запись, перейти к ней. Ось включается наличием
+     * пропа; получает строку из `items`.
+     *
+     * Работает РЯДОМ с выделением, а не вместо него: выделяют флажки, а клик по
+     * строке и Enter на сфокусированной строке вызывают действие. Пробел на строке
+     * по-прежнему переключает выделение. Это правило `react-aria` («selection
+     * mode»): пока ничего не выделено, клик по строке — действие; как только
+     * выделение появилось, клик по строке его переключает, и продолжить отмечать
+     * можно по всей строке, не целясь во флажок. Действие тогда остаётся на Enter.
+     *
+     * Элементы внутри ячеек (кнопка, ссылка, меню) сохраняют свой клик и строку
+     * не активируют. Ссылку с ручным `stopPropagation` ради этого заводить не
+     * нужно. Строки раскрытия (`renderDetail`) и кнопка-раскрыватель действие не
+     * вызывают.
+     */
+    onRowAction?: (item: T) => void;
+    /**
+     * Раскрытие строки: что показать под ней. Ось включается наличием пропа —
+     * без него нет ни колонки-раскрывателя, ни детальных строк в разметке.
+     */
+    renderDetail?: (item: T) => ReactNode;
+    /**
+     * Раскрытые строки: множество ключей строк, у которых показаны подробности.
+     *
+     * Множеством, как `selectedKeys`, и **без переключателя
+     * «одна или несколько»**: сколько строк открыто разом, решает тот, у кого
+     * лежит состояние, кладя сюда один ключ или несколько (ADR-0022).
+     *
+     * НЕОБЯЗАТЕЛЕН. Без него раскрытие работает на собственном состоянии
+     * таблицы: `renderDetail` без состояния снаружи — законная и самая частая
+     * форма вызова, и отнимать её ради чистоты правила «таблица ничего не
+     * хранит» значило бы оставить живую на вид кнопку, не делающую ничего.
+     *
+     * РЕЖИМ ОПРЕДЕЛЯЕТСЯ НАЛИЧИЕМ ПРОПА, как у `InlineEdit` с `editing`. Если
+     * состояние появляется лениво (`expandedKeys={saved?.expanded}`), первый
+     * рендер выйдет неуправляемым, второй — управляемым, и раскрытые строки
+     * схлопнутся. Передавайте пустое множество, а не `undefined`.
+     */
+    expandedKeys?: Set<Key>;
+    /** Вызывается с новым набором раскрытых строк. */
+    onExpandedChange?: (keys: Set<Key>) => void;
+    /**
+     * Имя строки для подписей построчных кнопок.
+     *
+     * Без него у всех раскрывателей одинаковое имя, и скринридер в режиме
+     * перечисления кнопок читает двадцать одинаковых «Показать подробности».
+     * Первую колонку в качестве имени взять нельзя: её `cell` возвращает
+     * `ReactNode` — там бывает аватар или вёрстка, и в имя попал бы мусор.
+     */
+    rowLabel?: (item: T) => string;
+    /** Липкая шапка. Требует, чтобы у контейнера была своя высота и прокрутка. */
+    stickyHeader?: boolean;
+    /** Изменение ширины колонок мышью и с клавиатуры. */
+    resizable?: boolean;
+    /** Что показать, когда строк нет. По умолчанию — стандартный текст пустой таблицы. */
+    emptyText?: ReactNode;
+    /** Классы корневого элемента. */
+    className?: string;
+}
+export declare function Table<T extends {
+    id: Key;
+}>({ columns, items, sort, onSortChange, selectedKeys, onSelectionChange, renderDetail, expandedKeys, onExpandedChange, onRowAction, rowLabel, stickyHeader, resizable, emptyText, className, ...rest }: TableProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=Table.d.ts.map

package/dist/components/content/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/content/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,GAAG,EAGR,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAM/B,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAC;IACX,uBAAuB;IACvB,MAAM,EAAE,SAAS,CAAC;IAClB,+CAA+C;IAC/C,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAC7B,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACzB;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,GAAG,CAAA;CAAE;IAC/C,wCAAwC;IACxC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,0CAA0C;IAC1C,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,iGAAiG;IACjG,YAAY,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,wEAAwE;IACxE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,uEAAuE;IACvE,YAAY,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC7C;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACtC;;;;;;;;;;;;;;;;OAgBG;IACH,YAAY,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC5C;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,8EAA8E;IAC9E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sFAAsF;IACtF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqDD,wBAAgB,KAAK,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,GAAG,CAAA;CAAE,EAAE,EAC3C,OAAO,EACP,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACR,EAAE,UAAU,CAAC,CAAC,CAAC,+BAgTf"}

package/dist/components/content/Table.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useSyncExternalStore } from "react";
+import { Cell, Column, ColumnResizer, ResizableTableContainer, Row, Table as AriaTable, TableBody, TableHeader, } from "react-aria-components";
+import { ChevronDownIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { Checkbox } from "../inputs/Checkbox.js";
+const COLUMN_KEY = "od-col:";
+const DETAIL_PREFIX = "od-detail:";
+const subscribeNever = () => () => { };
+const isHydrated = () => true;
+const isServer = () => false;
+export function Table({ columns, items, sort, onSortChange, selectedKeys, onSelectionChange, renderDetail, expandedKeys, onExpandedChange, onRowAction, rowLabel, stickyHeader, resizable, emptyText, className, ...rest }) {
+    const messages = useMessages();
+    const hydrated = useSyncExternalStore(subscribeNever, isHydrated, isServer);
+    const selectable = selectedKeys != null && onSelectionChange != null;
+    const expandable = renderDetail != null;
+    const [uncontrolledExpanded, setUncontrolledExpanded] = useState(new Set());
+    const currentExpanded = expandedKeys ?? uncontrolledExpanded;
+    const detailKey = (id) => `${DETAIL_PREFIX}${String(id)}`;
+    const resolveSelection = (keys) => {
+        const page = new Set(items.map((i) => i.id));
+        if (keys === "all")
+            return new Set([...(selectedKeys ?? []), ...page]);
+        const next = new Set();
+        for (const key of keys)
+            if (!String(key).startsWith(DETAIL_PREFIX))
+                next.add(key);
+        for (const key of selectedKeys ?? [])
+            if (!page.has(key))
+                next.add(key);
+        return next;
+    };
+    const toggleExpanded = (id) => {
+        const next = new Set(currentExpanded);
+        if (next.has(id))
+            next.delete(id);
+        else
+            next.add(id);
+        if (expandedKeys == null)
+            setUncontrolledExpanded(next);
+        onExpandedChange?.(next);
+    };
+    const span = columns.length + (selectable ? 1 : 0) + (expandable ? 1 : 0);
+    const table = (_jsxs(AriaTable, { ...rest, className: cn("w-full border-separate border-spacing-0 text-sm", className), sortDescriptor: sort ? { ...sort, column: `${COLUMN_KEY}${String(sort.column)}` } : undefined, onSortChange: (next) => onSortChange?.({ ...next, column: String(next.column).slice(COLUMN_KEY.length) }), selectionMode: selectable ? "multiple" : "none", disabledBehavior: "selection", disabledKeys: expandable ? items.map((item) => detailKey(item.id)) : undefined, selectedKeys: selectedKeys, onSelectionChange: (keys) => onSelectionChange?.(resolveSelection(keys)), onRowAction: onRowAction
+            ? (key) => {
+                const item = items.find((candidate) => candidate.id === key);
+                if (item)
+                    onRowAction(item);
+            }
+            : undefined, children: [_jsxs(TableHeader, { className: cn(stickyHeader && "sticky top-0 z-10"), children: [selectable ? (_jsx(Column, { className: "border-line-soft bg-bg-1 text-fg-2 border-b px-3 py-2 text-left font-semibold", width: 40, children: _jsx(Checkbox, { slot: "selection", label: messages.table.selectAll }) })) : null, expandable ? (_jsx(Column, { id: `${COLUMN_KEY}od-expander`, width: 40, className: "border-line-soft bg-bg-1 border-b px-3 py-2", children: _jsx("span", { className: "sr-only", children: messages.table.expandColumn }) })) : null, columns.map((column) => (_jsx(Column, { id: `${COLUMN_KEY}${column.id}`, isRowHeader: column === columns[0], allowsSorting: column.sortable && hydrated, defaultWidth: resizable ? column.width : undefined, style: !resizable && column.width != null ? { width: column.width } : undefined, className: cn("border-line-soft bg-bg-1 text-fg-2 border-b px-3 py-2 font-semibold", column.align === "end" ? "text-right" : "text-left", column.sortable && "cursor-pointer"), children: ({ sortDirection }) => (_jsxs("span", { className: cn("flex items-center gap-1", column.align === "end" && "justify-end"), children: [column.header, column.sortable ? (_jsx(ChevronDownIcon, { size: 12, "aria-hidden": true, className: cn("shrink-0 transition-transform motion-reduce:transition-none", sortDirection == null && "opacity-0", sortDirection === "ascending" && "rotate-180") })) : null, resizable ? (_jsx(ColumnResizer, { className: "bg-line-soft hover:bg-accent-strong ml-auto w-px cursor-col-resize" })) : null] })) }, column.id)))] }), _jsx(TableBody, { renderEmptyState: () => (_jsx("div", { className: "text-fg-2 px-3 py-8 text-center text-sm", children: emptyText ?? messages.table.empty })), children: items.flatMap((item) => {
+                    const isExpanded = currentExpanded.has(item.id);
+                    const row = (_jsxs(Row, { id: item.id, className: cn("outline-none", onRowAction && "cursor-pointer", "hover:bg-bg-2 selected:bg-accent-soft", "focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:-outline-offset-2"), children: [selectable ? (_jsx(Cell, { className: "border-line-soft border-b px-3 py-2", children: _jsx(Checkbox, { slot: "selection", label: messages.table.selectRow }) })) : null, expandable ? (_jsx(Cell, { className: "border-line-soft border-b px-3 py-2", children: _jsx("button", { type: "button", "aria-expanded": isExpanded, "aria-label": isExpanded
+                                        ? messages.table.collapseRow({ row: rowLabel?.(item) })
+                                        : messages.table.expandRow({ row: rowLabel?.(item) }), onClick: () => toggleExpanded(item.id), className: "text-fg-2 hover:text-fg-0 focus-visible:outline-accent-strong inline-flex size-6 cursor-pointer items-center justify-center rounded-sm focus-visible:outline-2 focus-visible:outline-offset-1", children: _jsx(ChevronDownIcon, { size: 14, "aria-hidden": true, className: cn("transition-transform motion-reduce:transition-none", !isExpanded && "-rotate-90") }) }) })) : null, columns.map((column) => (_jsx(Cell, { className: cn("border-line-soft text-fg-1 border-b px-3 py-2", column.align === "end" && "text-right"), children: column.cell(item) }, column.id)))] }, String(item.id)));
+                    if (!isExpanded || renderDetail == null)
+                        return [row];
+                    return [
+                        row,
+                        _jsx(Row, { id: detailKey(item.id), className: "outline-none", children: _jsx(Cell, { colSpan: span, className: "border-line-soft bg-bg-1 border-b px-3 py-3", children: renderDetail(item) }) }, detailKey(item.id)),
+                    ];
+                }) })] }));
+    return resizable ? _jsx(ResizableTableContainer, { children: table }) : table;
+}
+//# sourceMappingURL=Table.js.map

package/dist/components/content/Table.js.map

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

package/dist/components/content/TagGroup.d.ts

@@ -0,0 +1,120 @@
+import { type ReactNode } from "react";
+import type { AccessibleName } from "../../lib/accessible-name.js";
+import { type LabelHue } from "../../lib/variants.js";
+/** Ключ метки: тот же `id`, что задан у `Tag`. */
+export type TagKey = string | number;
+interface TagGroupBaseProps {
+    /**
+     * Удаление меток. Задан — у каждой метки появляется кнопка удаления, а
+     * Delete и Backspace на метке вызывают его с ключом этой метки.
+     *
+     * Сам набор компонент не меняет: метку убирает потребитель, перерисовав
+     * группу. Не задан — меток не убрать ни мышью, ни клавиатурой.
+     */
+    onRemove?: (keys: Set<TagKey>) => void;
+    /**
+     * Что показать, когда меток нет.
+     *
+     * Пустая группа без текста выглядит сбоем — пропавшим содержимым, а не
+     * отсутствием категорий.
+     */
+    empty?: ReactNode;
+    /** Метки — `Tag`. Не заданы — группа пуста и показывает `empty`. */
+    children?: ReactNode;
+    /** Классы корневого элемента. */
+    className?: string;
+}
+/**
+ * Видимая подпись, которая годится в имя: `ReactNode` без пустых значений.
+ *
+ * Голый `ReactNode` пропускал `undefined`, `null` и `false` — ветка «есть
+ * подпись» совпадала с группой вовсе без имени, и обязательность становилась
+ * видимостью. Пустую строку тип отсечь не может (`""` — тоже `string`); её
+ * ловит `hasContent` в разметке.
+ */
+type TagGroupLabel = Exclude<ReactNode, null | undefined | boolean>;
+/**
+ * Имя группы обязательно: либо видимая подпись `label`, либо ровно одно из
+ * `aria-label` и `aria-labelledby` (`AccessibleName`) — но не подпись вместе с
+ * атрибутом.
+ *
+ * Группа меток — это `grid`, а у `grid` без имени скринридер называет только
+ * роль, и три группы подряд на странице («Категории», «Авторы», «Ярлыки»)
+ * неразличимы. Тот же довод, что у `Toolbar` и `Carousel`. Подпись вместе с
+ * `aria-label` — два источника одного имени: атрибут перекрыл бы видимый
+ * текст, и на слух группа называлась бы не так, как на экране.
+ */
+export type TagGroupProps = TagGroupBaseProps & ({
+    /** Видимая подпись группы; она же служит её доступным именем. */
+    label: TagGroupLabel;
+    /** Доступное имя строкой, когда видимой подписи нет. Не задаётся вместе с `aria-labelledby`: два источника одного имени. */
+    "aria-label"?: never;
+    /** `id` элемента, чей текст служит доступным именем, когда видимой подписи нет. Не задаётся вместе с `aria-label`: два источника одного имени. */
+    "aria-labelledby"?: never;
+} | ({
+    label?: never;
+} & AccessibleName));
+/**
+ * Набор меток для ПОКАЗА: оттенок палитры, ссылка, необязательное удаление.
+ *
+ * Построен на `TagGroup` из react-aria, и всё поведение — от неё: стрелки между
+ * метками, Delete и Backspace, фокус после удаления на соседней метке. Tab
+ * с метки уходит на её кнопку удаления — так устроена и `TagInput`.
+ *
+ * ЭТО НЕ ФИЛЬТР, НЕ СТАТУС И НЕ ВВОД. Выбор из набора — `Chip` и `Segmented`,
+ * поэтому `selectionMode` наружу НЕ пробрасывается: метка, которую можно
+ * выделить, становится вторым переключателем с другой клавиатурой. Состояние
+ * объекта — `StatusBadge`. Ввод новых меток — `TagInput`.
+ *
+ * Набор переносится на новую строку целиком, по метке, а не по слову.
+ */
+export declare const TagGroup: import("react").ForwardRefExoticComponent<TagGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+interface TagBaseProps {
+    /**
+     * Ключ метки: его получает `onRemove`. Без `id` ключом станет React-ключ
+     * элемента, так что для удаляемых наборов задавайте оба.
+     */
+    id?: TagKey;
+    /**
+     * Оттенок из палитры меток (`LABEL_HUES`) — точка рядом с подписью, а не
+     * заливка под текстом.
+     *
+     * Это решение палитры, а не вкус: восемь оттенков, читаемых под текстом во
+     * всех трёх темах, стоили бы вдвое большего набора. Точка скринридеру
+     * невидима (`aria-hidden`): оттенок слова не заменяет, и смысл метки несёт
+     * подпись — иначе метки не различил бы человек с нарушением цветового зрения.
+     */
+    hue?: LabelHue;
+    /**
+     * Адрес — метка становится ссылкой: Enter и щелчок переходят по нему.
+     *
+     * react-aria не рисует `<a>`, а открывает ссылку при нажатии (атрибуты лежат
+     * в `data-href`): так метка остаётся строкой группы и сохраняет стрелки и
+     * удаление. Цена — нет контекстного меню «открыть в новой вкладке»; для
+     * клиентской маршрутизации ставится `RouterProvider` react-aria.
+     */
+    href?: string;
+    /** Где открыть ссылку (`_blank` и т. п.); действует вместе с `href`. */
+    target?: string;
+    /** Атрибут `rel` ссылки; действует вместе с `href`. */
+    rel?: string;
+}
+/**
+ * Метка с текстом: имя берётся из содержимого. Метка с узлом внутри обязана
+ * сообщить имя сама — иначе его нечем назвать ни кнопке удаления, ни скринридеру.
+ */
+export type TagProps = TagBaseProps & ({
+    /** Содержимое метки: подпись текстом или узлом. */
+    children: string | number;
+    /** Текстовое имя метки для кнопки удаления и скринридера; по умолчанию — `children`, обязательно, когда `children` не строка. */
+    textValue?: string;
+} | {
+    /** Содержимое метки: подпись текстом или узлом. */
+    children: ReactNode;
+    /** Текстовое имя метки для кнопки удаления и скринридера; по умолчанию — `children`, обязательно, когда `children` не строка. */
+    textValue: string;
+});
+/** Метка внутри `TagGroup`. */
+export declare function Tag({ id, hue, href, target, rel, children, textValue }: TagProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TagGroup.d.ts.map

package/dist/components/content/TagGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.d.ts","sourceRoot":"","sources":["../../../src/components/content/TagGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAInE,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtE,kDAAkD;AAClD,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAErC,UAAU,iBAAiB;IACzB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,KAAK,aAAa,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;AAEpE;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,CACI;IACE,iEAAiE;IACjE,KAAK,EAAE,aAAa,CAAC;IACrB,4HAA4H;IAC5H,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,kJAAkJ;IAClJ,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B,GACD,CAAC;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,cAAc,CAAC,CACvC,CAAC;AAEJ;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ,0GAwBnB,CAAC;AAEH,UAAU,YAAY;IACpB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;;;;;OAQG;IACH,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,YAAY,GACjC,CACI;IACE,mDAAmD;IACnD,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,iIAAiI;IACjI,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GACD;IACE,mDAAmD;IACnD,QAAQ,EAAE,SAAS,CAAC;IACpB,iIAAiI;IACjI,SAAS,EAAE,MAAM,CAAC;CACnB,CACJ,CAAC;AAEJ,+BAA+B;AAC/B,wBAAgB,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,QAAQ,+BAoDhF"}

package/dist/components/content/TagGroup.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Button as AriaButton, Label, Tag as AriaTag, TagGroup as AriaTagGroup, TagList, } from "react-aria-components";
+import { CloseIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+import { hasContent } from "../../lib/empty.js";
+import { TAG_CLASS, TAG_REMOVE_CLASS } from "../../lib/tag.js";
+import { LABEL_BG_CLASS } from "../../lib/variants.js";
+import { useMessages } from "../../i18n/useMessages.js";
+export const TagGroup = forwardRef(function TagGroup({ label, onRemove, empty, children, className, ...rest }, ref) {
+    return (_jsxs(AriaTagGroup, { ...rest, ref: ref, onRemove: onRemove, className: cn("flex flex-col gap-1.5", className), children: [hasContent(label) ? _jsx(Label, { className: "text-fg-2 text-caption", children: label }) : null, _jsx(TagList, { className: "flex flex-wrap gap-1.5", renderEmptyState: hasContent(empty) ? () => _jsx("span", { className: "text-fg-3 text-sm", children: empty }) : undefined, children: children })] }));
+});
+export function Tag({ id, hue, href, target, rel, children, textValue }) {
+    const messages = useMessages();
+    const name = textValue ||
+        (typeof children === "string" || typeof children === "number" ? String(children) : "");
+    return (_jsx(AriaTag, { id: id, textValue: name, href: href || undefined, target: target, rel: rel, className: cn(TAG_CLASS, href && "cursor-pointer hover:underline"), children: ({ allowsRemoving }) => (_jsxs(_Fragment, { children: [hue ? (_jsx("span", { "aria-hidden": "true", className: cn("size-2.5 shrink-0 rounded-full", LABEL_BG_CLASS[hue]) })) : null, children, allowsRemoving ? (_jsx(AriaButton, { slot: "remove", "aria-label": messages.tagGroup.remove({ label: name }), "aria-labelledby": "", className: TAG_REMOVE_CLASS, children: _jsx(CloseIcon, { size: 12 }) })) : null] })) }));
+}
+//# sourceMappingURL=TagGroup.js.map

package/dist/components/content/TagGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../../../src/components/content/TagGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,MAAM,IAAI,UAAU,EACpB,KAAK,EACL,GAAG,IAAI,OAAO,EACd,QAAQ,IAAI,YAAY,EACxB,OAAO,GACR,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAiB,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AA2ExD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAgC,SAAS,QAAQ,CACjF,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACxD,GAAG;IAEH,OAAO,CACL,MAAC,YAAY,OACP,IAAI,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,aAEhD,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACrF,KAAC,OAAO,IACN,SAAS,EAAC,wBAAwB,EAClC,gBAAgB,EAGd,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,eAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,SAAS,YAGzF,QAAQ,GACD,IACG,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAsDH,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAY;IAC/E,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAG/B,MAAM,IAAI,GACR,SAAS;QACT,CAAC,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEzF,OAAO,CACL,KAAC,OAAO,IACN,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAI,EAEf,IAAI,EAAE,IAAI,IAAI,SAAS,EACvB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,IAAI,gCAAgC,CAAC,YAEjE,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,8BACG,GAAG,CAAC,CAAC,CAAC,CACL,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,GACpE,CACH,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EACR,cAAc,CAAC,CAAC,CAAC,CAYhB,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,gBACD,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,qBACrC,EAAE,EAClB,SAAS,EAAE,gBAAgB,YAE3B,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GACZ,CACd,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,GACO,CACX,CAAC;AACJ,CAAC"}

package/dist/components/content/Text.d.ts

@@ -0,0 +1,55 @@
+import type { ComponentPropsWithRef } from "react";
+import { type Numeric, type Tone } from "../../lib/variants.js";
+/** Ступени шкалы, доступные тексту. Заголовочные (`xl`, `2xl`) — у `Heading`. */
+export type TextSize = "caption" | "xs" | "sm" | "md" | "lg";
+export interface TextProps extends Omit<ComponentPropsWithRef<"p">, "color"> {
+    /** Ступень размера текста: `caption`, `xs`, `sm`, `md` или `lg`. По умолчанию `md`. */
+    size?: TextSize;
+    /**
+     * Приглушённость: `1` — основной текст, `2` — вторичный, `3` — служебный.
+     *
+     * Это НЕ уровень заголовка, хотя проп `Heading` называется так же. Разводить
+     * их именами было бы честнее, но у `Heading` `level` — понятие HTML, а не
+     * выдумка кита, и переименовывать надо было бы именно его. Здесь же за
+     * «уровнем» стоит ровно то же слово в бытовом смысле: насколько текст важен.
+     *
+     * Спутать их на практике нечем: у `Text` нет ни `h1`, ни роли заголовка, а у
+     * `Heading` нет приглушённости — заголовок бледнее основного текста не бывает.
+     */
+    level?: 1 | 2 | 3;
+    /**
+     * Семантический цвет. `neutral` (по умолчанию) означает «цвет по
+     * приглушённости»: тон и `level` — разные оси, и смешивать их нельзя.
+     */
+    tone?: Tone;
+    /** Начертание: `regular`, `medium` или `bold`. По умолчанию `regular`. */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Начертание цифр: `tabular` — равной ширины, для того, что тикает,
+     * пересчитывается или стоит колонкой.
+     *
+     * Умолчания нет намеренно: цифры равной ширины шире пропорциональных, и в
+     * обычном тексте они читаются хуже. Ось включается там, где числа меняются
+     * на месте, а не везде.
+     */
+    numeric?: Numeric;
+    /**
+     * Обрезка многоточием. `true` — одна строка, число — столько строк.
+     */
+    truncate?: boolean | number;
+    /** Тег текста: `p`, `span` или `div`. По умолчанию `p`. */
+    as?: "p" | "span" | "div";
+}
+/**
+ * Абзац или строка текста на ступени шкалы.
+ *
+ * Компонент существует не ради `<p className="text-sm">`, а ради того, чтобы
+ * размер и приглушённость брались из двух конечных наборов. До шкалы кит
+ * пользовался восемью размерами, три из которых произвольные, и разница между
+ * «служебной подписью» и «вторичным текстом» жила в голове автора экрана.
+ *
+ * Тега по умолчанию два не бывает: `as` меняет только тег и ничего в виде —
+ * `<span>` внутри строки и `<p>` в абзаце обязаны выглядеть одинаково.
+ */
+export declare function Text({ size, level, tone, weight, numeric, truncate, as: Comp, className, style, ...rest }: TextProps): import("react").JSX.Element;
+//# sourceMappingURL=Text.d.ts.map

package/dist/components/content/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/content/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAiB,MAAM,OAAO,CAAC;AAElE,OAAO,EAA8B,KAAK,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE5F,iFAAiF;AACjF,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAC1E,uFAAuF;IACvF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,0EAA0E;IAC1E,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,2DAA2D;IAC3D,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC;CAC3B;AA4BD;;;;;;;;;;GAUG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAW,EACX,KAAS,EACT,IAAgB,EAChB,MAAkB,EAClB,OAAO,EACP,QAAQ,EACR,EAAE,EAAE,IAAU,EACd,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,SAAS,+BA8BX"}

package/dist/components/content/Text.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { NUMERIC_CLASS, TONE_TOKENS } from "../../lib/variants.js";
+const SIZE_CLASS = {
+    caption: "text-caption",
+    xs: "text-xs",
+    sm: "text-sm",
+    md: "text-md",
+    lg: "text-lg",
+};
+const LEVEL_CLASS = {
+    1: "text-fg-0",
+    2: "text-fg-1",
+    3: "text-fg-2",
+};
+const WEIGHT_CLASS = {
+    regular: "font-normal",
+    medium: "font-medium",
+    bold: "font-semibold",
+};
+export function Text({ size = "md", level = 1, tone = "neutral", weight = "regular", numeric, truncate, as: Comp = "p", className, style, ...rest }) {
+    const lines = typeof truncate === "number" && truncate > 0 ? truncate : undefined;
+    const oneLine = truncate === true || truncate === 0;
+    return (_jsx(Comp, { className: cn(SIZE_CLASS[size], tone === "neutral" ? LEVEL_CLASS[level] : TONE_TOKENS[tone].fg, WEIGHT_CLASS[weight], numeric && NUMERIC_CLASS[numeric], oneLine && "truncate", lines != null && "[display:-webkit-box] overflow-hidden [-webkit-box-orient:vertical]", className), style: lines != null ? { WebkitLineClamp: lines, ...style } : style, ...rest }));
+}
+//# sourceMappingURL=Text.js.map

package/dist/components/content/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/content/Text.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,WAAW,EAA2B,MAAM,uBAAuB,CAAC;AA4C5F,MAAM,UAAU,GAA6B;IAC3C,OAAO,EAAE,cAAc;IACvB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;CACd,CAAC;AAQF,MAAM,WAAW,GAA8B;IAC7C,CAAC,EAAE,WAAW;IACd,CAAC,EAAE,WAAW;IACd,CAAC,EAAE,WAAW;CACf,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,aAAa;IACtB,MAAM,EAAE,aAAa;IACrB,IAAI,EAAE,eAAe;CACb,CAAC;AAaX,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,SAAS,EAClB,OAAO,EACP,QAAQ,EACR,EAAE,EAAE,IAAI,GAAG,GAAG,EACd,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACG;IAIV,MAAM,KAAK,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAClF,MAAM,OAAO,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,UAAU,CAAC,IAAI,CAAC,EAIhB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,EAC9D,YAAY,CAAC,MAAM,CAAC,EACpB,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC,EACjC,OAAO,IAAI,UAAU,EAMrB,KAAK,IAAI,IAAI,IAAI,qEAAqE,EACtF,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAE,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,KAAK,EAAoB,CAAC,CAAC,CAAC,KAAK,KAClF,IAAI,GACR,CACH,CAAC;AACJ,CAAC"}

package/dist/components/content/Timeline.d.ts

@@ -0,0 +1,50 @@
+import type { ReactNode } from "react";
+import { type ProgressStatus } from "../../lib/progress-status.js";
+export interface TimelineItem {
+    /** Идентификатор шага. */
+    id: string;
+    /** Что произошло. Обычно короткое имя шага. */
+    label: ReactNode;
+    /** Состояние шага. Порядок в ленте задаёт потребитель, а не статус. */
+    status: ProgressStatus;
+    /** Подпись состояния — «выполнен», «ошибка». Рисуется пилюлей справа от имени. */
+    statusLabel?: ReactNode;
+    /** Подробности: сообщение об ошибке, длительность, идентификатор. */
+    details?: ReactNode;
+    /** Время шага — уходит вправо, моноширинным. */
+    time?: ReactNode;
+}
+export interface TimelineProps {
+    /** Шаги в порядке показа; пустой список ничего не выводит. */
+    items: TimelineItem[];
+    /** Классы корневого элемента. */
+    className?: string;
+    /** Доступное имя списка шагов для скринридера. */
+    "aria-label"?: string;
+}
+/**
+ * Лента шагов процесса: что уже произошло и чем закончилось.
+ *
+ * ГРАНИЦА СО `Stepper`, и её стоит держать в голове:
+ *
+ *   `Stepper`  — мастер: линейный `current`, шаги впереди ещё не случались,
+ *                провалиться шаг не может, назад ведёт клик.
+ *   `Timeline` — наблюдение: у КАЖДОГО шага своё состояние, любой может
+ *                провалиться, кликать не по чему.
+ *
+ * Именно из-за этой разницы конвейер шагов задачи во фронте не переехал на
+ * `Stepper` и жил там рукописным: 122 строки инлайн-стилей с захардкоженными
+ * `rgba`, то есть цветами мимо токенов, которые не менялись ни с темой, ни со
+ * сменой акцента.
+ *
+ * РАЗМЕТКА — упорядоченный список. Шаги идут по порядку, и скринридер обязан
+ * сообщить и порядок, и общее число; набор `div` не сообщает ни того, ни
+ * другого. Идущий шаг помечается `aria-current="step"`.
+ *
+ * ЦВЕТА БЕРУТСЯ ИЗ АТОМОВ ТОНА (`TONE_TOKENS`), а не задаются заново: «ошибка»
+ * означает один и тот же цвет здесь, в `Alert`, в `StatusBadge` и на кнопке
+ * удаления. Свечение у идущего шага снято намеренно — оно было единственным
+ * местом в ленте, где цвет задавался тенью, а не токеном.
+ */
+export declare function Timeline({ items, className, "aria-label": ariaLabel }: TimelineProps): import("react").JSX.Element | null;
+//# sourceMappingURL=Timeline.d.ts.map

package/dist/components/content/Timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/content/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAGzF,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,+CAA+C;IAC/C,KAAK,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,MAAM,EAAE,cAAc,CAAC;IACvB,kFAAkF;IAClF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qEAAqE;IACrE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gDAAgD;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,8DAA8D;IAC9D,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,aAAa,sCAsEpF"}

package/dist/components/content/Timeline.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { PROGRESS_STATUS_TONE } from "../../lib/progress-status.js";
+import { TONE_TOKENS } from "../../lib/variants.js";
+export function Timeline({ items, className, "aria-label": ariaLabel }) {
+    if (items.length === 0)
+        return null;
+    return (_jsx("ol", { "aria-label": ariaLabel, className: cn("flex flex-col", className), children: items.map((item, index) => {
+            const tone = TONE_TOKENS[PROGRESS_STATUS_TONE[item.status] ?? "neutral"];
+            const isLast = index === items.length - 1;
+            return (_jsxs("li", { "aria-current": item.status === "running" ? "step" : undefined, className: "relative flex items-start gap-2.5", children: [_jsxs("div", { className: "flex w-3.5 shrink-0 flex-col items-center pt-1", children: [_jsx("span", { "aria-hidden": true, className: cn("size-2 shrink-0 rounded-full", tone.dotBg) }), !isLast ? _jsx("span", { "aria-hidden": true, className: "bg-line-soft mt-[3px] w-px flex-1" }) : null] }), _jsxs("div", { className: cn("min-w-0 flex-1", isLast ? "pb-0" : "pb-1.5"), children: [_jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx("span", { className: cn("text-caption font-mono tracking-wide", tone.fg, item.status === "failed" ? "font-bold" : "font-medium"), children: item.label }), item.statusLabel ? (_jsx("span", { className: cn("text-caption rounded-xs px-1.5 py-px font-bold uppercase", tone.bg, tone.fg), children: item.statusLabel })) : null, item.time ? (_jsx("span", { className: "text-fg-3 ml-auto font-mono text-[10px]", children: item.time })) : null] }), item.details ? (_jsx("div", { className: cn("mt-0.5 text-xs leading-relaxed break-words", item.status === "failed" ? "text-danger-strong" : "text-fg-3"), children: item.details })) : null] })] }, item.id));
+        }) }));
+}
+//# sourceMappingURL=Timeline.js.map

package/dist/components/content/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../src/components/content/Timeline.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAuB,MAAM,8BAA8B,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAkDpD,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAiB;IACnF,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,CACL,2BAAgB,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,YACjE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAMzB,MAAM,IAAI,GAAG,WAAW,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,CAAC;YACzE,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAE1C,OAAO,CACL,8BAEgB,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5D,SAAS,EAAC,mCAAmC,aAI7C,eAAK,SAAS,EAAC,gDAAgD,aAC7D,oCAAkB,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,IAAI,CAAC,KAAK,CAAC,GAAI,EAC9E,CAAC,MAAM,CAAC,CAAC,CAAC,oCAAkB,SAAS,EAAC,mCAAmC,GAAG,CAAC,CAAC,CAAC,IAAI,IAChF,EAEN,eAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,aAC9D,eAAK,SAAS,EAAC,qCAAqC,aAClD,eACE,SAAS,EAAE,EAAE,CACX,sCAAsC,EACtC,IAAI,CAAC,EAAE,EACP,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CACvD,YAEA,IAAI,CAAC,KAAK,GACN,EACN,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,eACE,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,IAAI,CAAC,EAAE,EACP,IAAI,CAAC,EAAE,CACR,YAEA,IAAI,CAAC,WAAW,GACZ,CACR,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,eAAM,SAAS,EAAC,yCAAyC,YAAE,IAAI,CAAC,IAAI,GAAQ,CAC7E,CAAC,CAAC,CAAC,IAAI,IACJ,EAEL,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,cACE,SAAS,EAAE,EAAE,CACX,4CAA4C,EAC5C,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,WAAW,CAC9D,YAEA,IAAI,CAAC,OAAO,GACT,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,KAhDD,IAAI,CAAC,EAAE,CAiDT,CACN,CAAC;QACJ,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}