@olddevs/ui 0.0.0-stage → 4.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/actions/Banner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAiD,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAa,MAAM,uBAAuB,CAAC;AAwB/D,MAAM,UAAU,GAA4B;IAC1C,OAAO,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI;IAC/B,MAAM,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI;IAC9B,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI;IAClC,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI;IAClC,MAAM,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI;CAChC,CAAC;AAoCF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CAC3E,EAAE,IAAI,GAAG,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC7F,GAAG;IAEH,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAE5B,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC5C,SAAS,EAAE,EAAE,CACX,mEAAmE,EAInE,CAAC,CAAC,MAAM,EACR,CAAC,CAAC,EAAE,EACJ,CAAC,CAAC,MAAM,EACR,SAAS,CACV,KACG,IAAI,aAER,eAAM,SAAS,EAAC,4BAA4B,YAAE,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,GAAQ,EAC9E,eAAK,SAAS,EAAC,sDAAsD,aAClE,KAAK,IAAI,IAAI,IAAI,eAAM,SAAS,EAAC,eAAe,YAAE,KAAK,GAAQ,EAO/D,QAAQ,IAAI,IAAI,IAAI,eAAM,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAQ,IAC5D,EACL,MAAM,IAAI,IAAI,IAAI,cAAK,SAAS,EAAC,UAAU,YAAE,MAAM,GAAO,EAC1D,SAAS,IAAI,IAAI,IAAI,CACpB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,gBACN,UAAU,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,EAC/C,SAAS,EAAC,+IAA+I,YAEzJ,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,79 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import type { ButtonSize, Tone, Variant } from "../../lib/variants.js";
+export interface ButtonProps extends Omit<ComponentPropsWithoutRef<"button">, "children"> {
+    /** Подпись кнопки. При `iconOnly` не рендерится; при `asChild` содержимым распоряжается дочерний элемент. */
+    children?: ReactNode;
+    /** Подача: `solid`, `soft`, `outline` или `ghost` из словаря кита. По умолчанию `soft`. */
+    variant?: Variant;
+    /** Тон: цветовая роль кнопки из словаря кита. По умолчанию `neutral`. */
+    tone?: Tone;
+    /**
+     * Размер кнопки из словаря кита. По умолчанию `md`.
+     *
+     * `xs` — четвёртая ступень, заведённая под кнопку-иконку в строке
+     * списка: 20 пикселей вместо 30 у `sm`, иначе строка на 32 растягивается до
+     * 42. Подпись в него не предполагается — берите вместе с `iconOnly`.
+     */
+    size?: ButtonSize;
+    /** Иконка перед подписью. Во время `loading` её место занимает кольцо отправки. */
+    icon?: ReactNode;
+    /**
+     * Только иконка: квадрат без горизонтальных отступов, подпись не рендерится.
+     *
+     * Такой кнопке нужно доступное имя — из `aria-label` или `title`. Компилятор
+     * этого не требует (союзный тип ломает вывод в Storybook и в обёртках, см.
+     * `Toggle`), зато требует аудит axe: безымянная кнопка роняет его как
+     * `critical`. Проверка есть в `tests-visual/a11y.spec.ts`.
+     */
+    iconOnly?: boolean;
+    /**
+     * Отправка идёт: вместо иконки крутится кольцо, кнопка не нажимается,
+     * а состояние объявляется через `aria-busy`.
+     *
+     * Выключенность здесь наступает сама — отдельный `disabled` рядом с
+     * `loading` писать не нужно. Так было в `ConfirmDialog`, и это же руками
+     * повторял экран логина: пятнадцать строк собственной кнопки с shimmer'ом.
+     *
+     * Индикатор занимает слот иконки. У кнопки без иконки это добавляет слот на
+     * время отправки, то есть подпись сдвигается — поэтому кнопке, которая
+     * умеет уходить в отправку, иконку лучше дать сразу.
+     *
+     * При `asChild` смысл тот же, что у `disabled` там же: настоящего атрибута
+     * у ссылки нет, поэтому выключенность выражается `aria-disabled` и снятием
+     * событий указателя.
+     */
+    loading?: boolean;
+    /**
+     * Нажатое состояние кнопки-переключателя: выставляет `aria-pressed` и нажатый вид.
+     *
+     * Нужно панельной кнопке, которая держит открытым что-то ещё. Не `active`: словарь допускает только `selected`.
+     */
+    selected?: boolean;
+    /**
+     * Вывести кнопку дочерним элементом вместо своей `<button>`: ссылкой,
+     * `next/link`, триггером чужого компонента. Пропы и `ref` сливаются с потомком.
+     *
+     * Нужен там, где элемент выглядит кнопкой, но кнопкой не является: «Создать
+     * кампанию» ведёт на другой экран, и это ссылка — её открывают в новой
+     * вкладке средней кнопкой мыши, копируют адрес, видят в строке состояния.
+     * Кнопка с `onClick={() => router.push(…)}` не умеет ничего из этого.
+     *
+     * ВАЖНО: `type="button"` при `asChild` не проставляется — у ссылки такого
+     * атрибута нет вовсе, и React отрисовал бы его в разметку мусором.
+     * Клавиатура при этом меняется, и это не дефект, а разница ролей: кнопка
+     * жмётся пробелом и Enter, ссылка — только Enter.
+     *
+     * Два пропа при `asChild` меняют поведение, потому что иначе молча врали бы:
+     *
+     * - `disabled` у ссылки не существует как атрибут: `<a disabled>` остаётся
+     *   и фокусируемой, и переходимой, а `disabled:opacity-50` не срабатывает,
+     *   потому что `:disabled` — псевдокласс полей формы. Поэтому здесь он
+     *   превращается в `aria-disabled` плюс снятие событий указателя.
+     * - `selected` не превращается в `aria-pressed`: у роли `link` этот атрибут
+     *   запрещён, и аудит axe ловит его как `aria-allowed-attr`. Нажатой ссылки
+     *   не бывает — если состояние нужно, это кнопка, а не ссылка.
+     */
+    asChild?: boolean;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/actions/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEvE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACvF,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2FAA2F;IAC3F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mFAAmF;IACnF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA0CD,eAAO,MAAM,MAAM,2GA6GjB,CAAC"}

package/dist/components/actions/Button.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot, Slottable } from "@radix-ui/react-slot";
+import { cloneElement, forwardRef, isValidElement, } from "react";
+import { buttonClasses, SPINNER_BASE, SPINNER_SIZES } from "../../lib/button.js";
+import { cn } from "../../lib/cn.js";
+function disableChild(children) {
+    return isValidElement(children)
+        ? cloneElement(children, { tabIndex: -1 })
+        : children;
+}
+export const Button = forwardRef(function Button({ children, variant = "soft", tone = "neutral", size = "md", icon, iconOnly = false, loading = false, selected = false, asChild = false, className, type, ...rest }, ref) {
+    const Comp = asChild ? Slot : "button";
+    const { disabled, ...restWithoutDisabled } = rest;
+    const isDisabled = disabled || loading;
+    const passthrough = asChild
+        ? restWithoutDisabled
+        : { ...restWithoutDisabled, disabled: isDisabled };
+    return (_jsxs(Comp, { ref: ref, type: asChild ? type : (type ?? "button"), "aria-pressed": !asChild && selected ? true : undefined, "aria-disabled": asChild && isDisabled ? true : undefined, "aria-busy": loading || undefined, className: cn(buttonClasses({ variant, tone, size, iconOnly, selected }), asChild && isDisabled && "pointer-events-none opacity-50", className), ...passthrough, ...(asChild && isDisabled
+            ? {
+                tabIndex: -1,
+                onKeyDown: (event) => {
+                    if (event.key === "Enter" || event.key === " ")
+                        event.preventDefault();
+                },
+            }
+            : null), children: [loading ? _jsx("span", { "aria-hidden": true, className: cn(SPINNER_BASE, SPINNER_SIZES[size]) }) : icon, asChild ? (_jsx(Slottable, { children: asChild && isDisabled ? disableChild(children) : children })) : children != null && !iconOnly ? (_jsx("span", { children: children })) : null] }));
+});
+//# sourceMappingURL=Button.js.map

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

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

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

