@olddevs/ui 0.0.0-stage → 4.0.0

package/dist/components/actions/SplitButton.d.ts

@@ -0,0 +1,92 @@
+import { type MouseEventHandler, type ReactNode } from "react";
+import type { Size, Tone, Variant } from "../../lib/variants.js";
+export interface SplitButtonProps {
+    /**
+     * Подпись главного действия — строка, а не узел.
+     *
+     * Это единственное ограничение компонента по сравнению с `Button`, и оно
+     * следует из его устройства: из подписи строится доступное имя раскрывателя
+     * («Другие действия: Экспорт»). Узел дал бы имя, которого нет, — или
+     * потребовал бы второго пропа с той же подписью строкой, то есть двух мест,
+     * где написано одно и то же, и они разошлись бы при первой правке.
+     */
+    label: string;
+    /** Иконка слева у главного действия. */
+    icon?: ReactNode;
+    /** Главное действие. Раскрыватель его не зовёт. */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Гасит обе кнопки сразу.
+     *
+     * Раздельной выключенности здесь нет намеренно: живой раскрыватель при мёртвом
+     * действии предлагает варианты того, что сделать нельзя.
+     */
+    disabled?: boolean;
+    /**
+     * Главное действие отправляется: кольцо вместо иконки, `aria-busy`.
+     *
+     * Раскрыватель на это время тоже гаснет — по той же причине, что и при
+     * `disabled`. Открытое меню посреди отправки предлагает второй способ сделать
+     * то, что уже делается.
+     */
+    loading?: boolean;
+    /** Подача обеих кнопок: оси словаря те же, что у `Button`. Без значения действует умолчание `Button`. */
+    variant?: Variant;
+    /** Тон обеих кнопок: ось словаря та же, что у `Button`. Без значения действует умолчание `Button`. */
+    tone?: Tone;
+    /** Размер обеих кнопок: ось словаря та же, что у `Button`. Без значения действует умолчание `Button`. */
+    size?: Size;
+    /** Пункты меню: `MenuItem`, `MenuSection`, `MenuSeparator`. */
+    children?: ReactNode;
+    /**
+     * Сторона, с которой раскрывается панель меню.
+     *
+     * Четыре значения из шести, которые умеет `Menu`: боковые (`right top`,
+     * `left top`) сузили намеренно — панель, уезжающая вбок от раскрывателя,
+     * встаёт поверх главного действия, то есть закрывает то, ради чего пришли.
+     */
+    placement?: "bottom start" | "bottom end" | "top start" | "top end";
+    /**
+     * Классы на группу, а не на кнопку.
+     *
+     * Отличие от одноимённого пропа `Button`, и оно вынужденное: элементов здесь
+     * два, и «класс на кнопку» не имеет однозначного адресата.
+     */
+    className?: string;
+}
+/**
+ * Кнопка главного действия и раскрыватель его вариантов рядом.
+ *
+ * ДВЕ ОТДЕЛЬНЫЕ КНОПКИ, А НЕ КНОПКА С ЗОНОЙ. Одна кнопка, у которой правая
+ * часть открывает меню, — это элемент с двумя разными исходами и одним
+ * доступным именем: с клавиатуры до второго исхода не добраться вовсе, а
+ * скринридер объявит одно действие вместо двух. Разделение здесь не оформление,
+ * а разные элементы управления.
+ *
+ * ИМЯ РАСКРЫВАТЕЛЯ СТРОИТСЯ ИЗ ПОДПИСИ ДЕЙСТВИЯ, и это единственное собственное
+ * решение компонента. Без него в речи идут «Экспорт» и следом безымянная кнопка
+ * со стрелкой — а таких стрелок на странице обычно несколько, и различить их
+ * нечем. Отсюда и требование к `label` быть строкой.
+ *
+ * Вид и раскладка целиком чужие: `ButtonGroup` срезает внутренние углы и
+ * схлопывает соседние рамки, `Button` и `MenuButton` берут вид из
+ * `lib/button.ts`. Своей палитры компонент не заводит — оси `variant`, `tone` и
+ * `size` те же, что у кнопки, и значат то же самое.
+ *
+ * Почему `MenuButton`, а не второй `Button`: `MenuTrigger` передаёт триггеру
+ * свои пропы через `ButtonContext` react-aria, и обычный `<button>` этого
+ * контекста не читает — меню молча не откроется. Разбор — в докстроке `Menu`.
+ *
+ * ТРИГГЕР УПРАВЛЯЕМЫЙ, И ЭТО НЕ ПРИХОТЬ. Неуправляемый `MenuTrigger` держит
+ * открытую панель независимо от того, что стало с кнопкой: выключенность гасила
+ * бы только раскрыватель, а уже раскрытое меню оставалось бы в DOM и его пункты
+ * продолжали бы срабатывать. Компонент выглядел бы выключенным, а второй способ
+ * сделать действие работал бы — ровно то, что обещание `disabled` отрицает.
+ *
+ * Остальные пропы наружу НЕ пробрасываются, и это тоже следствие двух
+ * элементов: у `id`, `type` или `data-*` здесь нет однозначного адресата.
+ * Кнопке, которая обязана отправлять форму, нужен `Button` с `MenuTrigger`
+ * рядом, собранные вручную, — у них адресат каждый свой.
+ */
+export declare function SplitButton({ label, icon, onClick, disabled, loading, variant, tone, size, children, placement, className, }: SplitButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=SplitButton.d.ts.map

package/dist/components/actions/SplitButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../../src/components/actions/SplitButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpF,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAMjE,MAAM,WAAW,gBAAgB;IAC/B;;;;;;;;OAQG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yGAAyG;IACzG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sGAAsG;IACtG,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,yGAAyG;IACzG,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAC;IACpE;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAgB,EAChB,OAAe,EACf,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,SAAwB,EACxB,SAAS,GACV,EAAE,gBAAgB,+BAmDlB"}

package/dist/components/actions/SplitButton.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useMessages } from "../../i18n/useMessages.js";
+import { ChevronDownIcon } from "../../icons.js";
+import { Button } from "./Button.js";
+import { ButtonGroup } from "./ButtonGroup.js";
+import { Menu, MenuButton, MenuTrigger } from "../overlays/Menu.js";
+import { BUTTON_ICON_SIZE } from "../../lib/button.js";
+export function SplitButton({ label, icon, onClick, disabled = false, loading = false, variant, tone, size, children, placement = "bottom end", className, }) {
+    const messages = useMessages();
+    const moreLabel = messages.splitButton.more({ action: label });
+    const off = disabled || loading;
+    const [open, setOpen] = useState(false);
+    useEffect(() => {
+        if (off)
+            setOpen(false);
+    }, [off]);
+    return (_jsxs(ButtonGroup, { className: className, children: [_jsx(Button, { variant: variant, tone: tone, size: size, icon: icon, disabled: disabled, loading: loading, onClick: onClick, children: label }), _jsxs(MenuTrigger, { isOpen: open && !off, onOpenChange: setOpen, children: [_jsx(MenuButton, { variant: variant, tone: tone, size: size, iconOnly: true, disabled: off, "aria-label": moreLabel, icon: _jsx(ChevronDownIcon, { size: BUTTON_ICON_SIZE[size ?? "md"], "aria-hidden": true }) }), _jsx(Menu, { placement: placement, children: children })] })] }));
+}
+//# sourceMappingURL=SplitButton.js.map

