@olddevs/ui 0.0.0-stage → 4.0.1

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

@@ -0,0 +1,171 @@
+import { type ReactNode } from "react";
+import { type Key, type Selection } from "react-aria-components";
+export interface VirtualGridItem {
+    /** Идентификатор ячейки: ключ выбора. */
+    id: Key;
+    /**
+     * Содержимое ячейки — любой узел, обычно `MediaCard`. Кнопки внутри законны:
+     * ячейка — `gridcell`. Кружок выбора — `<Checkbox slot="selection" />`, его
+     * сетка связывает со своим выбором сама.
+     */
+    content: ReactNode;
+    /**
+     * Строковое представление ячейки: по нему работает поиск набором с
+     * клавиатуры. Обязателен, потому что содержимое — вёрстка, а не текст.
+     */
+    textValue: string;
+    /**
+     * Пункты контекстного меню ячейки: `ContextMenuItem`, `ContextMenuSeparator`,
+     * `ContextMenuSub` и прочее из семейства `ContextMenu`. Панель, триггер и
+     * изоляцию от выбора сетка ставит сама. Без поля у ячейки меню нет.
+     *
+     * Открывается правой кнопкой, долгим нажатием и с клавиатуры — Shift+F10 или
+     * клавишей контекстного меню на сфокусированной ячейке.
+     */
+    contextMenu?: ReactNode;
+}
+/** Что сетка сообщает о ячейке, которую открыли. */
+export interface VirtualGridActionDetails {
+    /**
+     * Прямоугольник ячейки в координатах окна в момент действия — для анимации
+     * открытия «из места» (карточка вырастает из превью).
+     */
+    rect: DOMRect;
+}
+export interface VirtualGridProps {
+    /** Ячейки сетки. */
+    items: VirtualGridItem[];
+    /** Доступное имя сетки. Безымянную сетку скринридер называет только по роли. */
+    "aria-label": string;
+    /**
+     * Наименьший размер ячейки в пикселях. Число колонок из него и считается.
+     *
+     * Числами, а не классом `Size` из react-aria: класс библиотеки в публичном
+     * API кита обязал бы потребителя импортировать его ради двух чисел.
+     */
+    minItemWidth?: number;
+    /**
+     * Наименьшая высота ячейки в пикселях. По умолчанию 180. Ячейка с более
+     * высоким содержимым вырастает, ниже — не бывает.
+     */
+    minItemHeight?: number;
+    /** Зазор между ячейками, пиксели. */
+    gap?: number;
+    /**
+     * Отступ по краям сетки, равный `gap`. По умолчанию есть; `false` ставит
+     * крайние ячейки вплотную к краям — сетка «1fr без полей».
+     */
+    edgeGap?: boolean;
+    /** Предел числа колонок. Без него колонок столько, сколько влезает. */
+    maxColumns?: number;
+    /** Что показать при пустой сетке. */
+    emptyText?: ReactNode;
+    /**
+     * Что прокручивается: свой контейнер (`container`, по умолчанию) или окно.
+     *
+     * `container` — высоту задаёт потребитель (`h-[600px]`, `flex-1` в колонке):
+     * без неё контейнер вырастет по содержимому и прокрутки не будет.
+     * `window` — сетка растёт по содержимому, прокручивается страница, а в DOM
+     * по-прежнему только ячейки у окна.
+     */
+    scroll?: "container" | "window";
+    /**
+     * CSS-переменная с высотой липкой шапки — та же, что у `SelectionBar` и
+     * `useStickyOffset`. В режиме `window` ячейка, к которой ушёл фокус, не
+     * прячется под шапку. По умолчанию `--topbar-h`: её публикует `TopBar`.
+     */
+    offsetVar?: string;
+    /**
+     * Ось выбора. Включается явно и живёт у самой сетки, а не внутри ячейки.
+     *
+     * Кружок выбора внутри ячейки — `<Checkbox slot="selection" />`: он часть
+     * той же оси, а не своё состояние карточки.
+     */
+    selectionMode?: "none" | "single" | "multiple";
+    /**
+     * Как клик обращается с выбором — правило react-aria.
+     *
+     * `toggle` (по умолчанию): клик добавляет или снимает ячейку, а при
+     * `onAction` клик открывает, выбирает Space. `replace`: как в файловом
+     * менеджере — клик выделяет одну ячейку, Ctrl/Cmd добавляет, а открывают
+     * двойной клик и Enter.
+     */
+    selectionBehavior?: "toggle" | "replace";
+    /**
+     * Что делает диапазон по Shift (клик, стрелки). `replace` — правило
+     * react-aria: набор заменяется диапазоном от якоря, и выбранное вне его
+     * снимается. `add` — диапазон добавляется к прежнему выбору и ничего не
+     * снимает.
+     */
+    rangeSelection?: "replace" | "add";
+    /**
+     * Выделение протяжкой пальца: удержать ячейку и вести по соседним — они
+     * добавляются диапазоном, у края окна сетка прокручивается сама. Только
+     * касание и только при `selectionMode="multiple"`.
+     *
+     * Жест не единственный путь к тому же: кружок выбора и Shift со стрелками
+     * дают его с мыши и клавиатуры.
+     */
+    dragToSelect?: boolean;
+    /** Выбранные ключи. Состояние держит потребитель — кит даёт форму (ADR-0023). */
+    selectedKeys?: Selection;
+    /** Вызывается с новым набором выбранных ячеек. */
+    onSelectionChange?: (keys: Selection) => void;
+    /**
+     * Действие над ячейкой: клик, Enter, касание. Приходит `id` ячейки и её
+     * прямоугольник.
+     *
+     * Это «открыть», а не «выбрать»: ячейка не выделяется, `onSelectionChange`
+     * молчит. Вместе с `selectionMode` оба срабатывают по правилам react-aria —
+     * см. страницу компонента.
+     */
+    onAction?: (id: Key, details: VirtualGridActionDetails) => void;
+    /**
+     * Подгрузка следующей страницы: вызывается, когда до конца загруженного
+     * остаётся меньше высоты окна. Без пропа сетка ничего не подгружает.
+     */
+    onLoadMore?: () => void;
+    /** Идёт подгрузка: под последней строкой стоит индикатор. */
+    isLoadingMore?: boolean;
+    /** Свой индикатор подгрузки вместо крутилки кита — например, ряд скелетонов. */
+    loadingMore?: ReactNode;
+    /**
+     * Классы контейнера. В режиме `container` высоту задаёт потребитель — см.
+     * раздел о прокрутке.
+     */
+    className?: string;
+}
+/**
+ * Сетка карточек с виртуализацией: в DOM живут только видимые ячейки.
+ *
+ * СТОИТ НА `Virtualizer` И `GridLayout` ИЗ react-aria, а не на
+ * `@tanstack/react-virtual`
+ * (ADR-0028).
+ * Замер перед решением: 300 ячеек дали 27 узлов в DOM, при прокрутке на 4000
+ * пикселей первой отрисованной оказалась 129-я.
+ *
+ * ДВА РЕЖИМА ПРОКРУТКИ. `container` (по умолчанию) крутит свой контейнер, и
+ * высоту ему задаёт потребитель. `window` крутит страницу: `Virtualizer`
+ * react-aria 1.21 сам пересекает свою область с окном и держит в DOM только
+ * ячейки у окна. Липкой шапке отвечает `scroll-margin-top` ячеек из той же
+ * переменной, что у `SelectionBar`: без него стрелка, уводящая фокус за верх
+ * окна, ставила ячейку под шапку. Раньше режим был один, и здесь
+ * стояло «без высоты виртуализация не включится» — для react-aria 1.21 это
+ * уже неправда.
+ *
+ * ЯЧЕЙКА — `gridcell`, А НЕ `option`. Сетка стоит на `GridList` (раньше
+ * на `ListBox`): кнопки внутри `option` давали вложенный
+ * интерактив уровня serious, а в `gridcell` они законны. Выбор — ось сетки,
+ * кружок выбора — `Checkbox slot="selection"` внутри ячейки.
+ *
+ * КОЛОНКИ СЧИТАЕТ РАСКЛАДКА, а не `matchMedia` и не `ResizeObserver` в нашем
+ * коде: `GridLayout` берёт ширину контейнера и наименьший размер ячейки. Роли
+ * (`grid`/`row`/`gridcell`), клавиатура и поиск набором — тоже слой поведения.
+ *
+ * ПЕРЕТАСКИВАНИЯ ЗДЕСЬ НЕТ. Виртуализация и сортировка вместе в ките не
+ * проверены; сетка получит перетаскивание тем же `useDragAndDrop`, когда
+ * появится экран-заказчик (ADR-0027). Протяжка пальцем (`dragToSelect`) —
+ * выделение, а не перенос.
+ */
+export declare function VirtualGrid({ items, "aria-label": ariaLabel, minItemWidth, minItemHeight, gap, edgeGap, maxColumns, emptyText, scroll, offsetVar, selectionMode, selectionBehavior, rangeSelection, dragToSelect, selectedKeys, onSelectionChange, onAction, onLoadMore, isLoadingMore, loadingMore, className, }: VirtualGridProps): import("react").JSX.Element;
+//# sourceMappingURL=VirtualGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualGrid.d.ts","sourceRoot":"","sources":["../../../src/components/content/VirtualGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AACf,OAAO,EASL,KAAK,GAAG,EAER,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAQ/B,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,EAAE,EAAE,GAAG,CAAC;IACR;;;;OAIG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,oDAAoD;AACpD,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB;IACpB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,gFAAgF;IAChF,YAAY,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;IAChC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC/C;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACzC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACnC;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iFAAiF;IACjF,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC9C;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAChE;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gFAAgF;IAChF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,YAAkB,EAClB,aAAmB,EACnB,GAAQ,EACR,OAAc,EACd,UAAU,EACV,SAAS,EACT,MAAoB,EACpB,SAAwB,EACxB,aAAsB,EACtB,iBAAiB,EACjB,cAA0B,EAC1B,YAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,UAAU,EACV,aAAqB,EACrB,WAAW,EACX,SAAS,GACV,EAAE,gBAAgB,+BAiMlB"}