@@ -0,0 +1,32 @@
+import type { ComponentPropsWithRef, ReactNode } from "react";
+export interface ButtonGroupProps extends ComponentPropsWithRef<"div"> {
+    /** Кнопки. Обычные `Button` — своего вида группа им не навязывает. */
+    children?: ReactNode;
+    /** Направление ряда: `horizontal` — в строку, `vertical` — в столбец. По умолчанию `horizontal`. */
+    orientation?: "horizontal" | "vertical";
+    /**
+     * Доступное имя группы.
+     *
+     * Задавать стоит там, где кнопки образуют одно решение («Вид: список,
+     * плитка»). Без имени группа остаётся просто рядом кнопок — это законно и
+     * ничего не ломает.
+     */
+    "aria-label"?: string;
+}
+/**
+ * Ряд кнопок, сцепленных в один блок.
+ *
+ * Скругления и рамки правит ГРУППА, а не кнопки: иначе каждая кнопка должна
+ * была бы знать, где она стоит в ряду, — то есть получить проп «я первая»,
+ * который в одиночном применении не значит ничего.
+ *
+ * Делается это селекторами по потомкам, а не классами на детях, и поэтому
+ * работает с любым содержимым: обычной кнопкой, `iconOnly`, кнопкой-ссылкой
+ * через `asChild`. Соседям срезается общая граница (`-ml-px`), чтобы двойная
+ * рамка между кнопками не читалась толще внешней.
+ *
+ * `role="group"` ставится только вместе с именем: безымянная группа — это
+ * лишнее объявление в речи скринридера, за которым не следует ничего.
+ */
+export declare function ButtonGroup({ children, orientation, className, ...rest }: ButtonGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=ButtonGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/actions/ButtonGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACpE,sEAAsE;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oGAAoG;IACpG,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,WAA0B,EAC1B,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAwBlB"}

package/dist/components/actions/ButtonGroup.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+export function ButtonGroup({ children, orientation = "horizontal", className, ...rest }) {
+    const horizontal = orientation === "horizontal";
+    return (_jsx("div", { role: rest["aria-label"] ? "group" : undefined, className: cn("inline-flex", horizontal ? "flex-row" : "flex-col", horizontal
+            ? "[&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none"
+            : "[&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none", "[&>*:focus-visible]:relative [&>*:focus-visible]:z-10 [&>*:hover]:relative [&>*:hover]:z-10", className), ...rest, children: children }));
+}
+//# sourceMappingURL=ButtonGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/components/actions/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAgCrC,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAW,GAAG,YAAY,EAC1B,SAAS,EACT,GAAG,IAAI,EACU;IACjB,MAAM,UAAU,GAAG,WAAW,KAAK,YAAY,CAAC;IAEhD,OAAO,CACL,cACE,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC9C,SAAS,EAAE,EAAE,CACX,aAAa,EACb,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAEpC,UAAU;YACR,CAAC,CAAC,6GAA6G;YAC/G,CAAC,CAAC,6GAA6G,EAIjH,6FAA6F,EAC7F,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,36 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import { type Size, type Tone } from "../../lib/variants.js";
+export interface ChipProps extends Omit<ComponentPropsWithoutRef<"button">, "children"> {
+    /** Подпись чипа. Спрятанная `iconOnly`/`mobileIconOnly`, остаётся доступным именем кнопки. */
+    children?: ReactNode;
+    /** Только `sm` и `md`: чип крупнее среднего перестаёт читаться как чип. */
+    size?: Extract<Size, "sm" | "md">;
+    /** Цвет выбранного состояния. На невыбранный чип не влияет — он всегда нейтрален. */
+    tone?: Tone;
+    /** Было `active`. Переименовано: словарь допускает только `selected`. */
+    selected?: boolean;
+    /** Иконка перед подписью. */
+    icon?: ReactNode;
+    /** Счётчик справа. Ноль отображается, `null`/`undefined` — нет. */
+    count?: number | null;
+    /** Скрыть подпись всегда, оставив иконку. */
+    iconOnly?: boolean;
+    /** Скрыть подпись только на узких экранах (< 640px). */
+    mobileIconOnly?: boolean;
+}
+/**
+ * Фильтрующий чип — эталон variant-API дизайн-системы.
+ *
+ * Три вещи, которые отличают его от версии во фронте и которым следуют
+ * остальные примитивы:
+ *
+ * 1. Все состояния — CSS, а не React. Ни `useState`, ни обработчиков мыши:
+ *    hover, focus-visible, disabled и нажатие описаны псевдоклассами. Компонент
+ *    не перерисовывается от наведения курсора.
+ * 2. Ни одного инлайн-`style`. Только Tailwind-утилиты поверх токенов, поэтому
+ *    смена темы работает без участия JS.
+ * 3. Явный `:focus-visible`. Глобальное правило в `styles.css` его тоже даёт,
+ *    но примитив не должен зависеть от того, подключил ли потребитель базовые стили.
+ */
+export declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/actions/Chip.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,SAAU,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACrF,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,qFAAqF;IACrF,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAOD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,IAAI,yGAoEf,CAAC"}

package/dist/components/actions/Chip.js

@@ -0,0 +1,16 @@
+"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-7 gap-1.5 px-2.5 text-xs",
+    md: "h-8 gap-2 px-3 text-[13px]",
+};
+export const Chip = forwardRef(function Chip({ children, size = "md", tone = "accent", selected = false, icon, count, iconOnly = false, mobileIconOnly = false, className, type = "button", ...rest }, ref) {
+    const t = TONE_TOKENS[tone];
+    return (_jsxs("button", { ref: ref, type: type, "aria-pressed": selected, className: cn("inline-flex shrink-0 cursor-pointer items-center rounded-full border font-semibold", "transition-colors", "focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:outline-offset-2", "disabled:pointer-events-none disabled:opacity-50", SIZES[size], selected
+            ? cn(t.border, t.bg, "text-fg-0")
+            : "border-line-soft text-fg-1 hover:bg-bg-2 hover:text-fg-0 bg-transparent", className), ...rest, children: [icon ? _jsx("span", { className: "shrink-0 opacity-70", children: icon }) : null, children != null ? (_jsx("span", { className: iconOnly ? "sr-only" : mobileIconOnly ? "sr-only sm:not-sr-only sm:inline" : undefined, children: children })) : null, count != null ? _jsx("span", { className: "font-mono tabular-nums", children: count }) : null] }));
+});
+//# sourceMappingURL=Chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/actions/Chip.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;AAqB1E,MAAM,KAAK,GAAgC;IACzC,EAAE,EAAE,4BAA4B;IAChC,EAAE,EAAE,4BAA4B;CACjC,CAAC;AAgBF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA+B,SAAS,IAAI,CACxE,EACE,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,KAAK,EACtB,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAE5B,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,kBAEI,QAAQ,EACtB,SAAS,EAAE,EAAE,CACX,oFAAoF,EACpF,mBAAmB,EACnB,4FAA4F,EAC5F,kDAAkD,EAClD,KAAK,CAAC,IAAI,CAAC,EACX,QAAQ;YACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,WAAW,CAAC;YACjC,CAAC,CAAC,yEAAyE,EAC7E,SAAS,CACV,KACG,IAAI,aAEP,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,qBAAqB,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EAYjE,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAClB,eACE,SAAS,EACP,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,SAAS,YAGvF,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,IAAI,EAQP,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IACxE,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,32 @@
+import { type ReactNode } from "react";
+import { type ButtonProps } from "./Button.js";
+export interface CopyButtonProps extends Omit<ButtonProps, "children" | "icon" | "onClick" | "value" | "onCopy"> {
+    /** Что скопировать. */
+    value: string;
+    /** Подпись рядом с иконкой. Без неё кнопка иконочная. */
+    children?: ReactNode;
+    /** Сколько держать состояние «скопировано», мс. */
+    resetDelay?: number;
+    /** Сообщить наружу, чем кончилось. Логи и метрики — забота потребителя. */
+    onCopy?: (ok: boolean) => void;
+}
+/**
+ * Кнопка «скопировать»: значение в буфер и внятный ответ пользователю.
+ *
+ * РЕЗУЛЬТАТ ОБЪЯВЛЯЕТСЯ, а не только меняет иконку. Галочка вместо иконки —
+ * сигнал для глаз; пользователь скринридера, нажав кнопку, иначе не узнает,
+ * сработала она или нет. Поэтому рядом стоит живая область, смонтированная
+ * ВСЕГДА: вставленная вместе с текстом, она объявляется ненадёжно — часть
+ * скринридеров успевает её пропустить. Тот же приём, что в `FileDropzone`.
+ *
+ * ОТКАЗ БУФЕРА — ЗАКОННЫЙ ИСХОД, а не исключение. `navigator.clipboard`
+ * отсутствует в небезопасном контексте (страница по `http`), а запись может
+ * быть запрещена разрешениями. Кнопка при этом не падает и не притворяется
+ * успешной: она говорит, что скопировать не вышло, и значение остаётся
+ * доступным для выделения руками.
+ *
+ * Таймер сбрасывается при размонтировании: иначе `setState` прилетал бы в
+ * снятый компонент после закрытия попапа, в котором кнопка стояла.
+ */
+export declare function CopyButton({ value, children, resetDelay, onCopy, className, ...rest }: CopyButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=CopyButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../src/components/actions/CopyButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjF,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAGvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,WAAW,EAGX,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CACrD;IACC,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,UAAiB,EACjB,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,+BA4DjB"}

package/dist/components/actions/CopyButton.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { CheckIcon, CopyIcon } from "../../icons.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { cn } from "../../lib/cn.js";
+import { hasContent } from "../../lib/empty.js";
+import { Button } from "./Button.js";
+import { BUTTON_ICON_SIZE } from "../../lib/button.js";
+export function CopyButton({ value, children, resetDelay = 2000, onCopy, className, ...rest }) {
+    const messages = useMessages();
+    const [state, setState] = useState("idle");
+    const timer = useRef(null);
+    useEffect(() => () => {
+        if (timer.current != null)
+            clearTimeout(timer.current);
+    }, []);
+    const copy = useCallback(async () => {
+        let ok = false;
+        try {
+            await navigator.clipboard.writeText(value);
+            ok = true;
+        }
+        catch {
+            ok = false;
+        }
+        setState(ok ? "copied" : "failed");
+        onCopy?.(ok);
+        if (timer.current != null)
+            clearTimeout(timer.current);
+        timer.current = setTimeout(() => setState("idle"), resetDelay);
+    }, [value, onCopy, resetDelay]);
+    const label = state === "copied"
+        ? messages.copyButton.copied
+        : state === "failed"
+            ? messages.copyButton.failed
+            : messages.copyButton.copy;
+    const iconSize = BUTTON_ICON_SIZE[rest.size ?? "md"];
+    return (_jsxs("span", { className: cn("inline-flex items-center", className), children: [_jsx(Button, { ...rest, "aria-label": hasContent(children) ? undefined : label, icon: state === "copied" ? _jsx(CheckIcon, { size: iconSize }) : _jsx(CopyIcon, { size: iconSize }), iconOnly: !hasContent(children), tone: state === "failed" ? "danger" : rest.tone, onClick: () => void copy(), children: children }), _jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: state === "idle" ? "" : label })] }));
+}
+//# sourceMappingURL=CopyButton.js.map

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

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

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

