@olddevs/ui 0.0.0-stage → 4.0.0

package/dist/components/navigation/Breadcrumbs.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRightIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { Link } from "../content/Link.js";
+export function Breadcrumbs({ items, maxItems = 4, className, "aria-label": ariaLabel, }) {
+    const messages = useMessages();
+    const collapsed = items.length > maxItems && items.length > 3;
+    const shown = collapsed ? [items[0], "gap", ...items.slice(-2)] : [...items];
+    const skipped = collapsed ? items.length - 3 : 0;
+    return (_jsx("nav", { "aria-label": ariaLabel ?? messages.breadcrumbs.label, className: cn("min-w-0", className), children: _jsx("ol", { className: "text-fg-2 flex flex-wrap items-center gap-1.5 text-sm", children: shown.map((item, index) => {
+                const last = index === shown.length - 1;
+                return (_jsxs("li", { className: "flex min-w-0 items-center gap-1.5", children: [item === "gap" ? (_jsx("span", { "aria-hidden": true, className: "text-fg-3", title: messages.breadcrumbs.collapsed({ count: skipped }), children: "\u2026" })) : last || !item.href ? (_jsx("span", { "aria-current": last ? "page" : undefined, className: "text-fg-0 truncate", children: item.label })) : (_jsx(Link, { href: item.href, variant: "quiet", tone: "neutral", className: "truncate", children: item.label })), !last ? (_jsx(ChevronRightIcon, { size: 12, "aria-hidden": true, className: "text-fg-3 shrink-0" })) : null] }, item === "gap" ? "gap" : `${item.label}-${index}`));
+            }) }) }));
+}
+//# sourceMappingURL=Breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/navigation/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAqC1C,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,GAAG,CAAC,EACZ,SAAS,EACT,YAAY,EAAE,SAAS,GACN;IACjB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAkB/B,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9D,MAAM,KAAK,GAAsB,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;IACjG,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,4BAAiB,SAAS,IAAI,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,YAC3F,aAAI,SAAS,EAAC,uDAAuD,YAClE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,IAAI,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;gBAExC,OAAO,CACL,cAEE,SAAS,EAAC,mCAAmC,aAE5C,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAIhB,oCAEE,SAAS,EAAC,WAAW,EACrB,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,uBAGpD,CACR,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAEvB,+BAAoB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAC,oBAAoB,YAC1E,IAAI,CAAC,KAAK,GACN,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,UAAU,YACvE,IAAI,CAAC,KAAK,GACN,CACR,EACA,CAAC,IAAI,CAAC,CAAC,CAAC,CACP,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,uBAAc,SAAS,EAAC,oBAAoB,GAAG,CAC1E,CAAC,CAAC,CAAC,IAAI,KA1BH,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,CA2BnD,CACN,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,90 @@
+import type { ReactNode } from "react";
+export interface ContextualSaveBarProps {
+    /** Есть ли несохранённое. При `false` полоса не рисуется. */
+    visible: boolean;
+    /**
+     * Сколько полей изменено. Без него полоса говорит «есть несохранённые
+     * изменения»; с ним — называет число, и это заметно полезнее в длинной форме,
+     * где изменённое поле уехало из кадра.
+     */
+    count?: number;
+    /** Своя формулировка вместо умолчания — например, имя правимой сущности. */
+    message?: ReactNode;
+    /** Вызывается по кнопке сохранения. */
+    onSave: () => void;
+    /** Вызывается по кнопке отмены. Без обработчика кнопка не рисуется вовсе. */
+    onCancel?: () => void;
+    /** Идёт сохранение: кнопка показывает ход, обе кнопки выключены. */
+    saving?: boolean;
+    /** Текст отказа сохранения. Показывается в полосе и объявляется. */
+    error?: ReactNode;
+    /** Подпись кнопки сохранения. По умолчанию берётся из словаря сообщений. */
+    saveLabel?: ReactNode;
+    /** Подпись кнопки отмены. По умолчанию берётся из словаря сообщений. */
+    cancelLabel?: ReactNode;
+    /** Липнуть к нижнему краю окна браузера. Выключается там, где полоса стоит внутри окна (`Dialog`). */
+    sticky?: boolean;
+    /**
+     * Имя CSS-переменной с высотой нижней панели приложения; полоса прилипает на
+     * эту высоту выше края окна. По умолчанию `--bottombar-h`, которую публикует
+     * слот `bottomBar` у `AppShell`. Переменной нет (панели нет, или она скрыта на
+     * широком экране) — отступ `0px`, и полоса прилипает к самому низу.
+     *
+     * Работает только вместе со `sticky`.
+     */
+    offsetVar?: string;
+    /** Доступное имя полосы. */
+    "aria-label"?: string;
+    /** Дополнительные классы на полосу. */
+    className?: string;
+}
+/**
+ * Полоса несохранённых изменений: «есть что сохранить» и две кнопки.
+ *
+ * ГРАНИЦА ИЗ ТРЁХ СТРОК — как у `Banner`, и держать её стоит в голове:
+ *
+ *   `SelectionBar`      — про ВЫБОР: «Выбрано 12» и что с ними сделать.
+ *   `Banner`            — про ПРИЛОЖЕНИЕ: «идут работы», переживает навигацию.
+ *   `ContextualSaveBar` — про ТЕКУЩУЮ ФОРМУ: правки сделаны, но не отправлены.
+ *
+ * Отсюда и время жизни: полоса появляется с первой правкой и исчезает вместе с
+ * ней — сохранением или отменой. Она не переживает уход со страницы, и об уходе
+ * не предупреждает: перехват навигации принадлежит приложению, которое знает
+ * свой маршрутизатор, а не киту.
+ *
+ * ДАННЫХ ФОРМЫ КОМПОНЕНТ НЕ ЗНАЕТ. Он принимает «грязно или нет», число правок
+ * и два обработчика. Что считать правкой — решение потребителя: сравнение с
+ * исходным значением, счётчик касаний поля или ответ формы.
+ *
+ * НАД НИЖНЕЙ ПАНЕЛЬЮ, А НЕ ПОД НЕЙ. На телефоне нижнюю границу окна занимает
+ * `MobileTabBar` в слоте `bottomBar`; его высоту публикует `AppShell`
+ * (`--bottombar-h`), и полоса прилипает на эту высоту выше края — так же, как
+ * `SelectionBar` отсчитывает липкость от `--topbar-h`. Подпирать полосу
+ * `max-md:bottom-14` на глаз больше не нужно: зашитое число расходится с
+ * настоящей высотой панели (вырез экрана, перенос подписей).
+ *
+ * ЛИПНЕТ К НИЗУ, А НЕ К ВЕРХУ, И ЭТО РЕШЕНИЕ, А НЕ ВКУС. Наверху уже стоят
+ * шапка и `SelectionBar`, обе отсчитывают липкость от `--topbar-h`
+ * (ADR-0016, ADR-0019). Третий липкий слой сверху потребовал бы второй
+ * переменной высоты и пересмотра контракта — то есть цены, несопоставимой с
+ * задачей. Внизу свободно, и там же полосу ждут по привычке из админок.
+ *
+ * ПОЯВЛЕНИЕ СЛЫШНО, А НЕ ТОЛЬКО ВИДНО. Область объявления смонтирована всегда,
+ * содержимое подменяется — тот же приём, что в `UploadQueue`. Живая область,
+ * вставленная в дерево ВМЕСТЕ со своим текстом, объявляется ненадёжно: часть
+ * скринридеров успевает увидеть только пустой узел.
+ *
+ * `role="status"`, а не `alert`, даже при отказе сохранения. Отказ здесь
+ * сопровождает видимый текст в самой полосе, и перебивать им речь незачем;
+ * `alert` в этом месте дал бы то самое двойное чтение, о котором предупреждает
+ * ADR-0026.
+ *
+ * ЦЕНА ЭТОГО РЕШЕНИЯ НАЗВАНА ВСЛУХ: текст полосы попадает в дерево дважды —
+ * видимой строкой и скрытой живой областью. В режиме обзора скринридер прочтёт
+ * его два раза подряд. Размен сознательный: ненадёжное объявление появления
+ * хуже лишнего повтора, а другого способа получить оба свойства сразу нет.
+ * Тот же вопрос открыт у `MaskedInput` (ADR-0026) и закрывается одним прогоном
+ * с NVDA и VoiceOver — на оба компонента разом, а не по отдельности.
+ */
+export declare function ContextualSaveBar({ visible, count, message, onSave, onCancel, saving, error, saveLabel, cancelLabel, sticky, offsetVar, "aria-label": ariaLabel, className, }: ContextualSaveBarProps): import("react").JSX.Element;
+//# sourceMappingURL=ContextualSaveBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextualSaveBar.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/ContextualSaveBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,OAAO,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,uCAAuC;IACvC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,wEAAwE;IACxE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,sGAAsG;IACtG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAc,EACd,KAAK,EACL,SAAS,EACT,WAAW,EACX,MAAa,EACb,SAA8B,EAC9B,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,sBAAsB,+BAwDxB"}

