@olddevs/ui 0.0.0-stage → 4.0.1

package/dist/components/navigation/Tabs.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { cn } from "../../lib/cn.js";
+export function Tabs({ items, value, onChange, orientation = "horizontal", className }) {
+    const tabRefs = useRef([]);
+    const vertical = orientation === "vertical";
+    const moveTo = (index) => {
+        const clamped = Math.max(0, Math.min(index, items.length - 1));
+        const item = items[clamped];
+        if (!item)
+            return;
+        tabRefs.current[clamped]?.focus();
+        if (item.id !== value)
+            onChange(item.id);
+    };
+    const onKeyDown = (e) => {
+        const current = items.findIndex((t) => t.id === value);
+        const prevKey = vertical ? "ArrowUp" : "ArrowLeft";
+        const nextKey = vertical ? "ArrowDown" : "ArrowRight";
+        switch (e.key) {
+            case prevKey:
+                e.preventDefault();
+                moveTo(current - 1);
+                return;
+            case nextKey:
+                e.preventDefault();
+                moveTo(current + 1);
+                return;
+            case "Home":
+                e.preventDefault();
+                moveTo(0);
+                return;
+            case "End":
+                e.preventDefault();
+                moveTo(items.length - 1);
+                return;
+        }
+    };
+    return (_jsx("div", { role: "tablist", "aria-orientation": orientation, onKeyDown: onKeyDown, className: cn(vertical ? "flex flex-col gap-px" : "flex gap-0.5 overflow-x-auto", className), children: items.map((item, index) => {
+            const selected = item.id === value;
+            return (_jsxs("button", { ref: (el) => {
+                    tabRefs.current[index] = el;
+                }, type: "button", role: "tab", "aria-selected": selected, "aria-controls": selected ? `${item.id}-panel` : undefined, tabIndex: selected ? 0 : -1, onClick: () => onChange(item.id), className: cn("flex cursor-pointer items-center rounded-lg", vertical
+                    ? "gap-2.5 px-3 py-[9px] text-left text-[13px]"
+                    : "shrink-0 gap-1.5 px-3 py-1.5 text-[12px] whitespace-nowrap", "focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:-outline-offset-2", selected
+                    ? "border-line-soft bg-bg-2 text-fg-0 border font-semibold"
+                    : "text-fg-2 border border-transparent font-medium"), children: [item.icon ? (_jsx("span", { "aria-hidden": true, className: cn("flex", selected ? "text-accent" : "text-fg-3"), children: item.icon })) : null, item.label] }, item.id));
+        }) }));
+}
+//# sourceMappingURL=Tabs.js.map

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

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

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