package/dist/components/content/VirtualGrid.js

@@ -0,0 +1,267 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, } from "react";
+import { Collection, GridLayout, GridList, GridListItem, GridListLoadMoreItem, Rect, Size, Virtualizer, } from "react-aria-components";
+import { cn } from "../../lib/cn.js";
+import { devWarn } from "../../lib/dev-warn.js";
+import { toPixels } from "../../hooks/useStickyOffset.js";
+import { Spinner } from "../actions/Spinner.js";
+import { ContextMenu, ContextMenuContent, ContextMenuTrigger } from "../overlays/ContextMenu.js";
+import { useDragToSelect } from "./useDragToSelect.js";
+class EdgeToEdgeGridLayout extends GridLayout {
+    requestedGap = null;
+    update(invalidationContext) {
+        const options = invalidationContext.layoutOptions;
+        const gap = options?.minSpace?.width ?? null;
+        const minItem = options?.minItemSize;
+        const width = this.virtualizer?.size.width ?? 0;
+        this.requestedGap = gap;
+        if (!options || !minItem || gap == null || width <= 0) {
+            super.update(invalidationContext);
+            return;
+        }
+        const fit = Math.floor((width + gap) / (minItem.width + gap));
+        const columns = Math.max(1, Math.min(options.maxColumns ?? Infinity, fit));
+        const sourceMin = Math.max(1, Math.floor(width / columns) - gap);
+        super.update({
+            ...invalidationContext,
+            layoutOptions: { ...options, minItemSize: new Size(sourceMin, minItem.height) },
+        });
+    }
+    columns() {
+        const width = this.virtualizer?.size.width ?? 0;
+        const columns = Math.max(1, this.numColumns);
+        const sourceGap = this.gap.width;
+        const gap = this.requestedGap ?? sourceGap;
+        const first = this.firstItemRect();
+        const itemWidth = Math.max(0, Math.floor((width - (columns - 1) * gap) / columns));
+        return { width, gap, sourceGap, first, itemWidth };
+    }
+    firstItemRect() {
+        const key = this.virtualizer?.collection.getFirstKey();
+        return key == null ? null : (super.getLayoutInfo(key)?.rect ?? null);
+    }
+    flush(info) {
+        if (!info)
+            return info;
+        const { width, gap, sourceGap, first, itemWidth } = this.columns();
+        const copy = info.copy();
+        const y = info.rect.y - this.gap.height;
+        if (info.type === "loader") {
+            copy.rect = new Rect(0, y, width, info.rect.height);
+            return copy;
+        }
+        const step = first ? first.width + sourceGap : 1;
+        const column = first ? Math.round((info.rect.x - first.x) / step) : 0;
+        copy.rect = new Rect(column * (itemWidth + gap), y, itemWidth, info.rect.height);
+        return copy;
+    }
+    getLayoutInfo(key) {
+        return this.flush(super.getLayoutInfo(key));
+    }
+    getVisibleLayoutInfos(rect) {
+        const query = new Rect(rect.x, rect.y + this.gap.height, rect.width, rect.height);
+        return super
+            .getVisibleLayoutInfos(query)
+            .map((info) => this.flush(info))
+            .filter((info) => info != null);
+    }
+    getContentSize() {
+        const size = super.getContentSize();
+        const collection = this.virtualizer?.collection;
+        const lastKey = collection?.getLastKey();
+        const loaderLast = lastKey != null && collection?.getItem(lastKey)?.type === "loader";
+        const removed = (loaderLast ? 1 : 2) * this.gap.height;
+        return new Size(size.width, Math.max(0, size.height - removed));
+    }
+}
+function unionKeepingAnchor(previous, next) {
+    const range = next;
+    const Ctor = next.constructor;
+    return new Ctor([...previous, ...next], range.anchorKey, range.currentKey);
+}
+export function VirtualGrid({ items, "aria-label": ariaLabel, minItemWidth = 180, minItemHeight = 180, gap = 12, edgeGap = true, maxColumns, emptyText, scroll = "container", offsetVar = "--topbar-h", selectionMode = "none", selectionBehavior, rangeSelection = "replace", dragToSelect = false, selectedKeys, onSelectionChange, onAction, onLoadMore, isLoadingMore = false, loadingMore, className, }) {
+    if (dragToSelect && selectionMode !== "multiple") {
+        devWarn('VirtualGrid: `dragToSelect` needs selectionMode="multiple" — a drag adds a range of ' +
+            "cells, and the grid has no multiple selection to add it to. The gesture is off. " +
+            'Pass selectionMode="multiple" or drop `dragToSelect`.');
+    }
+    const gridRef = useRef(null);
+    const layoutOptions = useMemo(() => ({
+        minItemSize: new Size(minItemWidth, minItemHeight),
+        minSpace: new Size(gap, gap),
+        ...(maxColumns != null ? { maxColumns } : {}),
+    }), [minItemWidth, minItemHeight, gap, maxColumns]);
+    const shiftRef = useRef(false);
+    const lastSelectionRef = useRef(selectedKeys);
+    lastSelectionRef.current = selectedKeys ?? lastSelectionRef.current;
+    const emitSelection = useCallback((next) => {
+        let keys = next;
+        const previous = lastSelectionRef.current;
+        if (rangeSelection === "add" &&
+            shiftRef.current &&
+            next !== "all" &&
+            previous != null &&
+            previous !== "all") {
+            keys = unionKeepingAnchor(previous, next);
+        }
+        shiftRef.current = false;
+        lastSelectionRef.current = keys;
+        onSelectionChange?.(keys);
+    }, [rangeSelection, onSelectionChange]);
+    useEffect(() => {
+        const grid = gridRef.current;
+        if (!grid || rangeSelection !== "add")
+            return;
+        const remember = (event) => {
+            shiftRef.current = event.shiftKey;
+        };
+        grid.addEventListener("keydown", remember, true);
+        grid.addEventListener("pointerdown", remember, true);
+        return () => {
+            grid.removeEventListener("keydown", remember, true);
+            grid.removeEventListener("pointerdown", remember, true);
+        };
+    }, [rangeSelection]);
+    useEffect(() => {
+        const grid = gridRef.current;
+        if (!grid || scroll !== "window")
+            return;
+        const onFocusIn = (event) => {
+            const row = event.target?.closest('[role="row"]');
+            if (!row || !row.matches(":focus-visible"))
+                return;
+            const raw = getComputedStyle(document.documentElement).getPropertyValue(offsetVar).trim();
+            const offset = Number.parseFloat(toPixels(raw, "0px")) || 0;
+            const top = row.getBoundingClientRect().top;
+            if (top < offset)
+                window.scrollBy(0, top - offset);
+        };
+        grid.addEventListener("focusin", onFocusIn);
+        return () => grid.removeEventListener("focusin", onFocusIn);
+    }, [scroll, offsetVar]);
+    const order = useMemo(() => items.map((item) => item.id), [items]);
+    useDragToSelect(gridRef, {
+        enabled: dragToSelect && selectionMode === "multiple",
+        order,
+        scroll,
+        offsetVar,
+        selection: () => lastSelectionRef.current ?? new Set(),
+        onChange: (keys) => {
+            lastSelectionRef.current = keys;
+            onSelectionChange?.(keys);
+        },
+    });
+    const handleAction = useMemo(() => {
+        if (!onAction)
+            return undefined;
+        return (key) => {
+            const row = Array.from(gridRef.current?.querySelectorAll('[role="row"]') ?? []).find((element) => element.dataset.key === String(key));
+            onAction(key, { rect: row?.getBoundingClientRect() ?? new DOMRect() });
+        };
+    }, [onAction]);
+    const longPressSelectsRef = useRef(false);
+    const currentSelection = selectedKeys ?? lastSelectionRef.current;
+    const selectionEmpty = currentSelection == null || (currentSelection !== "all" && currentSelection.size === 0);
+    longPressSelectsRef.current =
+        selectionMode !== "none" &&
+            onAction != null &&
+            (selectionBehavior === "replace" || selectionEmpty);
+    const rowStyle = scroll === "window" ? { scrollMarginTop: `var(${offsetVar}, 0px)` } : undefined;
+    return (_jsxs(Virtualizer, { layout: edgeGap ? GridLayout : EdgeToEdgeGridLayout, layoutOptions: layoutOptions, children: [_jsxs(GridList, { ref: gridRef, "aria-label": ariaLabel, layout: "grid", selectionMode: selectionMode, ...(selectionBehavior != null ? { selectionBehavior } : {}), selectedKeys: selectedKeys, onSelectionChange: emitSelection, onAction: handleAction, renderEmptyState: emptyText != null ? () => emptyText : undefined, className: cn(scroll === "container" && "overflow-auto", "outline-none", className), children: [_jsx(Collection, { items: items, children: (item) => (_jsx(GridListItem, { id: item.id, textValue: item.textValue, style: rowStyle, className: "focus-visible:outline-accent-strong rounded-xl focus-visible:outline-2 focus-visible:outline-offset-2", children: _jsx("div", { className: "h-full", style: { minHeight: minItemHeight }, children: item.contextMenu != null ? (_jsx(CellContextMenu, { menu: item.contextMenu, longPressSelectsRef: longPressSelectsRef, children: item.content })) : (item.content) }) })) }), onLoadMore != null && (_jsx(GridListLoadMoreItem, { isLoading: isLoadingMore, onLoadMore: scroll === "container" ? onLoadMore : undefined, children: _jsx("div", { className: "flex h-full items-center justify-center", children: loadingMore ?? _jsx(Spinner, {}) }) }))] }), scroll === "window" && onLoadMore != null && (_jsx(WindowLoadMoreSentinel, { onLoadMore: onLoadMore, count: items.length }))] }));
+}
+function WindowLoadMoreSentinel({ onLoadMore, count }) {
+    const ref = useRef(null);
+    const loadRef = useRef(onLoadMore);
+    loadRef.current = onLoadMore;
+    useEffect(() => {
+        const node = ref.current;
+        if (!node || typeof IntersectionObserver === "undefined")
+            return;
+        const observer = new IntersectionObserver((entries) => {
+            if (entries.some((entry) => entry.isIntersecting))
+                loadRef.current();
+        }, { root: null, rootMargin: "0px 0px 100% 0px" });
+        observer.observe(node);
+        return () => observer.disconnect();
+    }, [count]);
+    return _jsx("div", { ref: ref, "aria-hidden": true, className: "h-px" });
+}
+const stop = (event) => event.stopPropagation();
+const LONG_PRESS_MS = 450;
+const LONG_PRESS_SLOP_PX = 8;
+function CellContextMenu({ menu, longPressSelectsRef, children, }) {
+    const triggerRef = useRef(null);
+    useEffect(() => {
+        const trigger = triggerRef.current;
+        const row = trigger?.closest('[role="row"]');
+        if (!trigger || !row)
+            return;
+        const onKeyDown = (event) => {
+            if (event.target !== row)
+                return;
+            const byKey = event.key === "ContextMenu";
+            const byShortcut = event.key === "F10" && event.shiftKey;
+            if (!byKey && !byShortcut)
+                return;
+            event.preventDefault();
+            const box = row.getBoundingClientRect();
+            trigger.dispatchEvent(new MouseEvent("contextmenu", {
+                bubbles: true,
+                cancelable: true,
+                clientX: box.left + box.width / 2,
+                clientY: box.top + box.height / 2,
+            }));
+        };
+        let timer = 0;
+        let press = null;
+        const cancel = () => {
+            window.clearTimeout(timer);
+            timer = 0;
+            press = null;
+        };
+        const onPointerDown = (event) => {
+            if (event.pointerType !== "touch" || !longPressSelectsRef.current)
+                return;
+            cancel();
+            press = { x: event.clientX, y: event.clientY, id: event.pointerId };
+            timer = window.setTimeout(() => {
+                const at = press;
+                cancel();
+                if (!at)
+                    return;
+                row.dispatchEvent(new PointerEvent("pointercancel", {
+                    bubbles: true,
+                    pointerId: at.id,
+                    pointerType: "touch",
+                }));
+            }, LONG_PRESS_MS);
+        };
+        const onTouchMove = (event) => {
+            const touch = event.touches[0];
+            if (!press || !touch)
+                return;
+            if (Math.hypot(touch.clientX - press.x, touch.clientY - press.y) > LONG_PRESS_SLOP_PX)
+                cancel();
+        };
+        row.addEventListener("keydown", onKeyDown);
+        trigger.addEventListener("pointerdown", onPointerDown);
+        trigger.addEventListener("touchmove", onTouchMove, { passive: true });
+        trigger.addEventListener("touchend", cancel);
+        trigger.addEventListener("touchcancel", cancel);
+        trigger.addEventListener("pointerup", cancel);
+        trigger.addEventListener("pointercancel", cancel);
+        return () => {
+            cancel();
+            row.removeEventListener("keydown", onKeyDown);
+            trigger.removeEventListener("pointerdown", onPointerDown);
+            trigger.removeEventListener("touchmove", onTouchMove);
+            trigger.removeEventListener("touchend", cancel);
+            trigger.removeEventListener("touchcancel", cancel);
+            trigger.removeEventListener("pointerup", cancel);
+            trigger.removeEventListener("pointercancel", cancel);
+        };
+    }, [longPressSelectsRef]);
+    return (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { asChild: true, children: _jsx("div", { ref: triggerRef, className: "h-full", children: children }) }), _jsx("div", { className: "contents", onClick: stop, onPointerDown: stop, onPointerUp: stop, onKeyDown: stop, onKeyUp: stop, children: _jsx(ContextMenuContent, { children: menu }) })] }));
+}
+//# sourceMappingURL=VirtualGrid.js.map

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

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

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