package/dist/components/navigation/ContextualSaveBar.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMessages } from "../../i18n/useMessages.js";
+import { cn } from "../../lib/cn.js";
+import { TONE_TOKENS } from "../../lib/variants.js";
+import { Button } from "../actions/Button.js";
+const DEFAULT_OFFSET_VAR = "--bottombar-h";
+const PANEL = "border-line z-20 mt-4 flex flex-col gap-2 rounded-[14px] border p-[10px_14px] " +
+    "backdrop-blur-md shadow-[var(--shadow-1)] sm:flex-row sm:items-center sm:gap-[14px]";
+export function ContextualSaveBar({ visible, count, message, onSave, onCancel, saving = false, error, saveLabel, cancelLabel, sticky = true, offsetVar = DEFAULT_OFFSET_VAR, "aria-label": ariaLabel, className, }) {
+    const messages = useMessages();
+    const bar = messages.contextualSaveBar;
+    const summary = message ?? (typeof count === "number" ? bar.changes({ count }) : bar.unsaved);
+    const announcement = !visible ? "" : saving ? bar.saving : (error ?? summary);
+    return (_jsxs(_Fragment, { children: [visible ? (_jsxs("div", { role: "group", "aria-label": ariaLabel ?? bar.label, className: cn(PANEL, sticky && "sticky bottom-[var(--od-savebar-bottom)]", className), style: {
+                    background: "var(--topbar-bg)",
+                    "--od-savebar-bottom": `var(${offsetVar}, 0px)`,
+                }, children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("span", { className: "text-[13px] font-semibold", children: summary }), error ? (_jsx("span", { className: cn("text-[12px]", TONE_TOKENS.danger.fg), children: error })) : null] }), _jsx("div", { className: "hidden flex-1 sm:block" }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [onCancel ? (_jsx(Button, { size: "sm", variant: "ghost", onClick: onCancel, disabled: saving, children: cancelLabel ?? bar.cancel })) : null, _jsx(Button, { size: "sm", tone: "accent", onClick: onSave, loading: saving, children: saveLabel ?? bar.save })] })] })) : null, _jsx("div", { role: "status", "aria-live": "polite", className: "sr-only", children: announcement })] }));
+}
+//# sourceMappingURL=ContextualSaveBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextualSaveBar.js","sourceRoot":"","sources":["../../../src/components/navigation/ContextualSaveBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AA2C9C,MAAM,kBAAkB,GAAG,eAAe,CAAC;AAE3C,MAAM,KAAK,GACT,gFAAgF;IAChF,qFAAqF,CAAC;AAkDxF,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,EACP,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,KAAK,EACL,SAAS,EACT,WAAW,EACX,MAAM,GAAG,IAAI,EACb,SAAS,GAAG,kBAAkB,EAC9B,YAAY,EAAE,SAAS,EACvB,SAAS,GACc;IACvB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,GAAG,GAAG,QAAQ,CAAC,iBAAiB,CAAC;IAEvC,MAAM,OAAO,GAAG,OAAO,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9F,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC;IAE9E,OAAO,CACL,8BACG,OAAO,CAAC,CAAC,CAAC,CACT,eACE,IAAI,EAAC,OAAO,gBACA,SAAS,IAAI,GAAG,CAAC,KAAK,EAKlC,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,0CAA0C,EAAE,SAAS,CAAC,EACrF,KAAK,EACH;oBACE,UAAU,EAAE,kBAAkB;oBAC9B,qBAAqB,EAAE,OAAO,SAAS,QAAQ;iBAC/B,aAGpB,eAAK,SAAS,EAAC,+BAA+B,aAC5C,eAAM,SAAS,EAAC,2BAA2B,YAAE,OAAO,GAAQ,EAC3D,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,YAAG,KAAK,GAAQ,CAC1E,CAAC,CAAC,CAAC,IAAI,IACJ,EAEN,cAAK,SAAS,EAAC,wBAAwB,GAAG,EAE1C,eAAK,SAAS,EAAC,mCAAmC,aAC/C,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAClE,WAAW,IAAI,GAAG,CAAC,MAAM,GACnB,CACV,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,YAC7D,SAAS,IAAI,GAAG,CAAC,IAAI,GACf,IACL,IACF,CACP,CAAC,CAAC,CAAC,IAAI,EAMR,cAAK,IAAI,EAAC,QAAQ,eAAW,QAAQ,EAAC,SAAS,EAAC,SAAS,YACtD,YAAY,GACT,IACL,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,17 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface PageHeaderProps extends Omit<ComponentPropsWithoutRef<"div">, "title"> {
+    /** Заголовок страницы. `ReactNode`: во фронте сюда кладут разметку с иконкой. */
+    title: ReactNode;
+    /** Пояснение под заголовком. */
+    subtitle?: ReactNode;
+    /** Кнопки справа; на узких экранах переносятся под заголовок. */
+    actions?: ReactNode;
+}
+/**
+ * Шапка страницы: заголовок, пояснение и действия.
+ *
+ * Размера у него нет и не будет: страница одна, и второй ступени взяться
+ * неоткуда. Заводить `size` «на будущее» — ровно то, чего пакет избегает.
+ */
+export declare const PageHeader: import("react").ForwardRefExoticComponent<PageHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PageHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/PageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACrF,iFAAiF;IACjF,KAAK,EAAE,SAAS,CAAC;IACjB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iEAAiE;IACjE,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,4GAoBrB,CAAC"}

