@setsquare/ui 0.11.1 → 0.13.0

package/dist/ui/grid-list.d.ts

@@ -1,10 +1,15 @@
-import type { ReactNode } from 'react';
-import { type GridListItemProps as RACGridListItemProps, type GridListProps as RACGridListProps } from 'react-aria-components';
-export interface GridListProps<T extends object> extends Omit<RACGridListProps<T>, 'className'> {
-    /** Required: what the list holds ("Members"). */
+import { type ReactNode } from 'react';
+import { type DragAndDropHooks, type GridListItemProps as RACGridListItemProps, type GridListProps as RACGridListProps, type Key } from 'react-aria-components';
+import { type CardReorder } from '../lib/card-order.js';
+export type { CardMove, CardReorder } from '../lib/card-order.js';
+/** A list is named by a visible heading (`aria-labelledby`) or, when it has none, by `aria-label`: what it holds. */
+export type GridListProps<T extends object> = Omit<RACGridListProps<T>, 'className' | 'aria-label' | 'aria-labelledby'> & ({
     'aria-label': string;
+} | {
+    'aria-labelledby': string;
+}) & {
     className?: string;
-}
+};
 /**
  * A list of items people act on — members, files, integrations — where each row can hold its own buttons.
  * ↑ ↓ move between rows and → through a row's own controls; Tab leaves the list. With
@@ -28,4 +33,68 @@ export interface GridListItemProps extends Omit<RACGridListItemProps, 'className
 }
 /** Selected: brand-subtle, the 3px sidebar-primary marker and a ticked box — the same signals as a table row. */
 export declare function GridListItem({ children, description, actions, dragLabel, className, ...props }: GridListItemProps): import("react").JSX.Element;
+/** A card's words, for the `labels` prop. `{title}` is the card's title. */
+export interface GridListCardLabels {
+    /** The menu button's name. */
+    options: string;
+    /** The menu's section of moves. */
+    moveSection: string;
+    moveFirst: string;
+    moveEarlier: string;
+    moveLater: string;
+    moveLast: string;
+    /** Said after a menu move of one card: "{title} moved to position {position} of {count}". */
+    moved: string;
+    /** Said after a menu move of several: the count of cards moved, and where the first now is. */
+    movedSeveral: string;
+}
+export declare const gridListCardLabels: GridListCardLabels;
+/** What `useCardOrder` gives a GridList and its cards. */
+export interface CardOrder {
+    /** For the GridList: drag and drop for reordering, with the drop line between cards. */
+    dragAndDropHooks: DragAndDropHooks;
+    /** Applies a reorder: a drag's drop, or a card menu's move. */
+    reorder: (reorder: CardReorder<Key>) => void;
+}
+export interface CardOrderOptions {
+    /**
+     * Called once per finished move, by drag or by a card's menu, with the keys moved (several when the selected cards
+     * move together), the card they go next to and which side. `useListData`'s `moveBefore` and `moveAfter` take it
+     * as it is.
+     */
+    onReorder: (reorder: CardReorder<Key>) => void;
+}
+/**
+ * Reordering cards in a GridList, by drag and without: give `dragAndDropHooks` to the GridList and `order` to each
+ * GridListCard. Dragging a selected card drags the selected ones; a card's menu moves it (or the selection it's in)
+ * to the start, a place earlier, a place later or the end, which is the single-pointer way to reorder that 2.5.7
+ * asks for. Both call `onReorder` once per move.
+ */
+export declare function useCardOrder({ onReorder }: CardOrderOptions): CardOrder;
+export interface GridListCardProps extends Omit<RACGridListItemProps, 'className' | 'children' | 'textValue' | 'id'> {
+    id: Key;
+    /** What the card is called: shown under its picture, its name, and what typing finds. */
+    title: string;
+    /** A picture of it: a scene's thumbnail. Decorative, the title names the card; shown 16:9. */
+    media?: ReactNode;
+    /** A line under the title: a duration, a count. */
+    description?: ReactNode;
+    /** A StatusBadge after the description. */
+    status?: ReactNode;
+    /** The product's own items for the card's menu (`MenuItem`s), before the moves. */
+    menu?: ReactNode;
+    /** From `useCardOrder`: adds the moves to the card's menu. */
+    order?: CardOrder;
+    /** Words for the drag button. React Aria's own ("Drag {title}") by default. */
+    dragLabel?: string;
+    labels?: Partial<GridListCardLabels>;
+    className?: string;
+}
+/**
+ * A card in a GridList with `layout="grid"`: a picture, a title, a line and a status, then a footer with its drag
+ * button, its selection checkbox and its menu, in that order, each a target of its own, none over the picture. The
+ * card is the row: arrow keys move between cards, Tab through a card's own controls. Selected: the `brand-subtle`
+ * ground and a 2px `brand` ring, and a ticked box; in forced colours a `Highlight` ring.
+ */
+export declare function GridListCard({ id, title, media, description, status, menu, order, dragLabel, labels, className, ...props }: GridListCardProps): import("react").JSX.Element;
 //# sourceMappingURL=grid-list.d.ts.map

