@olddevs/ui 0.0.0-stage → 4.0.1

package/dist/components/app-shell/NavItem.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot, Slottable } from "@radix-ui/react-slot";
+import { createContext, forwardRef, useContext, } from "react";
+import { cn } from "../../lib/cn.js";
+import { Tooltip } from "../overlays/Tooltip.js";
+export const NavCollapsedContext = createContext(false);
+export const NavCollapsedProvider = NavCollapsedContext.Provider;
+const BASE = "focus-visible:outline-accent-strong flex items-center gap-3 rounded-control border " +
+    "px-3 py-[9px] text-[13px] leading-5 no-underline transition-colors " +
+    "focus-visible:outline-2 focus-visible:outline-offset-2";
+const STATE = {
+    active: "border-line bg-bg-3 text-fg-0 font-semibold",
+    idle: "text-fg-1 hover:bg-bg-2 hover:text-fg-0 border-transparent font-medium",
+};
+export const NavItem = forwardRef(function NavItem({ label, icon, active = false, badge, shortcut, asChild = false, children, className, ...rest }, ref) {
+    const collapsed = useContext(NavCollapsedContext);
+    const Comp = asChild ? Slot : "a";
+    const item = (_jsxs(Comp, { ref: ref, "aria-current": active ? "page" : undefined, className: cn(BASE, active ? STATE.active : STATE.idle, collapsed && "justify-center px-0", className), ...rest, children: [icon ? (_jsx("span", { "aria-hidden": true, className: cn("flex shrink-0", active ? "text-accent-strong" : "text-fg-2"), children: icon })) : null, _jsx("span", { className: cn(collapsed ? "sr-only" : "truncate"), children: label }), !collapsed && badge != null ? _jsx("span", { className: "ml-auto flex shrink-0", children: badge }) : null, !collapsed && shortcut != null ? (_jsx("span", { className: cn("shrink-0", badge == null && "ml-auto"), children: shortcut })) : null, asChild ? _jsx(Slottable, { children: children }) : children] }));
+    return collapsed ? _jsx(Tooltip, { content: label, children: item }) : item;
+});
+//# sourceMappingURL=NavItem.js.map

package/dist/components/app-shell/NavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../src/components/app-shell/NavItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EACL,aAAa,EACb,UAAU,EACV,UAAU,GAGX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAWjD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;AAGxD,MAAM,CAAC,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,QAAQ,CAAC;AA0CjE,MAAM,IAAI,GACR,qFAAqF;IACrF,qEAAqE;IACrE,wDAAwD,CAAC;AAE3D,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,6CAA6C;IACrD,IAAI,EAAE,wEAAwE;CACtE,CAAC;AAoBX,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAkC,SAAS,OAAO,CACjF,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC/F,GAAG;IAEH,MAAM,SAAS,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAClD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAElC,MAAM,IAAI,GAAG,CACX,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,kBAGM,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,EAAE,CACX,IAAI,EACJ,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAClC,SAAS,IAAI,qBAAqB,EAClC,SAAS,CACV,KACG,IAAI,aAEP,IAAI,CAAC,CAAC,CAAC,CACN,oCAEE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,WAAW,CAAC,YAE1E,IAAI,GACA,CACR,CAAC,CAAC,CAAC,IAAI,EAOR,eAAM,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,YAAG,KAAK,GAAQ,EACtE,CAAC,SAAS,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC3F,CAAC,SAAS,IAAI,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAChC,eAAM,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,KAAK,IAAI,IAAI,IAAI,SAAS,CAAC,YAAG,QAAQ,GAAQ,CAC/E,CAAC,CAAC,CAAC,IAAI,EAOP,OAAO,CAAC,CAAC,CAAC,KAAC,SAAS,cAAE,QAAQ,GAAa,CAAC,CAAC,CAAC,QAAQ,IAClD,CACR,CAAC;IAIF,OAAO,SAAS,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,OAAO,EAAE,KAAK,YAAG,IAAI,GAAW,CAAC,CAAC,CAAC,IAAI,CAAC;AACtE,CAAC,CAAC,CAAC"}

package/dist/components/app-shell/SideNav.d.ts

