@olddevs/ui 0.0.0-stage → 4.0.0

package/dist/components/overlays/ShortcutsHelp.d.ts

@@ -0,0 +1,70 @@
+import { type ReactNode } from "react";
+export interface ShortcutItem {
+    /**
+     * Клавиши сочетания по порядку: `["Ctrl", "K"]`.
+     *
+     * Одна строка на клавишу, а не «Ctrl+K» целиком: каждая рисуется своей `Kbd`,
+     * а между ними встают разделитель для глаз и слово для слуха. Разбирать
+     * строку по `+` кит не берётся — сама клавиша бывает плюсом.
+     */
+    keys: string[];
+    /** Что делает сочетание: «Открыть поиск». */
+    description: ReactNode;
+}
+export interface ShortcutGroup {
+    /** Стабильный ключ группы для списка React; в разметку как `id` не попадает. */
+    id: string;
+    /** Подпись группы: «Навигация», «Редактирование». */
+    label: ReactNode;
+    /** Сочетания группы в порядке показа. */
+    items: ShortcutItem[];
+}
+export interface ShortcutsHelpProps {
+    /** Показано ли окно со сводом. */
+    open: boolean;
+    /** Окно просит сменить состояние: кнопка закрытия, Escape и клик мимо дают `false`. */
+    onOpenChange: (open: boolean) => void;
+    /** Заголовок окна. Не задан — «Горячие клавиши» из каталога сообщений. */
+    title?: ReactNode;
+    /** Группы сочетаний — уже собранные: что и под какой клавишей — знает приложение. */
+    groups: ShortcutGroup[];
+}
+/**
+ * Свод горячих клавиш в модальном окне.
+ *
+ * КИТ НЕ ЗНАЕТ СОЧЕТАНИЙ И НЕ ВЕШАЕТ ГЛОБАЛЬНЫХ КЛАВИШ. Какие клавиши есть у
+ * экрана и по какой из них открывается свод («?», как у GitHub и Linear), решает
+ * приложение: оно же сопоставляет нажатия, и с этим кит ничего сделать не может.
+ * Буквенные сочетания («G, H») стоит сверять по положению клавиши (`event.code`),
+ * иначе на русской раскладке они молчат; знак «?» — по символу (`event.key`). Обработчик глобальной
+ * клавиши, поставленный здесь, срабатывал бы и в поле ввода, и поверх чужого
+ * диалога — ровно там, где потребитель знает, что делать, а кит нет.
+ *
+ * СОЧЕТАНИЕ СОБИРАЕТ `Kbd`, А НЕ `Keyboard`. Одноимённый `Keyboard` — экранная
+ * клавиатура для ввода текста, а не способ нарисовать «Ctrl+K»; формулировка
+ * задачи путала их из-за имени.
+ *
+ * ЧТО УСЛЫШИТ СКРИНРИДЕР. Видимый «+» между клавишами убран из дерева
+ * доступности, вместо него читается слово из каталога: «Ctrl плюс K». Знак
+ * «+» озвучивается по настройкам пользователя — NVDA на умолчательном уровне
+ * пунктуации его пропускает, и «Ctrl K» звучало бы как две клавиши подряд, а не
+ * как сочетание. В отличие от `CommandPalette`, где сочетание у пункта целиком
+ * `aria-hidden`: там это подсказка рядом с пунктом, который и так выбирается.
+ * Здесь сочетание — единственное содержимое окна, скрыть его значило бы
+ * показать слепому пустую шпаргалку.
+ *
+ * ПУНКТ — СТРОКА СПИСКА, А НЕ `dl`. Пары «термин — определение» выглядят точнее,
+ * но их озвучка непоследовательна: часть пар скринридер/браузер читает без числа
+ * элементов и без границ пары. Список читают везде — «список, 3 элемента» — и
+ * порядок «описание, затем сочетание» в нём естественен.
+ *
+ * ГРУППА — ГРУППА С ИМЕНЕМ, а не заголовок. Уровень заголовка зависит от того,
+ * куда окно встало; тот же довод и тот же разбор, что у `NotificationList`.
+ *
+ * ПРОКРУТКА — ВНУТРИ ОКНА, на `ScrollArea` кита. Длинный свод не выталкивает
+ * шапку с крестиком за экран. Область получает остановку табуляции и имя: без
+ * первой пользователь клавиатуры не прокрутит её стрелками, без второй
+ * остановка безымянна.
+ */
+export declare function ShortcutsHelp({ open, onOpenChange, title, groups }: ShortcutsHelpProps): import("react").JSX.Element;
+//# sourceMappingURL=ShortcutsHelp.d.ts.map

package/dist/components/overlays/ShortcutsHelp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutsHelp.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/ShortcutsHelp.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOxD,MAAM,WAAW,YAAY;IAC3B;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,6CAA6C;IAC7C,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,gFAAgF;IAChF,EAAE,EAAE,MAAM,CAAC;IACX,qDAAqD;IACrD,KAAK,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,uFAAuF;IACvF,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,0EAA0E;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qFAAqF;IACrF,MAAM,EAAE,aAAa,EAAE,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,kBAAkB,+BAmEtF"}