package/dist/ui/grid-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-list.d.ts","sourceRoot":"","sources":["../../src/ui/grid-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAIL,KAAK,iBAAiB,IAAI,oBAAoB,EAC9C,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC;IAC7F,iDAAiD;IACjD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,+BAWnF;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,CAAC;IAC7F,QAAQ,EAAE,SAAS,CAAC;IACpB,sDAAsD;IACtD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2GAA2G;IAC3G,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iHAAiH;AACjH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,+BAgDnB"}
+{"version":3,"file":"grid-list.d.ts","sourceRoot":"","sources":["../../src/ui/grid-list.tsx"],"names":[],"mappings":"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"}

package/dist/ui/grid-list.js

@@ -1,9 +1,17 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { GripVertical } from 'lucide-react';
-import { Button as RACButton, GridList as RACGridList, GridListItem as RACGridListItem, } from 'react-aria-components';
+import { useContext, useRef, useState } from 'react';
+import { EllipsisVertical, GripVertical } from 'lucide-react';
+import { Button as RACButton, GridList as RACGridList, GridListItem as RACGridListItem, useDragAndDrop, DragAndDropContext, } from 'react-aria-components';
+import { announce } from '../lib/announce.js';
+import { moveTarget } from '../lib/card-order.js';
 import { cn } from '../lib/cn.js';
+import { useLabels } from '../lib/locale.js';
+import { withoutSoftHyphens } from '../lib/soft-hyphen.js';
+import { useHyphenated } from '../lib/use-hyphenated.js';
 import { SelectionCheckbox } from './checkbox.js';