@@ -0,0 +1,24 @@
+/**
+ * Содержимое для скринридера, невидимое глазами.
+ *
+ * Реэкспорт react-aria, а не своя реализация, и это осознанно: «спрятать, но
+ * оставить доступным» — приём, который легко написать неправильно и не
+ * заметить. `display: none` и `visibility: hidden` убирают узел из дерева
+ * доступности вовсе; `width: 0` схлопывает текст в ничто и часть
+ * скринридеров его пропускает; `text-indent: -9999px` ломает горизонтальную
+ * прокрутку страницы в RTL.
+ *
+ * Правильный набор — квадрат 1×1 с `clip-path`, `overflow: hidden` и
+ * `white-space: nowrap` — библиотека держит сама и правит вместе с
+ * изменениями браузеров. Утилита `sr-only` из Tailwind делает то же самое и
+ * применяется там, где хватает класса; компонент нужен, когда прятать надо
+ * поддерево.
+ *
+ * ВНУТРИ СТРОКИ НУЖЕН `elementType="span"`. По умолчанию react-aria рисует
+ * `<div>`, и вставка его в `<p>` или в заголовок даёт невалидную вложенность:
+ * React пишет в консоль ошибку гидрации, а браузер разрывает абзац. Долго это
+ * не замечалось — тесты были зелёными, предупреждение уезжало в stderr.
+ */
+export { VisuallyHidden } from "react-aria-components";
+export type { VisuallyHiddenProps } from "react-aria-components";
+//# sourceMappingURL=VisuallyHidden.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../src/components/content/VisuallyHidden.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/content/VisuallyHidden.js