package/dist/components/navigation/PageHeader.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/cn.js";
+export const PageHeader = forwardRef(function PageHeader({ title, subtitle, actions, className, ...rest }, ref) {
+    return (_jsxs("div", { ref: ref, className: cn("mb-6 flex flex-col gap-3 md:flex-row md:items-end md:justify-between", className), ...rest, children: [_jsxs("div", { children: [_jsx("h1", { className: "m-0 text-[26px] font-bold tracking-tight", children: title }), subtitle && _jsx("div", { className: "text-fg-2 mt-1.5 text-[13px]", children: subtitle })] }), actions && _jsx("div", { className: "flex flex-wrap gap-2", children: actions })] }));
+});
+//# sourceMappingURL=PageHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/components/navigation/PageHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAiD,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAiBrC,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAkC,SAAS,UAAU,CACvF,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAChD,GAAG;IAEH,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,sEAAsE,EACtE,SAAS,CACV,KACG,IAAI,aAER,0BACE,aAAI,SAAS,EAAC,0CAA0C,YAAE,KAAK,GAAM,EACpE,QAAQ,IAAI,cAAK,SAAS,EAAC,8BAA8B,YAAE,QAAQ,GAAO,IACvE,EACL,OAAO,IAAI,cAAK,SAAS,EAAC,sBAAsB,YAAE,OAAO,GAAO,IAC7D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,44 @@
+export interface PaginationProps {
+    /** Номер текущей страницы, с единицы. Значение вне диапазона зажимается в него. */
+    page: number;
+    /** Общее число страниц. При значении 1 и меньше компонент ничего не рисует. */
+    pageCount: number;
+    /** Вызывается с номером страницы, на которую перешли, — по номеру или стрелкам. */
+    onChange: (page: number) => void;
+    /** Сколько страниц показывать вокруг текущей с каждой стороны. */
+    siblings?: number;
+    /** Дополнительные классы на `nav`. */
+    className?: string;
+    /** Доступное имя навигации. По умолчанию берётся из словаря сообщений. */
+    "aria-label"?: string;
+}
+/**
+ * Диапазон страниц для показа.
+ *
+ * Алгоритм записан здесь, потому что «какие номера видны» — решение, а не
+ * деталь: список из тридцати номеров бесполезен, а из трёх — не даёт прыгнуть
+ * ни в начало, ни в конец.
+ *
+ * Правило: ВСЕГДА видны первая и последняя страница; вокруг текущей — по
+ * `siblings` соседей; разрывы между этими группами схлопываются в многоточие.
+ * Многоточие рисуется только когда за ним прячется БОЛЬШЕ одной страницы:
+ * «1 … 3 4 5» вместо «1 2 3 4 5» врёт про длину и экономит ровно ничего.
+ *
+ * Ширина ряда при этом постоянна — `2×siblings + 5` ячеек, а на коротком
+ * диапазоне столько, сколько всего страниц, — и кнопки
+ * под курсором не прыгают при переходе на соседнюю страницу.
+ */
+export declare function pageRange(page: number, pageCount: number, siblings: number): (number | "gap")[];
+/**
+ * Постраничная навигация.
+ *
+ * **При одной странице не рисуется ничего.** Пагинация из единственной кнопки
+ * «1» — это не навигация, а мусор в раскладке: она сообщает о возможности
+ * перехода там, где переходить некуда.
+ *
+ * Собрана руками, а не на react-aria: готового компонента там нет, а всё, что
+ * нужно, — это `nav`, список кнопок и `aria-current`. Своей клавиатурной
+ * механики здесь не появляется, кнопки ходятся обычным табом.
+ */
+export declare function Pagination({ page, pageCount, onChange, siblings, className, "aria-label": ariaLabel, }: PaginationProps): import("react").JSX.Element | null;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/Pagination.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,eAAe;IAC9B,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,SAAS,EAAE,MAAM,CAAC;IAClB,mFAAmF;IACnF,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CA2C/F;AAwBD;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAY,EACZ,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,eAAe,sCA2DjB"}