+import { DropIndicator, DropLayoutContext } from './drop-indicator.js';
+import { Menu, MenuItem, MenuSection, MenuTrigger, Popover } from './menu.js';
 /**
  * A list of items people act on — members, files, integrations — where each row can hold its own buttons.
  * ↑ ↓ move between rows and → through a row's own controls; Tab leaves the list. With
@@ -15,7 +23,14 @@ import { SelectionCheckbox } from './checkbox.js';
  * button, which is how a keyboard or screen reader drag starts.
  */
 export function GridList({ className, ...props }) {
-    return (_jsx(RACGridList, { ...props, className: cn('relative flex max-h-[inherit] flex-col overflow-auto rounded-lg border border-border bg-card text-sm outline-none data-focus-visible:focus-ring', 'data-drop-target:bg-brand-subtle data-drop-target:outline-2 data-drop-target:outline-solid data-drop-target:outline-brand data-drop-target:-outline-offset-2', className) }));
+    const layout = props.layout ?? 'stack';
+    return (_jsx(DropLayoutContext.Provider, { value: layout, children: _jsx(RACGridList, { ...props, className: cn(layout === 'grid'
+                ? // Cards in a wrapping row, as many as fit, `--card-gap` apart. A wrapping row rather than a CSS grid:
+                    // while a drag is on, React Aria puts a drop indicator beside every card, and in a grid each would
+                    // take a cell; in a row they take no room. No box of its own: the cards are boxes. Padding leaves
+                    // room for a card's focus ring inside the scroller.
+                    'relative flex max-h-[inherit] flex-wrap content-start gap-(--card-gap) overflow-auto p-2 text-sm outline-none data-focus-visible:focus-ring'
+                : 'relative flex max-h-[inherit] flex-col overflow-auto rounded-lg border border-border bg-card text-sm outline-none data-focus-visible:focus-ring', 'data-drop-target:bg-brand-subtle data-drop-target:outline-2 data-drop-target:outline-solid data-drop-target:outline-brand data-drop-target:-outline-offset-2', className) }) }));
 }
 /** Selected: brand-subtle, the 3px sidebar-primary marker and a ticked box — the same signals as a table row. */
 export function GridListItem({ children, description, actions, dragLabel, className, ...props }) {
@@ -29,4 +44,101 @@ export function GridListItem({ children, description, actions, dragLabel, classN
         // Forced colours drop the selected ground and the inset marker: draw the marker in Highlight instead.
         "forced-colors:data-selected:before:absolute forced-colors:data-selected:before:inset-y-1 forced-colors:data-selected:before:start-0 forced-colors:data-selected:before:w-[3px] forced-colors:data-selected:before:bg-[Highlight] forced-colors:data-selected:before:forced-color-adjust-none forced-colors:data-selected:before:content-['']", className), children: ({ selectionMode, selectionBehavior, allowsDragging }) => (_jsxs(_Fragment, { children: [allowsDragging && (_jsx(RACButton, { slot: "drag", "aria-label": dragLabel, className: "group/grid-drag relative flex min-h-target min-w-target shrink-0 cursor-grab items-center justify-center outline-none", children: _jsx("span", { className: "flex size-control-sm items-center justify-center rounded-md text-muted-foreground group-data-focus-visible/grid-drag:focus-ring group-data-hovered/grid-drag:bg-muted group-data-hovered/grid-drag:text-foreground", children: _jsx(GripVertical, { "aria-hidden": "true", className: "size-4" }) }) })), selectionMode !== 'none' && selectionBehavior === 'toggle' && (_jsx(SelectionCheckbox, { className: "-ml-1" })), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "leading-5 font-medium text-foreground", children: children }), description && (_jsx("span", { className: "text-[13px] leading-5 text-muted-foreground", children: description }))] }), actions && _jsx("span", { className: "flex shrink-0 items-center gap-1", children: actions })] })) }));
 }