@@ -0,0 +1,101 @@
+import type { ReactNode } from "react";
+import { type Key, type Selection } from "react-aria-components";
+export interface TreeNode {
+    /** Уникальный ключ узла: по нему работают раскрытие, выбор и `onAction`. */
+    id: Key;
+    /** Подпись узла. Может быть вёрсткой — тогда задайте `textValue`. */
+    label: ReactNode;
+    /**
+     * Строковое представление узла: по нему работает поиск набором с клавиатуры.
+     * Обязателен, когда `label` — не строка.
+     */
+    textValue?: string;
+    /** Иконка слева от подписи. */
+    icon?: ReactNode;
+    /** Дочерние узлы. Есть они — у узла появляется кнопка раскрытия. */
+    children?: TreeNode[];
+    /** Блокирует узел: его нельзя выбрать и активировать. */
+    disabled?: boolean;
+}
+export interface TreeViewProps {
+    /** Узлы верхнего уровня; вложенность задаётся полем `children`. */
+    items: TreeNode[];
+    /** Доступное имя дерева. Обязательно: безымянное дерево скринридер называет только по роли. */
+    "aria-label": string;
+    /** Раскрытые узлы. Дерево их не хранит — как сортировку и выделение таблица. */
+    expandedKeys?: Iterable<Key>;
+    /** Вызывается с новым множеством раскрытых узлов после раскрытия или сворачивания. */
+    onExpandedChange?: (keys: Set<Key>) => void;
+    /** Раскрытые при первом показе. Дальше состояние ведёт react-aria. */
+    defaultExpandedKeys?: Iterable<Key>;
+    /**
+     * Выбор узлов. Режим включается наличием пропа: без него ни флажков, ни
+     * `aria-selected` в разметке нет — то же правило, что у `Table`.
+     */
+    selectionMode?: "single" | "multiple";
+    /** Выбранные узлы (управляемое значение). Работает при заданном `selectionMode`. */
+    selectedKeys?: Selection;
+    /** Вызывается с новым набором выбранных узлов. */
+    onSelectionChange?: (keys: Selection) => void;
+    /** Ключи заблокированных узлов; действует вместе с полем `disabled` самих узлов. */
+    disabledKeys?: Iterable<Key>;
+    /**
+     * Текущий узел навигации: ключ узла, чья страница открыта. Узел получает
+     * `aria-current="page"` и заметную подложку.
+     *
+     * Это не выбор: ни флажков, ни `aria-selected`, режим `selectionMode`
+     * включать не нужно. Имя — по словарю кита: `active` занято текущим пунктом
+     * навигации, а здесь пунктов нет, есть ключи, как у `selectedKeys` и
+     * `expandedKeys`. Дерево «текущее» само не переставляет — это делает
+     * маршрут потребителя.
+     */
+    activeKey?: Key;
+    /**
+     * Действие по узлу: переход, открытие карточки. Выбором не является.
+     *
+     * По строке-папке действие НЕ раскрывает её: раскрывают шеврон и стрелка
+     * вправо. Раскрывать по клику — дело `onAction` потребителя.
+     */
+    onAction?: (id: Key) => void;
+    /** Что показать, когда узлов нет. Не задан — дерево остаётся пустым. */
+    emptyText?: ReactNode;
+    /** Дополнительные классы на корень дерева. */
+    className?: string;
+}
+/**
+ * Дерево: иерархия с раскрытием, выбором и клавиатурой.
+ *
+ * ПОВЕДЕНИЕ ЦЕЛИКОМ ОТ `Tree` ИЗ react-aria (ADR-0005), и это причина, по
+ * которой дерево вообще можно писать без экрана-заказчика. Роли,
+ * `aria-expanded`, `aria-level`, `aria-posinset`, стрелки, Home и End, поиск
+ * набором — всё оттуда. Своими руками здесь только разметка узла и токены. В
+ * 1.21 компонент вышел из `UNSTABLE_`, так что префикса нет.
+ *
+ * РОЛЬ — `treegrid`, А НЕ `tree`, и узлы объявлены `row`. Это решение
+ * react-aria, и оно обоснованное: в строке живут кнопка раскрытия и флажок, а
+ * `treeitem` второго интерактивного элемента внутри себя не предполагает.
+ * Переопределять роли руками мы не станем — тогда клавиатура из слоя поведения
+ * перестала бы соответствовать объявленной разметке.
+ *
+ * СОСТОЯНИЙ ДЕРЕВО НЕ ХРАНИТ — правило то же, что у `Table`: раскрытые и
+ * выбранные узлы приходят множествами, а `defaultExpandedKeys` ведёт
+ * react-aria, а не мы. `useTreeData` наружу НЕ реэкспортируется: это
+ * хранилище, а кит состоянием не владеет (ADR-0023). Кому нужно готовое —
+ * берёт его из `react-aria-components` напрямую, и тогда это его выбор, а не
+ * навязанный китом.
+ *
+ * Режим выбора включается `selectionMode`. Без него флажков нет вовсе: дерево
+ * категорий, по которому просто ходят, не должно тащить колонку выбора.
+ *
+ * ТЕКУЩИЙ УЗЕЛ — ОТДЕЛЬНАЯ ОСЬ ОТ ВЫБОРА. `activeKey` ставит строке
+ * `aria-current="page"` и подложку, а флажков не рисует: дерево статей, по
+ * которому ходят, показывает «вы здесь», а не набор отмеченного. `dependencies`
+ * на корне нужны затем, что react-aria кеширует строки по `items`: сменился
+ * только ключ — без них отметка осталась бы на прежней строке.
+ *
+ * Имена кнопок раскрытия НЕ повторяют подпись узла: react-aria дописывает её
+ * сам, и «Раскрыть Природа» читалось бы как «Раскрыть Природа Природа» — тот
+ * же дефект, что нашло ревью волны 18 у `TagInput` и `FilterBar`.
+ */
+export declare function TreeView({ items, expandedKeys, onExpandedChange, defaultExpandedKeys, selectionMode, selectedKeys, onSelectionChange, disabledKeys, activeKey, onAction, emptyText, className, ...rest }: TreeViewProps): import("react").JSX.Element;
+//# sourceMappingURL=TreeView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/TreeView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAML,KAAK,GAAG,EACR,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AA4B/B,MAAM,WAAW,QAAQ;IACvB,4EAA4E;IAC5E,EAAE,EAAE,GAAG,CAAC;IACR,qEAAqE;IACrE,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,mEAAmE;IACnE,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,+FAA+F;IAC/F,YAAY,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,sFAAsF;IACtF,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC5C,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC;;;OAGG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,oFAAoF;IACpF,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC9C,oFAAoF;IACpF,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,wEAAwE;IACxE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,+BA6Ff"}