@@ -0,0 +1,3 @@
+"use client";
+export { VisuallyHidden } from "react-aria-components";
+//# sourceMappingURL=VisuallyHidden.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../src/components/content/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAuBb,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,15 @@
+export interface KeyboardSelection {
+    /** Начало выделения (позиция курсора, если совпадает с `end`). */
+    start: number;
+    /** Конец выделения. */
+    end: number;
+}
+export interface KeyboardEdit {
+    /** Текст после правки. */
+    value: string;
+    /** Позиция курсора после правки. */
+    selection: KeyboardSelection;
+}
+export declare function replaceKeyboardSelection(value: string, selection: KeyboardSelection, text: string): KeyboardEdit;
+export declare function deletePreviousKeyboardCodePoint(value: string, selection: KeyboardSelection): KeyboardEdit;
+//# sourceMappingURL=keyboardEditing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardEditing.d.ts","sourceRoot":"","sources":["../../../src/components/content/keyboardEditing.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AAQD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,MAAM,GACX,YAAY,CAQd;AAED,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,iBAAiB,GAC3B,YAAY,CAad"}

package/dist/components/content/keyboardEditing.js

@@ -0,0 +1,28 @@
+function normalizeSelection(value, selection) {
+    const start = Math.max(0, Math.min(selection.start, value.length));
+    const end = Math.max(start, Math.min(selection.end, value.length));
+    return { start, end };
+}
+export function replaceKeyboardSelection(value, selection, text) {
+    const { start, end } = normalizeSelection(value, selection);
+    const caret = start + text.length;
+    return {
+        value: value.slice(0, start) + text + value.slice(end),
+        selection: { start: caret, end: caret },
+    };
+}
+export function deletePreviousKeyboardCodePoint(value, selection) {
+    const { start, end } = normalizeSelection(value, selection);
+    if (start !== end)
+        return replaceKeyboardSelection(value, { start, end }, "");
+    const prefix = value.slice(0, start);
+    const previous = Array.from(prefix).pop();
+    if (previous == null)
+        return { value, selection: { start, end } };
+    const caret = start - previous.length;
+    return {
+        value: value.slice(0, caret) + value.slice(end),
+        selection: { start: caret, end: caret },
+    };
+}
+//# sourceMappingURL=keyboardEditing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardEditing.js","sourceRoot":"","sources":["../../../src/components/content/keyboardEditing.ts"],"names":[],"mappings":"AAcA,SAAS,kBAAkB,CAAC,KAAa,EAAE,SAA4B;IACrE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACnE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACnE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,wBAAwB,CACtC,KAAa,EACb,SAA4B,EAC5B,IAAY;IAEZ,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,kBAAkB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;IAElC,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;QACtD,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE;KACxC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,+BAA+B,CAC7C,KAAa,EACb,SAA4B;IAE5B,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,kBAAkB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAC5D,IAAI,KAAK,KAAK,GAAG;QAAE,OAAO,wBAAwB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAE9E,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC;IAC1C,IAAI,QAAQ,IAAI,IAAI;QAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC;IAElE,MAAM,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;IACtC,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;QAC/C,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE;KACxC,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,41 @@
+import { type RefObject } from "react";
+import type { Key, Selection } from "react-aria-components";
+export interface DragToSelectOptions {
+    /** Жест включён: `dragToSelect` и множественный выбор. */
+    enabled: boolean;
+    /** Порядок ячеек в коллекции: диапазон считается по нему, а не по экрану. */
+    order: readonly Key[];
+    /** Что прокручивается у края: своя область сетки или окно. */
+    scroll: "container" | "window";
+    /** Переменная высоты липкой шапки: верхний край окна для автопрокрутки. */
+    offsetVar: string;
+    /** Текущий выбор — основа, к которой жест добавляет диапазон. */
+    selection: () => Selection;
+    /** Новый набор: прежний выбор и диапазон от первой ячейки жеста до текущей. */
+    onChange: (keys: Selection) => void;
+}
+/**
+ * Выделение протяжкой пальца по ячейкам сетки.
+ *
+ * СВОЁ, А НЕ react-aria: у react-aria такого жеста нет
+ * (ADR-0028,
+ * дополнение). Выбор остаётся осью сетки: жест только сообщает новый набор тем
+ * же `onSelectionChange`.
+ *
+ * НА СОБЫТИЯХ КАСАНИЯ, А НЕ УКАЗАТЕЛЯ. Как только браузер начинает прокрутку,
+ * он шлёт `pointercancel`, и жест обрывается. Остановить прокрутку можно только
+ * `preventDefault` на `touchmove`, а для этого нужен непассивный слушатель
+ * касания.
+ *
+ * С ДОЛГИМ НАЖАТИЕМ МЕНЮ НЕ СПОРИТ. Удержание лишь взводит жест (300 мс, меню
+ * Radix ждёт 700), а выделение начинается, когда палец перешёл на другую
+ * ячейку. Палец, который остался на месте, получает меню.
+ *
+ * НАЧАЛО ЖЕСТА ОТМЕНЯЕТ НАЖАТИЕ — событием `pointercancel` в элемент, где
+ * началось касание. Сами они не отменятся: при касании `pointermove` уходит
+ * к ячейке под пальцем, а не к стартовой, и таймер меню Radix (он снимается
+ * на `pointermove` стартового триггера) открывал меню посреди протяжки;
+ * `usePress` ячейки принял бы отпускание за нажатие. Одно событие гасит оба.
+ */
+export declare function useDragToSelect(gridRef: RefObject<HTMLElement | null>, options: DragToSelectOptions): void;
+//# sourceMappingURL=useDragToSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDragToSelect.d.ts","sourceRoot":"","sources":["../../../src/components/content/useDragToSelect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAG5D,MAAM,WAAW,mBAAmB;IAClC,0DAA0D;IAC1D,OAAO,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,KAAK,EAAE,SAAS,GAAG,EAAE,CAAC;IACtB,8DAA8D;IAC9D,MAAM,EAAE,WAAW,GAAG,QAAQ,CAAC;IAC/B,2EAA2E;IAC3E,SAAS,EAAE,MAAM,CAAC;IAClB,iEAAiE;IACjE,SAAS,EAAE,MAAM,SAAS,CAAC;IAC3B,+EAA+E;IAC/E,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACrC;AAWD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACtC,OAAO,EAAE,mBAAmB,GAC3B,IAAI,CAsMN"}