@@ -0,0 +1,65 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+/** @internal Провайдер для `AppShell`. */
+export declare const NavInOverlayProvider: import("react").Provider<boolean>;
+export interface NavGroupProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+    /**
+     * Заголовок раздела — и доступное имя группы, поэтому строка, а не `ReactNode`.
+     *
+     * В иконочном режиме заголовок с экрана уходит: места под него нет. Имя
+     * группы при этом остаётся — разделитель без имени превратил бы структуру
+     * навигации в набор непонятно чем разделённых иконок.
+     */
+    label?: string;
+    /** Пункты раздела — обычно `NavItem`. */
+    children: ReactNode;
+}
+/**
+ * Раздел навигации: заголовок и пункты под ним.
+ *
+ * В схлопнутом виде заголовок заменяется чертой. Это не украшение: без неё
+ * иконочная навигация теряет структуру целиком, а с подписью — не помещается.
+ */
+export declare const NavGroup: import("react").ForwardRefExoticComponent<NavGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface SideNavProps extends Omit<ComponentPropsWithoutRef<"nav">, "children"> {
+    /** Содержимое колонки между шапкой и подвалом: `NavGroup` и `NavItem`; прокручивается, если не помещается. */
+    children: ReactNode;
+    /** Слот шапки: логотип, название продукта. */
+    header?: ReactNode;
+    /** Слот подвала: пользователь, ссылки, что угодно ещё. */
+    footer?: ReactNode;
+    /**
+     * Схлопнутость в управляемом режиме. Задана — компонент своё состояние не
+     * держит вовсе и слушается потребителя.
+     */
+    collapsed?: boolean;
+    /** Начальная схлопнутость в неуправляемом режиме. */
+    defaultCollapsed?: boolean;
+    /** Вызывается с новым значением, когда пользователь нажал кнопку сворачивания; в ящике мобильного режима не зовётся. */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /**
+     * Показывать встроенную кнопку сворачивания. `false` — навигация схлопывается
+     * только снаружи (например кнопкой в шапке приложения) или не схлопывается.
+     */
+    collapsible?: boolean;
+    /** Доступное имя навигации. Не задано — берётся из каталога сообщений. */
+    label?: string;
+}
+/**
+ * Боковая навигация приложения: шапка, разделы с пунктами, подвал.
+ *
+ * СОСТОЯНИЕ. Схлопнутость — состояние виджета, а не домена, поэтому компонент
+ * умеет держать её сам: пара `defaultCollapsed` / `collapsed` +
+ * `onCollapsedChange` — обычная для кита. А вот **персистентность остаётся у
+ * потребителя**: кит не знает ни про `localStorage`, ни про хранилище
+ * приложения, и знать не должен (ADR-0018).
+ *
+ * МОБИЛЬНЫЙ РЕЖИМ здесь не живёт. Ниже `md` навигация уезжает в `Drawer`, и
+ * решает это `AppShell`: сама по себе `SideNav` — просто колонка, которую можно
+ * положить куда угодно, в том числе внутрь ящика.
+ *
+ * Ширины приходят из токенов `--sidenav-w` и `--sidenav-w-collapsed`, а не из
+ * пропов: то же значение нужно сетке `AppShell`, и гонять его через React
+ * значило бы ререндерить ради того, что CSS читает сам.
+ */
+export declare const SideNav: import("react").ForwardRefExoticComponent<SideNavProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=SideNav.d.ts.map

package/dist/components/app-shell/SideNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/SideNav.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgBf,0CAA0C;AAC1C,eAAO,MAAM,oBAAoB,mCAA+B,CAAC;AAEjE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACtF;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,0GA0BnB,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACrF,8GAA8G;IAC9G,QAAQ,EAAE,SAAS,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wHAAwH;IACxH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,sGAkGlB,CAAC"}