package/dist/components/navigation/TreeView.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Collection, Tree, TreeItem, TreeItemContent, } from "react-aria-components";
+import { ChevronRightIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { Checkbox } from "../inputs/Checkbox.js";
+function markCurrent(inside, current) {
+    const row = inside?.closest('[role="row"]');
+    if (!row)
+        return;
+    if (current)
+        row.setAttribute("aria-current", "page");
+    else
+        row.removeAttribute("aria-current");
+}
+export function TreeView({ items, expandedKeys, onExpandedChange, defaultExpandedKeys, selectionMode, selectedKeys, onSelectionChange, disabledKeys, activeKey, onAction, emptyText, className, ...rest }) {
+    const messages = useMessages();
+    const renderNode = (node) => {
+        const current = activeKey != null && node.id === activeKey;
+        return (_jsxs(TreeItem, { id: node.id, textValue: node.textValue ?? (typeof node.label === "string" ? node.label : String(node.id)), isDisabled: node.disabled, className: "outline-none [--tree-indent:1.25rem]", children: [_jsx(TreeItemContent, { children: ({ isExpanded, hasChildItems }) => (_jsxs("div", { ref: (content) => markCurrent(content, current), className: cn("text-fg-1 flex items-center gap-2 rounded-xs py-1.5 pr-2 text-[13px] leading-5", "hover:bg-bg-2 selected:bg-accent-soft selected:text-fg-0", current && "bg-bg-3 text-fg-0 font-semibold", "focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:-outline-offset-2", "disabled:opacity-50"), style: {
+                            paddingLeft: "calc((var(--tree-item-level) - 1) * var(--tree-indent) + 0.25rem)",
+                        }, children: [hasChildItems ? (_jsx(Button, { slot: "chevron", "aria-label": isExpanded ? messages.treeView.collapse : messages.treeView.expand, className: cn("text-fg-3 hover:text-fg-0 flex cursor-pointer items-center rounded-xs", "transition-colors", "focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:outline-offset-2"), children: _jsx(ChevronRightIcon, { size: 14, "aria-hidden": true, className: cn("transition-transform motion-reduce:transition-none", isExpanded && "rotate-90") }) })) : (_jsx("span", { "aria-hidden": true, className: "w-[14px] shrink-0" })), selectionMode ? (_jsx(Checkbox, { slot: "selection", label: messages.treeView.select })) : null, node.icon != null && (_jsx("span", { className: "text-fg-3 flex shrink-0 items-center", children: node.icon })), _jsx("span", { className: "min-w-0 truncate", children: node.label })] })) }), node.children != null && node.children.length > 0 ? (_jsx(Collection, { items: node.children, children: renderNode })) : null] }));
+    };
+    return (_jsx(Tree, { "aria-label": rest["aria-label"], items: items, dependencies: [activeKey], expandedKeys: expandedKeys, onExpandedChange: onExpandedChange, defaultExpandedKeys: defaultExpandedKeys, selectionMode: selectionMode, selectedKeys: selectedKeys, onSelectionChange: onSelectionChange, disabledKeys: disabledKeys, onAction: onAction, renderEmptyState: emptyText != null ? () => emptyText : undefined, className: cn("flex flex-col gap-0.5 outline-none", className), children: renderNode }));
+}
+//# sourceMappingURL=TreeView.js.map

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

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

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

@@ -0,0 +1,115 @@
+import { type ReactNode } from "react";
+export interface CommandItem {
+    /** Идентификатор пункта: он приходит в `onSelect` палитры, когда пункт выбран. */
+    id: string;
+    /** Название пункта: показывается в списке и участвует в поиске. */
+    label: string;
+    /** Горячие клавиши пункта: `["⌘", "K"]`. Показываются справа. */
+    shortcut?: string[];
+    /** Дополнительные слова для поиска — синонимы, английское название. */
+    keywords?: string;
+    /** Иконка слева от названия пункта. */
+    icon?: ReactNode;
+}
+export interface CommandSection {
+    /** Идентификатор раздела: ключ списка и признак для `prefiltered`. */
+    id: string;
+    /** Заголовок раздела. */
+    label: string;
+    /** Пункты раздела. */
+    items: CommandItem[];
+    /**
+     * Раздел уже отфильтрован снаружи — показывать как есть, не просеивая
+     * локально и не пересортировывая.
+     *
+     * ЗАЧЕМ ОТКЛЮЧАТЬ СОБСТВЕННЫЙ ПОИСК ПАЛИТРЫ. Для действий приложения он
+     * правильный: набор известен заранее и лежит целиком в памяти. Для находок
+     * сервера — разрушительный: они уже отобраны, причём по другим правилам, и
+     * второе просеивание подстрокой выбрасывает верные.
+     *
+     * Заявка потребителя показывает это на морфологии: поиск по `tsvector` с
+     * русским словарём находит «Подписать договор» по запросу «договоры», а
+     * `contains` такую пару не сматчит никогда — подстроки в заголовке нет.
+     * Обойти через `keywords` нельзя в принципе: сколько слов туда ни клади,
+     * фильтр по подстроке не станет морфологическим. Это не про объём данных, а
+     * про правила сравнения.
+     *
+     * Порядок пунктов тоже сохраняется как передан: ранжирование сделал тот, кто
+     * искал, и пересортировка сломала бы его.
+     */
+    prefiltered?: boolean;
+}
+export interface CommandPaletteProps {
+    /** Показана ли палитра. */
+    open: boolean;
+    /** Палитра просит закрыться: Escape, клик мимо и сразу после выбора пункта. */
+    onClose: () => void;
+    /** Разделы с пунктами; каждый показан под своим заголовком, сворачиваться разделы не умеют. */
+    sections: CommandSection[];
+    /** Пункт выбран; приходит его `id`. Закрывать палитру отдельно не нужно: `onClose` зовётся следом. */
+    onSelect: (id: string) => void;
+    /** Плейсхолдер в пустом поле поиска. Не задан — строка из каталога сообщений. */
+    placeholder?: string;
+    /**
+     * Что показывать на пустом запросе.
+     *
+     * `all` — весь список разделами: палитра работает как оглавление, и её
+     * открывают не только чтобы найти, но и чтобы вспомнить, что вообще есть.
+     * `hint` — одна строка подсказки: когда действий сотни и список сам по себе
+     * ничего не сообщает.
+     *
+     * Умолчание `all`: у приложения с двумя десятками действий пустая палитра —
+     * это выброшенная возможность показать их все.
+     */
+    emptyBehaviour?: "all" | "hint";
+    /** Строка подсказки на пустом запросе при `emptyBehaviour="hint"`. Не задана — текст из каталога сообщений. */
+    emptyHint?: ReactNode;
+    /** Текст, когда запрос ничего не нашёл. Не задан — «Ничего не найдено» из каталога сообщений. */
+    notFoundText?: string;
+    /** Доступное имя палитры и её списка; видимого заголовка нет. Не задано — строка из каталога сообщений. */
+    title?: string;
+    /**
+     * Набранный запрос — наружу, на каждое изменение поля.
+     *
+     * Уведомление, а не управление: поле остаётся за компонентом. Этого хватает,
+     * чтобы запустить поиск на сервере, и не заводит второй контракт, который
+     * пришлось бы поддерживать.
+     *
+     * Зовётся и на очистку поля кнопкой, и на сброс при закрытии палитры: потребитель
+     * иначе остался бы с запросом, которого в поле уже нет, и продолжил бы по нему
+     * ходить в сеть.
+     *
+     * Дребезг — забота потребителя: его величина зависит от цены запроса, а она
+     * киту неизвестна.
+     */
+    onQueryChange?: (query: string) => void;
+    /**
+     * Идёт поиск на стороне потребителя.
+     *
+     * Показанные результаты не прячутся: список, мигающий на каждый символ, хуже
+     * списка, отстающего на полсекунды. Меняются два места — иконка поля и текст
+     * пустого состояния.
+     */
+    loading?: boolean;
+    /** Чем заменить «ничего не найдено», пока идёт поиск. Умолчание — «Загрузка». */
+    loadingText?: ReactNode;
+}
+/**
+ * Командная палитра: поиск по действиям приложения.
+ *
+ * СОБРАНА ИЗ ТРЁХ ГОТОВЫХ ЧАСТЕЙ, и ни одна не написана заново:
+ * `Dialog` Radix даёт модальность (ловушка фокуса, возврат фокуса, портал),
+ * `Autocomplete` react-aria — связку поля и списка (фильтрация, стрелки,
+ * `aria-activedescendant`), `ListBox` — сам список с разделами.
+ *
+ * Своего здесь три решения: что показывать на пустом запросе, как выглядят
+ * горячие клавиши пункта и то, что **разделы не сворачиваются**. Последнее
+ * важно: палитра открывается на долю секунды, и элемент управления, который
+ * надо сначала раскрыть, в этот сценарий не помещается.
+ *
+ * Поле поиска — `SearchField` без видимой подписи: подпись здесь была бы
+ * шумом (что ещё делать в палитре, кроме как искать), но скринридеру имя
+ * нужно, и оно даётся скрытой подписью.
+ */
+export declare function CommandPalette({ open, onClose, sections, onSelect, placeholder, emptyBehaviour, emptyHint, notFoundText, title, onQueryChange, loading, loadingText, }: CommandPaletteProps): import("react").JSX.Element;
+//# sourceMappingURL=CommandPalette.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/CommandPalette.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAuB7E,MAAM,WAAW,WAAW;IAC1B,kFAAkF;IAClF,EAAE,EAAE,MAAM,CAAC;IACX,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,sEAAsE;IACtE,EAAE,EAAE,MAAM,CAAC;IACX,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB;;;;;;;;;;;;;;;;;;OAkBG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,+EAA+E;IAC/E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+FAA+F;IAC/F,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,sGAAsG;IACtG,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAChC,+GAA+G;IAC/G,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iGAAiG;IACjG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2GAA2G;IAC3G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iFAAiF;IACjF,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,cAAsB,EACtB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,aAAa,EACb,OAAe,EACf,WAAW,GACZ,EAAE,mBAAmB,+BA4LrB"}

package/dist/components/overlays/CommandPalette.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 { useEffect, useMemo, useRef, useState } from "react";
+import { Autocomplete, Collection, Header, Input, ListBox, ListBoxItem, ListBoxSection, SearchField, useFilter, } from "react-aria-components";
+import { SearchIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+import { useOpenerFocus } from "../../hooks/useOpenerFocus.js";
+import { OVERLAY_LAYER } from "../../lib/overlay-layer.js";
+import { useOverlayLayer } from "../../hooks/useOverlayLayer.js";
+import { LISTBOX_ITEM_CLASS } from "../../lib/menu.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { Kbd } from "../content/Kbd.js";
+import { Spinner } from "../actions/Spinner.js";
+import { VisuallyHidden } from "../content/VisuallyHidden.js";
+export function CommandPalette({ open, onClose, sections, onSelect, placeholder, emptyBehaviour = "all", emptyHint, notFoundText, title, onQueryChange, loading = false, loadingText, }) {
+    const messages = useMessages();
+    const { contains } = useFilter({ sensitivity: "base" });
+    const [query, setQuery] = useState("");
+    const contentRef = useRef(null);
+    const { remember, restore } = useOpenerFocus(open, contentRef);
+    useOverlayLayer(open, contentRef);
+    useEffect(() => {
+        if (open || query === "")
+            return;
+        setQuery("");
+        onQueryChange?.("");
+    }, [open, query, onQueryChange]);
+    const prefilteredIds = useMemo(() => new Set(sections.filter((section) => section.prefiltered).map((section) => section.id)), [sections]);
+    return (_jsx(DialogPrimitive.Root, { open: open, onOpenChange: (v) => !v && onClose(), children: _jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { className: cn("animate-fadein data-[state=closed]:animate-fadeout fixed inset-0", OVERLAY_LAYER.modal), style: { background: "var(--overlay-scrim)", backdropFilter: "blur(4px)" } }), _jsxs(DialogPrimitive.Content, { ref: contentRef, onOpenAutoFocus: remember, onCloseAutoFocus: restore, className: cn("border-line-soft bg-bg-1 fixed top-[12vh] left-1/2 flex max-h-[70vh] w-[min(560px,92vw)] -translate-x-1/2 flex-col overflow-hidden rounded-lg border shadow-[var(--shadow-2)] outline-none", OVERLAY_LAYER.modal), "aria-label": title ?? messages.commandPalette.title, children: [_jsx(DialogPrimitive.Title, { asChild: true, children: _jsx(VisuallyHidden, { children: title ?? messages.commandPalette.title }) }), _jsxs(Autocomplete, { filter: (textValue, inputValue, node) => (node.parentKey != null && prefilteredIds.has(String(node.parentKey))) ||
+                                contains(textValue, inputValue), children: [_jsxs(SearchField, { "aria-label": placeholder ?? messages.commandPalette.placeholder, value: query, onChange: (next) => {
+                                        setQuery(next);
+                                        onQueryChange?.(next);
+                                    }, autoFocus: true, className: "border-line-soft flex items-center gap-2 border-b px-4 py-3", children: [_jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", children: loading ? (_jsx(Spinner, { size: "sm", tone: "neutral" })) : (_jsx(SearchIcon, { size: 16, "aria-hidden": true, className: "text-fg-3" })) }), _jsx(Input, { placeholder: placeholder ?? messages.commandPalette.placeholder, "data-disable-focus-ring": "true", className: "text-fg-0 placeholder:text-fg-2 text-md w-full border-0 bg-transparent outline-none" })] }), _jsx(ListBox, { "aria-label": title ?? messages.commandPalette.title, className: "flex flex-col gap-1 overflow-y-auto p-2 outline-none", onAction: (key) => {
+                                        onSelect(String(key));
+                                        onClose();
+                                    }, renderEmptyState: () => (_jsx("div", { className: "text-fg-2 px-3 py-6 text-center text-sm", children: loading
+                                            ? (loadingText ?? messages.common.loading)
+                                            : query === "" && emptyBehaviour === "hint"
+                                                ? (emptyHint ?? messages.commandPalette.emptyHint)
+                                                : (notFoundText ?? messages.common.notFound) })), items: query === "" && emptyBehaviour === "hint" ? [] : sections, children: (section) => (_jsxs(ListBoxSection, { id: section.id, children: [_jsx(Header, { className: "text-fg-2 text-caption px-2 pt-2 pb-1 font-semibold", children: section.label }), _jsx(Collection, { items: section.items, children: (item) => (_jsxs(ListBoxItem, { id: item.id, textValue: `${item.label} ${item.keywords ?? ""}`, className: cn(LISTBOX_ITEM_CLASS, "gap-2"), children: [item.icon ? (_jsx("span", { "aria-hidden": true, className: "text-fg-3 flex shrink-0 items-center", children: item.icon })) : null, _jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }), item.shortcut ? (_jsx("span", { "aria-hidden": true, className: "flex shrink-0 items-center gap-1", children: item.shortcut.map((key) => (_jsx(Kbd, { children: key }, key))) })) : null] })) })] })) })] })] })] }) }));
+}
+//# sourceMappingURL=CommandPalette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.js","sourceRoot":"","sources":["../../../src/components/overlays/CommandPalette.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAC7E,OAAO,EACL,YAAY,EACZ,UAAU,EACV,MAAM,EACN,KAAK,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,WAAW,EACX,SAAS,GACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAqH9D,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,cAAc,GAAG,KAAK,EACtB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,aAAa,EACb,OAAO,GAAG,KAAK,EACf,WAAW,GACS;IACpB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAG/B,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;IASxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAG/D,eAAe,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAWlC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO;QACjC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAOjC,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAC7F,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,OAAO,EAAE,YACpE,MAAC,eAAe,CAAC,MAAM,eACrB,KAAC,eAAe,CAAC,OAAO,IACtB,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,aAAa,CAAC,KAAK,CACpB,EACD,KAAK,EAAE,EAAE,UAAU,EAAE,sBAAsB,EAAE,cAAc,EAAE,WAAW,EAAE,GAC1E,EACF,MAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,UAAU,EACf,eAAe,EAAE,QAAQ,EACzB,gBAAgB,EAAE,OAAO,EACzB,SAAS,EAAE,EAAE,CACX,4LAA4L,EAC5L,aAAa,CAAC,KAAK,CACpB,gBACW,KAAK,IAAI,QAAQ,CAAC,cAAc,CAAC,KAAK,aAKlD,KAAC,eAAe,CAAC,KAAK,IAAC,OAAO,kBAC5B,KAAC,cAAc,cAAE,KAAK,IAAI,QAAQ,CAAC,cAAc,CAAC,KAAK,GAAkB,GACnD,EAWxB,MAAC,YAAY,IACX,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,CACtC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,IAAI,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;gCACtE,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,aAGjC,MAAC,WAAW,kBACE,WAAW,IAAI,QAAQ,CAAC,cAAc,CAAC,WAAW,EAC9D,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;wCACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;wCACf,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;oCACxB,CAAC,EACD,SAAS,QACT,SAAS,EAAC,6DAA6D,aAmBvE,eAAM,SAAS,EAAC,kDAAkD,YAC/D,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAG,CACrC,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,uBAAc,SAAS,EAAC,WAAW,GAAG,CAC3D,GACI,EACP,KAAC,KAAK,IACJ,WAAW,EAAE,WAAW,IAAI,QAAQ,CAAC,cAAc,CAAC,WAAW,6BACvC,MAAM,EAC9B,SAAS,EAAC,qFAAqF,GAC/F,IACU,EAEd,KAAC,OAAO,kBACM,KAAK,IAAI,QAAQ,CAAC,cAAc,CAAC,KAAK,EAClD,SAAS,EAAC,sDAAsD,EAChE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;wCAChB,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;wCAItB,OAAO,EAAE,CAAC;oCACZ,CAAC,EACD,gBAAgB,EAAE,GAAG,EAAE,CAAC,CACtB,cAAK,SAAS,EAAC,yCAAyC,YAIrD,OAAO;4CACN,CAAC,CAAC,CAAC,WAAW,IAAI,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC;4CAC1C,CAAC,CAAC,KAAK,KAAK,EAAE,IAAI,cAAc,KAAK,MAAM;gDACzC,CAAC,CAAC,CAAC,SAAS,IAAI,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC;gDAClD,CAAC,CAAC,CAAC,YAAY,IAAI,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,GAC5C,CACP,EACD,KAAK,EAAE,KAAK,KAAK,EAAE,IAAI,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,YAE/D,CAAC,OAAuB,EAAE,EAAE,CAAC,CAC5B,MAAC,cAAc,IAAC,EAAE,EAAE,OAAO,CAAC,EAAE,aAC5B,KAAC,MAAM,IAAC,SAAS,EAAC,qDAAqD,YACpE,OAAO,CAAC,KAAK,GACP,EACT,KAAC,UAAU,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,YAC7B,CAAC,IAAiB,EAAE,EAAE,CAAC,CACtB,MAAC,WAAW,IACV,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,EACjD,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,OAAO,CAAC,aAEzC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,oCAAkB,SAAS,EAAC,sCAAsC,YAC/D,IAAI,CAAC,IAAI,GACL,CACR,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC5D,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,oCAAkB,SAAS,EAAC,kCAAkC,YAC3D,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC1B,KAAC,GAAG,cAAY,GAAG,IAAT,GAAG,CAAa,CAC3B,CAAC,GACG,CACR,CAAC,CAAC,CAAC,IAAI,IACI,CACf,GACU,IACE,CAClB,GACO,IACG,IACS,IACH,GACJ,CACxB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,67 @@
+import { type ReactNode } from "react";
+/**
+ * Характер вопроса. Это СОБСТВЕННАЯ ось диалога, а не кнопочная: «удаляем
+ * безвозвратно» и «кнопка красная» — разные утверждения, и вызывающий обязан
+ * говорить первое, а перевод во второе — работа компонента.
+ */
+export type ConfirmKind = "danger" | "warning" | "info";
+export interface ConfirmDialogProps {
+    /** Показано ли окно подтверждения. */
+    open: boolean;
+    /** Отмена: кнопка «Отменить», кнопка закрытия, Escape и клик мимо. Пока `loading`, не вызывается. */
+    onClose: () => void;
+    /** Пользователь подтвердил действие. Окно само не закрывается — закрыть его должен потребитель. */
+    onConfirm: () => void;
+    /** Заголовок окна: коротко называет действие. Он же — доступное имя диалога. */
+    title: ReactNode;
+    /** Вопрос или пояснение последствий. Выводится абзацем и служит описанием диалога для скринридера. */
+    message: ReactNode;
+    /** Подпись кнопки подтверждения. Не задана — «Подтвердить» из каталога сообщений. */
+    confirmLabel?: string;
+    /** Подпись кнопки отмены. Не задана — «Отменить» из каталога сообщений. */
+    cancelLabel?: string;
+    /**
+     * Характер вопроса: `danger` и `warning` рисуют кнопку подтверждения контурной
+     * красной, `info` — сплошной акцентной. По умолчанию `danger`.
+     *
+     * Тон иконки слева от заголовка тоже берётся из `kind`: красный, жёлтый или акцентный.
+     */
+    kind?: ConfirmKind;
+    /** Идёт подтверждённое действие: кнопки заблокированы, закрыть нельзя. */
+    loading?: boolean;
+    /**
+     * Подтверждение вводом: текст, который пользователь должен набрать, чтобы
+     * кнопка подтверждения включилась, — обычно название удаляемой сущности
+     * («Удалить пространство Acme»). В окне появляется поле с подписью из
+     * каталога сообщений, фокус при открытии встаёт в него, а Enter подтверждает
+     * только при совпадении.
+     *
+     * Сверка точная и регистрозависимая: смысл приёма в том, чтобы пользователь
+     * прочёл название и набрал именно его, а «acme» вместо «Acme» отличает одно
+     * пространство от другого. Пробелы по краям набранного не считаются
+     * (вставка из буфера часто приносит хвост), `NFC`-нормализация сглаживает
+     * разницу между «é» одной буквой и «e» с акцентом. Пустая строка — не
+     * название: поля нет, окно подтверждается как обычно.
+     *
+     * Набранный текст живёт внутри окна и не переживает его закрытия; снаружи
+     * его знать незачем — `onConfirm` вызывается уже после совпадения.
+     */
+    typeToConfirm?: string;
+}
+/**
+ * Диалог подтверждения необратимого действия.
+ *
+ * СТОИТ НА `Dialog`, А НЕ НА ПОДЛОЖКЕ. Раньше он собирал модальность сам:
+ * `ModalOverlay` + своя роль + свой `aria-labelledby` + `useScrollLock` +
+ * перехват Escape на фазе захвата с `stopImmediatePropagation`. Последнее —
+ * не перестраховка, а вынужденная мера: диалог почти всегда открыт ПОВЕРХ
+ * другого окна со своим обработчиком Escape, и без захвата одно нажатие
+ * закрывало оба. Radix ведёт стек слоёв сам, поэтому весь этот механизм
+ * исчез вместе с переносом.
+ *
+ * Роль остаётся `alertdialog`: окно прерывает работу и требует ответа, а не
+ * показывает форму. С `typeToConfirm` форма в нём всё же появляется — но ради
+ * одного поля-замка, а не ввода данных, и роль остаётся прежней.
+ */
+export declare function ConfirmDialog({ open, onClose, onConfirm, title, message, confirmLabel, cancelLabel, kind, loading, typeToConfirm, }: ConfirmDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/ConfirmDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2C,KAAK,SAAS,EAAkB,MAAM,OAAO,CAAC;AAShG;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAExD,MAAM,WAAW,kBAAkB;IACjC,sCAAsC;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,qGAAqG;IACrG,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mGAAmG;IACnG,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gFAAgF;IAChF,KAAK,EAAE,SAAS,CAAC;IACjB,sGAAsG;IACtG,OAAO,EAAE,SAAS,CAAC;IACnB,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;OAgBG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAkCD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAY,EACZ,WAAW,EACX,IAAe,EACf,OAAe,EACf,aAAa,GACd,EAAE,kBAAkB,+BAgDpB"}

package/dist/components/overlays/ConfirmDialog.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef, useState } from "react";
+import { WarningIcon } from "../../icons.js";
+import { OVERLAY_LAYER } from "../../lib/overlay-layer.js";
+import { Button } from "../actions/Button.js";
+import { FormField } from "../inputs/FormField.js";
+import { TextControl } from "../inputs/TextControl.js";
+import { Dialog } from "./Dialog.js";
+import { useMessages } from "../../i18n/useMessages.js";
+const ICON_COLOR = {
+    danger: "var(--danger)",
+    warning: "var(--warning)",
+    info: "var(--accent)",
+};
+const normalize = (value) => value.trim().normalize("NFC");
+function keepCase(label, name) {
+    const at = name ? label.indexOf(name) : -1;
+    if (at === -1)
+        return label;
+    return (_jsxs(_Fragment, { children: [label.slice(0, at), _jsx("span", { className: "tracking-normal normal-case", children: name }), label.slice(at + name.length)] }));
+}
+export function ConfirmDialog({ open, onClose, onConfirm, title, message, confirmLabel, cancelLabel, kind = "danger", loading = false, typeToConfirm, }) {
+    const messageId = useId();
+    const confirmRef = useRef(null);
+    const fieldRef = useRef(null);
+    const expected = normalize(typeToConfirm ?? "");
+    return (_jsx(Dialog, { open: open, onClose: onClose, loading: loading, role: "alertdialog", describedBy: messageId, zIndex: OVERLAY_LAYER.alert, initialFocusRef: expected ? fieldRef : confirmRef, title: title, icon: _jsx(WarningIcon, { size: 18, style: { color: ICON_COLOR[kind] } }), className: "w-full max-w-[380px]", children: _jsx(ConfirmBody, { message: message, messageId: messageId, confirmLabel: confirmLabel, cancelLabel: cancelLabel, kind: kind, loading: loading, expected: expected, confirmRef: confirmRef, fieldRef: fieldRef, onClose: onClose, onConfirm: onConfirm }) }));
+}
+function ConfirmBody({ message, messageId, confirmLabel, cancelLabel, kind, loading, expected, confirmRef, fieldRef, onClose, onConfirm, }) {
+    const messages = useMessages();
+    const [typed, setTyped] = useState("");
+    const withField = expected !== "";
+    const matches = !withField || normalize(typed) === expected;
+    const confirmStyle = kind === "info"
+        ? { variant: "solid", tone: "accent" }
+        : { variant: "outline", tone: "danger" };
+    function submit(event) {
+        event.preventDefault();
+        if (!matches || loading)
+            return;
+        onConfirm();
+    }
+    const body = (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col gap-3 px-5 py-4", children: [_jsx("p", { id: messageId, className: "text-fg-1 m-0 text-[13px] leading-relaxed", children: message }), withField ? (_jsx(FormField, { label: keepCase(messages.confirmDialog.typeToConfirm({ text: expected }), expected), htmlFor: `${messageId}-field`, hint: messages.confirmDialog.typeToConfirmHint, children: _jsx(TextControl, { ref: fieldRef, id: `${messageId}-field`, value: typed, onChange: (event) => setTyped(event.target.value), readOnly: loading, autoComplete: "off", autoCapitalize: "off", spellCheck: false, shellClassName: "w-full" }) })) : null] }), _jsxs("div", { className: "border-line-soft flex items-center gap-2.5 border-t px-5 py-4", children: [_jsx(Button, { variant: "ghost", onClick: onClose, disabled: loading, children: cancelLabel ?? messages.confirmDialog.cancel }), _jsx("div", { className: "flex-1" }), _jsx(Button, { ref: confirmRef, variant: confirmStyle.variant, tone: confirmStyle.tone, type: withField ? "submit" : undefined, onClick: withField ? undefined : onConfirm, disabled: !matches, loading: loading, children: confirmLabel ?? messages.confirmDialog.confirm })] })] }));
+    return withField ? (_jsx("form", { noValidate: true, onSubmit: submit, children: body })) : (body);
+}
+//# sourceMappingURL=ConfirmDialog.js.map

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

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