+export const gridListCardLabels = {
+    options: 'Options for {title}',
+    moveSection: 'Move',
+    moveFirst: 'Move to start',
+    moveEarlier: 'Move earlier',
+    moveLater: 'Move later',
+    moveLast: 'Move to end',
+    moved: '{title} moved to position {position} of {count}',
+    movedSeveral: '{moved, plural, one {# card} other {# cards}} moved, starting at position {position} of {count}',
+};
+/**
+ * Reordering cards in a GridList, by drag and without: give `dragAndDropHooks` to the GridList and `order` to each
+ * GridListCard. Dragging a selected card drags the selected ones; a card's menu moves it (or the selection it's in)
+ * to the start, a place earlier, a place later or the end, which is the single-pointer way to reorder that 2.5.7
+ * asks for. Both call `onReorder` once per move.
+ */
+export function useCardOrder({ onReorder }) {
+    const { dragAndDropHooks } = useDragAndDrop({
+        getItems: (dragged) => [...dragged].map((key) => ({ 'text/plain': String(key) })),
+        onReorder: (e) => onReorder({
+            keys: [...e.keys],
+            target: e.target.key,
+            position: e.target.dropPosition === 'after' ? 'after' : 'before',
+        }),
+        renderDropIndicator: (target) => _jsx(DropIndicator, { target: target }),
+    });
+    return { dragAndDropHooks, reorder: onReorder };
+}
+const MOVES = ['first', 'earlier', 'later', 'last'];
+const MOVE_LABEL = {
+    first: 'moveFirst',
+    earlier: 'moveEarlier',
+    later: 'moveLater',
+    last: 'moveLast',
+};
+/**
+ * A card in a GridList with `layout="grid"`: a picture, a title, a line and a status, then a footer with its drag
+ * button, its selection checkbox and its menu, in that order, each a target of its own, none over the picture. The
+ * card is the row: arrow keys move between cards, Tab through a card's own controls. Selected: the `brand-subtle`
+ * ground and a 2px `brand` ring, and a ticked box; in forced colours a `Highlight` ring.
+ */
+export function GridListCard({ id, title, media, description, status, menu, order, dragLabel, labels, className, ...props }) {
+    const t = useLabels('gridListCard', gridListCardLabels, labels);
+    const card = useRef(null);
+    const [shownTitle, titleRef] = useHyphenated(title);
+    const name = withoutSoftHyphens(title);
+    const hasMenu = !!menu || !!order;
+    return (_jsx(RACGridListItem, { ...props, id: id, ref: card, textValue: name, className: cn(
+        // Layer 1: the card is the target. Its width is the grid's, `--card-width`.
+        'group/card relative flex w-(--card-width) min-w-0 cursor-default flex-col overflow-hidden rounded-lg border border-border bg-card text-card-foreground outline-none', 'data-hovered:cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-60', 'data-selected:border-brand data-selected:bg-brand-subtle data-selected:shadow-[0_0_0_1px_var(--brand)]', 'data-focus-visible:focus-ring data-dragging:opacity-50', 
+        // Forced colours drop the ground and the shadow: a Highlight ring inside its edge instead.
+        "forced-colors:data-selected:after:pointer-events-none forced-colors:data-selected:after:absolute forced-colors:data-selected:after:inset-0 forced-colors:data-selected:after:rounded-lg forced-colors:data-selected:after:border-2 forced-colors:data-selected:after:border-[Highlight] forced-colors:data-selected:after:forced-color-adjust-none forced-colors:data-selected:after:content-['']", className), children: ({ selectionMode, selectionBehavior, allowsDragging }) => (_jsxs(_Fragment, { children: [media && (_jsx("span", { "aria-hidden": "true", className: "block aspect-video overflow-hidden bg-muted", children: media })), _jsxs("span", { className: "flex min-w-0 flex-col gap-0.5 px-3 pt-2", children: [_jsx("span", { className: "min-w-0 leading-5 font-semibold hyphens-auto text-foreground", children: _jsx("span", { ref: titleRef, className: "inline-block max-w-full", children: shownTitle }) }), description && (_jsx("span", { className: "text-[13px] leading-5 text-muted-foreground", children: description })), status && _jsx("span", { className: "flex flex-wrap items-center gap-1", children: status })] }), _jsxs("span", { className: "mt-auto flex items-center gap-1 px-1 pt-1 pb-1", children: [allowsDragging && (_jsx(RACButton, { slot: "drag", "aria-label": dragLabel, className: "group/card-drag relative flex min-h-target min-w-target shrink-0 cursor-grab items-center justify-center outline-none", children: _jsx("span", { className: "flex size-control-sm items-center justify-center rounded-md text-muted-foreground group-data-focus-visible/card-drag:focus-ring group-data-hovered/card-drag:bg-muted group-data-hovered/card-drag:text-foreground", children: _jsx(GripVertical, { "aria-hidden": "true", className: "size-4" }) }) })), selectionMode !== 'none' && selectionBehavior === 'toggle' && _jsx(SelectionCheckbox, {}), _jsx("span", { className: "flex-1" }), hasMenu && (_jsx(CardMenuButton, { id: id, name: name, menu: menu, order: order, card: card, t: t }))] })] })) }));
+}
+/**
+ * The card's menu button. Rendered inside the card as the list draws it, which is where the list can be read: a
+ * card's own body runs in React Aria's first, hidden pass, and React Aria gives an item no list state of its own (it
+ * clears ListStateContext there). Its drag state has the list's collection and selection, and is there whenever the
+ * cards can be reordered, which `useCardOrder` makes so.
+ */
+function CardMenuButton(props) {
+    const { dragState } = useContext(DragAndDropContext);
+    const state = dragState ?? null;
+    const [open, setOpen] = useState(false);
+    return (_jsxs(MenuTrigger, { isOpen: open, onOpenChange: setOpen, children: [_jsx(RACButton, { "aria-label": props.t('options', { title: props.name }), className: "group/card-menu relative flex min-h-target min-w-target shrink-0 cursor-pointer items-center justify-center outline-none", children: _jsx("span", { className: "flex size-control-sm items-center justify-center rounded-md text-muted-foreground group-data-focus-visible/card-menu:focus-ring group-data-hovered/card-menu:bg-muted group-data-hovered/card-menu:text-foreground group-data-pressed/card-menu:bg-muted", children: _jsx(EllipsisVertical, { "aria-hidden": "true", className: "size-4" }) }) }), _jsx(Popover, { placement: "bottom end", children: _jsx(CardMenu, { ...props, state: state }) })] }));
+}
+function CardMenu({ id, name, menu, order, card, t, state, }) {
+    const keys = state
+        ? [...state.collection.getKeys()].filter((k) => state.collection.getItem(k)?.type === 'item')
+        : [id];
+    const selection = state?.selectionManager;
+    // The cards a move takes: the selection, when this card is in it, or this card alone.
+    const moving = !selection?.isSelected(id)
+        ? [id]
+        : selection.isSelectAll
+            ? keys
+            : keys.filter((k) => selection.selectedKeys.has(k));
+    const targets = Object.fromEntries(MOVES.map((m) => [m, order ? moveTarget(keys, moving, m) : null]));
+    const doMove = (move) => {
+        const reorder = targets[move];
+        if (!order || !reorder)
+            return;
+        order.reorder(reorder);
+        // Where the first moved card ends up, counted from 1.
+        const rest = keys.filter((k) => !reorder.keys.includes(k));
+        const at = rest.indexOf(reorder.target) + (reorder.position === 'after' ? 1 : 0);
+        announce(reorder.keys.length === 1
+            ? t('moved', { title: name, position: at + 1, count: keys.length })
+            : t('movedSeveral', { moved: reorder.keys.length, position: at + 1, count: keys.length }));
+        // The card moved in the page: keep focus on it, after the menu has handed focus back.
+        requestAnimationFrame(() => requestAnimationFrame(() => card.current?.focus()));
+    };
+    return (_jsxs(Menu, { "aria-label": t('options', { title: name }), disabledKeys: MOVES.filter((m) => !targets[m]).map((m) => `move-${m}`), onAction: (key) => {
+            const move = String(key).replace(/^move-/, '');
+            if (MOVES.includes(move))
+                doMove(move);
+        }, children: [menu, order && (_jsx(MenuSection, { title: t('moveSection'), children: MOVES.map((m) => (_jsx(MenuItem, { id: `move-${m}`, children: t(MOVE_LABEL[m]) }, m))) }))] }));
+}
 //# sourceMappingURL=grid-list.js.map