package/dist/components/app-shell/SideNav.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useCallback, useContext, useState, } from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "../../icons.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { cn } from "../../lib/cn.js";
+import { Button } from "../actions/Button.js";
+import { NavCollapsedContext, NavCollapsedProvider } from "./NavItem.js";
+import { BUTTON_ICON_SIZE } from "../../lib/button.js";
+const NavInOverlayContext = createContext(false);
+export const NavInOverlayProvider = NavInOverlayContext.Provider;
+export const NavGroup = forwardRef(function NavGroup({ label, children, className, ...rest }, ref) {
+    const collapsed = useContext(NavCollapsedContext);
+    return (_jsxs("div", { ref: ref, role: "group", "aria-label": label, className: cn("flex flex-col gap-0.5", className), ...rest, children: [label != null ? (collapsed ? (_jsx("hr", { "aria-hidden": true, className: "border-line-soft mx-2 my-1.5" })) : (_jsx("div", { className: "text-fg-3 px-3 pt-3 pb-1 text-[11px] font-semibold tracking-wide uppercase", children: label }))) : null, children] }));
+});
+export const SideNav = forwardRef(function SideNav({ children, header, footer, collapsed, defaultCollapsed = false, onCollapsedChange, collapsible = true, label, className, ...rest }, ref) {
+    const messages = useMessages();
+    const inOverlay = useContext(NavInOverlayContext);
+    const [uncontrolled, setUncontrolled] = useState(defaultCollapsed);
+    const isControlled = collapsed !== undefined;
+    const isCollapsed = inOverlay ? false : isControlled ? collapsed : uncontrolled;
+    const showToggle = collapsible && !inOverlay;
+    const toggle = useCallback(() => {
+        const next = !isCollapsed;
+        if (!isControlled)
+            setUncontrolled(next);
+        onCollapsedChange?.(next);
+    }, [isCollapsed, isControlled, onCollapsedChange]);
+    return (_jsx(NavCollapsedProvider, { value: isCollapsed, children: _jsxs("nav", { ref: ref, "aria-label": label ?? messages.nav.label, "data-collapsed": isCollapsed || undefined, className: cn("bg-bg-1 flex h-full shrink-0 flex-col", !inOverlay && "border-line-soft border-r", isCollapsed ? "w-[var(--sidenav-w-collapsed)]" : "w-[var(--sidenav-w)]", className), ...rest, children: [header != null ? _jsx("div", { className: "shrink-0", children: header }) : null, _jsx("div", { className: "flex flex-1 flex-col gap-0.5 overflow-y-auto px-2.5 py-1", children: children }), footer != null || showToggle ? (_jsxs("div", { className: "border-line-soft shrink-0 border-t p-2.5", children: [footer, showToggle ? (_jsx("div", { className: cn("flex", isCollapsed ? "justify-center" : "justify-end"), children: _jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, icon: isCollapsed ? (_jsx(ChevronRightIcon, { size: BUTTON_ICON_SIZE.sm })) : (_jsx(ChevronLeftIcon, { size: BUTTON_ICON_SIZE.sm })), "aria-label": isCollapsed ? messages.nav.expand : messages.nav.collapse, onClick: toggle }) })) : null] })) : null] }) }));
+});
+//# sourceMappingURL=SideNav.js.map

package/dist/components/app-shell/SideNav.js.map

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

package/dist/components/app-shell/SplitPanel.d.ts