package/dist/components/actions/SplitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.js","sourceRoot":"","sources":["../../../src/components/actions/SplitButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAA0C,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA2FvD,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,YAAY,EACxB,SAAS,GACQ;IACjB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAC/D,MAAM,GAAG,GAAG,QAAQ,IAAI,OAAO,CAAC;IAChC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAWxC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,MAAC,WAAW,IAAC,SAAS,EAAE,SAAS,aAC/B,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,YAEf,KAAK,GACC,EACT,MAAC,WAAW,IAAC,MAAM,EAAE,IAAI,IAAI,CAAC,GAAG,EAAE,YAAY,EAAE,OAAO,aACtD,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,QACR,QAAQ,EAAE,GAAG,gBACD,SAAS,EACrB,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,IAAI,IAAI,CAAC,wBAAgB,GAC3E,EAMF,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACjC,IACF,CACf,CAAC;AACJ,CAAC"}

package/dist/components/actions/StatusBadge.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import { type Size, type Tone } from "../../lib/variants.js";
+export interface StatusBadgeProps extends Omit<ComponentPropsWithoutRef<"span">, "children"> {
+    /** Подпись состояния. Сопоставление «статус → тон и подпись» остаётся за потребителем. */
+    children: ReactNode;
+    /** Цвет подложки, текста и точки из словаря тонов. По умолчанию `neutral`. */
+    tone?: Tone;
+    /** Высота бейджа: `sm` — компактный, `md` — выше. По умолчанию `sm`. */
+    size?: Extract<Size, "sm" | "md">;
+    /** Точка-индикатор слева, цвета тона. По умолчанию показана. */
+    dot?: boolean;
+}
+/**
+ * Бейдж состояния: приглушённая подложка тона, текст цветом тона, точка слева.
+ *
+ * Версия во фронте держала внутри словарь из 11 доменных статусов вместе с
+ * русскими подписями — `in_progress` → «В процессе», `duplicate` → «Дубль».
+ * Пакету знать о доменных статусах нельзя: он не про обои и не про публикации.
+ * Поэтому здесь остаётся только форма, а сопоставление «статус → тон + подпись»
+ * живёт во фронте, рядом с доменом.
+ *
+ * Размеры и отступы прежней версии задавались инлайн-числами (`fontSize: 11`,
+ * `padding: "3px 8px 3px 6px"`) мимо шкалы токенов — здесь это утилиты.
+ */
+export declare const StatusBadge: import("react").ForwardRefExoticComponent<StatusBadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=StatusBadge.d.ts.map