@@ -0,0 +1,36 @@
+import { type Size, type Tone } from "../../lib/variants.js";
+export interface ProgressProps {
+    /**
+     * 0–100. `null` — прогресс неизвестен: бегущая полоса вместо доли.
+     *
+     * Это не то же самое, что `0`. Ноль означает «начали и пока ничего не
+     * сделали», `null` — «сколько всего работы, неизвестно». Второе бывает у
+     * запроса без длины ответа, и показывать его нулём значит врать.
+     */
+    value: number | null;
+    /** Цвет заполненной части полосы из словаря тонов. По умолчанию `accent`. */
+    tone?: Tone;
+    /** Толщина полосы: `sm` — тоньше, `md` — толще. По умолчанию `md`. */
+    size?: Extract<Size, "sm" | "md">;
+    /** Что именно идёт. Обязательно: безымянный индикатор ни о чём не сообщает. */
+    label: string;
+    /** Показать процент справа от полосы. */
+    showValue?: boolean;
+    /** Классы на корневой элемент, в который собраны полоса и процент. */
+    className?: string;
+}
+/**
+ * Полоса прогресса.
+ *
+ * `aria-valuenow` при неизвестном прогрессе ОТСУТСТВУЕТ, а не равен нулю —
+ * так ARIA отличает «полоса на нуле» от «идёт неизвестно сколько». Это делает
+ * react-aria, если не передать значение; подставить туда `0` значило бы
+ * сообщить скринридеру неправду.
+ *
+ * Когда полоса, а когда `Skeleton` или `Spinner`: полоса нужна там, где долю
+ * работы можно назвать — загрузка файла, обработка пачки. Если долю назвать
+ * нельзя, а форма будущего содержимого известна — `Skeleton`; если неизвестна и
+ * она — `Spinner`.
+ */
+export declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/actions/Progress.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAe,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE1E,MAAM,WAAW,aAAa;IAC5B;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,0GA0DnB,CAAC"}