@@ -0,0 +1,121 @@
+import { type ReactNode } from "react";
+export interface SplitPanelProps {
+    /**
+     * Где встаёт панель: сбоку от содержимого или под ним.
+     *
+     * Ось меняет направление раскладки, а не только классы: при `bottom` панель
+     * занимает всю ширину, а тянется по высоте, и ручка поворачивается вместе с
+     * ней.
+     */
+    position?: "side" | "bottom";
+    /** Основная область — список, таблица, сетка. */
+    children?: ReactNode;
+    /** Содержимое панели деталей. */
+    panel?: ReactNode;
+    /**
+     * Размер панели в пикселях: ширина при `side`, высота при `bottom`.
+     *
+     * Управляемый размер. Без него панель помнит размер сама, начиная с
+     * `defaultSize`, — но помнит только пока жива. Долгая память (адрес страницы,
+     * профиль пользователя) остаётся у потребителя: у него состояние уже где-то
+     * лежит, и второе хранилище внутри кита разошлось бы с первым молча
+     * (ADR-0023).
+     */
+    size?: number;
+    /**
+     * Начальный размер, когда `size` не передан. К нему же возвращает двойной
+     * щелчок по ручке.
+     *
+     * Читается **один раз, при монтировании**: смена пропа потом стартовый размер
+     * не двигает — иначе панель прыгала бы под пользователем от чужой
+     * перерисовки. Цель двойного щелчка при этом берётся текущая, и в управляемом
+     * режиме щелчок зовёт `onSizeChange(defaultSize)` — то есть умолчание кита,
+     * если своё не передали.
+     */
+    defaultSize?: number;
+    /**
+     * Зовётся при каждом изменении размера — и на каждом кадре
+     * перетаскивания тоже.
+     *
+     * Тому, кто пишет размер в адрес страницы или на сервер, отсюда нужен не
+     * каждый кадр: throttle или запись по `pointerup` — забота потребителя, кит
+     * сообщает намерение так часто, как оно возникает.
+     *
+     * Сужение границ на лету картинку исправляет, но этого колбэка НЕ зовёт:
+     * хранимое у потребителя значение остаётся прежним, а показывается зажатое.
+     * Молчание здесь намеренное — событие без действия пользователя выглядело бы
+     * как чужая правка его состояния.
+     */
+    onSizeChange?: (size: number) => void;
+    /**
+     * Нижняя граница. Панель не станет уже ни перетаскиванием, ни пропом.
+     *
+     * Перевёрнутый диапазон (`minSize > maxSize`) не роняет ничего: верхняя
+     * граница поднимается до нижней. Иначе получился бы контрол, из которого нет
+     * выхода ни стрелками, ни тягой, и без единого сообщения о причине.
+     */
+    minSize?: number;
+    /**
+     * Верхняя граница.
+     *
+     * В пикселях, а не в долях: доля потребовала бы знать размер контейнера, то
+     * есть измерять его на каждом кадре перетаскивания.
+     */
+    maxSize?: number;
+    /**
+     * Панель схлопнута.
+     *
+     * Содержимое **не размонтируется** — состояние форм и прокрутки внутри
+     * переживает схлопывание. Из дерева доступности панель при этом уходит:
+     * скрытая панель, до которой доходит Tab, — это фокус, уехавший в невидимое.
+     * Ручка вместе с ней тоже исчезает: тянуть нечего.
+     */
+    collapsed?: boolean;
+    /**
+     * Доступное имя панели. С ним панель объявляется областью, без него — нет.
+     *
+     * Безымянная область — лишнее объявление в речи, за которым не следует
+     * ничего; то же правило, что у `ButtonGroup`.
+     */
+    "aria-label"?: string;
+    /** Классы на корневой элемент раскладки. */
+    className?: string;
+}
+/**
+ * Две области с изменяемой границей: содержимое и панель деталей.
+ *
+ * РАЗМЕР ЖИВЁТ У ПОТРЕБИТЕЛЯ, кит даёт форму — то же разделение, что у
+ * состояния таблицы (ADR-0023). Панель умеет помнить размер сама, но только на
+ * время своей жизни: у заказчика он обычно уже лежит в адресе страницы или в
+ * профиле, и второе хранилище внутри кита разошлось бы с первым молча.
+ *
+ * РУЧКА — ВИДИМАЯ ПОЛОСА ПЛЮС НАСТОЯЩИЙ `input[type=range]` ПОД НЕЙ, и это
+ * главное решение компонента. Резайзера общего назначения react-aria не даёт:
+ * `ColumnResizer` и `ResizableTableContainer`, которые уже работают в `Table`,
+ * привязаны к таблице и вне её не живут. Взята их модель, а не они сами.
+ *
+ * Почему именно так, а не `div` с `role="separator"` и обработчиком стрелок:
+ * ползунок платформы приносит с собой всё, что иначе пишется руками и
+ * забывается по частям — роль, объявление значения и границ, шаг, повтор при
+ * удержании, поддержку скринридеров на сенсорном экране. Своя реализация
+ * повторяет это в лучшем случае наполовину.
+ *
+ * Ползунок лежит поверх полосы, прозрачный и без событий указателя: перетаскивание
+ * ведёт сама полоса. Если оставить события ползунку, он начнёт менять значение
+ * по своей, горизонтальной логике — и при `position="bottom"` панель поедет не
+ * в ту сторону. Фокус при этом остаётся настоящим: полоса подсвечивается через
+ * `focus-within`.
+ *
+ * ЗНАЧЕНИЕ ПОЛЗУНКА — РАЗМЕР ПАНЕЛИ, А НЕ КООРДИНАТА ГРАНИЦЫ. Поэтому стрелка
+ * вправо всегда увеличивает панель, хотя граница при этом уезжает влево. Модель
+ * та же, что у резайзера колонки: пользователь тянет размер, а не разделитель.
+ *
+ * Обе области получают `min-w-0 min-h-0`. Без этого flex-потомок отказывается
+ * становиться меньше своего содержимого, и панель, которую тянут, не
+ * уменьшается — вместо неё уезжает вся раскладка.
+ *
+ * `--topbar-h` компонент не трогает вовсе (ADR-0016): он занимает данную ему
+ * область и наверх ни к чему не липнет.
+ */
+export declare function SplitPanel({ position, children, panel, size, defaultSize, onSizeChange, minSize, maxSize, collapsed, "aria-label": ariaLabel, className, }: SplitPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=SplitPanel.d.ts.map

package/dist/components/app-shell/SplitPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPanel.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/SplitPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7B,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;;OASG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;;;;;;OAYG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAiB,EACjB,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,WAAiB,EACjB,YAAY,EACZ,OAAa,EACb,OAAa,EACb,SAAiB,EACjB,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,eAAe,+BAyNjB"}

package/dist/components/app-shell/SplitPanel.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState, } from "react";
+import { useMessages } from "../../i18n/useMessages.js";
+import { clamp } from "../../lib/clamp.js";
+import { cn } from "../../lib/cn.js";
+const HANDLE = 10;
+const STEP = 16;
+const FINE_STEP = 1;
+export function SplitPanel({ position = "side", children, panel, size, defaultSize = 280, onSizeChange, minSize = 120, maxSize = 720, collapsed = false, "aria-label": ariaLabel, className, }) {
+    const messages = useMessages();
+    const [ownSize, setOwnSize] = useState(defaultSize);
+    const [dragging, setDragging] = useState(false);
+    const drag = useRef(null);
+    const slider = useRef(null);
+    const contentRef = useRef(null);
+    const collapsingRef = useRef(null);
+    const focusWasInside = useRef(false);
+    const handleRef = useRef(null);
+    const side = position === "side";
+    const hi = Math.max(minSize, maxSize);
+    const current = clamp(size ?? ownSize, minSize, hi);
+    useEffect(() => {
+        if (!collapsed)
+            return;
+        drag.current = null;
+        setDragging(false);
+        if (!focusWasInside.current)
+            return;
+        focusWasInside.current = false;
+        contentRef.current?.focus();
+    }, [collapsed]);
+    function commit(next) {
+        const value = clamp(Math.round(next), minSize, hi);
+        if (value === current)
+            return;
+        if (size === undefined)
+            setOwnSize(value);
+        onSizeChange?.(value);
+    }
+    function onPointerDown(event) {
+        if (event.button !== 0)
+            return;
+        event.currentTarget.setPointerCapture(event.pointerId);
+        drag.current = { from: side ? event.clientX : event.clientY, size: current };
+        setDragging(true);
+        slider.current?.focus();
+    }
+    function onPointerMove(event) {
+        const from = drag.current;
+        if (!from)
+            return;
+        if (event.buttons === 0) {
+            endDrag(event);
+            return;
+        }
+        const delta = (side ? event.clientX : event.clientY) - from.from;
+        commit(from.size - delta);
+    }
+    function endDrag(event) {
+        if (!drag.current)
+            return;
+        drag.current = null;
+        setDragging(false);
+        if (event && event.currentTarget.hasPointerCapture(event.pointerId))
+            event.currentTarget.releasePointerCapture(event.pointerId);
+    }
+    function onKeyDown(event) {
+        const back = event.key === "ArrowLeft" || event.key === "ArrowDown";
+        const forward = event.key === "ArrowRight" || event.key === "ArrowUp";
+        if (!back && !forward)
+            return;
+        const step = event.shiftKey ? FINE_STEP : STEP;
+        event.preventDefault();
+        commit(current + (forward ? step : -step));
+    }
+    const panelStyle = side ? { width: current } : { height: current };
+    return (_jsxs("div", { onFocusCapture: (event) => {
+            focusWasInside.current =
+                collapsingRef.current?.contains(event.target) === true ||
+                    handleRef.current?.contains(event.target) === true;
+        }, className: cn("flex h-full w-full overflow-hidden", side ? "flex-row" : "flex-col", dragging && "select-none", className), children: [_jsx("div", { ref: contentRef, tabIndex: 0, className: "min-h-0 min-w-0 flex-1 overflow-auto", children: children }), !collapsed && (_jsxs("div", { ref: handleRef, onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: endDrag, onPointerCancel: endDrag, onLostPointerCapture: () => endDrag(), onDoubleClick: () => commit(defaultSize), className: cn("bg-bg-2 border-line relative flex shrink-0 touch-none items-center justify-center", "focus-within:bg-accent-strong focus-within:ring-[3px] focus-within:ring-[color:var(--focus-ring)]", "before:absolute before:content-['']", side
+                    ? "cursor-col-resize border-x before:-inset-x-2 before:inset-y-0"
+                    : "cursor-row-resize border-y before:inset-x-0 before:-inset-y-2"), style: side ? { width: HANDLE } : { height: HANDLE }, children: [_jsx("span", { "aria-hidden": true, className: cn("bg-fg-1 rounded-full", side ? "h-7 w-0.5" : "h-0.5 w-7") }), _jsx("input", { ref: slider, type: "range", "aria-label": ariaLabel
+                            ? messages.splitPanel.resizeNamed({ panel: ariaLabel })
+                            : messages.splitPanel.resize, "aria-orientation": side ? "horizontal" : "vertical", "aria-valuetext": messages.splitPanel.size({ size: current }), min: minSize, max: hi, step: FINE_STEP, value: current, onKeyDown: onKeyDown, onChange: (event) => commit(Number(event.target.value)), className: "pointer-events-none absolute inset-0 h-full w-full appearance-none bg-transparent opacity-0" })] })), _jsx("div", { ref: collapsingRef, hidden: collapsed, tabIndex: collapsed ? undefined : 0, role: ariaLabel ? "region" : undefined, "aria-label": ariaLabel, className: "bg-bg-1 min-h-0 min-w-0 shrink-0 overflow-auto", style: panelStyle, children: panel })] }));
+}
+//# sourceMappingURL=SplitPanel.js.map