package/dist/components/actions/StatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/actions/StatusBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElF,OAAO,EAAe,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE1E,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1F,0FAA0F;IAC1F,QAAQ,EAAE,SAAS,CAAC;IACpB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,IAAI,CAAC;IAGZ,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,gEAAgE;IAChE,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAOD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,8GAwBtB,CAAC"}

package/dist/components/actions/StatusBadge.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/cn.js";
+import { TONE_TOKENS } from "../../lib/variants.js";
+const SIZES = {
+    sm: "h-[18px] gap-1.5 pr-2 pl-1.5 text-[11px]",
+    md: "h-[22px] gap-1.5 pr-2.5 pl-2 text-xs",
+};
+export const StatusBadge = forwardRef(function StatusBadge({ children, tone = "neutral", size = "sm", dot = true, className, ...rest }, ref) {
+    const t = TONE_TOKENS[tone];
+    return (_jsxs("span", { ref: ref, className: cn("inline-flex items-center rounded-full font-semibold tracking-wider whitespace-nowrap", SIZES[size], t.bg, t.fg, className), ...rest, children: [dot ? (_jsx("span", { "aria-hidden": "true", className: cn("h-1.5 w-1.5 shrink-0 rounded-full", t.dotBg) })) : null, children] }));
+});
+//# sourceMappingURL=StatusBadge.js.map

package/dist/components/actions/StatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../src/components/actions/StatusBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAiD,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAwB,MAAM,uBAAuB,CAAC;AAe1E,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,0CAA0C;IAC9C,EAAE,EAAE,sCAAsC;CAClC,CAAC;AAcX,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAoC,SAAS,WAAW,CAC3F,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC3E,GAAG;IAEH,MAAM,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAE5B,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,KAAK,CAAC,IAAI,CAAC,EACX,CAAC,CAAC,EAAE,EACJ,CAAC,CAAC,EAAE,EACJ,SAAS,CACV,KACG,IAAI,aAEP,GAAG,CAAC,CAAC,CAAC,CACL,8BAAkB,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,CAAC,CAAC,KAAK,CAAC,GAAI,CACzF,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/actions/Toaster.d.ts

