@olddevs/ui 0.0.0-stage → 4.0.1

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

@@ -0,0 +1,122 @@
+import * as Primitive from "@radix-ui/react-context-menu";
+import { type ReactNode } from "react";
+import type { Tone } from "../../lib/variants.js";
+/**
+ * Контекстное меню — по правой кнопке мыши и по клавише контекстного меню.
+ *
+ * СОБРАНО НА RADIX, А НЕ НА react-aria, и это вынужденно: контекстного меню
+ * react-aria не даёт вовсе. Семейство Radix в пакете уже есть (диалог,
+ * попоувер, тултип), поэтому новая зависимость не приводит нового поставщика.
+ *
+ * Вид берётся из той же таблицы `lib/menu.ts`, что и у `Menu` на react-aria.
+ * Это единственное, что удерживает два меню от расхождения: библиотеки разные,
+ * а пользователь должен видеть одно и то же меню независимо от того, открыл он
+ * его кнопкой или правой кнопкой мыши. Сторожит снимок «два меню рядом».
+ */
+export declare const ContextMenu: import("react").FC<Primitive.ContextMenuProps>;
+export declare const ContextMenuTrigger: import("react").ForwardRefExoticComponent<Primitive.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const ContextMenuSub: import("react").FC<Primitive.ContextMenuSubProps>;
+export interface ContextMenuContentProps {
+    /** Пункты, разделы и разделители меню. */
+    children?: ReactNode;
+    /** Классы на панель меню — например, ширина. */
+    className?: string;
+}
+/** Панель контекстного меню. Портал внутри — как у `Menu`. */
+export declare const ContextMenuContent: import("react").ForwardRefExoticComponent<ContextMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface ContextMenuItemProps {
+    /** Подпись пункта. Длинная обрезается многоточием. */
+    children?: ReactNode;
+    /** Иконка слева от подписи. */
+    icon?: ReactNode;
+    /** Горячая клавиша справа — напоминание, а не действие. */
+    shortcut?: ReactNode;
+    /** Цвет подписи и иконки. `danger` — для разрушительных действий. */
+    tone?: Tone;
+    /** Пункт неактивен: не выбирается и пропускается при навигации. */
+    disabled?: boolean;
+    /** Пункт выбран мышью или клавишей; меню после этого закрывается. */
+    onSelect?: () => void;
+    /** Классы на пункт. */
+    className?: string;
+}
+export declare const ContextMenuItem: import("react").ForwardRefExoticComponent<ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface ContextMenuCheckboxItemProps extends Omit<ContextMenuItemProps, "icon"> {
+    /** Отмечен ли пункт. Управляется снаружи: меняется только вместе с этим свойством. */
+    checked?: boolean;
+    /** Пользователь переключил пункт; приходит новое значение. */
+    onCheckedChange?: (checked: boolean) => void;
+}
+/**
+ * Пункт-переключатель.
+ *
+ * Здесь `checked`/`onCheckedChange` у самого пункта — в отличие от `Menu`, где
+ * переключатели заданы выбором на разделе. Расхождение не по прихоти: так
+ * устроены сами библиотеки, и подгонять одну под другую значило бы городить
+ * поверх неё свой слой состояния. Роль `menuitemcheckbox` и `aria-checked`
+ * каждая из них проставляет сама — а это и есть то, ради чего они взяты.
+ */
+export declare const ContextMenuCheckboxItem: import("react").ForwardRefExoticComponent<ContextMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface ContextMenuRadioGroupProps {
+    /** Пункты `ContextMenuRadioItem` этой группы. */
+    children?: ReactNode;
+    /** Выбранное значение. `undefined` — не выбрано ничего. */
+    value?: string;
+    /** Выбран другой пункт; приходит его `value`. */
+    onValueChange?: (value: string) => void;
+}
+/**
+ * Раздел одиночного выбора.
+ *
+ * Выбор задан НА РАЗДЕЛЕ, а не на пункте, — в отличие от соседнего
+ * переключателя, где `checked` живёт у самого пункта. Разница не косметическая:
+ * «выбран ровно один» — свойство группы, и только зная группу, Radix может
+ * проставить `aria-checked="false"` остальным. Пункт, знающий лишь про себя,
+ * объявил бы невыбранных просто командами.
+ *
+ * Берите это, а не `ContextMenuCheckboxItem`, везде, где значение одно:
+ * флажок обещает, что можно отметить несколько, и обещание это ложное.
+ */
+export declare function ContextMenuRadioGroup({ children, value, onValueChange, }: ContextMenuRadioGroupProps): import("react").JSX.Element;
+export interface ContextMenuRadioItemProps extends Omit<ContextMenuItemProps, "icon" | "onSelect"> {
+    /** Значение пункта. Совпало со значением раздела — пункт выбран. */
+    value: string;
+}
+/**
+ * Пункт одиночного выбора. Живёт только внутри `ContextMenuRadioGroup`.
+ *
+ * Роль `menuitemradio` и `aria-checked` проставляет Radix — ради этого он и
+ * взят. Отметку рисует индикатор в том же слоте, что иконка у обычного пункта,
+ * поэтому своей иконки у пункта выбора нет: две иконки слева читались бы как
+ * два разных состояния.
+ */
+export declare const ContextMenuRadioItem: import("react").ForwardRefExoticComponent<ContextMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
+/** Подпись раздела. */
+export declare function ContextMenuLabel({ children, className, }: {
+    /** Текст подписи раздела. */
+    children?: ReactNode;
+    /** Классы на подпись. */
+    className?: string;
+}): import("react").JSX.Element;
+/** Разделитель. */
+export declare function ContextMenuSeparator({ className, }: {
+    /** Классы на линию разделителя. */
+    className?: string;
+}): import("react").JSX.Element;
+/** Пункт, открывающий подменю. */
+export declare function ContextMenuSubTrigger({ children, icon, className, }: {
+    /** Подпись пункта. Длинная обрезается многоточием. */
+    children?: ReactNode;
+    /** Иконка слева от подписи. */
+    icon?: ReactNode;
+    /** Классы на пункт. */
+    className?: string;
+}): import("react").JSX.Element;
+/** Панель подменю. */
+export declare function ContextMenuSubContent({ children, className, }: {
+    /** Пункты подменю. */
+    children?: ReactNode;
+    /** Классы на панель подменю. */
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ContextMenu.d.ts.map

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

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

package/dist/components/overlays/ContextMenu.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Primitive from "@radix-ui/react-context-menu";
+import { forwardRef } from "react";
+import { CheckIcon, ChevronRightIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+import { MENU_ITEM_CLASS, MENU_ITEM_ICON_CLASS, MENU_ITEM_SELECTED_CLASS, MENU_ITEM_SHORTCUT_CLASS, MENU_ITEM_SUBMENU_CLASS, MENU_ITEM_TONE, MENU_PANEL_CLASS, MENU_SECTION_LABEL_CLASS, MENU_SEPARATOR_CLASS, } from "../../lib/menu.js";
+import { keyGlyphs } from "../content/Kbd.js";
+export const ContextMenu = Primitive.Root;
+export const ContextMenuTrigger = Primitive.Trigger;
+export const ContextMenuSub = Primitive.Sub;
+export const ContextMenuContent = forwardRef(function ContextMenuContent({ children, className }, ref) {
+    return (_jsx(Primitive.Portal, { children: _jsx(Primitive.Content, { ref: ref, className: cn(MENU_PANEL_CLASS, className), children: children }) }));
+});
+export const ContextMenuItem = forwardRef(function ContextMenuItem({ children, icon, shortcut, tone = "neutral", disabled, onSelect, className }, ref) {
+    return (_jsxs(Primitive.Item, { ref: ref, disabled: disabled, onSelect: onSelect, "data-disable-focus-ring": "true", className: cn(MENU_ITEM_CLASS, MENU_ITEM_TONE[tone], className), children: [icon != null && _jsx("span", { className: MENU_ITEM_ICON_CLASS, children: icon }), _jsx("span", { className: "truncate", children: children }), shortcut != null && _jsx("kbd", { className: MENU_ITEM_SHORTCUT_CLASS, children: keyGlyphs(shortcut) })] }));
+});
+export const ContextMenuCheckboxItem = forwardRef(function ContextMenuCheckboxItem({ children, shortcut, tone = "neutral", disabled, checked, onCheckedChange, className }, ref) {
+    return (_jsxs(Primitive.CheckboxItem, { ref: ref, checked: checked, onCheckedChange: onCheckedChange, disabled: disabled, "data-disable-focus-ring": "true", className: cn(MENU_ITEM_CLASS, MENU_ITEM_TONE[tone], MENU_ITEM_SELECTED_CLASS, className), children: [_jsx("span", { className: MENU_ITEM_ICON_CLASS, children: _jsx(Primitive.ItemIndicator, { children: _jsx(CheckIcon, { size: 14, strokeWidth: 3 }) }) }), _jsx("span", { className: "truncate", children: children }), shortcut != null && _jsx("kbd", { className: MENU_ITEM_SHORTCUT_CLASS, children: keyGlyphs(shortcut) })] }));
+});
+export function ContextMenuRadioGroup({ children, value, onValueChange, }) {
+    return (_jsx(Primitive.RadioGroup, { value: value, onValueChange: onValueChange, children: children }));
+}
+export const ContextMenuRadioItem = forwardRef(function ContextMenuRadioItem({ children, shortcut, tone = "neutral", disabled, value, className }, ref) {
+    return (_jsxs(Primitive.RadioItem, { ref: ref, value: value, disabled: disabled, "data-disable-focus-ring": "true", className: cn(MENU_ITEM_CLASS, MENU_ITEM_TONE[tone], MENU_ITEM_SELECTED_CLASS, className), children: [_jsx("span", { className: MENU_ITEM_ICON_CLASS, children: _jsx(Primitive.ItemIndicator, { children: _jsx(CheckIcon, { size: 14, strokeWidth: 3 }) }) }), _jsx("span", { className: "truncate", children: children }), shortcut != null && _jsx("kbd", { className: MENU_ITEM_SHORTCUT_CLASS, children: keyGlyphs(shortcut) })] }));
+});
+export function ContextMenuLabel({ children, className, }) {
+    return (_jsx(Primitive.Label, { className: cn(MENU_SECTION_LABEL_CLASS, className), children: children }));
+}
+export function ContextMenuSeparator({ className, }) {
+    return _jsx(Primitive.Separator, { className: cn(MENU_SEPARATOR_CLASS, className) });
+}
+export function ContextMenuSubTrigger({ children, icon, className, }) {
+    return (_jsxs(Primitive.SubTrigger, { "data-disable-focus-ring": "true", className: cn(MENU_ITEM_CLASS, MENU_ITEM_TONE.neutral, className), children: [icon != null && _jsx("span", { className: MENU_ITEM_ICON_CLASS, children: icon }), _jsx("span", { className: "truncate", children: children }), _jsx("span", { className: MENU_ITEM_SUBMENU_CLASS, children: _jsx(ChevronRightIcon, { size: 14 }) })] }));
+}
+export function ContextMenuSubContent({ children, className, }) {
+    return (_jsx(Primitive.Portal, { children: _jsx(Primitive.SubContent, { className: cn(MENU_PANEL_CLASS, className), children: children }) }));
+}
+//# sourceMappingURL=ContextMenu.js.map

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

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

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

@@ -0,0 +1,113 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { type CSSProperties, type ReactNode, type RefObject } from "react";
+export interface DialogProps {
+    /** Показано ли окно. */
+    open: boolean;
+    /** Закрытие: кнопка закрытия, Escape, клик мимо — всё сюда. */
+    onClose: () => void;
+    /** Заголовок окна. Он же становится доступным именем диалога. */
+    title: ReactNode;
+    /** Строка под заголовком в шапке: слаг, дата, счётчик. */
+    subtitle?: ReactNode;
+    /**
+     * `id` узла, который служит окну описанием — текстом, который скринридер
+     * читает следом за именем.
+     *
+     * Идентификатор, а не сам текст, и это разбор дефекта. Первая версия
+     * принимала `ReactNode` и рисовала его скрытой копией: `ConfirmDialog`
+     * передавал туда свой `message` и тут же рисовал его же видимым абзацем —
+     * текст оказывался в документе ДВАЖДЫ. `message` типизирован как `ReactNode`,
+     * поэтому ссылка внутри него давала невидимый лишний табстоп, а компонент с
+     * собственным `id` — дубль идентификатора в документе.
+     *
+     * Описание обязано указывать на ТОТ ЖЕ узел, который видит глаз. Нужен текст
+     * только для озвучки — положите его в `children` под `sr-only` и сошлитесь
+     * сюда.
+     *
+     * Для `role="alertdialog"` описание требует APG: подтверждение, объявившее
+     * только имя и кнопку, вынуждает подтверждать вслепую.
+     */
+    describedBy?: string;
+    /** Иконка слева от заголовка. Цвет задаёт потребитель — он знает тон окна. */
+    icon?: ReactNode;
+    /**
+     * Идёт отправка: окно нельзя закрыть ни кнопкой закрытия, ни Escape, ни кликом мимо.
+     *
+     * Одно свойство вместо трёх запретов намеренно: «форма отправляется» — это
+     * одно состояние, а не три независимых решения, и разводить их значит
+     * позволить окну оказаться в состоянии «Escape закрывает, а кнопки закрытия нет».
+     */
+    loading?: boolean;
+    /** Вертикальное выравнивание: по центру или от верхнего края. */
+    align?: "center" | "start";
+    /** Классы на само окно — ширина, скругление, рамка. */
+    className?: string;
+    /** Классы на подложку — для окон с особой геометрией или анимацией. */
+    overlayClassName?: string;
+    /** Стили подложки — например, цвет и размытие для особого окна. */
+    overlayStyle?: CSSProperties;
+    /** Динамические стили на само окно. */
+    contentStyle?: CSSProperties;
+    /** Рисовать ли стандартную шапку. Особые окна оставляют собственную. */
+    header?: boolean;
+    /** Слой окна. Отдельные оверлеи приложения живут выше обычных. */
+    zIndex?: string;
+    /**
+     * `alertdialog` — для окна, которое прерывает работу и требует ответа:
+     * подтверждение удаления, предупреждение о несохранённом. Обычные окна
+     * с формой остаются `dialog`.
+     *
+     * Отдельного примитива под это не заводится: `@radix-ui/react-alert-dialog`
+     * отличается от обычного диалога ровно ролью и тем, что его нельзя закрыть
+     * кликом мимо, — а второе у нас и так решается пропом `loading`.
+     */
+    role?: "dialog" | "alertdialog";
+    /**
+     * Куда поставить фокус при открытии. По умолчанию — на первый элемент,
+     * до которого доходит Tab, а это кнопка закрытия в шапке.
+     *
+     * Проп нужен потому, что «куда смотрит пользователь, когда окно открылось» —
+     * решение самого окна, а не деталь реализации. Сделать это эффектом на
+     * стороне вызывающего нельзя: Radix ставит фокус позже, чем отрабатывают
+     * эффекты, и молча перебивает чужой вызов `focus()`. Проверено в витрине —
+     * фокус уезжал на кнопку закрытия.
+     */
+    initialFocusRef?: RefObject<HTMLElement | null>;
+    /** Дополнительная реакция на Escape для окон со своим внутренним состоянием. */
+    onEscapeKeyDown?: DialogPrimitive.DialogContentProps["onEscapeKeyDown"];
+    /** Доступное имя кнопки закрытия. Не задано — «Закрыть» из каталога сообщений. */
+    closeLabel?: string;
+    /** Содержимое окна под шапкой. */
+    children?: ReactNode;
+}
+/**
+ * Модальное окно целиком: подложка, ловушка фокуса, шапка и блокировка фона.
+ *
+ * ПОЧЕМУ ЭТО ОТДЕЛЬНЫЙ ПРИМИТИВ, А НЕ ПРОП У `ModalOverlay`. Подложка честно
+ * делает одно — гасит фон и ловит клик мимо, — и `role="dialog"` она взять не
+ * может: диалогу нужно доступное имя, а имя знает только вызывающий. Из-за
+ * этого каждый диалог во фронте собирал модальность руками, и собрал по-разному:
+ * из десяти окон роль и `aria-modal` были у одного, а ловушки фокуса не было
+ * ни у одного — Tab уводил в фон под затемнением, к кнопкам, которых не видно.
+ *
+ * Здесь имя известно (это `title`), поэтому окно берёт на себя всё сразу.
+ *
+ * ПОВЕДЕНИЕ — `@radix-ui/react-dialog`, третья peer-зависимость пакета после
+ * тултипа и поповера, и по той же логике (ADR-0004):
+ * ловушка фокуса, возврат фокуса на триггер, `aria-modal`, портал, Escape по
+ * слоям и `inert` для фона — это не то, что стоит писать заново. Своя ловушка
+ * фокуса — не примитив, а вторая библиотека.
+ *
+ * ПРОКРУТКУ ФОНА БЛОКИРУЕТ RADIX, а не `useScrollLock`. Внутри у него
+ * `react-remove-scroll`, и два замка на одном `body` — это два независимых
+ * счётчика, которые не видят друг друга. Поэтому `Dialog` хук не зовёт;
+ * `useScrollLock` остаётся для оверлеев, собранных вручную.
+ *
+ * ВЛОЖЕННОСТЬ РАБОТАЕТ САМА. Диалог подтверждения поверх окна редактирования —
+ * обычное дело, и Escape закрывает верхний слой, а не оба сразу: Radix ведёт
+ * стек слоёв. О ЧУЖОМ стеке он при этом не знает — меню пакета собраны на
+ * react-aria, и их слой окно различает отдельно (см. `escapeBelongsToAriaLayer`). Прежней версии для этого приходилось ловить Escape на фазе
+ * захвата и гасить событие `stopImmediatePropagation`.
+ */
+export declare function Dialog({ open, onClose, title, subtitle, describedBy, icon, loading, align, className, overlayClassName, overlayStyle, contentStyle, header, zIndex, role, initialFocusRef, onEscapeKeyDown, closeLabel, children, }: DialogProps): import("react").JSX.Element;
+//# sourceMappingURL=Dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAU,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWnF,MAAM,WAAW,WAAW;IAC1B,wBAAwB;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,+DAA+D;IAC/D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iEAAiE;IACjE,KAAK,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;;;;;;;;;;;OAiBG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC3B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mEAAmE;IACnE,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,uCAAuC;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,gFAAgF;IAChF,eAAe,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACxE,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,OAAe,EACf,KAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,MAAa,EACb,MAA4B,EAC5B,IAAe,EACf,eAAe,EACf,eAAe,EACf,UAAU,EACV,QAAQ,GACT,EAAE,WAAW,+BA0Ib"}

package/dist/components/overlays/Dialog.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { useRef } from "react";
+import { cn } from "../../lib/cn.js";
+import { useOpenerFocus } from "../../hooks/useOpenerFocus.js";
+import { hasOpenAriaOverlay, OVERLAY_LAYER } from "../../lib/overlay-layer.js";
+import { useOverlayLayer } from "../../hooks/useOverlayLayer.js";
+import { withoutToolbarAxis } from "../../lib/toolbar-axis.js";
+import { ModalHeader } from "./ModalHeader.js";
+const Portal = withoutToolbarAxis(DialogPrimitive.Portal);
+export function Dialog({ open, onClose, title, subtitle, describedBy, icon, loading = false, align = "center", className, overlayClassName, overlayStyle, contentStyle, header = true, zIndex = OVERLAY_LAYER.modal, role = "dialog", initialFocusRef, onEscapeKeyDown, closeLabel, children, }) {
+    const block = loading ? (e) => e.preventDefault() : undefined;
+    const contentRef = useRef(null);
+    const escapeBelongsToAriaLayer = () => hasOpenAriaOverlay();
+    const { remember, restore } = useOpenerFocus(open, contentRef);
+    useOverlayLayer(open, contentRef);
+    return (_jsx(DialogPrimitive.Root, { open: open, onOpenChange: (next) => {
+            if (!next && !loading)
+                onClose();
+        }, children: _jsx(Portal, { children: _jsx(DialogPrimitive.Overlay, { className: cn("animate-fadein data-[state=closed]:animate-fadeout fixed inset-0 flex justify-center overflow-auto p-6", zIndex, align === "start" ? "items-start" : "items-center", overlayClassName), style: {
+                    background: "var(--overlay-scrim)",
+                    backdropFilter: "blur(4px)",
+                    ...overlayStyle,
+                }, children: _jsxs(DialogPrimitive.Content, { role: role, "aria-describedby": describedBy, onOpenAutoFocus: (e) => {
+                        remember();
+                        if (initialFocusRef) {
+                            e.preventDefault();
+                            initialFocusRef.current?.focus();
+                        }
+                    }, onCloseAutoFocus: restore, ref: contentRef, onEscapeKeyDown: (event) => {
+                        if (loading) {
+                            event.preventDefault();
+                            return;
+                        }
+                        if (escapeBelongsToAriaLayer()) {
+                            event.preventDefault();
+                            return;
+                        }
+                        onEscapeKeyDown?.(event);
+                    }, onPointerDownOutside: block, onInteractOutside: block, className: cn("animate-sheetin data-[state=closed]:animate-sheetout border-line bg-bg-1 rounded-lg border outline-none", className), style: { boxShadow: "var(--modal-shadow)", ...contentStyle }, children: [header ? (_jsx(ModalHeader, { titleComponent: DialogPrimitive.Title, title: title, subtitle: subtitle, icon: icon, onClose: loading ? undefined : onClose, closeLabel: closeLabel })) : (_jsx(DialogPrimitive.Title, { className: "sr-only", children: title })), children] }) }) }) }));
+}
+//# sourceMappingURL=Dialog.js.map

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

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

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

@@ -0,0 +1,53 @@
+import { type ReactNode } from "react";
+export type DrawerSide = "right" | "left" | "bottom";
+export interface DrawerProps {
+    /** Показан ли ящик. */
+    open: boolean;
+    /** Закрытие: кнопка закрытия, Escape и клик мимо — всё сюда. */
+    onClose: () => void;
+    /** Заголовок. Он же — доступное имя ящика. */
+    title: ReactNode;
+    /** Строка под заголовком в шапке: слаг, дата, счётчик. */
+    subtitle?: ReactNode;
+    /** С какого края выезжает ящик: `right`, `left` или `bottom`. По умолчанию `right`; на узком экране боковой ящик становится нижним. */
+    side?: DrawerSide;
+    /** Ширина у боковых, высота у нижнего. */
+    size?: "sm" | "md" | "lg";
+    /** Подвал: кнопки действий. Прижат к низу и не уезжает при прокрутке. */
+    footer?: ReactNode;
+    /** Доступное имя кнопки закрытия. Не задано — «Закрыть» из каталога сообщений. */
+    closeLabel?: string;
+    /** Классы на саму панель ящика — например, свою ширину. */
+    className?: string;
+    /**
+     * Слой ящика. Отдельные оверлеи приложения живут выше обычных.
+     *
+     * Проп тот же и с тем же умолчанием, что у `Dialog`: оба стоят на одном
+     * примитиве Radix и оба обязаны уметь встать над чужим оверлеем. Пока его
+     * здесь не было, потребитель с собственным слоем выше `z-90` получал ящик
+     * ПОД своим же окном — причём подложку было не поднять вовсе, она брала
+     * `z-90` из зашитого класса.
+     */
+    zIndex?: string;
+    /** Содержимое ящика между шапкой и подвалом; прокручивается внутри. */
+    children?: ReactNode;
+}
+/**
+ * Выезжающая панель: те же обязанности, что у `Dialog`, другая геометрия.
+ *
+ * СТОИТ НА ТОМ ЖЕ `@radix-ui/react-dialog`, а не заводит зависимость. Ящик — это
+ * модальный слой: ловушка фокуса, возврат фокуса, `aria-modal`, портал, Escape
+ * по стеку слоёв и замок прокрутки нужны ему ровно так же. Отличается он только
+ * тем, откуда выезжает.
+ *
+ * По той же причине здесь НЕ зовётся `useScrollLock`: замок внутри Radix
+ * (`react-remove-scroll`), и второй счётчик на том же `body` не видел бы первый.
+ *
+ * **На узком экране боковой ящик становится нижним.** Панель в 420 пикселей на
+ * экране в 360 — это не «узкая панель», а окно, вылезшее за край: пользователь
+ * видит обрезанное содержимое и не может прокрутить его вбок. Переключение
+ * сделано классами (`max-sm:`), а не замером ширины в JS: замер даёт скачок
+ * после первого кадра, и панель на глазах перепрыгивает.
+ */
+export declare function Drawer({ open, onClose, title, subtitle, side, size, footer, closeLabel, className, zIndex, children, }: DrawerProps): import("react").JSX.Element;
+//# sourceMappingURL=Drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/Drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ/C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAKrD,MAAM,WAAW,WAAW;IAC1B,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,gEAAgE;IAChE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,8CAA8C;IAC9C,KAAK,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uIAAuI;IACvI,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAcD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAc,EACd,IAAW,EACX,MAAM,EACN,UAAU,EACV,SAAS,EACT,MAA4B,EAC5B,QAAQ,GACT,EAAE,WAAW,+BAsGb"}

package/dist/components/overlays/Drawer.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { useRef } from "react";
+import { cn } from "../../lib/cn.js";
+import { useOpenerFocus } from "../../hooks/useOpenerFocus.js";
+import { hasOpenAriaOverlay, OVERLAY_LAYER } from "../../lib/overlay-layer.js";
+import { useOverlayLayer } from "../../hooks/useOverlayLayer.js";
+import { withoutToolbarAxis } from "../../lib/toolbar-axis.js";
+import { ModalHeader } from "./ModalHeader.js";
+const Portal = withoutToolbarAxis(DialogPrimitive.Portal);
+const SIDE_CLASS = {
+    right: "inset-y-0 right-0 h-full border-l",
+    left: "inset-y-0 left-0 h-full border-r",
+    bottom: "inset-x-0 bottom-0 w-full rounded-t-lg border-t",
+};
+const SIZE_CLASS = {
+    right: { sm: "w-[320px]", md: "w-[420px]", lg: "w-[560px]" },
+    left: { sm: "w-[320px]", md: "w-[420px]", lg: "w-[560px]" },
+    bottom: { sm: "h-[40vh]", md: "h-[60vh]", lg: "h-[85vh]" },
+};
+export function Drawer({ open, onClose, title, subtitle, side = "right", size = "md", footer, closeLabel, className, zIndex = OVERLAY_LAYER.modal, children, }) {
+    const contentRef = useRef(null);
+    const { remember, restore } = useOpenerFocus(open, contentRef);
+    useOverlayLayer(open, contentRef);
+    return (_jsx(DialogPrimitive.Root, { open: open, onOpenChange: (v) => !v && onClose(), children: _jsx(Portal, { children: _jsx(DialogPrimitive.Overlay, { className: cn("animate-fadein data-[state=closed]:animate-fadeout fixed inset-0", zIndex), style: { background: "var(--overlay-scrim)", backdropFilter: "blur(4px)" }, children: _jsxs(DialogPrimitive.Content, { ref: contentRef, onEscapeKeyDown: (event) => {
+                        if (hasOpenAriaOverlay())
+                            event.preventDefault();
+                    }, onOpenAutoFocus: remember, onCloseAutoFocus: restore, className: cn("bg-bg-1 border-line-soft fixed flex flex-col shadow-[var(--shadow-2)] outline-none", zIndex, SIDE_CLASS[side], SIZE_CLASS[side][size], side !== "bottom" &&
+                        "max-sm:inset-x-0 max-sm:top-auto max-sm:bottom-0 max-sm:h-[70vh] max-sm:w-full max-sm:rounded-t-lg max-sm:border-t max-sm:border-r-0 max-sm:border-l-0", className), children: [_jsx(ModalHeader, { title: title, subtitle: subtitle, onClose: onClose, closeLabel: closeLabel, titleComponent: DialogPrimitive.Title, className: "border-line-soft shrink-0 border-b px-4 py-3" }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-4 py-3", children: children }), footer ? (_jsx("div", { className: "border-line-soft flex shrink-0 items-center justify-end gap-2 border-t px-4 py-3", children: footer })) : null] }) }) }) }));
+}
+//# sourceMappingURL=Drawer.js.map

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

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

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

@@ -0,0 +1,41 @@
+import type { ReactNode } from "react";
+export interface HelpTooltipProps {
+    /** Доступное имя кнопки-вопросика: «Что показывает дашборд». */
+    label: string;
+    /** Заголовок внутри поповера. */
+    title?: ReactNode;
+    /** Содержимое подсказки. */
+    children: ReactNode;
+    /**
+     * Комбинация клавиш целиком — строкой, как её надо показать: `⌘+Shift+L`.
+     *
+     * Именно целиком, а не буквой: раньше компонент сам собирал
+     * `${модификатор}+Shift+${буква}` и тем самым знал, что все горячие клавиши
+     * приложения устроены как Mod+Shift+буква. Дизайн-системе такое знать неоткуда,
+     * а сочетание без Shift в неё бы уже не поместилось.
+     *
+     * По той же причине модификатор не вычисляется здесь: определение платформы —
+     * это `react-device-detect` у потребителя, и тащить его в пакет ради одного
+     * символа не за чем.
+     */
+    shortcut?: string;
+    /** Подпись слева от комбинации: «Открыть раздел». Без домена пакет не угадает. */
+    shortcutLabel?: ReactNode;
+    /** Своя иконка вместо вопросика. */
+    icon?: ReactNode;
+    /** Выравнивание панели относительно кнопки-вопросика: `start`, `center` или `end`. По умолчанию `start`. */
+    align?: "start" | "center" | "end";
+    /** Расстояние от кнопки до панели, в пикселях. По умолчанию 8. */
+    sideOffset?: number;
+    /** Ширина панели классом: пояснения бывают разной длины. По умолчанию `w-[340px]`. */
+    widthClassName?: string;
+}
+/**
+ * Кнопка-вопросик, раскрывающая поясняющий текст.
+ *
+ * Отличается от `Tooltip` не оформлением, а поведением: тултип всплывает по
+ * наведению и исчезает, а сюда кладут абзац текста, который надо успеть
+ * прочитать, — поэтому это поповер по клику, с фокусируемым триггером.
+ */
+export declare function HelpTooltip({ label, title, children, shortcut, shortcutLabel, icon, align, sideOffset, widthClassName, }: HelpTooltipProps): import("react").JSX.Element;
+//# sourceMappingURL=HelpTooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/HelpTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,gBAAgB;IAC/B,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4BAA4B;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,oCAAoC;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4GAA4G;IAC5G,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,KAAe,EACf,UAAc,EACd,cAA4B,GAC7B,EAAE,gBAAgB,+BAsClB"}

package/dist/components/overlays/HelpTooltip.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { HelpIcon } from "../../icons.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./Popover.js";
+import { keyGlyphs } from "../content/Kbd.js";
+export function HelpTooltip({ label, title, children, shortcut, shortcutLabel, icon, align = "start", sideOffset = 8, widthClassName = "w-[340px]", }) {
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: cn("text-fg-3 hover:text-fg-1 focus-visible:text-fg-1 inline-flex h-6 w-6 cursor-pointer items-center justify-center rounded-full transition-colors", "focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:outline-offset-2"), "aria-label": label, title: label, children: _jsx("span", { className: "border-line-soft bg-bg-2/70 inline-flex h-5 w-5 items-center justify-center rounded-full border-[0.75px]", children: icon ?? _jsx(HelpIcon, { size: 12, strokeWidth: 1.55, "aria-hidden": true }) }) }) }), _jsx(PopoverContent, { align: align, sideOffset: sideOffset, className: cn(widthClassName, "p-4"), children: _jsxs("div", { className: "flex flex-col gap-3", children: [title ? _jsx("div", { className: "text-md font-semibold", children: title }) : null, children, shortcut ? (_jsxs("div", { className: "text-fg-3 border-line-soft bg-bg-2/60 rounded-control flex items-center justify-between border px-2.5 py-2 text-[11px] leading-relaxed", children: [_jsx("span", { children: shortcutLabel }), _jsx("kbd", { className: "bg-bg-3 border-line text-fg-1 rounded-md border px-2 py-0.5 font-mono font-medium", children: keyGlyphs(shortcut) })] })) : null] }) })] }));
+}
+//# sourceMappingURL=HelpTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpTooltip.js","sourceRoot":"","sources":["../../../src/components/overlays/HelpTooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAyC9C,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,KAAK,GAAG,OAAO,EACf,UAAU,GAAG,CAAC,EACd,cAAc,GAAG,WAAW,GACX;IACjB,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,EAIb,SAAS,EAAE,EAAE,CACX,iJAAiJ,EACjJ,4FAA4F,CAC7F,gBACW,KAAK,EACjB,KAAK,EAAE,KAAK,YAEZ,eAAM,SAAS,EAAC,0GAA0G,YACvH,IAAI,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,wBAAgB,GACzD,GACA,GACM,EAEjB,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,YACxF,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACnE,QAAQ,EACR,QAAQ,CAAC,CAAC,CAAC,CACV,eAAK,SAAS,EAAC,wIAAwI,aACrJ,yBAAO,aAAa,GAAQ,EAC5B,cAAK,SAAS,EAAC,mFAAmF,YAC/F,SAAS,CAAC,QAAQ,CAAC,GAChB,IACF,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACS,IACT,CACX,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,62 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import { PopoverAnchor, type PopoverContentProps } from "./Popover.js";
+export interface HoverCardProps {
+    /**
+     * Сколько миллисекунд курсор или фокус должны задержаться на триггере, чтобы
+     * карточка открылась. Не даёт ей выскакивать от случайного пролёта курсора.
+     * Ориентир — `HoverCard` из Radix.
+     */
+    openDelay?: number;
+    /**
+     * Сколько миллисекунд карточка живёт после того, как курсор ушёл и с триггера,
+     * и с карточки. За это время курсор успевает перейти с одного на другое.
+     */
+    closeDelay?: number;
+    /** Управляемое состояние. Задержки при этом по-прежнему считает компонент. */
+    open?: boolean;
+    /** Открыта ли карточка в начале, если состоянием управляет сам компонент. По умолчанию закрыта. */
+    defaultOpen?: boolean;
+    /**
+     * Вызывается, когда карточка просит открыться или закрыться: по таймеру
+     * наведения и фокуса, по Escape, по клику и фокусу вне карточки.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /** Состав карточки: `HoverCardTrigger` и `HoverCardContent`. */
+    children: ReactNode;
+}
+export declare function HoverCard({ openDelay, closeDelay, open: openProp, defaultOpen, onOpenChange, children, }: HoverCardProps): import("react").JSX.Element;
+/**
+ * Четыре обработчика принадлежат карточке: потребительские на самом триггере
+ * ставятся на потомка (`asChild`) и сохраняются, а здесь они затёрли бы таймеры.
+ */
+type RadixAnchorProps = Omit<ComponentPropsWithoutRef<typeof PopoverAnchor>, "onPointerEnter" | "onPointerLeave" | "onFocus" | "onBlur">;
+export interface HoverCardTriggerProps extends RadixAnchorProps {
+    /** Отдать роль триггера вашему элементу вместо встроенного `div`: свойства и `ref` сливаются с его собственными. Здесь по умолчанию `true` — триггер должен быть ссылкой или кнопкой. */
+    asChild?: RadixAnchorProps["asChild"];
+    /** Элемент или объект с `getBoundingClientRect`, возле которого открывается карточка вместо самого триггера. */
+    virtualRef?: RadixAnchorProps["virtualRef"];
+}
+/**
+ * Триггер карточки (`asChild` по умолчанию включён: обёртка `div` без роли и без
+ * фокуса была бы триггером, до которого не добраться с клавиатуры): слушает наведение и фокус, ничего не переключает по клику.
+ *
+ * Потомок обязан быть интерактивным (ссылка, кнопка) и принимать `ref` и
+ * обработчики событий: собственные его обработчики сохраняются.
+ */
+export declare const HoverCardTrigger: import("react").ForwardRefExoticComponent<HoverCardTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+export type HoverCardContentProps = PopoverContentProps;
+/**
+ * Панель карточки. Вид, слой и анимации — `PopoverContent`.
+ *
+ * Отличия от поповера, и все они про то, что карточка дополняет триггер, а не
+ * забирает управление:
+ * - фокус при открытии остаётся на месте (`onOpenAutoFocus` отменён), а при
+ *   закрытии не возвращается на триггер — закрытие от указателя не должно
+ *   перетаскивать фокус; при Escape он и так стоит на триггере;
+ * - роли `dialog` нет: диалог без перехода фокуса — обещание, которого панель не
+ *   держит, а безымянный `role="dialog"` ещё и нарушает axe;
+ * - курсор на панели удерживает её открытой.
+ */
+export declare const HoverCardContent: import("react").ForwardRefExoticComponent<PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=HoverCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/HoverCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EASL,KAAK,wBAAwB,EAG7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAW,aAAa,EAAkB,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAsBhG,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mGAAmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gEAAgE;IAChE,QAAQ,EAAE,SAAS,CAAC;CACrB;AA0CD,wBAAgB,SAAS,CAAC,EACxB,SAA8B,EAC9B,UAAgC,EAChC,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,QAAQ,GACT,EAAE,cAAc,+BAyKhB;AAED;;;GAGG;AACH,KAAK,gBAAgB,GAAG,IAAI,CAC1B,wBAAwB,CAAC,OAAO,aAAa,CAAC,EAC9C,gBAAgB,GAAG,gBAAgB,GAAG,SAAS,GAAG,QAAQ,CAC3D,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,yLAAyL;IACzL,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACtC,gHAAgH;IAChH,UAAU,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;CAC7C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,kHAoB5B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;AAExD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,gHA2D5B,CAAC"}