package/dist/ui/grid-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-list.js","sourceRoot":"","sources":["../../src/ui/grid-list.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,QAAQ,IAAI,WAAW,EACvB,YAAY,IAAI,eAAe,GAGhC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQlD;;;;;;;;;GASG;AACH,MAAM,UAAU,QAAQ,CAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAClF,OAAO,CACL,KAAC,WAAW,OACN,KAAK,EACT,SAAS,EAAE,EAAE,CACX,iJAAiJ,EACjJ,8JAA8J,EAC9J,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAaD,iHAAiH;AACjH,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACU;IAClB,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3F,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAChC,EAAE;QACA,sGAAsG;QACtG,qKAAqK;QACrK,sGAAsG;QACtG,6DAA6D;QAC7D,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAChC,4OAA4O,EAC5O,uLAAuL;QACvL,sGAAsG;QACtG,8UAA8U,EAC9U,SAAS,CACV,YAGF,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACzD,8BACG,cAAc,IAAI,CACjB,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,gBACC,SAAS,EACrB,SAAS,EAAC,uHAAuH,YAEjI,eAAM,SAAS,EAAC,oNAAoN,YAClO,KAAC,YAAY,mBAAa,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,GACjD,GACG,CACb,EACA,aAAa,KAAK,MAAM,IAAI,iBAAiB,KAAK,QAAQ,IAAI,CAC7D,KAAC,iBAAiB,IAAC,SAAS,EAAC,OAAO,GAAG,CACxC,EACD,gBAAM,SAAS,EAAC,8BAA8B,aAC5C,eAAM,SAAS,EAAC,uCAAuC,YAAE,QAAQ,GAAQ,EACxE,WAAW,IAAI,CACd,eAAM,SAAS,EAAC,6CAA6C,YAAE,WAAW,GAAQ,CACnF,IACI,EACN,OAAO,IAAI,eAAM,SAAS,EAAC,kCAAkC,YAAE,OAAO,GAAQ,IAC9E,CACJ,GACe,CACnB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"grid-list.js","sourceRoot":"","sources":["../../src/ui/grid-list.tsx"],"names":[],"mappings":"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"}