@@ -0,0 +1,83 @@
+import { type ReactNode } from "react";
+export interface ToasterProps {
+    /** Угол или край экрана, в котором стекаются тосты. По умолчанию `bottom-right`. */
+    position?: "top-right" | "top-center" | "bottom-right" | "bottom-center";
+    /** Сколько тост держится на экране, мс. По умолчанию 4000. */
+    duration?: number;
+    /** Тема. Нужна витрине; в приложении цвета и так приходят из токенов. */
+    theme?: "light" | "dark" | "system";
+    /**
+     * Имя CSS-переменной с высотой нижней панели приложения. Тосты у нижнего края
+     * встают на эту высоту выше обычного отступа, а не под панель. По умолчанию
+     * `--bottombar-h` — её публикует слот `bottomBar` у `AppShell`. Переменной нет
+     * (панели нет или она скрыта на широком экране) — отступ прежний. Для верхних
+     * позиций не имеет значения.
+     */
+    offsetVar?: string;
+}
+/**
+ * Область, в которой всплывают тосты. Ставится один раз рядом с корнем.
+ *
+ * СОБРАН НА `sonner`, а не написан заново, и не на react-aria: тостов она не
+ * даёт вовсе. Стек, очередь, свайп, пауза при наведении, схлопывание пачки —
+ * всё это у sonner уже есть и проверено; своя реализация была бы не примитивом,
+ * а второй библиотекой. Ровно та же логика, по которой порталы арендованы у
+ * Radix, а поведение полей — у react-aria.
+ *
+ * Вид задаётся токенами пакета через `--normal-*`, которые sonner подставляет
+ * в свои внутренние классы. Умолчания sonner при этом не отключаются наполовину:
+ * `unstyled` увёл бы за собой и раскладку, и анимации, а вместе с ними смысл
+ * брать библиотеку.
+ */
+export declare function Toaster({ position, duration, theme, offsetVar, }: ToasterProps): import("react").JSX.Element;
+export interface ToastOptions {
+    /** Вторая строка — подробности. У ошибки сюда идёт текст с сервера. */
+    description?: ReactNode;
+    /** Сколько этот тост держится на экране, мс. Перекрывает `duration` области `Toaster`. */
+    duration?: number;
+    /** Кнопка действия в тосте: подпись и обработчик нажатия. */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+/**
+ * Тосты по тонам словаря.
+ *
+ * ЧЕТЫРЕ МЕТОДА, А НЕ ПРОИЗВОЛЬНЫЙ JSX. У sonner есть и `toast.custom`, и
+ * произвольное содержимое — здесь их нет намеренно: тост, умеющий всё,
+ * перестаёт быть частью системы, и через полгода в приложении оказывается
+ * пять разных тостов. Тон — это словарь пакета, а не оформление места вызова.
+ *
+ * `neutral` выражается `info`: отдельного «никакого» тона у события не бывает.
+ *
+ * ЧТО СЮДА НЕ ВХОДИТ: разбор ошибки API. `extractErrorMessage` остаётся у
+ * потребителя — формат ответов сервера это его знание, а не дизайн-системы.
+ * Вызов выглядит так:
+ *
+ *     toast.error("Не удалось сохранить", { description: extractErrorMessage(err) })
+ */
+export declare const toast: {
+    success: (message: ReactNode, options?: ToastOptions) => string | number;
+    error: (message: ReactNode, options?: ToastOptions) => string | number;
+    warning: (message: ReactNode, options?: ToastOptions) => string | number;
+    info: (message: ReactNode, options?: ToastOptions) => string | number;
+    /**
+     * Тост, следящий за промисом: ожидание → успех или ошибка.
+     *
+     * Сигнатура СВОЯ, а не проброшенная у sonner, и это вынужденно: его тип
+     * ссылается на внутренний, неэкспортированный (`PromiseIExtendedResult`), и
+     * компилятор отказывается порождать `.d.ts` пакета — «cannot be named».
+     * Пакет всё равно обязан объявлять свой контракт, так что здесь он написан
+     * явно и заодно сужен до того, что действительно нужно.
+     *
+     * Подписи задаёт вызывающий: только он знает, что именно сохраняется.
+     */
+    promise: <T>(promise: Promise<T>, messages: {
+        loading: ReactNode;
+        success: ReactNode | ((data: T) => ReactNode);
+        error: ReactNode | ((error: unknown) => ReactNode);
+    }) => void;
+    dismiss: (id?: string | number) => string | number;
+};
+//# sourceMappingURL=Toaster.d.ts.map

package/dist/components/actions/Toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/components/actions/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,YAAY;IAC3B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,WAAW,GAAG,YAAY,GAAG,cAAc,GAAG,eAAe,CAAC;IACzE,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACpC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAyB,EACzB,QAAe,EACf,KAAK,EACL,SAA8B,GAC/B,EAAE,YAAY,+BA6Cd;AAED,MAAM,WAAW,YAAY;IAC3B,uEAAuE;IACvE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CACjD;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,KAAK;uBACG,SAAS,YAAY,YAAY;qBACnC,SAAS,YAAY,YAAY;uBAC/B,SAAS,YAAY,YAAY;oBACpC,SAAS,YAAY,YAAY;IACjD;;;;;;;;;;OAUG;cAGO,CAAC,WACA,OAAO,CAAC,CAAC,CAAC,YACT;QACR,OAAO,EAAE,SAAS,CAAC;QACnB,OAAO,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC,CAAC;QAC9C,KAAK,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC;KACpD,KACA,IAAI;mBAGQ,MAAM,GAAG,MAAM;CAC/B,CAAC"}

package/dist/components/actions/Toaster.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from "react";
+import { Toaster as SonnerToaster, toast as sonnerToast } from "sonner";
+import { ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from "../../icons.js";
+import { TONE_TOKENS } from "../../lib/variants.js";
+const DEFAULT_OFFSET_VAR = "--bottombar-h";
+export function Toaster({ position = "bottom-right", duration = 4000, theme, offsetVar = DEFAULT_OFFSET_VAR, }) {
+    return (_jsx(SonnerToaster, { position: position, offset: { bottom: `calc(var(${offsetVar}, 0px) + 24px)` }, mobileOffset: { bottom: `calc(var(${offsetVar}, 0px) + 16px)` }, duration: duration, theme: theme, style: {
+            "--normal-bg": "color-mix(in srgb, var(--surface-elevated) 82%, transparent)",
+            "--normal-text": "var(--fg-0)",
+            "--normal-border": "var(--line-soft)",
+        }, toastOptions: {
+            classNames: {
+                toast: "rounded-lg border text-[13px] shadow-[var(--shadow-2)] backdrop-blur-[14px]",
+                title: "font-semibold",
+                description: "text-fg-2 text-[12px]",
+                actionButton: TONE_TOKENS.accent.solid,
+                cancelButton: TONE_TOKENS.neutral.solid,
+            },
+        }, icons: {
+            success: _jsx(SuccessIcon, { size: 16, className: "text-success-strong" }),
+            error: _jsx(ErrorIcon, { size: 16, className: "text-danger-strong" }),
+            warning: _jsx(WarningIcon, { size: 16, className: "text-warning-strong" }),
+            info: _jsx(InfoIcon, { size: 16, className: "text-accent-strong" }),
+        } }));
+}
+export const toast = {
+    success: (message, options) => sonnerToast.success(message, options),
+    error: (message, options) => sonnerToast.error(message, options),
+    warning: (message, options) => sonnerToast.warning(message, options),
+    info: (message, options) => sonnerToast.info(message, options),
+    promise: (promise, messages) => {
+        sonnerToast.promise(promise, messages);
+    },
+    dismiss: (id) => sonnerToast.dismiss(id),
+};
+//# sourceMappingURL=Toaster.js.map

package/dist/components/actions/Toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../src/components/actions/Toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAoBpD,MAAM,kBAAkB,GAAG,eAAe,CAAC;AAgB3C,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,GAAG,cAAc,EACzB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,SAAS,GAAG,kBAAkB,GACjB;IACb,OAAO,CACL,KAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAOlB,MAAM,EAAE,EAAE,MAAM,EAAE,YAAY,SAAS,gBAAgB,EAAE,EACzD,YAAY,EAAE,EAAE,MAAM,EAAE,YAAY,SAAS,gBAAgB,EAAE,EAC/D,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EAIZ,KAAK,EACH;YAKE,aAAa,EAAE,8DAA8D;YAC7E,eAAe,EAAE,aAAa;YAC9B,iBAAiB,EAAE,kBAAkB;SACf,EAE1B,YAAY,EAAE;YACZ,UAAU,EAAE;gBACV,KAAK,EAAE,6EAA6E;gBACpF,KAAK,EAAE,eAAe;gBACtB,WAAW,EAAE,uBAAuB;gBACpC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK;gBACtC,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK;aACxC;SACF,EACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,qBAAqB,GAAG;YAClE,KAAK,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,oBAAoB,GAAG;YAC7D,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,qBAAqB,GAAG;YAClE,IAAI,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,oBAAoB,GAAG;SAC5D,GACD,CACH,CAAC;AACJ,CAAC;AA2BD,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,OAAO,EAAE,CAAC,OAAkB,EAAE,OAAsB,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC;IAC9F,KAAK,EAAE,CAAC,OAAkB,EAAE,OAAsB,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1F,OAAO,EAAE,CAAC,OAAkB,EAAE,OAAsB,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC;IAC9F,IAAI,EAAE,CAAC,OAAkB,EAAE,OAAsB,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;IAcxF,OAAO,EAAE,CACP,OAAmB,EACnB,QAIC,EACK,EAAE;QACR,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACzC,CAAC;IACD,OAAO,EAAE,CAAC,EAAoB,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC;CAC3D,CAAC"}

package/dist/components/actions/Toggle.d.ts

@@ -0,0 +1,75 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+interface ToggleBaseProps extends Omit<ComponentPropsWithoutRef<"button">, "onChange" | "value" | "children" | "aria-label"> {
+    /** Включён ли переключатель. Управляемое значение: своего состояния компонент не держит. */
+    checked: boolean;
+    /** Вызывается с новым значением при нажатии, если чужой `onClick` не отменил его через `preventDefault`. */
+    onCheckedChange: (checked: boolean) => void;
+}
+/**
+ * Имя переключателя: либо `label` без видимого текста, либо видимая подпись
+ * в `children` с необязательным `description`. Ровно один источник имени —
+ * как у `TagGroup`: два при правке расходятся молча, а на слух переключатель
+ * назывался бы иначе, чем на экране.
+ *
+ * ПРАВИЛО «РОВНО ОДИН» ПРОВЕРЯЕТСЯ В РАЗРАБОТКЕ, А НЕ ТИПОМ. Объединение
+ * `label | children` сломало бы потребителя: `interface X extends ToggleProps`
+ * не компилируется от объединения, а `Omit<ToggleProps, …>` над ним склеивает
+ * ветки в тип, который не подходит ни одной. Это был бы мажор ради minor-оси.
+ */
+export interface ToggleProps extends ToggleBaseProps {
+    /**
+     * Доступное имя, когда подписи на экране нет.
+     *
+     * Переключатель — `<button role="switch">` без текста внутри. Обёртка в
+     * `<label>` имени ему не даёт: `<label>` связывается с полями формы, а не с
+     * кнопкой. Без имени скринридер объявит безымянный переключатель, и глазами
+     * этот дефект не виден.
+     *
+     * Сделано отдельным пропом, а не обязательным `aria-label`: союзный тип из
+     * `aria-label | aria-labelledby` ломает вывод типов в Storybook и в любой
+     * обёртке через `ComponentProps`. Если нужен именно `aria-labelledby` —
+     * он проходит насквозь через `...rest`.
+     *
+     * Когда подпись нужна и на экране, передайте её в `children` вместо `label`:
+     * имя тогда берётся из неё.
+     */
+    label?: string;
+    /**
+     * Видимая подпись. Рисуется слева от дорожки, нажатие по ней переключает, и
+     * она же становится доступным именем — отдельный `label` тогда не нужен.
+     *
+     * Так же устроен `Checkbox`: подпись в `children`, `label` — имя на случай,
+     * когда подписи на экране нет.
+     */
+    children?: ReactNode;
+    /**
+     * Пояснение под подписью: что именно включается и к чему это приведёт. Связано
+     * с переключателем через `aria-describedby` и сливается с описанием
+     * `FormField` и своим `aria-describedby`, а не заменяет их. Нажатие по нему
+     * тоже переключает. Без видимой подписи не рисуется.
+     */
+    description?: ReactNode;
+}
+/**
+ * Переключатель.
+ *
+ * Здесь `checked`, а не `selected` из общего словаря: у переключателя есть
+ * родное ARIA-понятие (`role="switch"` + `aria-checked`), и подменять его
+ * своим термином — значит расходиться со стандартом. `selected` остаётся
+ * за элементами выбора: чипами, вкладками, пунктами списка.
+ *
+ * ПОДПИСЬ НА ЭКРАНЕ — ЧЕРЕЗ `children`. Строка настройки «заголовок и описание
+ * слева, переключатель справа» повторяется в каждом кабинете, и собирать её
+ * приходилось руками (`SettingRow` на экране «Аккаунт SaaS»), а вместе с ней —
+ * связь описания с переключателем и нажатие по тексту. Теперь это штатный путь:
+ * тот же компонент, новая семантика (видимое имя и описание), а не новый
+ * примитив ради раскладки. С подписью `className` относится к строке целиком,
+ * без неё — к самой дорожке, как и раньше.
+ *
+ * Прежняя версия во фронте была `<button>` без роли и без `aria-checked` —
+ * скринридер объявлял её просто кнопкой без состояния. Плюс не поддерживала
+ * `disabled`. Смещение бегунка и тень фокуса задавались инлайн-стилями.
+ */
+export declare const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Toggle.d.ts.map

package/dist/components/actions/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/actions/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzF,UAAU,eAAgB,SAAQ,IAAI,CACpC,wBAAwB,CAAC,QAAQ,CAAC,EAClC,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CACjD;IACC,4FAA4F;IAC5F,OAAO,EAAE,OAAO,CAAC;IACjB,4GAA4G;IAC5G,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,2GA0IjB,CAAC"}

package/dist/components/actions/Toggle.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import { useDescribedBy } from "../../hooks/useFieldDescription.js";
+import { cn } from "../../lib/cn.js";
+import { devWarn } from "../../lib/dev-warn.js";
+import { hasContent } from "../../lib/empty.js";
+import { STATE_BORDER } from "../../lib/variants.js";
+export const Toggle = forwardRef(function Toggle({ checked, onCheckedChange, label, children, description, className, disabled, type = "button", onClick, ...rest }, ref) {
+    const ownId = useId();
+    const switchId = rest.id ?? `${ownId}-switch`;
+    const labelId = `${ownId}-label`;
+    const descriptionId = `${ownId}-description`;
+    const visible = hasContent(children);
+    const showDescription = visible && hasContent(description);
+    const labelledBy = rest["aria-labelledby"];
+    if (!visible && !label && !labelledBy)
+        devWarn("Toggle: the switch has no accessible name. Pass `label`, or a visible label in `children`.");
+    if (visible && label)
+        devWarn("Toggle: both `label` and visible `children` are set. The visible label names the switch; drop `label`.");
+    if (!visible && hasContent(description))
+        devWarn("Toggle: `description` needs a visible label in `children`; without it, it is not shown.");
+    const describedBy = useDescribedBy([
+        rest["aria-describedby"],
+        showDescription && descriptionId,
+    ]
+        .filter(Boolean)
+        .join(" ") || undefined);
+    const control = (_jsx("button", { ...rest, ref: ref, id: visible ? switchId : rest.id, type: type, role: "switch", "aria-checked": checked, ...(visible ? { "aria-labelledby": labelId } : { "aria-label": label }), ...(describedBy ? { "aria-describedby": describedBy } : {}), disabled: disabled, onClick: (event) => {
+            onClick?.(event);
+            if (event.defaultPrevented)
+                return;
+            onCheckedChange(!checked);
+        }, className: cn("relative h-[22px] w-[38px] shrink-0 cursor-pointer rounded-full border", "transition-colors", "focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:outline-offset-2", "disabled:pointer-events-none disabled:opacity-50", checked ? cn(STATE_BORDER.accent, "bg-accent") : "border-line bg-bg-3", !visible && className), children: _jsx("span", { "aria-hidden": "true", className: cn("bg-text-on-accent absolute top-[2px] h-4 w-4 rounded-full transition-[left]", checked ? "left-[17px]" : "left-[2px]") }) }));
+    if (!visible)
+        return control;
+    return (_jsxs("div", { className: cn("flex items-center justify-between gap-4", className), children: [_jsxs("div", { className: cn("flex min-w-0 flex-col", disabled && "opacity-50"), children: [_jsx("label", { id: labelId, htmlFor: switchId, className: cn("text-fg-0 text-[13px] font-medium", disabled ? "cursor-not-allowed" : "cursor-pointer"), children: children }), showDescription && (_jsx("label", { id: descriptionId, htmlFor: switchId, className: cn("text-fg-2 text-xs", disabled ? "cursor-not-allowed" : "cursor-pointer"), children: description }))] }), control] }));
+});
+//# sourceMappingURL=Toggle.js.map

package/dist/components/actions/Toggle.js.map

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

package/dist/components/actions/ToggleGroup.d.ts

@@ -0,0 +1,63 @@
+import { type ReactNode } from "react";
+import { type Key } from "react-aria-components";
+import type { Size, Tone } from "../../lib/variants.js";
+export interface ToggleGroupOption {
+    /** Ключ переключателя: по нему набор выбранных попадает в `value` и в `onChange`. */
+    id: Key;
+    /** Подпись переключателя. Без неё кнопка квадратная, и нужен `aria-label`. */
+    label?: ReactNode;
+    /** Иконка перед подписью. */
+    icon?: ReactNode;
+    /** Доступное имя, когда подписи нет. */
+    "aria-label"?: string;
+    /** Гасит один переключатель; остальные остаются рабочими. */
+    disabled?: boolean;
+}
+export interface ToggleGroupProps {
+    /** Переключатели по порядку. */
+    options: ToggleGroupOption[];
+    /** Ключи (`id`) выбранных переключателей: группа управляемая, своего состояния не держит. */
+    value: Key[];
+    /** Вызывается с полным новым набором ключей выбранных переключателей. */
+    onChange: (value: Key[]) => void;
+    /**
+     * Сколько можно выбрать одновременно.
+     *
+     * `multiple` — то, ради чего компонент и существует: `Segmented` умеет
+     * ровно один выбранный, потому что это переключатель режима — «список или
+     * плитка», «день, неделя, месяц». Здесь же выбирают НАБОР: фильтр по
+     * нескольким статусам, включённые типы уведомлений.
+     *
+     * `single` оставлен не для симметрии, а для случая «один или ни одного»:
+     * у `Segmented` снять выбор нельзя вовсе, а фильтр обязан сниматься.
+     */
+    selectionMode?: "multiple" | "single";
+    /** Размер кнопок: `sm` или `md`. По умолчанию `md`. */
+    size?: Extract<Size, "sm" | "md">;
+    /** Тон выбранных переключателей; невыбранные всегда нейтральны. По умолчанию `accent`. */
+    tone?: Tone;
+    /** Гасит всю группу разом. */
+    disabled?: boolean;
+    /** Классы на контейнер группы. */
+    className?: string;
+    /** Доступное имя группы. */
+    "aria-label"?: string;
+}
+/**
+ * Группа переключателей: выбирается набор, а не режим.
+ *
+ * ЧЕМ ОТЛИЧАЕТСЯ ОТ `Segmented` — множественностью, и это единственное
+ * отличие, ради которого стоит держать два компонента:
+ *
+ *   `Segmented`   — ровно один выбранный, снять нельзя. Переключатель режима:
+ *                   «список / плитка», «день / неделя / месяц». Выбранное
+ *                   значение всегда есть, потому что режим есть всегда.
+ *   `ToggleGroup` — набор от нуля до всех. Фильтр по статусам, включённые
+ *                   типы уведомлений. Пустой набор — законное состояние.
+ *
+ * Свести их в один компонент с пропом `multiple` мешает не техника, а смысл:
+ * у режима не бывает «ничего не выбрано», и общий компонент пришлось бы учить
+ * состоянию, которое для половины его применений — ошибка.
+ */
+export declare function ToggleGroup({ options, value, onChange, selectionMode, size, tone, disabled, className, ...rest }: ToggleGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=ToggleGroup.d.ts.map

package/dist/components/actions/ToggleGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/actions/ToggleGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAmC,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIlF,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,WAAW,iBAAiB;IAChC,qFAAqF;IACrF,EAAE,EAAE,GAAG,CAAC;IACR,8EAA8E;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,gCAAgC;IAChC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,6FAA6F;IAC7F,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,yEAAyE;IACzE,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACjC;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACtC,uDAAuD;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,0FAA0F;IAC1F,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAA0B,EAC1B,IAAW,EACX,IAAe,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAmElB"}

package/dist/components/actions/ToggleGroup.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { ToggleButton, ToggleButtonGroup } from "react-aria-components";
+import { buttonClasses } from "../../lib/button.js";
+import { cn } from "../../lib/cn.js";
+import { hasContent } from "../../lib/empty.js";
+export function ToggleGroup({ options, value, onChange, selectionMode = "multiple", size = "md", tone = "accent", disabled, className, ...rest }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        const group = ref.current;
+        if (!group)
+            return;
+        const strip = () => {
+            if (group.getAttribute("role") === "group")
+                group.removeAttribute("aria-orientation");
+        };
+        strip();
+        const observer = new MutationObserver(strip);
+        observer.observe(group, { attributes: true, attributeFilter: ["role", "aria-orientation"] });
+        return () => observer.disconnect();
+    }, []);
+    return (_jsx(ToggleButtonGroup, { ...rest, ref: ref, selectionMode: selectionMode, selectedKeys: value, onSelectionChange: (keys) => onChange([...keys]), isDisabled: disabled, className: cn("flex flex-wrap items-center gap-1.5", "data-[orientation=vertical]:flex-col data-[orientation=vertical]:flex-nowrap data-[orientation=vertical]:items-start", className), children: options.map((option) => (_jsxs(ToggleButton, { id: option.id, isDisabled: option.disabled, "aria-label": option["aria-label"], className: ({ isSelected }) => cn(buttonClasses({
+                variant: isSelected ? "solid" : "outline",
+                tone: isSelected ? tone : "neutral",
+                size,
+                iconOnly: !hasContent(option.label),
+            })), children: [option.icon, hasContent(option.label) ? _jsx("span", { children: option.label }) : null] }, String(option.id)))) }));
+}
+//# sourceMappingURL=ToggleGroup.js.map

package/dist/components/actions/ToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../../src/components/actions/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAY,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AA+DhD,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAAa,GAAG,UAAU,EAC1B,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACU;IACjB,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAUzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC;QAC1B,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,KAAK,GAAG,GAAG,EAAE;YACjB,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,OAAO;gBAAE,KAAK,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACxF,CAAC,CAAC;QACF,KAAK,EAAE,CAAC;QACR,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC7C,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,EAAE,CAAC,CAAC;QAC7F,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,iBAAiB,OACZ,IAAI,EACR,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,KAAK,EACnB,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAChD,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,EAAE,CACX,qCAAqC,EAIrC,sHAAsH,EACtH,SAAS,CACV,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,MAAC,YAAY,IAEX,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,UAAU,EAAE,MAAM,CAAC,QAAQ,gBACf,MAAM,CAAC,YAAY,CAAC,EAChC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAC5B,EAAE,CAKA,aAAa,CAAC;gBACZ,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;gBACzC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;gBACnC,IAAI;gBACJ,QAAQ,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC;aACpC,CAAC,CACH,aAGF,MAAM,CAAC,IAAI,EACX,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,yBAAO,MAAM,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,KApBzD,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAqBT,CAChB,CAAC,GACgB,CACrB,CAAC;AACJ,CAAC"}

package/dist/components/actions/Toolbar.d.ts

@@ -0,0 +1,52 @@
+import { type ReactNode } from "react";
+import type { AccessibleName } from "../../lib/accessible-name.js";
+interface ToolbarBaseProps {
+    /** Действия панели и `Separator` между их группами. */
+    children?: ReactNode;
+    /**
+     * Куда идут стрелки: `horizontal` — влево и вправо, `vertical` — вверх и вниз.
+     * Вертикальная панель кладёт действия столбцом (боковая панель у полотна).
+     */
+    orientation?: "horizontal" | "vertical";
+    /** Классы на корневой элемент панели. */
+    className?: string;
+}
+/**
+ * Имя панели обязательно: либо строкой, либо ссылкой на видимый заголовок.
+ *
+ * Безымянная `toolbar` объявляется скринридером просто «панель инструментов» —
+ * без указания, к чему она относится, а на экране их обычно несколько. Тип
+ * требует ровно одно из двух — общее правило кита (`AccessibleName`).
+ */
+export type ToolbarProps = ToolbarBaseProps & AccessibleName;
+/**
+ * Панель действий с одной остановкой табуляции.
+ *
+ * ПОВЕДЕНИЕ — ОТ `Toolbar` REACT-ARIA, и оно не роуминг табиндекса. Хук
+ * перехватывает клавиши на погружении: стрелка по оси панели двигает фокус на
+ * соседний фокусируемый узел, а Tab уводит фокус на край панели и отдаёт его
+ * браузеру, поэтому панель входит и выходит одной остановкой. Уходя, панель
+ * запоминает, где был фокус, и возвращает его туда же. Всё, что вынесено
+ * порталом (панель `Menu`, `Popover`, `ContextMenu`), в DOM панели не лежит,
+ * и стрелки внутри открытого меню остаются меню.
+ *
+ * HOME И END ДОБАВЛЕНЫ ЗДЕСЬ: `useToolbar` их не обрабатывает, хотя образец
+ * панели инструментов в APG их требует. Берём край среди тех же элементов,
+ * что обходят стрелки. В полях ввода, на ползунках и в составных виджетах
+ * (вкладки, сетка, список) клавиши остаются за ними.
+ *
+ * СТРЕЛКИ — ТОЛЬКО ПО ОСИ ПАНЕЛИ. Поперечные клавиши не трогаются, поэтому
+ * в горизонтальной панели `ArrowDown` по-прежнему открывает `Menu`, а в
+ * вертикальной — нет: стрелки вниз там заняты обходом, меню открывает Enter
+ * или пробел.
+ *
+ * РАЗДЕЛИТЕЛЬ И `ToggleGroup` ПОЛУЧАЮТ ОСЬ ЧЕРЕЗ КОНТЕКСТЫ react-aria. Черта
+ * между группами лежит поперёк оси панели, поэтому `Separator` без своего
+ * `orientation` ложится вертикально в горизонтальной панели и наоборот.
+ * Контекст идёт и через порталы, поэтому оверлеи кита (`PopoverContent`,
+ * `Dialog`, `Drawer`) обнуляют его на своей границе — `withoutToolbarAxis`.
+ * В чужом портале (Radix напрямую) `Separator` задают с `orientation` явно.
+ */
+export declare const Toolbar: import("react").ForwardRefExoticComponent<ToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/components/actions/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/actions/Toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAGnE,UAAU,gBAAgB;IACxB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAqF7D;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,OAAO,yGA+ElB,CAAC"}