package/dist/components/navigation/Pagination.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon } from "../../icons.js";
+import { clamp } from "../../lib/clamp.js";
+import { cn } from "../../lib/cn.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { Button } from "../actions/Button.js";
+export function pageRange(page, pageCount, siblings) {
+    const first = 1;
+    const last = pageCount;
+    const width = Math.min(2 * siblings + 5, pageCount);
+    const current = clamp(page, first, last);
+    let from = Math.max(first, current - siblings);
+    let to = Math.min(last, current + siblings);
+    while (build(from, to, first, last).length < width && (from > first || to < last)) {
+        if (to < last)
+            to += 1;
+        else
+            from -= 1;
+    }
+    if (build(from, to, first, last).length > width) {
+        if (to > Math.min(last, page + siblings))
+            to -= 1;
+        else if (from < Math.max(first, page - siblings))
+            from += 1;
+    }
+    return build(from, to, first, last);
+}
+function build(from, to, first, last) {
+    const out = [];
+    if (from > first) {
+        out.push(first);
+        if (from === first + 2)
+            out.push(first + 1);
+        else if (from > first + 1)
+            out.push("gap");
+    }
+    for (let p = from; p <= to; p++)
+        out.push(p);
+    if (to < last) {
+        if (to === last - 2)
+            out.push(last - 1);
+        else if (to < last - 1)
+            out.push("gap");
+        out.push(last);
+    }
+    return out;
+}
+export function Pagination({ page, pageCount, onChange, siblings = 1, className, "aria-label": ariaLabel, }) {
+    const messages = useMessages();
+    if (pageCount <= 1)
+        return null;
+    const current = clamp(page, 1, pageCount);
+    const range = pageRange(current, pageCount, siblings);
+    return (_jsxs("nav", { "aria-label": ariaLabel ?? messages.pagination.label, className: cn("flex items-center gap-1", className), children: [_jsx(Button, { size: "sm", iconOnly: true, icon: _jsx(ChevronLeftIcon, { size: 16 }), "aria-label": messages.pagination.previous, disabled: current <= 1, onClick: () => onChange(current - 1) }), range.map((item, index) => item === "gap" ? (_jsx("span", { "aria-hidden": true, className: "text-fg-3 px-1 text-sm", children: "\u2026" }, `gap-${index}`)) : (_jsx(Button, { size: "sm", variant: item === current ? "solid" : "ghost", tone: item === current ? "accent" : "neutral", "aria-current": item === current ? "page" : undefined, onClick: () => onChange(item), children: item }, item))), _jsx(Button, { size: "sm", iconOnly: true, icon: _jsx(ChevronRightIcon, { size: 16 }), "aria-label": messages.pagination.next, disabled: current >= pageCount, onClick: () => onChange(current + 1) })] }));
+}
+//# sourceMappingURL=Pagination.js.map

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

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

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