package/dist/components/app-shell/SplitPanel.js.map

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

package/dist/components/app-shell/TopBar.d.ts

@@ -0,0 +1,43 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface TopBarProps extends Omit<ComponentPropsWithoutRef<"header">, "children"> {
+    /** Крайний левый слот: логотип, название продукта. */
+    brand?: ReactNode;
+    /** Центральный слот: поиск. Занимает свободное место. */
+    search?: ReactNode;
+    /** Действия справа: уведомления, настройки, меню пользователя. */
+    actions?: ReactNode;
+    /**
+     * Имя переменной, в которую публикуется измеренная высота шапки.
+     *
+     * Парная сторона контракта: то же имя читает `useStickyOffset` (там оно
+     * зовётся `offsetVar`), и его же по умолчанию ждёт `SelectionBar`.
+     *
+     * `null` **отключает публикацию**. Нужно там, где шапок в документе две —
+     * шапка приложения и шапка встроенного виджета: молча перебивая значение
+     * друг друга, они сдвинули бы липкие полосы на чужую высоту, причём это
+     * проявилось бы не ошибкой, а кривой раскладкой.
+     */
+    heightVar?: string | null;
+    /** Доступное имя шапки. Не задано — берётся из каталога сообщений. */
+    label?: string;
+    /** Дополнительное содержимое шапки: выводится после слота `actions`. */
+    children?: ReactNode;
+}
+/**
+ * Шапка приложения: бренд, поиск, действия.
+ *
+ * ПУБЛИКУЕТ СВОЮ ВЫСОТУ в CSS-переменную — то, чего до 2.1.0 кит делать не мог,
+ * потому что шапки у него не было, и контракт [ADR-0016] был односторонним:
+ * высоту публиковало приложение, кит только читал.
+ *
+ * Это НЕ отвергнутый в ADR-0016 вариант «кит измеряет шапку сам». Там кит
+ * опознавал бы чужой элемент — искал бы по селектору или атрибуту то, что
+ * приложение считает шапкой. Здесь компонент измеряет себя, и знание «какой
+ * элемент в этом приложении шапка» у кита так и не появляется. Разбор —
+ * [ADR-0019].
+ *
+ * Высота идёт в `document.documentElement`, а не в ближайшего предка: там её
+ * ищет `useStickyOffset`, и разойтись эти два места не должны.
+ */
+export declare const TopBar: import("react").ForwardRefExoticComponent<TopBarProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TopBar.d.ts.map