package/dist/ui/timeline.d.ts

@@ -25,8 +25,32 @@ export interface TimelineLabels {
     cancelled: string;
     /** Every marker's description: the ways to move it. */
     markerHint: string;
+    /** The description of a marker whose press opens it (`pressAction="action"`): the ways to open and move it. */
+    markerActionHint: string;
+    /** The description of a marker that opens and can't move. */
+    markerOpenHint: string;
+    /** Added to the description of a marker with a menu: how to open it from the flag. */
+    markerMenuHint: string;
+    /** The menu button's name: "Options for {label}". */
+    markerMenu: string;
+    /** The menu item that opens a marker, when pressing it picks it up instead. A band's `actionLabel` wins. */
+    open: string;
+    /** The menu item that picks a marker up to place it without dragging, when pressing it opens it instead. */
+    move: string;
+    /** The menu item that puts a marker back at its `defaultTime`: "Reset to {time}", the time as the ruler shows it. */
+    reset: string;
+    /** Said and shown when a marker is reset. */
+    wasReset: string;
 }
 export declare const timelineLabels: TimelineLabels;
+/** A marker being dragged or moved by key: where it started, and where it is now. */
+export interface TimelineMove {
+    id: string;
+    from: number;
+    time: number;
+    /** `time - from`, in seconds. */
+    delta: number;
+}
 /** The part of the timeline in view, for a slot to draw: times, and the scale between time and px. */
 export interface TimelineView {
     /** The timeline's first and last time. */
@@ -41,6 +65,12 @@ export interface TimelineView {
     /** A time's x in the track, in px. */
     toX: (time: number) => number;
 }
+/**
+ * The marker being dragged or moved by key, if any: its id, where the move started, where it is now and the
+ * difference. Null otherwise, and for a pick-up-and-place, which moves it in one step. For drawing what moves with a
+ * marker at its new place, as `moveWith` does for spans and points. Inside a Timeline.
+ */
+export declare function useTimelineMove(): TimelineMove | null;
 type TimelineName = {
     'aria-label': string;
 } | {
@@ -169,6 +199,12 @@ interface ItemBase {
     tone?: TimelineTone;
     /** More in its tooltip, under the label and time. */
     details?: ReactNode;
+    /**
+     * Markers this item moves with (a tween tied to a beat). While one of them is dragged or moved by key, a dashed
+     * ghost of the item shows where it would go; the item itself stays where it is, and keeps focus and its name.
+     * Moving it is the product's, in `onMoveEnd`.
+     */
+    moveWith?: string | readonly string[];
     className?: string;
 }
 export interface TimelineSpanProps extends ItemBase {
@@ -187,28 +223,49 @@ export interface TimelinePointProps extends ItemBase {
  * on 2.5.8's Essential exception for the time axis; keyboard focus reaches every item, in time order, whatever its
  * width. Items in a lane shouldn't overlap in time: put overlapping things in lanes of their own.
  */
-export declare function TimelineSpan({ id, label, start, end, tone, details, className, }: TimelineSpanProps): import("react").JSX.Element;
+export declare function TimelineSpan({ id, label, start, end, tone, details, moveWith, className, }: TimelineSpanProps): import("react").JSX.Element;
 /**
  * Something that happens at an instant, `at`: a cue, an error, a release. A diamond in its tone. Its target is
  * `--target-min` wide, centred on its time, or narrower where a neighbour is closer than that, so targets never
  * overlap; the narrow case rests on 2.5.8's Essential exception, as a span's does.
  */
-export declare function TimelinePoint({ id, label, at, tone, details, className, }: TimelinePointProps): import("react").JSX.Element;
+export declare function TimelinePoint({ id, label, at, tone, details, moveWith, className, }: TimelinePointProps): import("react").JSX.Element;
 export interface TimelineMarker {
     id: string;
     time: number;
     /** A short name, shown on its flag: "Beat 3", "Chorus", "Cut". */
     label: string;
+    /**
+     * Where it belongs, for a marker people may retime (a named beat): its menu then offers "Reset to {time}", which
+     * moves it back, as a finished move. Disabled while it is there.
+     */
+    defaultTime?: number;
 }
 export interface TimelineMarkersProps {
     /** Shown in the label column, and names the group of markers. */
     label: string;
     markers: readonly TimelineMarker[];
     /**
-     * Called as a marker moves, with where it is now (snapped, unless Alt or Option is held). Leave it out for
-     * markers that can't move: they are still focusable, and say their time.
+     * Called as a marker moves, with where it is now (snapped, unless Alt or Option is held): every step of a drag or
+     * a key. Leave it out for markers that can't move: they are still focusable, and say their time.
      */
     onMove?: (id: string, time: number) => void;
+    /**
+     * Called once when a move is finished, with where the marker ended: when a drag is dropped, a picked-up marker is
+     * put down, a marker is reset, or, for the keys, when they have rested for 600ms or focus leaves the flag. Not
+     * called when Escape puts it back, or when it ends where it started. For saving a version per move.
+     */
+    onMoveEnd?: (id: string, time: number) => void;
+    /** Called when a marker is opened: for markers that carry something to open (a note, a comment). */
+    onAction?: (id: string) => void;
+    /**
+     * What pressing a flag (a click, or Enter or Space) does. `action` (the default with `onAction`) opens it; it still
+     * moves by drag and by key, and its menu's Move picks it up to place without dragging (2.5.7). `move` (the default
+     * without) picks it up: click it, then click where it should go; with `onAction`, its menu's Open opens it.
+     */
+    pressAction?: 'move' | 'action';
+    /** The menu item that opens a marker when a press moves it: "Open note". Default `labels.open`. */
+    actionLabel?: string;
     /**
      * Points to snap to, instead of the Timeline's `snapPoints`. A marker never snaps to a point with its own label
      * at its own time, so a band's markers can be among its snap points.
@@ -224,8 +281,12 @@ export interface TimelineMarkersProps {
  * - dragging it, snapping to the snap points within 8px and otherwise to the step (a frame); Alt or Option moves it
  *   freely. The point it snaps to is said, once each time it snaps.
  * - the arrow keys: a step, Shift ten, caught by any snap point on the way; Alt or Option without snapping.
- * - without dragging (2.5.7): click it to pick it up, then click the ruler or this band where it should go. Escape
- *   puts it back. What happened shows, and is said, in the line under the timeline.
+ * - without dragging (2.5.7): pick it up, by pressing it (`pressAction="move"`) or from its menu, then click the
+ *   ruler or this band where it should go.
+ *
+ * Escape puts a marker back where the move started: a drag, a run of keys, or a pick-up. What happened shows, and
+ * is said, in the line under the timeline. A flag with something in its menu (Open, Move, Reset) has a menu button
+ * beside it, its own tab stop; Shift+F10, the context-menu key and a right-click open it from the flag too.
  */
-export declare function TimelineMarkers({ label, markers, onMove, snapPoints, className, }: TimelineMarkersProps): import("react").JSX.Element;
+export declare function TimelineMarkers({ label, markers, onMove, onMoveEnd, onAction, pressAction, actionLabel, snapPoints, className, }: TimelineMarkersProps): import("react").JSX.Element;
 //# sourceMappingURL=timeline.d.ts.map

package/dist/ui/timeline.d.ts.map

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