package/dist/components/actions/Progress.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { ProgressBar } from "react-aria-components";
+import { cn } from "../../lib/cn.js";
+import { isShowableNumber } from "../../lib/empty.js";
+import { TONE_TOKENS } from "../../lib/variants.js";
+const HEIGHTS = { sm: "h-1", md: "h-1.5" };
+export const Progress = forwardRef(function Progress({ value, tone = "accent", size = "md", label, showValue, className }, ref) {
+    const t = TONE_TOKENS[tone];
+    const indeterminate = !isShowableNumber(value);
+    return (_jsx(ProgressBar, { ref: ref, value: isShowableNumber(value) ? value : undefined, isIndeterminate: indeterminate, "aria-label": label, className: cn("flex items-center gap-2", className), children: ({ percentage, valueText }) => (_jsxs(_Fragment, { children: [_jsx("div", { className: cn("bg-bg-3 relative w-full overflow-hidden rounded-full", HEIGHTS[size]), children: _jsx("div", { className: cn("duration-moderate h-full rounded-full transition-[width]", t.dotBg, indeterminate && "animate-progress-indeterminate w-1/3"), style: indeterminate ? undefined : { width: `${percentage ?? 0}%` } }) }), showValue && (_jsx("span", { className: "text-fg-2 w-10 shrink-0 text-right text-[11px] tabular-nums", children: indeterminate ? "—" : valueText }))] })) }));
+});
+//# sourceMappingURL=Progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../src/components/actions/Progress.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAwB,MAAM,uBAAuB,CAAC;AAuB1E,MAAM,OAAO,GAAgC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC;AAexE,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAgC,SAAS,QAAQ,CACjF,EAAE,KAAK,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,EACpE,GAAG;IAEH,MAAM,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAW5B,MAAM,aAAa,GAAG,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,CACL,KAAC,WAAW,IACV,GAAG,EAAE,GAAG,EAIR,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAClD,eAAe,EAAE,aAAa,gBAClB,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YAElD,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC9B,8BACE,cACE,SAAS,EAAE,EAAE,CAAC,sDAAsD,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,YAEpF,cACE,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,CAAC,CAAC,KAAK,EAQP,aAAa,IAAI,sCAAsC,CACxD,EACD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,UAAU,IAAI,CAAC,GAAG,EAAE,GACnE,GACE,EACL,SAAS,IAAI,CACZ,eAAM,SAAS,EAAC,6DAA6D,YAC1E,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,GAC3B,CACR,IACA,CACJ,GACW,CACf,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,64 @@
+import type { ReactNode } from "react";
+export interface SegmentedOption<T extends string = string> {
+    /** Значение сегмента: оно приходит в `onChange` и сравнивается с `value` переключателя. */
+    value: T;
+    /** Подпись сегмента. Пустая строка считается отсутствием подписи. */
+    label?: ReactNode;
+    /** Иконка перед подписью. */
+    icon?: ReactNode;
+    /**
+     * Подсказка при наведении на сегмент и доступное имя сегмента без подписи.
+     *
+     * **Обязательна, если у сегмента нет подписи** —
+     * она же становится доступным именем. Отсутствием подписи считается и
+     * `undefined`, и пустая строка.
+     */
+    tooltip?: string;
+    /** Недоступный сегмент: режим есть, но сейчас применить его нельзя. */
+    disabled?: boolean;
+}
+export interface SegmentedProps<T extends string = string> {
+    /** Значение выбранного сегмента: переключатель управляемый, своего состояния не держит. */
+    value: T;
+    /** Вызывается с `value` сегмента, по которому нажали. */
+    onChange: (value: T) => void;
+    /** Сегменты по порядку слева направо. */
+    options: SegmentedOption<T>[];
+    /**
+     * На узком экране (< 640 пикселей) у сегмента остаётся одна иконка: подпись
+     * прячется только визуально и остаётся доступным именем кнопки.
+     *
+     * Свойство всего переключателя, а не отдельного сегмента: ряд, где часть
+     * вкладок со словами, а часть без, менял бы ширину при переключении, и
+     * кнопки прыгали бы под пальцем.
+     *
+     * Порог — тот же `sm`, что у `Chip.mobileIconOnly`. Наружу он не выносится:
+     * два потребителя с разными порогами разошлись бы в поведении без причины.
+     *
+     * `tooltip` при этом НЕ становится обязательным. Требование «сегмент без
+     * подписи обязан иметь подсказку» относится к настоящему отсутствию подписи
+     * (`label: ""`); здесь подпись есть, просто её не видно.
+     */
+    mobileIconOnly?: boolean;
+}
+/**
+ * Переключатель из нескольких сегментов — вид списка, режим поиска, период.
+ *
+ * Выбранный сегмент помечен `aria-pressed`, а не только фоном. Прежняя версия
+ * во фронте различала состояние исключительно цветом: для скринридера все
+ * сегменты выглядели одинаковыми безымянными кнопками, и понять, какой из них
+ * включён, было нельзя. Это тот же дефект, что был у переключателя тем.
+ *
+ * Сегменты без подписи (только иконка) обязаны иметь `tooltip` — он же даёт
+ * доступное имя через `aria-label`. Без него кнопка остаётся безымянной,
+ * и аудит axe роняет прогон как `critical`. Подписью не считается пустая
+ * строка: `label: ""` рядом с иконкой — это «только иконка».
+ *
+ * `mobileIconOnly` — ДРУГОЕ: подпись остаётся, её просто не видно на узком
+ * экране. Имя кнопки при этом берёт сама подпись, и подсказка не нужна —
+ * поэтому режим и живёт в ките, а не собирается у потребителя: спрятать
+ * подпись правильно это одна строка классов, а неправильно — три способа
+ * получить кнопку без имени, которую видно только аудитом.
+ */
+export declare function Segmented<T extends string = string>({ value, onChange, options, mobileIconOnly, }: SegmentedProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=Segmented.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Segmented.d.ts","sourceRoot":"","sources":["../../../src/components/actions/Segmented.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACxD,2FAA2F;IAC3F,KAAK,EAAE,CAAC,CAAC;IACT,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACvD,2FAA2F;IAC3F,KAAK,EAAE,CAAC,CAAC;IACT,yDAAyD;IACzD,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,yCAAyC;IACzC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B;;;;;;;;;;;;;;OAcG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACnD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,cAAsB,GACvB,EAAE,cAAc,CAAC,CAAC,CAAC,+BAsFnB"}

package/dist/components/actions/Segmented.js

@@ -0,0 +1,14 @@
+"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 { Tooltip } from "../overlays/Tooltip.js";
+export function Segmented({ value, onChange, options, mobileIconOnly = false, }) {
+    return (_jsx("div", { className: "border-line-soft bg-bg-2 rounded-control inline-flex flex-wrap gap-x-0.5 gap-y-1 border p-[3px]", children: options.map((opt) => {
+            const selected = value === opt.value;
+            const hideLabel = mobileIconOnly && opt.icon != null;
+            const button = (_jsxs("button", { type: "button", "aria-pressed": selected, "aria-label": hasContent(opt.label) ? undefined : opt.tooltip, disabled: opt.disabled, onClick: () => onChange(opt.value), className: cn("inline-flex shrink-0 cursor-pointer items-center gap-1.5 rounded-sm px-3 py-1.5", hideLabel && "max-sm:px-2", "text-xs font-semibold whitespace-nowrap transition-colors", "focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:outline-offset-2", "disabled:pointer-events-none disabled:opacity-50", selected ? "bg-bg-3 text-fg-0" : "text-fg-2 hover:text-fg-0 bg-transparent"), children: [opt.icon, hasContent(opt.label) ? (_jsx("span", { className: hideLabel ? "sr-only sm:not-sr-only sm:inline" : undefined, children: opt.label })) : null] }, opt.value));
+            return opt.tooltip ? (_jsx(Tooltip, { content: opt.tooltip, children: button }, opt.value)) : (button);
+        }) }));
+}
+//# sourceMappingURL=Segmented.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Segmented.js","sourceRoot":"","sources":["../../../src/components/actions/Segmented.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAiEjD,MAAM,UAAU,SAAS,CAA4B,EACnD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,cAAc,GAAG,KAAK,GACJ;IAClB,OAAO,CAYL,cAAK,SAAS,EAAC,iGAAiG,YAC7G,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,QAAQ,GAAG,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC;YAWrC,MAAM,SAAS,GAAG,cAAc,IAAI,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC;YACrD,MAAM,MAAM,GAAG,CACb,kBAEE,IAAI,EAAC,QAAQ,kBACC,QAAQ,gBAUV,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,EAC3D,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAClC,SAAS,EAAE,EAAE,CACX,iFAAiF,EAIjF,SAAS,IAAI,aAAa,EAC1B,2DAA2D,EAC3D,4FAA4F,EAC5F,kDAAkD,EAClD,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,0CAA0C,CAC5E,aAEA,GAAG,CAAC,IAAI,EASR,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,eAAM,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,SAAS,YACxE,GAAG,CAAC,KAAK,GACL,CACR,CAAC,CAAC,CAAC,IAAI,KAxCH,GAAG,CAAC,KAAK,CAyCP,CACV,CAAC;YAKF,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CACnB,KAAC,OAAO,IAAiB,OAAO,EAAE,GAAG,CAAC,OAAO,YAC1C,MAAM,IADK,GAAG,CAAC,KAAK,CAEb,CACX,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,46 @@
+import { type Size, type Tone } from "../../lib/variants.js";
+export interface SpinnerProps {
+    /** Размер кольца: `sm`, `md` или `lg`. По умолчанию `md`. */
+    size?: Size;
+    /** Цвет кольца из словаря тонов. По умолчанию `accent`. */
+    tone?: Tone;
+    /** Доступное имя. По умолчанию — «Загрузка». */
+    label?: string;
+    /** Классы на корневой элемент. */
+    className?: string;
+}
+/**
+ * Крутящийся индикатор — когда неизвестно ни сколько ждать, ни что появится.
+ *
+ * ГРАНИЦА С СОСЕДЯМИ, и её стоит держать в голове:
+ *
+ *   `Skeleton`  — форма будущего содержимого известна: строки списка, карточка.
+ *   `Progress`  — известна доля выполненной работы.
+ *   `Spinner`   — не известно ни то, ни другое: отправка формы, ожидание ответа
+ *                 без раскладки под него.
+ *
+ * Скелетон вместо спиннера там, где форма известна, — не украшение: он
+ * удерживает раскладку, и содержимое не прыгает при появлении.
+ *
+ * `role="status"` с невидимой подписью, а не голый `div`: без имени вращающийся
+ * кружок для скринридера просто не существует, и пользователь не узнаёт, что
+ * страница чем-то занята.
+ *
+ * Вращение при `prefers-reduced-motion` НЕ гасится — это одно из двух
+ * названных исключений кита (ADR-0043; второе — неопределённый `Progress`).
+ * Довод тот же, что и у `role="status"` абзацем выше: спиннер — единственное,
+ * чем кит сообщает «идёт работа». Остановленный кружок не спокойнее
+ * крутящегося, он выглядит сломанным, и пользователь теряет сведения, а не
+ * раздражитель. W3C выводит существенное движение из-под правила; здесь оно
+ * существенное.
+ *
+ * Чтобы исключение было видно не только отсюда, `--animate-spin` объявлен в
+ * `@theme` кита явно: гейт читает `styles.css` и о дефолтной теме Tailwind не
+ * знает.
+ *
+ * До волны 27 этот абзац утверждал обратное — что анимация гасится «глобальным
+ * правилом пакета». Правила не существовало: во всём репозитории строка
+ * `prefers-reduced-motion` встречалась ровно один раз, в нём самом.
+ */
+export declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/actions/Spinner.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE1E,MAAM,WAAW,YAAY;IAC3B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,OAAO,0GAsBlB,CAAC"}

package/dist/components/actions/Spinner.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/cn.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { TONE_TOKENS } from "../../lib/variants.js";
+const SIZES = {
+    sm: "size-3.5 border-[1.5px]",
+    md: "size-4 border-2",
+    lg: "size-6 border-2",
+};
+export const Spinner = forwardRef(function Spinner({ size = "md", tone = "accent", label, className }, ref) {
+    const messages = useMessages();
+    const t = TONE_TOKENS[tone];
+    return (_jsxs("span", { ref: ref, role: "status", className: cn("inline-flex items-center", className), children: [_jsx("span", { "aria-hidden": true, className: cn("animate-spin rounded-full border-current border-t-transparent", SIZES[size], t.fg) }), _jsx("span", { className: "sr-only", children: label ?? messages.spinner.label })] }));
+});
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/actions/Spinner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAwB,MAAM,uBAAuB,CAAC;AAa1E,MAAM,KAAK,GAAyB;IAClC,EAAE,EAAE,yBAAyB;IAC7B,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;CACtB,CAAC;AAmCF,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAgC,SAAS,OAAO,CAC/E,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAClD,GAAG;IAEH,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAE5B,OAAO,CACL,gBAAM,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,aAChF,oCAEE,SAAS,EAAE,EAAE,CAGX,+DAA+D,EAC/D,KAAK,CAAC,IAAI,CAAC,EACX,CAAC,CAAC,EAAE,CACL,GACD,EACF,eAAM,SAAS,EAAC,SAAS,YAAE,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAQ,IAC7D,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}