package/dist/components/app-shell/TopBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/TopBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAS1F,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACvF,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yDAAyD;IACzD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,qGA8DjB,CAAC"}

package/dist/components/app-shell/TopBar.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef } from "react";
+import { NavigationIcon } from "../../icons.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { cn } from "../../lib/cn.js";
+import { usePublishedHeight } from "../../lib/published-height.js";
+import { useAppShell } from "./AppShell.js";
+import { Button } from "../actions/Button.js";
+import { BUTTON_ICON_SIZE } from "../../lib/button.js";
+export const TopBar = forwardRef(function TopBar({ brand, search, actions, heightVar = "--topbar-h", label, className, style, children, ...rest }, ref) {
+    const messages = useMessages();
+    const { openNavigation } = useAppShell();
+    const innerRef = useRef(null);
+    usePublishedHeight(innerRef, heightVar);
+    return (_jsxs("header", { ref: (node) => {
+            innerRef.current = node;
+            if (typeof ref === "function")
+                ref(node);
+            else if (ref)
+                ref.current = node;
+        }, "aria-label": label ?? messages.topbar.label, className: cn("border-line-soft sticky top-0 z-30 flex items-center gap-3.5 border-b px-4 py-1.5", "backdrop-blur-md md:px-7", className), ...rest, style: { background: "var(--topbar-bg)", ...style }, children: [openNavigation ? (_jsx(Button, { variant: "ghost", iconOnly: true, size: "sm", icon: _jsx(NavigationIcon, { size: BUTTON_ICON_SIZE.sm }), "aria-label": messages.shell.openNavigation, onClick: openNavigation, className: "md:hidden" })) : null, brand != null ? _jsx("div", { className: "flex shrink-0 items-center", children: brand }) : null, search != null ? _jsx("div", { className: "min-w-0 flex-1", children: search }) : _jsx("div", { className: "flex-1" }), actions != null ? _jsx("div", { className: "flex shrink-0 items-center gap-1.5", children: actions }) : null, children] }));
+});
+//# sourceMappingURL=TopBar.js.map