@@ -0,0 +1,32 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import type { Size } from "../../lib/variants.js";
+export interface SectionHeaderProps extends Omit<ComponentPropsWithoutRef<"div">, "title"> {
+    /** Заголовок: строка или разметка, например иконка с подписью, счётчик, переключатель периода. */
+    title: ReactNode;
+    /** Действия справа: ссылка, кнопка, счётчик. */
+    right?: ReactNode;
+    /** Кегль заголовка: `sm` — мельче, `md` — крупнее (по умолчанию). */
+    size?: Extract<Size, "sm" | "md">;
+    /**
+     * Уровень заголовка в документе: `h2`, `h3` (по умолчанию) или `h4`.
+     *
+     * Уровень заголовка в документе — отдельно от размера, по тому же правилу,
+     * что у `Heading`: порядок заголовков обязан быть непрерывным, а кегль к
+     * нему не привязан.
+     *
+     * Умолчание `3` — то, что компонент рисовал всегда. Оно верно для секции
+     * внутри карточки, стоящей под заголовком секции страницы, и неверно сразу
+     * под `PageHeader`: там между `h1` и `h3` образуется дыра, и оглавление для
+     * скринридера рвётся. На таком экране передавайте `level={2}`.
+     */
+    level?: 2 | 3 | 4;
+}
+/**
+ * Заголовок секции внутри карточки: подпись слева, действия справа.
+ *
+ * `title` типизирован как `ReactNode`, а не как строка, потому что во фронте
+ * в него кладут разметку — иконку с подписью, счётчик, переключатель периода.
+ * Сузить тип до строки значило бы сломать восемь вызовов из семнадцати.
+ */
+export declare const SectionHeader: import("react").ForwardRefExoticComponent<SectionHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SectionHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/SectionHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACxF,kGAAkG;IAClG,KAAK,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACnB;AAQD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,+GAYxB,CAAC"}

package/dist/components/navigation/SectionHeader.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/cn.js";
+const SIZES = {
+    sm: "text-[13px]",
+    md: "text-[15px]",
+};
+export const SectionHeader = forwardRef(function SectionHeader({ title, right, size = "md", level = 3, className, ...rest }, ref) {
+    const Comp = `h${level}`;
+    return (_jsxs("div", { ref: ref, className: cn("mb-3.5 flex items-center justify-between", className), ...rest, children: [_jsx(Comp, { className: cn("m-0 font-bold", SIZES[size]), children: title }), right] }));
+});
+//# sourceMappingURL=SectionHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../../src/components/navigation/SectionHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAiD,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AA0BrC,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;CACT,CAAC;AASX,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAqC,SAAS,aAAa,CAChG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC5D,GAAG;IAEH,MAAM,IAAI,GAAG,IAAI,KAAK,EAAW,CAAC;IAElC,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,KAAM,IAAI,aAC3F,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,YAAG,KAAK,GAAQ,EAChE,KAAK,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,65 @@
+import type { ReactNode } from "react";
+export interface SelectionBarProps {
+    /** Сколько объектов выбрано. При нуле полоса не рисуется вовсе. */
+    count: number;
+    /**
+     * Подпись счётчика. Умолчание — «Выбрано N»; своя нужна там, где счёт идёт
+     * в предметных единицах («Выбрано 12 обоев») и слово при числе нужно согласовать с ним.
+     */
+    countLabel?: (count: number) => ReactNode;
+    /** Вызывается, когда пользователь снимает выделение. Кнопка стоит слева от счётчика и рисуется иконкой «×»; без обработчика её нет. */
+    onClear?: () => void;
+    /** Действия над выбранным — обычно `Button size="sm"`. */
+    children?: ReactNode;
+    /**
+     * Правый край полосы: «Выбрать все», ссылка на справку. Отделён от
+     * `children`, потому что живёт по другую сторону распорки и на узком экране
+     * уезжает в первую строку, к счётчику.
+     */
+    secondary?: ReactNode;
+    /**
+     * Липнуть под верхней панелью приложения. Выключается там, где полоса стоит
+     * в области без прокрутки.
+     */
+    sticky?: boolean;
+    /**
+     * Имя CSS-переменной с высотой панели — см. `useStickyOffset` и ADR-0016.
+     *
+     * Одно имя на обе половины липкости: по нему считается и точка прилипания
+     * (`top`), и момент, когда полоса теряет верхние скругления. Разъехавшись,
+     * они дали бы полосу, которая липнет к одной панели, а углы срезает по
+     * другой.
+     */
+    offsetVar?: string;
+    /** Доступное имя группы действий. */
+    "aria-label"?: string;
+    /** Дополнительные классы на полосу. */
+    className?: string;
+}
+/**
+ * Полоса массовых действий: «Выбрано 12» и что с этим можно сделать.
+ *
+ * Во фронте таких полос было три, и они разошлись: разные тени (`shadow-1`
+ * против `shadow-2`), разные радиусы (14 против 12), а третья собрана на
+ * инлайн-стилях с захардкоженной `rgba(47,139,230,0.07)` вместо токена. Одна
+ * и та же вещь в трёх видах — ровно тот случай, ради которого существует
+ * дизайн-система.
+ *
+ * ДВА СЛОТА, А НЕ ОДИН. `children` — действия, `secondary` — правый край
+ * («Выбрать все»). Разделение не косметическое: действия занимают всё
+ * свободное место и прижимают `secondary` к правому краю, а на узком экране
+ * `secondary` уезжает наверх, к счётчику, и действия переносятся во вторую
+ * строку. Одним слотом это не выражается.
+ *
+ * ЛИПКОСТЬ ОТСЧИТЫВАЕТСЯ ОТ НАСТОЯЩЕЙ ВЫСОТЫ ШАПКИ, которую публикует
+ * приложение (`--topbar-h` по умолчанию, имя переменной — проп). Зашитое
+ * число оставляло просвет: на узких экранах шапка ниже. Прижавшись, полоса
+ * теряет верхние скругления — иначе они приоткрывают фон страницы уголками
+ * на стыке. Контракт и отвергнутые варианты — ADR-0016.
+ *
+ * Полоса объявляется группой с доступным именем: для скринридера это набор
+ * действий над выбранным, а не случайные кнопки посреди страницы. Счётчик
+ * стоит первым и читается вместе с именем группы.
+ */
+export declare function SelectionBar({ count, countLabel, onClear, children, secondary, sticky, offsetVar, "aria-label": ariaLabel, className, }: SelectionBarProps): import("react").JSX.Element | null;
+//# sourceMappingURL=SelectionBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionBar.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/SelectionBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,iBAAiB;IAChC,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC1C,uIAAuI;IACvI,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAa,EACb,SAA8B,EAC9B,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,iBAAiB,sCA6DnB"}