package/dist/components/overlays/ShortcutsHelp.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useId } from "react";
+import { useMessages } from "../../i18n/useMessages.js";
+import { hasContent } from "../../lib/empty.js";
+import { Dialog } from "./Dialog.js";
+import { Kbd } from "../content/Kbd.js";
+import { ScrollArea } from "../content/ScrollArea.js";
+export function ShortcutsHelp({ open, onOpenChange, title, groups }) {
+    const messages = useMessages();
+    const baseId = useId();
+    const heading = hasContent(title) ? title : messages.shortcutsHelp.title;
+    return (_jsx(Dialog, { open: open, onClose: () => onOpenChange(false), title: heading, className: "w-full max-w-md", children: _jsx(ScrollArea, { label: messages.shortcutsHelp.list, className: "relative max-h-[min(70vh,32rem)] rounded-b-lg px-5 py-4 focus-visible:-outline-offset-2", children: _jsx("div", { className: "flex flex-col gap-5", children: groups
+                    .filter((group) => group.items.length > 0)
+                    .map((group, groupIndex) => {
+                    const labelId = `${baseId}-${groupIndex}`;
+                    return (_jsxs("div", { role: "group", "aria-labelledby": labelId, children: [_jsx("div", { id: labelId, className: "text-fg-2 pb-2 text-[11px] font-bold tracking-wide uppercase", children: group.label }), _jsx("ul", { className: "m-0 flex list-none flex-col gap-2 p-0", children: group.items.map((item, index) => (_jsxs("li", { className: "flex items-center justify-between gap-4", children: [_jsx("span", { className: "text-fg-1 min-w-0 text-[13px]", children: item.description }), _jsx("span", { className: "flex shrink-0 items-center gap-1", children: item.keys.map((key, keyIndex) => (_jsxs(Fragment, { children: [keyIndex > 0 && (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", className: "text-fg-3 text-caption", children: "+" }), _jsx("span", { className: "sr-only", children: messages.shortcutsHelp.keySeparator })] })), _jsx(Kbd, { size: "md", children: key })] }, keyIndex))) })] }, index))) })] }, group.id));
+                }) }) }) }));
+}
+//# sourceMappingURL=ShortcutsHelp.js.map

package/dist/components/overlays/ShortcutsHelp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutsHelp.js","sourceRoot":"","sources":["../../../src/components/overlays/ShortcutsHelp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAwEtD,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAsB;IACrF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAGvB,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;IACzE,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAClC,KAAK,EAAE,OAAO,EACd,SAAS,EAAC,iBAAiB,YAE3B,KAAC,UAAU,IACT,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,IAAI,EAKlC,SAAS,EAAC,yFAAyF,YAEnG,cAAK,SAAS,EAAC,qBAAqB,YACjC,MAAM;qBACJ,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;qBACzC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;oBAGzB,MAAM,OAAO,GAAG,GAAG,MAAM,IAAI,UAAU,EAAE,CAAC;oBAC1C,OAAO,CACL,eAAoB,IAAI,EAAC,OAAO,qBAAkB,OAAO,aACvD,cACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,8DAA8D,YAEvE,KAAK,CAAC,KAAK,GACR,EACN,aAAI,SAAS,EAAC,uCAAuC,YAClD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,cAAgB,SAAS,EAAC,yCAAyC,aACjE,eAAM,SAAS,EAAC,+BAA+B,YAAE,IAAI,CAAC,WAAW,GAAQ,EACzE,eAAM,SAAS,EAAC,kCAAkC,YAC/C,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAChC,MAAC,QAAQ,eACN,QAAQ,GAAG,CAAC,IAAI,CACf,8BACE,8BAAkB,MAAM,EAAC,SAAS,EAAC,wBAAwB,kBAEpD,EACP,eAAM,SAAS,EAAC,SAAS,YACtB,QAAQ,CAAC,aAAa,CAAC,YAAY,GAC/B,IACN,CACJ,EACD,KAAC,GAAG,IAAC,IAAI,EAAC,IAAI,YAAE,GAAG,GAAO,KAXb,QAAQ,CAYZ,CACZ,CAAC,GACG,KAlBA,KAAK,CAmBT,CACN,CAAC,GACC,KA9BG,KAAK,CAAC,EAAE,CA+BZ,CACP,CAAC;gBACJ,CAAC,CAAC,GACA,GACK,GACN,CACV,CAAC;AACJ,CAAC"}

package/dist/components/overlays/Tooltip.d.ts

@@ -0,0 +1,35 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { type ReactElement, type ReactNode } from "react";
+export interface TooltipProps {
+    /** Текст подсказки. Пусто — тултипа нет, `children` рендерится как есть. */
+    content?: ReactNode;
+    /** Элемент, к которому крепится подсказка. Должен принимать ref. */
+    children: ReactElement;
+    /** С какой стороны от элемента показать подсказку: `top`, `right`, `bottom` или `left`. Не хватает места — Radix переносит на другую. */
+    side?: TooltipPrimitive.TooltipContentProps["side"];
+    /** Выравнивание подсказки вдоль стороны: `start`, `center` или `end`. */
+    align?: TooltipPrimitive.TooltipContentProps["align"];
+    /** Сколько миллисекунд наведение держится до показа. Не задано — задержка из `TooltipProvider`. */
+    delayDuration?: number;
+}
+/**
+ * Подсказка при наведении и фокусе.
+ *
+ * Единственный примитив пакета с внешней зависимостью — `@radix-ui/react-tooltip`.
+ * Она объявлена в `peerDependencies`, то есть ставит её потребитель: тултип
+ * держит фокус, Escape, порталы и позиционирование у края экрана, и своя
+ * реализация этого была бы не примитивом, а второй библиотекой.
+ *
+ * `TooltipProvider` здесь НЕ встроен в каждый экземпляр намеренно: провайдер
+ * задаёт общую задержку и группировку подсказок на всё приложение, и вложенные
+ * провайдеры эту группировку ломают. Потребитель ставит один на корень.
+ *
+ * Пустой `content` возвращает `children` без обёртки — так вызывающему не нужно
+ * ветвиться самому, а лишний слой DOM не появляется.
+ */
+export declare function Tooltip({ content, children, side, align, delayDuration }: TooltipProps): import("react").JSX.Element;
+export declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
+export declare const TooltipRoot: import("react").FC<TooltipPrimitive.TooltipProps>;
+export declare const TooltipTrigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/overlays/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,YAAY;IAC3B,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,QAAQ,EAAE,YAAY,CAAC;IACvB,yIAAyI;IACzI,IAAI,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACpD,yEAAyE;IACzE,KAAK,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACtD,mGAAmG;IACnG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,YAAY,+BAUtF;AAED,eAAO,MAAM,cAAc,8LAgCzB,CAAC;AAEH,eAAO,MAAM,eAAe,2DAA4B,CAAC;AACzD,eAAO,MAAM,WAAW,mDAAwB,CAAC;AACjD,eAAO,MAAM,cAAc,oIAA2B,CAAC"}

package/dist/components/overlays/Tooltip.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { forwardRef, } from "react";
+import { cn } from "../../lib/cn.js";
+import { OVERLAY_LAYER } from "../../lib/overlay-layer.js";
+export function Tooltip({ content, children, side, align, delayDuration }) {
+    if (!content)
+        return children;
+    return (_jsxs(TooltipPrimitive.Root, { delayDuration: delayDuration, children: [_jsx(TooltipPrimitive.Trigger, { asChild: true, children: children }), _jsx(TooltipContent, { side: side, align: align, children: content })] }));
+}
+export const TooltipContent = forwardRef(function TooltipContent({ className, sideOffset = 6, ...rest }, ref) {
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn(OVERLAY_LAYER.popover, "text-fg-0 border-line-soft shadow-2 rounded-control max-w-[240px] border px-2.5 py-1.5", "bg-[color-mix(in_srgb,var(--bg-1)_85%,transparent)] backdrop-blur-[10px]", "text-xs font-medium select-none", "origin-[var(--radix-tooltip-content-transform-origin)]", "data-[state=delayed-open]:animate-tooltipIn data-[state=instant-open]:animate-tooltipIn", "data-[state=closed]:animate-tooltipOut", className), ...rest }) }));
+});
+export const TooltipProvider = TooltipPrimitive.Provider;
+export const TooltipRoot = TooltipPrimitive.Root;
+export const TooltipTrigger = TooltipPrimitive.Trigger;
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/overlays/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/overlays/Tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EACL,UAAU,GAIX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AA8B3D,MAAM,UAAU,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAgB;IACrF,IAAI,CAAC,OAAO;QAAE,OAAO,QAAQ,CAAC;IAC9B,OAAO,CACL,MAAC,gBAAgB,CAAC,IAAI,IAAC,aAAa,EAAE,aAAa,aACjD,KAAC,gBAAgB,CAAC,OAAO,IAAC,OAAO,kBAAE,QAAQ,GAA4B,EACvE,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,YACrC,OAAO,GACO,IACK,CACzB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACnE,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CAUX,aAAa,CAAC,OAAO,EACrB,wFAAwF,EACxF,0EAA0E,EAC1E,iCAAiC,EACjC,wDAAwD,EACxD,yFAAyF,EACzF,wCAAwC,EACxC,SAAS,CACV,KACG,IAAI,GACR,GACsB,CAC3B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AACzD,MAAM,CAAC,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC;AACjD,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC"}

package/dist/components/table/DataTable.d.ts

@@ -0,0 +1,60 @@
+import type { ReactNode } from "react";
+import type { Key } from "react-aria-components";
+import { type TableState } from "../../lib/table-state.js";
+import { type TableColumn, type TableProps } from "../content/Table.js";
+export interface DataTableProps<T extends {
+    id: Key;
+}> extends Omit<TableProps<T>, "sort" | "onSortChange" | "selectedKeys" | "onSelectionChange" | "expandedKeys" | "onExpandedChange"> {
+    /** Полный набор колонок таблицы; видимость и порядок накладываются на него из `state`. */
+    columns: TableColumn<T>[];
+    /** Строки таблицы. Каждая обязана нести `id` — по нему строится ключ и выделение. */
+    items: T[];
+    /** Состояние целиком — обычно из `useTableState`. */
+    state: TableState;
+    /**
+     * Вызывается при любом изменении состояния — сортировки, выделения, раскрытия — и получает частичный патч.
+     *
+     * Изменения уходят одним патчем: инварианты живут в хуке, а не здесь.
+     */
+    onStateChange: (patch: Partial<TableState>) => void;
+    /** Идёт загрузка. С данными на экране они остаются, без данных — скелет. */
+    loading?: boolean;
+    /** Ошибка. Если передана, показывается вместо тела всегда, даже когда данные есть. */
+    error?: ReactNode;
+    /** Полоса над таблицей — обычно `TableToolbar`. */
+    toolbar?: ReactNode;
+    /**
+     * Выделение строк.
+     *
+     * Отдельный проп, а не «раз состояние есть — значит нужно»: в состоянии
+     * `selectedKeys` лежит всегда, и передавай надстройка его безусловно, колонка
+     * флажков появлялась бы у таблиц, которым выделение не нужно. Правило `Table`
+     * — ось включается наличием пропа — надстройка не отменяет.
+     */
+    selectable?: boolean;
+}
+/**
+ * Продуктовая таблица: настройки колонок, плотность, состояния загрузки и
+ * ошибки поверх низкоуровневой `Table`.
+ *
+ * НАДСТРОЙКА, А НЕ ЗАМЕНА. Внутри — та же `Table`, что снаружи: видимость и
+ * порядок колонок, плотность и состояния выражаются её пропсами. Единственное,
+ * что пришлось добавить в саму `Table`, — ось раскрытия: детальная строка живёт
+ * внутри `<tbody>`, и вставить её снаружи невозможно (ADR-0022).
+ *
+ * Признак нарушения границы проверяемый: если что-то можно было сделать
+ * пропсами снаружи, а оно оказалось внутри `Table`, — граница уже сдвинулась.
+ *
+ * СОСТОЯНИЯ РАЗЛИЧАЮТ ПЕРВУЮ ЗАГРУЗКУ И ПЕРЕЗАПРОС:
+ *
+ * - ошибка — всегда вместо тела: показанные при ошибке данные врут, а отличить
+ *   устаревшие от актуальных пользователь не может;
+ * - загрузка без данных — скелет вместо тела, шапка на месте;
+ * - загрузка с данными — данные остаются под `aria-busy`. Иначе таблица
+ *   схлопывалась бы в скелет на каждой смене страницы;
+ * - пусто — только когда загрузка кончилась и ошибки нет.
+ */
+export declare function DataTable<T extends {
+    id: Key;
+}>({ columns, items, state, onStateChange, loading, error, toolbar, selectable, className, emptyText, ...rest }: DataTableProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/components/table/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/table/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEzF,OAAO,EAAS,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE/E,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,GAAG,CAAA;CAAE,CAAE,SAAQ,IAAI,CACjE,UAAU,CAAC,CAAC,CAAC,EACX,MAAM,GACN,cAAc,GACd,cAAc,GACd,mBAAmB,GACnB,cAAc,GACd,kBAAkB,CACrB;IACC,0FAA0F;IAC1F,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,qFAAqF;IACrF,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,qDAAqD;IACrD,KAAK,EAAE,UAAU,CAAC;IAClB;;;;OAIG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACpD,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAaD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,GAAG,CAAA;CAAE,EAAE,EAC/C,OAAO,EACP,KAAK,EACL,KAAK,EACL,aAAa,EACb,OAAe,EACf,KAAK,EACL,OAAO,EACP,UAAkB,EAClB,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,CAAC,CAAC,+BAuEnB"}

package/dist/components/table/DataTable.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { hasContent } from "../../lib/empty.js";
+import { orderColumns, visibleColumns } from "../../lib/table-state.js";
+import { Skeleton } from "../content/Skeleton.js";
+import { Table } from "../content/Table.js";
+const DENSITY_CLASS = {
+    comfortable: "",
+    compact: "[&_td]:py-1 [&_th]:py-1",
+};
+export function DataTable({ columns, items, state, onStateChange, loading = false, error, toolbar, selectable = false, className, emptyText, ...rest }) {
+    const visible = visibleColumns(orderColumns(columns, state.columnOrder), state.hiddenColumns);
+    const first = loading && items.length === 0;
+    const failed = hasContent(error);
+    const body = failed ? (_jsx("div", { role: "alert", children: error })) : first ? (_jsx(Skeleton, { className: "h-24 w-full" })) : ((emptyText ?? undefined));
+    const replaced = failed || first;
+    return (_jsxs("div", { className: cn("flex flex-col gap-3", className), children: [toolbar, _jsx("div", { "aria-busy": loading || undefined, className: cn(loading && items.length > 0 && "opacity-60"), children: _jsx(Table, { ...rest, columns: visible, items: replaced ? [] : items, emptyText: body, className: DENSITY_CLASS[state.density], sort: state.sort, onSortChange: (sort) => onStateChange({ sort }), selectedKeys: selectable ? state.selectedKeys : undefined, onSelectionChange: selectable ? (selectedKeys) => onStateChange({ selectedKeys }) : undefined, expandedKeys: rest.renderDetail ? state.expandedKeys : undefined, onExpandedChange: rest.renderDetail ? (expandedKeys) => onStateChange({ expandedKeys }) : undefined }) })] }));
+}
+//# sourceMappingURL=DataTable.js.map

package/dist/components/table/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/table/DataTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAmB,MAAM,0BAA0B,CAAC;AACzF,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAqC,MAAM,qBAAqB,CAAC;AA8C/E,MAAM,aAAa,GAAG;IACpB,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,yBAAyB;CAC1B,CAAC;AAuBX,MAAM,UAAU,SAAS,CAAwB,EAC/C,OAAO,EACP,KAAK,EACL,KAAK,EACL,aAAa,EACb,OAAO,GAAG,KAAK,EACf,KAAK,EACL,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACW;IAOlB,MAAM,OAAO,GAAG,cAAc,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAE9F,MAAM,KAAK,GAAG,OAAO,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;IAU5C,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,IAAI,GAAc,MAAM,CAAC,CAAC,CAAC,CAY/B,cAAK,IAAI,EAAC,OAAO,YAAE,KAAK,GAAO,CAChC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,CACrC,CAAC,CAAC,CAAC,CACF,CAAC,SAAS,IAAI,SAAS,CAAC,CACzB,CAAC;IAIF,MAAM,QAAQ,GAAG,MAAM,IAAI,KAAK,CAAC;IAEjC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACjD,OAAO,EAER,2BACa,OAAO,IAAI,SAAS,EAC/B,SAAS,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,YAE1D,KAAC,KAAK,OACA,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAC5B,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,EACvC,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EAC/C,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACzD,iBAAiB,EACf,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAE5E,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAChE,gBAAgB,EACd,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,GAEnF,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/table/FilterBar.d.ts

@@ -0,0 +1,35 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import type { TableFilter } from "../../lib/table-state.js";
+export interface FilterBarProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    /** Применённые фильтры; каждый рисуется снимаемым токеном. */
+    filters: TableFilter[];
+    /** Получает новый список фильтров после снятия одного токена или всех сразу. */
+    onFiltersChange: (filters: TableFilter[]) => void;
+    /**
+     * Подпись токена. Не задана — «поле: значение», а у диапазона (есть `to`) —
+     * «поле: 50–100», «поле: от 50», «поле: до 100» словами каталога сообщений.
+     *
+     * Подпись **не является** идентификатором: снятие идёт по `filter.id`.
+     * Иначе два фильтра по одному полю с одинаковыми на вид подписями стали бы
+     * неразличимы, а локализованная или обрезанная подпись — вовсе непригодной.
+     */
+    renderLabel?: (filter: TableFilter) => string;
+    /** Доступное имя набора. Не задано — из каталога сообщений. */
+    label?: string;
+    /** Слот добавления фильтра — обычно `FilterBarAdd`. */
+    children?: ReactNode;
+}
+/**
+ * Применённые фильтры снимаемыми токенами.
+ *
+ * Компонент **не знает, какие бывают фильтры**: их список приходит пропом, а
+ * доменного словаря в ките не появляется. Это и отличает его от `LibraryFilterBar`
+ * во фронте, где 373 строки состоят из зашитых групп и продуктовых пикеров, —
+ * переносится форма, а не код.
+ *
+ * Токены стоят на `TagGroup` из react-aria, тем же приёмом, что `TagInput`, а не
+ * на `Chip`: у чипа нет снятия, и он про переключение, а не про снятие. Заодно
+ * бесплатно приходит клавиатура: Delete и Backspace на токене.
+ */
+export declare const FilterBar: import("react").ForwardRefExoticComponent<FilterBarProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FilterBar.d.ts.map

package/dist/components/table/FilterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../../src/components/table/FilterBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAG5D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACvF,8DAA8D;IAC9D,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,gFAAgF;IAChF,eAAe,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAClD;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,MAAM,CAAC;IAC9C,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,2GAsEpB,CAAC"}

package/dist/components/table/FilterBar.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Button as AriaButton, Tag, TagGroup, TagList } from "react-aria-components";
+import { CloseIcon } from "../../icons.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { cn } from "../../lib/cn.js";
+import { rangeText } from "../../lib/filter-range.js";
+import { Button } from "../actions/Button.js";
+export const FilterBar = forwardRef(function FilterBar({ filters, onFiltersChange, renderLabel, label, className, children, ...rest }, ref) {
+    const messages = useMessages();
+    const labelOf = renderLabel ??
+        ((filter) => filter.label ??
+            `${filter.field}: ${filter.to !== undefined ? rangeText(messages, filter.value, filter.to) : filter.value}`);
+    return (_jsxs("div", { ref: ref, className: cn("flex flex-wrap items-center gap-2", className), ...rest, children: [filters.length > 0 ? (_jsx(TagGroup, { "aria-label": label ?? messages.filterBar.label, className: "contents", onRemove: (keys) => onFiltersChange(filters.filter((f) => !keys.has(f.id))), children: _jsx(TagList, { items: filters, className: "contents", children: (filter) => (_jsxs(Tag, { id: filter.id, textValue: labelOf(filter), className: "border-line-soft bg-bg-2 text-fg-1 focus-visible:outline-accent-strong flex items-center gap-1 rounded-full border py-0.5 pr-1 pl-2.5 text-[13px] outline-none focus-visible:outline-2 focus-visible:outline-offset-2", children: [labelOf(filter), _jsx(AriaButton, { slot: "remove", "aria-label": messages.filterBar.remove, className: "text-fg-3 hover:text-fg-0 focus-visible:outline-accent-strong flex cursor-pointer items-center rounded-full p-0.5 outline-none focus-visible:outline-2 focus-visible:outline-offset-1", children: _jsx(CloseIcon, { size: 12 }) })] })) }) })) : null, children, filters.length > 1 ? (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => onFiltersChange([]), children: messages.filterBar.clear })) : null] }));
+});
+//# sourceMappingURL=FilterBar.js.map

package/dist/components/table/FilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.js","sourceRoot":"","sources":["../../../src/components/table/FilterBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAiD,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAkC9C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CACpF,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAC9E,GAAG;IAEH,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAK/B,MAAM,OAAO,GACX,WAAW;QACX,CAAC,CAAC,MAAmB,EAAE,EAAE,CACvB,MAAM,CAAC,KAAK;YACZ,GAAG,MAAM,CAAC,KAAK,KACb,MAAM,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAClF,EAAE,CAAC,CAAC;IAER,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,KAAM,IAAI,aACnF,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,KAAC,QAAQ,kBACK,KAAK,IAAI,QAAQ,CAAC,SAAS,CAAC,KAAK,EAC7C,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAE3E,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,UAAU,YAC1C,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,MAAC,GAAG,IACF,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAC1B,SAAS,EAAC,uNAAuN,aAEhO,OAAO,CAAC,MAAM,CAAC,EAYhB,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,gBACD,QAAQ,CAAC,SAAS,CAAC,MAAM,EACrC,SAAS,EAAC,uLAAuL,YAEjM,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GACZ,IACT,CACP,GACO,GACD,CACZ,CAAC,CAAC,CAAC,IAAI,EAEP,QAAQ,EAMR,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,YACjE,QAAQ,CAAC,SAAS,CAAC,KAAK,GAClB,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/table/FilterBarAdd.d.ts

@@ -0,0 +1,57 @@
+import { type ComponentPropsWithoutRef } from "react";
+import type { TableFilter } from "../../lib/table-state.js";
+export interface FilterField {
+    /** Идентификатор поля; попадает в `field` создаваемого фильтра. */
+    id: string;
+    /** Подпись поля. Строка: она же попадает в подпись токена. */
+    label: string;
+    /**
+     * Вид поля (ADR-0063). `"values"` — выбор из списка `values`, равенство;
+     * `"number-range"` и `"date-range"` — два поля «от» и «до», токен с `to`.
+     * Не задан — `"values"`.
+     */
+    kind?: "values" | "number-range" | "date-range";
+    /**
+     * Допустимые значения для `kind: "values"`. Пустой список — поле в выборе не
+     * появится. У диапазонов не используется: передайте `[]`.
+     *
+     * Обязательно и у диапазонов: необязательное поле сломало бы потребителя,
+     * который читает `field.values.length` у своих полей (minor не ломает типы).
+     */
+    values: {
+        id: string;
+        label: string;
+    }[];
+}
+export interface FilterBarAddProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange" | "children"> {
+    /** Поля, по которым можно добавить фильтр, со своими значениями. */
+    fields: FilterField[];
+    /** Уже применённые: их значения повторно не предлагаются. */
+    filters: TableFilter[];
+    /** Получает собранный фильтр после нажатия «Применить». */
+    onAdd: (filter: TableFilter) => void;
+}
+/**
+ * Добавление фильтра: выбор поля, затем значения.
+ *
+ * Список полей и значений приходит пропом — доменного словаря в ките не
+ * появляется, как и в `FilterBar`.
+ *
+ * УЖЕ ПРИМЕНЁННОЕ ЗНАЧЕНИЕ ПОВТОРНО НЕ ПРЕДЛАГАЕТСЯ. Иначе пользователь
+ * добавляет второй такой же токен, выборка не меняется, и он остаётся с двумя
+ * одинаковыми на вид фильтрами, из которых непонятно, какой снимать.
+ *
+ * Идентификатор токена собирается из поля и значения: пара уникальна как раз
+ * потому, что дубли запрещены выше.
+ *
+ * ДИАПАЗОН (`kind: "number-range" | "date-range"`) — два поля вместо списка
+ * значений, ADR-0063. «Применить» доступно, когда задана хотя бы одна граница;
+ * перевёрнутый диапазон («от 100 до 50») применить нельзя — он ничего не
+ * выберет, а пустоту пользователь прочтёт как «данных нет». Поле с уже
+ * применённым диапазоном повторно не предлагается: два диапазона по одному
+ * полю — пересечение, а не добавление, и токены были бы неразличимы. Подпись
+ * токена («Сумма: 50–100», «Дата: до 12 марта 2026 г.») собирается здесь, из
+ * каталога сообщений и локали `UiProvider`, и едет в `label`.
+ */
+export declare const FilterBarAdd: import("react").ForwardRefExoticComponent<FilterBarAddProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FilterBarAdd.d.ts.map

package/dist/components/table/FilterBarAdd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarAdd.d.ts","sourceRoot":"","sources":["../../../src/components/table/FilterBarAdd.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgC,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAMpF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAwB5D,MAAM,WAAW,WAAW;IAC1B,mEAAmE;IACnE,EAAE,EAAE,MAAM,CAAC;IACX,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,YAAY,CAAC;IAChD;;;;;;OAMG;IACH,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACzC;AAWD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,GAAG,UAAU,CACxB;IACC,oEAAoE;IACpE,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,6DAA6D;IAC7D,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,2DAA2D;IAC3D,KAAK,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,YAAY,8GA2KvB,CAAC"}

package/dist/components/table/FilterBarAdd.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef, useState } from "react";
+import { AddIcon } from "../../icons.js";
+import { useMessages, useUiLocale } from "../../i18n/useMessages.js";
+import { cn } from "../../lib/cn.js";
+import { parseDateOrNull } from "../../lib/date.js";
+import { formatRangeDate, formatRangeNumber, rangeText } from "../../lib/filter-range.js";
+import { Button } from "../actions/Button.js";
+import { DatePicker } from "../date-time/DatePicker.js";
+import { NumberInput } from "../inputs/NumberInput.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../overlays/Popover.js";
+import { Select } from "../inputs/Select.js";
+const KEY_SEPARATOR = "\u0000";
+const filterKey = (field, value) => `${field}${KEY_SEPARATOR}${value}`;
+const toNumber = (bound) => (bound === "" ? null : Number(bound));
+function isInverted(kind, from, to) {
+    if (from === "" || to === "")
+        return false;
+    return kind === "number-range" ? Number(from) > Number(to) : from > to;
+}
+export const FilterBarAdd = forwardRef(function FilterBarAdd({ fields, filters, onAdd, className, ...rest }, ref) {
+    const messages = useMessages();
+    const locale = useUiLocale();
+    const [open, setOpen] = useState(false);
+    const [field, setField] = useState(null);
+    const [value, setValue] = useState(null);
+    const [from, setFrom] = useState("");
+    const [to, setTo] = useState("");
+    const triggerRef = useRef(null);
+    const taken = new Set(filters.map((f) => filterKey(f.field, f.value)));
+    const rangeApplied = (f) => filters.some((x) => x.field === f.id);
+    const availableFields = fields.filter((f) => f.kind === "number-range" || f.kind === "date-range"
+        ? !rangeApplied(f)
+        : (f.values ?? []).some((v) => !taken.has(filterKey(f.id, v.id))));
+    const current = fields.find((f) => f.id === field);
+    const kind = current?.kind ?? "values";
+    const isRange = kind === "number-range" || kind === "date-range";
+    const availableValues = (current?.values ?? []).filter((v) => !taken.has(filterKey(current?.id, v.id)));
+    const close = () => {
+        setOpen(false);
+        setField(null);
+        setValue(null);
+        setFrom("");
+        setTo("");
+        triggerRef.current?.focus();
+    };
+    const canApply = isRange
+        ? (from !== "" || to !== "") && !isInverted(kind, from, to)
+        : value != null;
+    const apply = () => {
+        if (!current || !canApply)
+            return;
+        if (isRange) {
+            const format = kind === "number-range" ? formatRangeNumber : formatRangeDate;
+            onAdd({
+                id: `${current.id}:range`,
+                field: current.id,
+                value: from,
+                to,
+                label: `${current.label}: ${rangeText(messages, format(from, locale), format(to, locale))}`,
+            });
+            close();
+            return;
+        }
+        const label = (current.values ?? []).find((v) => v.id === value)?.label ?? value;
+        onAdd({
+            id: `${current.id}:${value}`,
+            field: current.id,
+            value: value,
+            label: `${current.label}: ${label}`,
+        });
+        close();
+    };
+    const inverted = isInverted(kind, from, to);
+    return (_jsx("div", { ref: ref, className: cn("inline-flex", className), ...rest, children: _jsxs(Popover, { open: open, onOpenChange: (next) => (next ? setOpen(true) : close()), children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { ref: triggerRef, variant: "outline", size: "sm", icon: _jsx(AddIcon, { size: 14 }), disabled: availableFields.length === 0, children: messages.filterBar.add }) }), _jsxs(PopoverContent, { className: "flex w-[260px] flex-col gap-3 p-3", children: [_jsx(Select, { "aria-label": messages.filterBar.field, placeholder: messages.filterBar.field, items: availableFields.map((f) => ({ id: f.id, label: f.label })), value: field, onChange: (id) => {
+                                setField(id == null ? null : String(id));
+                                setValue(null);
+                                setFrom("");
+                                setTo("");
+                            } }), current && kind === "values" ? (_jsx(Select, { "aria-label": messages.filterBar.value, placeholder: messages.filterBar.value, items: availableValues, value: value, onChange: (id) => setValue(id == null ? null : String(id)) })) : null, current && kind === "number-range" ? (_jsxs(_Fragment, { children: [_jsx(NumberInput, { label: messages.filterBar.fromField, value: toNumber(from), onChange: (n) => setFrom(n == null ? "" : String(n)), invalid: inverted }), _jsx(NumberInput, { label: messages.filterBar.toField, value: toNumber(to), onChange: (n) => setTo(n == null ? "" : String(n)), invalid: inverted })] })) : null, current && kind === "date-range" ? (_jsxs(_Fragment, { children: [_jsx("div", { role: "group", "aria-label": messages.filterBar.fromField, children: _jsx(DatePicker, { value: from, onChange: setFrom, placeholder: messages.filterBar.fromField, maxValue: parseDateOrNull(to) ?? undefined }) }), _jsx("div", { role: "group", "aria-label": messages.filterBar.toField, children: _jsx(DatePicker, { value: to, onChange: setTo, placeholder: messages.filterBar.toField, minValue: parseDateOrNull(from) ?? undefined }) })] })) : null, _jsx(Button, { size: "sm", tone: "accent", disabled: !canApply, onClick: apply, children: messages.filterBar.apply })] })] }) }));
+});
+//# sourceMappingURL=FilterBarAdd.js.map

package/dist/components/table/FilterBarAdd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarAdd.js","sourceRoot":"","sources":["../../../src/components/table/FilterBarAdd.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAiC,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE1F,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAe7C,MAAM,aAAa,GAAG,QAAQ,CAAC;AAE/B,MAAM,SAAS,GAAG,CAAC,KAAyB,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,KAAK,GAAG,aAAa,GAAG,KAAK,EAAE,CAAC;AAwBnG,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAG1E,SAAS,UAAU,CAAC,IAAyB,EAAE,IAAY,EAAE,EAAU;IACrE,IAAI,IAAI,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;QAAE,OAAO,KAAK,CAAC;IAC3C,OAAO,IAAI,KAAK,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC;AACzE,CAAC;AAoCD,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAoC,SAAS,YAAY,CAC7F,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC9C,GAAG;IAEH,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,WAAW,EAAE,CAAC;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAE1D,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,CAAC,CAAc,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IAC/E,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAC1C,CAAC,CAAC,IAAI,KAAK,cAAc,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY;QAClD,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CACpE,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC;IACnD,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,IAAI,QAAQ,CAAC;IACvC,MAAM,OAAO,GAAG,IAAI,KAAK,cAAc,IAAI,IAAI,KAAK,YAAY,CAAC;IACjE,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,CAAC,CAAC,MAAM,CACpD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAChD,CAAC;IAEF,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,OAAO,CAAC,EAAE,CAAC,CAAC;QACZ,KAAK,CAAC,EAAE,CAAC,CAAC;QAIV,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,OAAO;QACtB,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;QAC3D,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC;IAElB,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ;YAAE,OAAO;QAElC,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,MAAM,GAAG,IAAI,KAAK,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC;YAC7E,KAAK,CAAC;gBACJ,EAAE,EAAE,GAAG,OAAO,CAAC,EAAE,QAAQ;gBACzB,KAAK,EAAE,OAAO,CAAC,EAAE;gBACjB,KAAK,EAAE,IAAI;gBAGX,EAAE;gBACF,KAAK,EAAE,GAAG,OAAO,CAAC,KAAK,KAAK,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,EAAE;aAC5F,CAAC,CAAC;YACH,KAAK,EAAE,CAAC;YACR,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,KAAK,IAAI,KAAK,CAAC;QACjF,KAAK,CAAC;YACJ,EAAE,EAAE,GAAG,OAAO,CAAC,EAAE,IAAI,KAAK,EAAE;YAC5B,KAAK,EAAE,OAAO,CAAC,EAAE;YACjB,KAAK,EAAE,KAAM;YACb,KAAK,EAAE,GAAG,OAAO,CAAC,KAAK,KAAK,KAAK,EAAE;SACpC,CAAC,CAAC;QACH,KAAK,EAAE,CAAC;IACV,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IAE5C,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KAAM,IAAI,YAC9D,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,aAC3E,KAAC,cAAc,IAAC,OAAO,kBAKrB,KAAC,MAAM,IACL,GAAG,EAAE,UAAU,EACf,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,EAC3B,QAAQ,EAAE,eAAe,CAAC,MAAM,KAAK,CAAC,YAErC,QAAQ,CAAC,SAAS,CAAC,GAAG,GAChB,GACM,EAEjB,MAAC,cAAc,IAAC,SAAS,EAAC,mCAAmC,aAC3D,KAAC,MAAM,kBACO,QAAQ,CAAC,SAAS,CAAC,KAAK,EACpC,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,EACrC,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,EACjE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;gCACf,QAAQ,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;gCACzC,QAAQ,CAAC,IAAI,CAAC,CAAC;gCACf,OAAO,CAAC,EAAE,CAAC,CAAC;gCACZ,KAAK,CAAC,EAAE,CAAC,CAAC;4BACZ,CAAC,GACD,EAOD,OAAO,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,KAAC,MAAM,kBACO,QAAQ,CAAC,SAAS,CAAC,KAAK,EACpC,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,EACrC,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAC1D,CACH,CAAC,CAAC,CAAC,IAAI,EAEP,OAAO,IAAI,IAAI,KAAK,cAAc,CAAC,CAAC,CAAC,CACpC,8BACE,KAAC,WAAW,IACV,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,SAAS,EACnC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EACpD,OAAO,EAAE,QAAQ,GACjB,EACF,KAAC,WAAW,IACV,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,OAAO,EACjC,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAClD,OAAO,EAAE,QAAQ,GACjB,IACD,CACJ,CAAC,CAAC,CAAC,IAAI,EAEP,OAAO,IAAI,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,CAClC,8BAKE,cAAK,IAAI,EAAC,OAAO,gBAAa,QAAQ,CAAC,SAAS,CAAC,SAAS,YACxD,KAAC,UAAU,IACT,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,OAAO,EACjB,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,SAAS,EACzC,QAAQ,EAAE,eAAe,CAAC,EAAE,CAAC,IAAI,SAAS,GAC1C,GACE,EACN,cAAK,IAAI,EAAC,OAAO,gBAAa,QAAQ,CAAC,SAAS,CAAC,OAAO,YACtD,KAAC,UAAU,IACT,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,KAAK,EACf,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,OAAO,EACvC,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,SAAS,GAC5C,GACE,IACL,CACJ,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,YAChE,QAAQ,CAAC,SAAS,CAAC,KAAK,GAClB,IACM,IACT,GACN,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/table/SavedViews.d.ts

@@ -0,0 +1,83 @@
+import type { ReactNode } from "react";
+/**
+ * Сохранённый вид: имя и СНИМОК состояния, каким его дал потребитель.
+ *
+ * Тип параметризован снимком, а не привязан к `TableState`, и это результат
+ * чтения заказчика, а не запас на будущее
+ * (ADR-0033).
+ * У известного заказчика — `features/library/useFilters.js` во фронте —
+ * состояние живёт в АДРЕСЕ и экран вовсе не таблица, а сетка карточек.
+ * Привязка к `TableState` отрезала бы единственного потребителя от компонента,
+ * написанного ради него же.
+ *
+ * Кит внутрь `state` не заглядывает и ничего в нём не понимает: хранит как
+ * непрозрачное значение и отдаёт обратно при выборе. Сравнение видов между
+ * собой, вычисление «текущий вид изменён» и сериализация — знание потребителя.
+ */
+export interface SavedView<T = unknown> {
+    /** Идентификатор вида: ключ в списке и значение для сравнения с `activeId`. */
+    id: string;
+    /** Имя вида — оно же подпись чипа. */
+    name: ReactNode;
+    /** Снимок состояния. Кит его не читает и не интерпретирует. */
+    state: T;
+}
+export interface SavedViewsProps<T = unknown> {
+    /** Список сохранённых видов; пустой список не рисуется вовсе. */
+    views: SavedView<T>[];
+    /**
+     * Идентификатор активного вида, который подсвечивается и объявляется нажатым.
+     *
+     * `null` и `undefined` означают «активного
+     * нет» — состояние, которое у заказчика называется «вид по умолчанию» и
+     * получается сбросом адреса.
+     *
+     * Возврат к умолчанию делается видом, который потребитель кладёт в список
+     * сам: его снимок — это пустое состояние. Своего понятия «сброс» кит не
+     * заводит, потому что не знает, что для приложения пусто.
+     */
+    activeId?: string | null;
+    /**
+     * Выбран вид. Приходит вид целиком, а не его идентификатор: применять
+     * снимок потребитель обязан одним действием.
+     */
+    onSelect: (view: SavedView<T>) => void;
+    /** Доступное имя группы. Без него берётся строка из каталога. */
+    "aria-label"?: string;
+    /** Класс контейнера группы. */
+    className?: string;
+}
+/**
+ * Переключатель сохранённых видов: набор именованных снимков состояния.
+ *
+ * ХРАНЕНИЯ ЗДЕСЬ НЕТ ВОВСЕ. Компонент ничего не пишет — ни в `localStorage`,
+ * ни в адрес, ни в сеть — и ни на что не подписывается. Модель та же, что у
+ * `useTableState` (ADR-0023): кит описывает форму, владеет потребитель. Выбор
+ * между адресом, локальным хранилищем и сервером остаётся приложению, а шаринг
+ * видов между пользователями — вообще бэкенд.
+ *
+ * Соблазн здесь сильнее обычного: «сохранённый вид», который ничего не
+ * сохраняет, на первый взгляд выглядит бессмыслицей. Он ею не является — кит
+ * отвечает за то, как вид ВЫГЛЯДИТ И ПЕРЕКЛЮЧАЕТСЯ, а не за то, где он лежит.
+ * Обратное означало бы, что хук, специально ничего не хранящий, обзаводится
+ * хранилищем через соседа.
+ *
+ * Выбор отдаёт весь снимок за один вызов, и это не стилистика. У заказчика
+ * состояние переносится в адрес, а последовательные записи по ключу строят
+ * адрес из одного и того же снимка текущего рендера: побеждает последняя, а
+ * правки предыдущих пропадают. Ровно так во фронте терялась нижняя граница
+ * периода при выборе диапазона поверх пресета, и ради этого там появился
+ * `setMany`. Компонент, применяющий вид по ключу за раз, воспроизвёл бы тот же
+ * дефект у каждого потребителя.
+ *
+ * АКТИВНЫЙ ВИД ОБЪЯВЛЯЕТСЯ, а не только подсвечивается: `Chip` несёт
+ * `aria-pressed`. Подсветка цветом — не сообщение для скринридера, и это тот
+ * же дефект, который чинили у `Segmented` и у переключателя тем.
+ *
+ * ЧТО ОСТАЁТСЯ У ПОТРЕБИТЕЛЯ помимо хранения: создание, переименование и
+ * удаление вида, доменные ключи внутри снимка и правила их разбора. Из
+ * прочитанного экрана в кит не приехало ничего доменного — ни отображение имён
+ * сортировки в поля бэкенда, ни ключи фильтров обоев, ни часовой пояс сервера.
+ */
+export declare function SavedViews<T = unknown>({ views, activeId, onSelect, "aria-label": ariaLabel, className, }: SavedViewsProps<T>): import("react").JSX.Element | null;
+//# sourceMappingURL=SavedViews.d.ts.map

package/dist/components/table/SavedViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedViews.d.ts","sourceRoot":"","sources":["../../../src/components/table/SavedViews.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,OAAO;IACpC,+EAA+E;IAC/E,EAAE,EAAE,MAAM,CAAC;IACX,sCAAsC;IACtC,IAAI,EAAE,SAAS,CAAC;IAChB,+DAA+D;IAC/D,KAAK,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,OAAO;IAC1C,iEAAiE;IACjE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACvC,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,UAAU,CAAC,CAAC,GAAG,OAAO,EAAE,EACtC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,sCA0BpB"}

package/dist/components/table/SavedViews.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMessages } from "../../i18n/useMessages.js";
+import { cn } from "../../lib/cn.js";
+import { Chip } from "../actions/Chip.js";
+export function SavedViews({ views, activeId, onSelect, "aria-label": ariaLabel, className, }) {
+    const messages = useMessages();
+    if (views.length === 0)
+        return null;
+    return (_jsx("div", { role: "group", "aria-label": ariaLabel ?? messages.savedViews.label, className: cn("flex flex-wrap items-center gap-1.5", className), children: views.map((view) => (_jsx(Chip, { selected: view.id === activeId, onClick: () => onSelect(view), children: view.name }, view.id))) }));
+}
+//# sourceMappingURL=SavedViews.js.map