package/dist/components/app-shell/TopBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.js","sourceRoot":"","sources":["../../../src/components/app-shell/TopBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,EAAiD,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA2CvD,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAA2B,SAAS,MAAM,CACxE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAChG,GAAG;IAEH,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,WAAW,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAKlD,kBAAkB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAExC,OAAO,CACL,kBACE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;YACZ,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YACxB,IAAI,OAAO,GAAG,KAAK,UAAU;gBAAE,GAAG,CAAC,IAAI,CAAC,CAAC;iBACpC,IAAI,GAAG;gBAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACnC,CAAC,gBACW,KAAK,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,EAC1C,SAAS,EAAE,EAAE,CACX,mFAAmF,EACnF,0BAA0B,EAC1B,SAAS,CACV,KACG,IAAI,EAWR,KAAK,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,aAQlD,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,QAAQ,QACR,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,KAAC,cAAc,IAAC,IAAI,EAAE,gBAAgB,CAAC,EAAE,GAAI,gBACvC,QAAQ,CAAC,KAAK,CAAC,cAAc,EACzC,OAAO,EAAE,cAAc,EACvB,SAAS,EAAC,WAAW,GACrB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,4BAA4B,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAChF,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,gBAAgB,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,QAAQ,GAAG,EAC5F,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,oCAAoC,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,EAC5F,QAAQ,IACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,25 @@
+import type { ComponentPropsWithoutRef } from "react";
+export interface AspectRatioProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * Отношение сторон числом: `16 / 9`, `1`, `9 / 16`.
+     *
+     * Числом, а не строкой `"16:9"`: строку пришлось бы разбирать, а ошибку в
+     * ней («16/9» вместо «16:9») компилятор не поймал бы. Арифметику же он
+     * посчитает сам.
+     */
+    ratio?: number;
+}
+/**
+ * Коробка с заданным отношением сторон — под превью обоев, аватары, миниатюры.
+ *
+ * Стоит на родном `aspect-ratio`, а не на приёме с `padding-bottom: 56.25%`:
+ * тот требует абсолютно позиционированного содержимого, то есть диктует
+ * раскладку внутри, и ломается на всём, что должно расти по содержимому.
+ *
+ * Отношение уходит в inline-стиль, а не в класс `aspect-[16/9]`: класс с
+ * произвольным значением Tailwind обязан увидеть в исходнике текстом, а число
+ * приходит пропом в рантайме. Тот же случай, что у многострочной обрезки
+ * в `Text`.
+ */
+export declare function AspectRatio({ ratio, className, style, children, ...rest }: AspectRatioProps): import("react").JSX.Element;
+//# sourceMappingURL=AspectRatio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/content/AspectRatio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAiB,MAAM,OAAO,CAAC;AAGrE,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAc,EACd,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAUlB"}

package/dist/components/content/AspectRatio.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+export function AspectRatio({ ratio = 16 / 9, className, style, children, ...rest }) {
+    return (_jsx("div", { className: cn("relative w-full overflow-hidden", className), style: { aspectRatio: String(ratio), ...style }, ...rest, children: children }));
+}
+//# sourceMappingURL=AspectRatio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.js","sourceRoot":"","sources":["../../../src/components/content/AspectRatio.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAyBrC,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,GAAG,EAAE,GAAG,CAAC,EACd,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACU;IACjB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,EAC3D,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,EAAmB,KAC5D,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,22 @@
+import { type ComponentPropsWithoutRef } from "react";
+import type { Size } from "../../lib/variants.js";
+export interface AvatarProps extends Omit<ComponentPropsWithoutRef<"span">, "children"> {
+    /** Имя или логин. Инициалы и оттенок берутся отсюда. */
+    name?: string;
+    /** `md` — в списках и шапке, `lg` — в карточке профиля. */
+    size?: Extract<Size, "md" | "lg">;
+    /**
+     * Адрес фотографии. Пока она грузится, виден круг с оттенком имени; если её
+     * нет или она не загрузилась — инициалы. Пустое значение равносильно
+     * отсутствию: разметка остаётся прежней.
+     */
+    src?: string | null;
+    /**
+     * Альтернативный текст фотографии. По умолчанию — `name`; пустая строка делает фото
+     * декоративным (имя человека написано рядом). Без `src` не действует:
+     * инициалы читаются как обычный текст.
+     */
+    alt?: string;
+}
+export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/content/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAGlD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACrF,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAmBD,eAAO,MAAM,MAAM,yGAwFjB,CAAC"}