package/dist/components/navigation/SelectionBar.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CloseIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { useStickyOffset } from "../../hooks/useStickyOffset.js";
+import { BUTTON_ICON_SIZE } from "../../lib/button.js";
+const DEFAULT_OFFSET_VAR = "--topbar-h";
+const PANEL = "border-line z-20 mb-4 flex flex-col gap-2 border p-[10px_14px] backdrop-blur-md " +
+    "shadow-[var(--shadow-1)] sm:flex-row sm:items-center sm:gap-[14px]";
+export function SelectionBar({ count, countLabel, onClear, children, secondary, sticky = true, offsetVar = DEFAULT_OFFSET_VAR, "aria-label": ariaLabel, className, }) {
+    const messages = useMessages();
+    const label = countLabel ?? ((n) => messages.selectionBar.count({ count: n }));
+    const { sentinelRef, isStuck } = useStickyOffset({ offsetVar });
+    if (count <= 0)
+        return null;
+    return (_jsxs(_Fragment, { children: [sticky ? _jsx("div", { ref: sentinelRef, "aria-hidden": "true", style: { height: 0 } }) : null, _jsxs("div", { role: "group", "aria-label": ariaLabel ?? messages.selectionBar.label, className: cn(PANEL, sticky && "sticky", className), style: {
+                    top: sticky ? `var(${offsetVar}, 0px)` : undefined,
+                    background: "var(--topbar-bg)",
+                    borderRadius: sticky && isStuck ? "0 0 14px 14px" : "14px",
+                    transition: "border-radius 120ms ease",
+                }, children: [_jsxs("div", { className: "flex items-center justify-between gap-2 sm:shrink-0", children: [_jsxs("div", { className: "flex items-center gap-2.5 whitespace-nowrap", children: [onClear ? (_jsx("button", { type: "button", onClick: onClear, "aria-label": messages.selectionBar.clearSelection, className: "text-fg-1 hover:text-fg-0 focus-visible:outline-accent-strong flex cursor-pointer items-center focus-visible:outline-2 focus-visible:outline-offset-2", children: _jsx(CloseIcon, { size: BUTTON_ICON_SIZE.md }) })) : null, _jsx("span", { className: "text-[13px] font-semibold", children: label(count) })] }), secondary ? _jsx("span", { className: "sm:hidden", children: secondary }) : null] }), _jsx("span", { className: "bg-line hidden h-[22px] w-px sm:block" }), _jsx("div", { className: "flex flex-wrap items-center gap-2 sm:min-w-0 sm:flex-1 sm:gap-x-[14px]", children: children }), secondary ? _jsx("span", { className: "hidden whitespace-nowrap sm:block", children: secondary }) : null] })] }));
+}
+//# sourceMappingURL=SelectionBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionBar.js","sourceRoot":"","sources":["../../../src/components/navigation/SelectionBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAyCvD,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAExC,MAAM,KAAK,GACT,kFAAkF;IAClF,oEAAoE,CAAC;AA2BvE,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,IAAI,EACb,SAAS,GAAG,kBAAkB,EAC9B,YAAY,EAAE,SAAS,EACvB,SAAS,GACS;IAClB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,UAAU,IAAI,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACvF,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IAEhE,IAAI,KAAK,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,CACL,8BAIG,MAAM,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,WAAW,iBAAc,MAAM,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EAEnF,eACE,IAAI,EAAC,OAAO,gBACA,SAAS,IAAI,QAAQ,CAAC,YAAY,CAAC,KAAK,EACpD,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,QAAQ,EAAE,SAAS,CAAC,EACnD,KAAK,EAAE;oBACL,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,SAAS,QAAQ,CAAC,CAAC,CAAC,SAAS;oBAClD,UAAU,EAAE,kBAAkB;oBAC9B,YAAY,EAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM;oBAC1D,UAAU,EAAE,0BAA0B;iBACvC,aAED,eAAK,SAAS,EAAC,qDAAqD,aAClE,eAAK,SAAS,EAAC,6CAA6C,aACzD,OAAO,CAAC,CAAC,CAAC,CACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACJ,QAAQ,CAAC,YAAY,CAAC,cAAc,EAChD,SAAS,EAAC,uJAAuJ,YAEjK,KAAC,SAAS,IAAC,IAAI,EAAE,gBAAgB,CAAC,EAAE,GAAI,GACjC,CACV,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,CAAC,KAAK,CAAC,GAAQ,IAC7D,EACL,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,WAAW,YAAE,SAAS,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC9D,EAEN,eAAM,SAAS,EAAC,uCAAuC,GAAG,EAW1D,cAAK,SAAS,EAAC,wEAAwE,YACpF,QAAQ,GACL,EAEL,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,mCAAmC,YAAE,SAAS,GAAQ,CAAC,CAAC,CAAC,IAAI,IACtF,IACL,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,45 @@
+import type { ReactNode } from "react";
+export interface Step {
+    /** Стабильный идентификатор шага, ключ списка. */
+    id: string;
+    /** Подпись шага. */
+    label: string;
+    /** Короткое пояснение под подписью. */
+    hint?: ReactNode;
+}
+export interface StepperProps {
+    /** Шаги мастера по порядку. */
+    steps: Step[];
+    /** Индекс текущего шага, с нуля. */
+    current: number;
+    /**
+     * Вызывается по клику на пройденный шаг и получает его индекс.
+     *
+     * Не задан — шаги некликабельны вовсе, и это умолчание. Вернуться назад
+     * можно **только на пройденный** шаг: будущий шаг требует данных, которых
+     * ещё нет, и пустить туда — значит показать форму, которая не сможет
+     * ни отправиться, ни объяснить, чего ей не хватает.
+     *
+     * Мастер, где возвращаться нельзя вовсе (оплата, необратимый импорт),
+     * просто не передаёт колбэк.
+     */
+    onStepClick?: (index: number) => void;
+    /** Направление ряда: `horizontal` — шаги в строку (по умолчанию), `vertical` — в колонку. */
+    orientation?: "horizontal" | "vertical";
+    /** Дополнительные классы на `nav`. */
+    className?: string;
+    /** Доступное имя навигации. По умолчанию берётся из словаря сообщений. */
+    "aria-label"?: string;
+}
+/**
+ * Шаги мастера: где пользователь сейчас и сколько осталось.
+ *
+ * Собран руками: в react-aria такого компонента нет, а из поведения здесь —
+ * только переход по клику, который целиком принадлежит вызывающему.
+ *
+ * Разметка — упорядоченный список внутри `nav`: шаги идут по порядку, и
+ * скринридер обязан сообщить и порядок, и общее число. Текущий помечается
+ * `aria-current="step"`.
+ */
+export declare function Stepper({ steps, current, onStepClick, orientation, className, "aria-label": ariaLabel, }: StepperProps): import("react").JSX.Element;
+//# sourceMappingURL=Stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/Stepper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,IAAI;IACnB,kDAAkD;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,+BAA+B;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,6FAA6F;IAC7F,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,OAAO,EACP,WAAW,EACX,WAA0B,EAC1B,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,YAAY,+BA8Fd"}