package/dist/components/content/Avatar.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useState } from "react";
+import { cn } from "../../lib/cn.js";
+import { Image } from "./Image.js";
+const SIZES = {
+    md: "h-7 w-7 text-[11px]",
+    lg: "h-16 w-16 text-[26px]",
+};
+export const Avatar = forwardRef(function Avatar({ name: nameProp, size = "md", src, alt, className, style, ...rest }, ref) {
+    const name = nameProp || "IV";
+    const hue = (name.charCodeAt(0) * 7) % 360;
+    const initials = name.slice(0, 2).toUpperCase();
+    const [loadedSrc, setLoadedSrc] = useState(null);
+    const loaded = Boolean(src) && loadedSrc === src;
+    return (_jsx("span", { ref: ref, className: cn("text-text-on-accent inline-flex shrink-0 items-center justify-center rounded-full font-bold tracking-tight", SIZES[size], src && "relative", className), style: {
+            background: loaded
+                ? undefined
+                : `linear-gradient(135deg, oklch(0.55 0.13 ${hue}), oklch(0.4 0.13 ${(hue + 60) % 360}))`,
+            ...style,
+        }, ...rest, children: src ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, className: "invisible", children: "\u200B" }), _jsx(Image, { src: src, alt: alt ?? nameProp ?? "", skeleton: false, className: "absolute inset-0 rounded-full", fallback: initials, onLoad: () => setLoadedSrc(src) })] })) : (initials) }));
+});
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/content/Avatar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAiC,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAiCnC,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,qBAAqB;IACzB,EAAE,EAAE,uBAAuB;CACnB,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAA+B,SAAS,MAAM,CAC5E,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EACpE,GAAG;IAgBH,MAAM,IAAI,GAAG,QAAQ,IAAI,IAAI,CAAC;IAC9B,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAIhD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAChE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,SAAS,KAAK,GAAG,CAAC;IAEjD,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,4GAA4G,EAC5G,KAAK,CAAC,IAAI,CAAC,EACX,GAAG,IAAI,UAAU,EACjB,SAAS,CACV,EACD,KAAK,EAAE;YAIL,UAAU,EAAE,MAAM;gBAChB,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,2CAA2C,GAAG,qBAAqB,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,IAAI;YAC3F,GAAG,KAAK;SACT,KACG,IAAI,YAEP,GAAG,CAAC,CAAC,CAAC,CACL,8BAUE,oCAAkB,SAAS,EAAC,WAAW,YACpC,QAAQ,GACJ,EAcP,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,IAAI,QAAQ,IAAI,EAAE,EAC1B,QAAQ,EAAE,KAAK,EACf,SAAS,EAAC,+BAA+B,EACzC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,GAC/B,IACD,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,42 @@
+/** Участник стопки с фотографией. Строка в `names` — то же самое без `src`. */
+export interface AvatarGroupMember {
+    /** Имя участника: из него выводятся инициалы, оттенок и альтернативный текст аватара. */
+    name: string;
+    /** Адрес фотографии; без него или при ошибке загрузки — инициалы. */
+    src?: string | null;
+}
+export interface AvatarGroupProps {
+    /**
+     * Участники: имя строкой или объект `{ name, src? }`. Инициалы и оттенок
+     * Avatar выведет сам, фотографию нарисует по `src`.
+     */
+    names: Array<string | AvatarGroupMember>;
+    /**
+     * Сколько аватаров показать до «+N».
+     *
+     * Умолчание — три. Ряд из десяти перекрывающихся кругов не сообщает ни
+     * одного имени и занимает место, а число сверх предела говорит ровно то же
+     * самое короче.
+     */
+    max?: number;
+    /** Размер аватаров в стопке: `md` или `lg`. По умолчанию `md`. */
+    size?: "md" | "lg";
+    /** Классы корневого элемента. */
+    className?: string;
+    /** Доступное имя стопки для скринридера. */
+    "aria-label"?: string;
+}
+/**
+ * Стопка аватаров с остатком «+N».
+ *
+ * Аватары перекрываются отрицательным отступом, и порядок наложения обратный
+ * (`z-index` убывает): первый круг лежит поверх второго — иначе последний
+ * закрывал бы всех, и глаз читал бы ряд справа налево.
+ *
+ * **Список объявляется целиком, а не по кругам.** У каждого аватара нет своей
+ * подписи: скринридеру он не сообщает ничего полезного («АБ» — это не имя).
+ * Поэтому круги скрыты, а группа несёт одно имя со всеми участниками — так
+ * читающий получает список, а не набор двухбуквенных обрывков.
+ */
+export declare function AvatarGroup({ names, max, size, className, "aria-label": ariaLabel, }: AvatarGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=AvatarGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/content/AvatarGroup.tsx"],"names":[],"mappings":"AAKA,+EAA+E;AAC/E,MAAM,WAAW,iBAAiB;IAChC,yFAAyF;IACzF,IAAI,EAAE,MAAM,CAAC;IACb,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC;IACzC;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAO,EACP,IAAW,EACX,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,gBAAgB,+BAsClB"}