package/dist/components/navigation/Stepper.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CheckIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+import { useMessages } from "../../i18n/useMessages.js";
+export function Stepper({ steps, current, onStepClick, orientation = "horizontal", className, "aria-label": ariaLabel, }) {
+    const messages = useMessages();
+    return (_jsx("nav", { "aria-label": ariaLabel ?? messages.stepper.label, className: cn("min-w-0", className), children: _jsx("ol", { className: cn("flex gap-2", orientation === "horizontal" ? "flex-row items-start" : "flex-col"), children: steps.map((step, index) => {
+                const done = index < current;
+                const active = index === current;
+                const clickable = onStepClick != null && done;
+                const body = (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, className: cn("text-caption flex size-6 shrink-0 items-center justify-center rounded-full border font-semibold", done && "border-accent-strong bg-accent-soft text-accent-strong", active && "border-accent-strong bg-accent text-text-on-accent", !done && !active && "border-line text-fg-3"), children: done ? _jsx(CheckIcon, { size: 12 }) : index + 1 }), active ? null : (_jsx("span", { className: "sr-only", children: messages.stepper.state({ state: done ? "done" : "upcoming" }) })), _jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: cn("truncate text-sm", active ? "text-fg-0 font-semibold" : done ? "text-fg-1" : "text-fg-2"), children: step.label }), step.hint ? _jsx("span", { className: "text-fg-2 text-caption", children: step.hint }) : null] })] }));
+                return (_jsx("li", { className: cn("flex min-w-0 flex-1 items-start gap-2", orientation === "vertical" && "flex-none"), "aria-current": active ? "step" : undefined, children: clickable ? (_jsx("button", { type: "button", onClick: () => onStepClick(index), className: "focus-visible:outline-accent-strong flex min-w-0 cursor-pointer items-start gap-2 text-left outline-none focus-visible:outline-2 focus-visible:outline-offset-2", children: body })) : (_jsx("span", { className: "flex min-w-0 items-start gap-2", children: body })) }, step.id));
+            }) }) }));
+}
+//# sourceMappingURL=Stepper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../src/components/navigation/Stepper.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AA8CxD,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,OAAO,EACP,WAAW,EACX,WAAW,GAAG,YAAY,EAC1B,SAAS,EACT,YAAY,EAAE,SAAS,GACV;IACb,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACL,4BAAiB,SAAS,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,YACvF,aACE,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,CACnE,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,IAAI,GAAG,KAAK,GAAG,OAAO,CAAC;gBAC7B,MAAM,MAAM,GAAG,KAAK,KAAK,OAAO,CAAC;gBACjC,MAAM,SAAS,GAAG,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC;gBAE9C,MAAM,IAAI,GAAG,CACX,8BACE,oCAEE,SAAS,EAAE,EAAE,CACX,iGAAiG,EACjG,IAAI,IAAI,wDAAwD,EAKhE,MAAM,IAAI,oDAAoD,EAC9D,CAAC,IAAI,IAAI,CAAC,MAAM,IAAI,uBAAuB,CAC5C,YAEA,IAAI,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,GACtC,EAeN,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACf,eAAM,SAAS,EAAC,SAAS,YACtB,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,GACzD,CACR,EACD,gBAAM,SAAS,EAAC,uBAAuB,aACrC,eACE,SAAS,EAAE,EAAE,CACX,kBAAkB,EAClB,MAAM,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CACtE,YAEA,IAAI,CAAC,KAAK,GACN,EACN,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,wBAAwB,YAAE,IAAI,CAAC,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC1E,IACN,CACJ,CAAC;gBAEF,OAAO,CACL,aAEE,SAAS,EAAE,EAAE,CACX,uCAAuC,EACvC,WAAW,KAAK,UAAU,IAAI,WAAW,CAC1C,kBAGa,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAExC,SAAS,CAAC,CAAC,CAAC,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,SAAS,EAAC,iKAAiK,YAE1K,IAAI,GACE,CACV,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,gCAAgC,YAAE,IAAI,GAAQ,CAC/D,IAnBI,IAAI,CAAC,EAAE,CAoBT,CACN,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,45 @@
+import { type ReactNode } from "react";
+export interface TabItem {
+    /** Идентификатор вкладки; по нему сверяется `value` и строится `{id}-panel` для `aria-controls`. */
+    id: string;
+    /** Подпись вкладки. */
+    label: string;
+    /** Иконка слева от подписи; скрыта от скринридера. */
+    icon?: ReactNode;
+}
+export interface TabsProps {
+    /** Вкладки по порядку. */
+    items: TabItem[];
+    /** `id` активной вкладки. Компонент управляемый: состояние ведёт потребитель. */
+    value: string;
+    /** Вызывается с `id` вкладки при клике и при переходе стрелками, Home и End. */
+    onChange: (id: string) => void;
+    /**
+     * `vertical` — сайдбар (колонка, стрелки ↑↓); `horizontal` — лента со
+     * скроллом (стрелки ←→). Компонент рендерит только вкладки: панели, их
+     * разметка и адаптив — забота потребителя.
+     */
+    orientation?: "vertical" | "horizontal";
+    /** Дополнительные классы на ленту вкладок. */
+    className?: string;
+}
+/**
+ * Лента вкладок. Controlled-only: единственный потребитель и так держит
+ * активную вкладку в своём стейте, uncontrolled-режим был бы кодом про запас.
+ *
+ * Выбор следует за фокусом (automatic activation): панели здесь рендерятся
+ * мгновенно, ждать отдельного Enter после стрелки незачем. Фокус ходит по
+ * roving tabindex — табом попадаешь только на активную вкладку, дальше
+ * стрелками; края не зацикливаются, как везде в ките.
+ *
+ * `aria-controls` проставляется ТОЛЬКО выбранной вкладке и указывает на
+ * `{id}-panel`. Потребители рендерят панель лишь для активной вкладки, и
+ * ссылка с остальных указывала бы на отсутствующий в разметке элемент —
+ * это невалидное значение атрибута, аудит axe роняет его как `critical`.
+ * Спецификация такой пропуск допускает прямо для этого случая.
+ *
+ * Контейнер содержимого на стороне потребителя обязан иметь `id={`${value}-panel`}`
+ * и `role="tabpanel"`.
+ */
+export declare function Tabs({ items, value, onChange, orientation, className }: TabsProps): import("react").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnE,MAAM,WAAW,OAAO;IACtB,oGAAoG;IACpG,EAAE,EAAE,MAAM,CAAC;IACX,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,SAAS;IACxB,0BAA0B;IAC1B,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAA0B,EAAE,SAAS,EAAE,EAAE,SAAS,+BAgFhG"}