@liberation-data/desk 0.1.0

package/dist/react/popup.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from 'react';
+export function PopUpButton({ value, onChange, options, label, labelHidden, placeholder = 'Choose…', disabled, size = 'regular', }) {
+    const id = useId();
+    const [open, setOpen] = useState(false);
+    const [active, setActive] = useState(0);
+    const button = useRef(null);
+    const list = useRef(null);
+    const typed = useRef({ text: '', at: 0 });
+    const selectable = options.filter(o => !o.disabled);
+    const selected = options.find(o => o.value === value) ?? null;
+    const show = (from = 'selected') => {
+        const start = from === 'selected' && selected ? options.indexOf(selected) : options.findIndex(o => !o.disabled);
+        setActive(Math.max(0, start));
+        setOpen(true);
+    };
+    const close = (returnFocus = true) => {
+        setOpen(false);
+        if (returnFocus)
+            button.current?.focus();
+    };
+    const choose = (index) => {
+        const option = options[index];
+        if (!option || option.disabled)
+            return;
+        onChange(option.value);
+        close();
+    };
+    useEffect(() => {
+        if (!open)
+            return;
+        list.current?.focus();
+        const onPointerDown = (event) => {
+            const target = event.target;
+            if (!list.current?.contains(target) && !button.current?.contains(target))
+                setOpen(false);
+        };
+        document.addEventListener('pointerdown', onPointerDown, true);
+        return () => document.removeEventListener('pointerdown', onPointerDown, true);
+    }, [open]);
+    const step = (from, delta) => {
+        for (let i = 1; i <= options.length; i++) {
+            const index = (from + delta * i + options.length * 2) % options.length;
+            if (!options[index]?.disabled)
+                return index;
+        }
+        return from;
+    };
+    const onListKeyDown = (event) => {
+        switch (event.key) {
+            case 'ArrowDown':
+                setActive(step(active, 1));
+                break;
+            case 'ArrowUp':
+                setActive(step(active, -1));
+                break;
+            case 'Home':
+                setActive(step(-1, 1));
+                break;
+            case 'End':
+                setActive(step(options.length, -1));
+                break;
+            case 'Enter':
+            case ' ':
+                choose(active);
+                break;
+            case 'Escape':
+            case 'Tab':
+                close();
+                break;
+            default: {
+                if (event.key.length !== 1 || event.metaKey || event.ctrlKey || event.altKey)
+                    return;
+                // Typeahead: letters typed close together look for a word, a single letter cycles.
+                const now = Date.now();
+                typed.current = { text: now - typed.current.at < 800 ? typed.current.text + event.key : event.key, at: now };
+                const search = typed.current.text.toLowerCase();
+                const found = selectable.find(o => o.label.toLowerCase().startsWith(search));
+                if (found)
+                    setActive(options.indexOf(found));
+                break;
+            }
+        }
+        event.preventDefault();
+    };
+    const onButtonKeyDown = (event) => {
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp' || event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            show(event.key === 'ArrowDown' ? 'selected' : 'selected');
+        }
+    };
+    return (_jsxs("div", { className: "desk-field", "data-popup": true, children: [_jsx("span", { id: `${id}-label`, className: "desk-label", "data-hidden": labelHidden || undefined, children: label }), _jsxs("div", { className: "desk-popup-anchor", children: [_jsxs("button", { ref: button, type: "button", className: "desk-popup-button", "data-size": size, "aria-haspopup": "listbox", "aria-expanded": open, "aria-labelledby": `${id}-label ${id}-value`, disabled: disabled, onKeyDown: onButtonKeyDown, onClick: () => (open ? close(false) : show()), children: [selected?.icon && _jsx("span", { className: "desk-popup-icon", "aria-hidden": "true", children: selected.icon }), _jsx("span", { id: `${id}-value`, className: "desk-popup-value", "data-placeholder": !selected || undefined, children: selected?.label ?? placeholder }), _jsx("span", { className: "desk-popup-chevron", "aria-hidden": "true", children: "\u2304" })] }), open && (_jsx("ul", { ref: list, role: "listbox", tabIndex: -1, "aria-labelledby": `${id}-label`, "aria-activedescendant": options[active] ? `${id}-option-${active}` : undefined, className: "desk-popup-list", onKeyDown: onListKeyDown, children: options.map((option, index) => (_jsxs("li", { id: `${id}-option-${index}`, role: "option", "aria-selected": option.value === value, "aria-disabled": option.disabled || undefined, className: "desk-popup-option", "data-active": index === active || undefined, onPointerMove: () => !option.disabled && setActive(index), onClick: () => choose(index), children: [_jsx("span", { className: "desk-popup-check", "aria-hidden": "true", children: option.value === value ? '✓' : '' }), _jsxs("span", { className: "desk-popup-text", children: [_jsx("span", { children: option.label }), option.description && _jsx("span", { className: "desk-help", children: option.description })] })] }, option.value))) }))] })] }));
+}
+//# sourceMappingURL=popup.js.map

package/dist/react/popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.js","sourceRoot":"","sources":["../../src/react/popup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AA6B1D,MAAM,UAAU,WAAW,CAAmB,EAC5C,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,WAAW,EACX,WAAW,GAAG,SAAS,EACvB,QAAQ,EACR,IAAI,GAAG,SAAS,GACI;IACpB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACvC,MAAM,MAAM,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAC9C,MAAM,IAAI,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC3C,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAA;IAEzC,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IACnD,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,IAAI,CAAA;IAE7D,MAAM,IAAI,GAAG,CAAC,IAAI,GAAyB,UAAU,EAAE,EAAE;QACvD,MAAM,KAAK,GAAG,IAAI,KAAK,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;QAC/G,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAA;QAC7B,OAAO,CAAC,IAAI,CAAC,CAAA;IACf,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,CAAC,WAAW,GAAG,IAAI,EAAE,EAAE;QACnC,OAAO,CAAC,KAAK,CAAC,CAAA;QACd,IAAI,WAAW;YAAE,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;IAC1C,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE;QAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAA;QAC7B,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ;YAAE,OAAM;QACtC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACtB,KAAK,EAAE,CAAA;IACT,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;QACrB,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;YAC5C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAc,CAAA;YACnC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC;gBAAE,OAAO,CAAC,KAAK,CAAC,CAAA;QAC1F,CAAC,CAAA;QACD,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,EAAE,IAAI,CAAC,CAAA;QAC7D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,EAAE,IAAI,CAAC,CAAA;IAC/E,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,IAAI,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE;QAC3C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,MAAM,KAAK,GAAG,CAAC,IAAI,GAAG,KAAK,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAA;YACtE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,QAAQ;gBAAE,OAAO,KAAK,CAAA;QAC7C,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,KAAsC,EAAE,EAAE;QAC/D,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,WAAW;gBAAE,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;gBAAC,MAAK;YACnD,KAAK,SAAS;gBAAE,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBAAC,MAAK;YAClD,KAAK,MAAM;gBAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBAAC,MAAK;YAC1C,KAAK,KAAK;gBAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBAAC,MAAK;YACtD,KAAK,OAAO,CAAC;YACb,KAAK,GAAG;gBAAE,MAAM,CAAC,MAAM,CAAC,CAAC;gBAAC,MAAK;YAC/B,KAAK,QAAQ,CAAC;YACd,KAAK,KAAK;gBAAE,KAAK,EAAE,CAAC;gBAAC,MAAK;YAC1B,SAAS,CAAC;gBACR,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM;oBAAE,OAAM;gBACpF,mFAAmF;gBACnF,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;gBACtB,KAAK,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAA;gBAC5G,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAA;gBAC/C,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAA;gBAC5E,IAAI,KAAK;oBAAE,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;gBAC5C,MAAK;YACP,CAAC;QACH,CAAC;QACD,KAAK,CAAC,cAAc,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,CAAC,KAAuC,EAAE,EAAE;QAClE,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvG,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;QAC3D,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,YAAY,iCACzB,eAAM,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,YAAY,iBAAc,WAAW,IAAI,SAAS,YAClF,KAAK,GACD,EACP,eAAK,SAAS,EAAC,mBAAmB,aAChC,kBACE,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mBAAmB,eAClB,IAAI,mBACD,SAAS,mBACR,IAAI,qBACF,GAAG,EAAE,UAAU,EAAE,QAAQ,EAC1C,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,aAE5C,QAAQ,EAAE,IAAI,IAAI,eAAM,SAAS,EAAC,iBAAiB,iBAAa,MAAM,YAAE,QAAQ,CAAC,IAAI,GAAQ,EAC9F,eAAM,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,sBAAmB,CAAC,QAAQ,IAAI,SAAS,YAC3F,QAAQ,EAAE,KAAK,IAAI,WAAW,GAC1B,EACP,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,uBAAS,IACzD,EACR,IAAI,IAAI,CACP,aACE,GAAG,EAAE,IAAI,EACT,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC,qBACK,GAAG,EAAE,QAAQ,2BACP,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,WAAW,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,EAC7E,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAE,aAAa,YAEvB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,cAEE,EAAE,EAAE,GAAG,EAAE,WAAW,KAAK,EAAE,EAC3B,IAAI,EAAC,QAAQ,mBACE,MAAM,CAAC,KAAK,KAAK,KAAK,mBACtB,MAAM,CAAC,QAAQ,IAAI,SAAS,EAC3C,SAAS,EAAC,mBAAmB,iBAChB,KAAK,KAAK,MAAM,IAAI,SAAS,EAC1C,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,IAAI,SAAS,CAAC,KAAK,CAAC,EACzD,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAE5B,eAAM,SAAS,EAAC,kBAAkB,iBAAa,MAAM,YAAE,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAQ,EAChG,gBAAM,SAAS,EAAC,iBAAiB,aAC/B,yBAAO,MAAM,CAAC,KAAK,GAAQ,EAC1B,MAAM,CAAC,WAAW,IAAI,eAAM,SAAS,EAAC,WAAW,YAAE,MAAM,CAAC,WAAW,GAAQ,IACzE,KAdF,MAAM,CAAC,KAAK,CAed,CACN,CAAC,GACC,CACN,IACG,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/react/search.d.ts

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+import type { Desk } from '../core/desk.js';
+import type { WindowId } from '../core/types.js';
+export interface SearchResult {
+    readonly id: string;
+    readonly title: string;
+    readonly subtitle?: string;
+    /** Groups the results under a heading, in the order the groups first appear. */
+    readonly group?: string;
+    readonly icon?: ReactNode;
+    /** A short word for what this is: `window`, `ride`, `command`. */
+    readonly kind?: string;
+    readonly onSelect: () => void;
+}
+/** The open windows as results, for an app to mix into its own. */
+export declare function windowResults(desk: Desk, title: (id: WindowId) => string, group?: string): SearchResult[];
+export declare const SearchCommand = "desk.search";
+export interface SearchPaletteProps {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    /** Called as the person types. May be async; a slower answer never overtakes a newer one. */
+    readonly search: (query: string) => readonly SearchResult[] | Promise<readonly SearchResult[]>;
+    readonly placeholder?: string;
+    readonly label?: string;
+    /** Shown before anything is typed. */
+    readonly hint?: ReactNode;
+    /** Shown when a query matches nothing. */
+    readonly empty?: (query: string) => ReactNode;
+    /** Also opens the palette. Default `mod+k`; pass `null` to bind nothing. */
+    readonly shortcut?: string | null;
+}
+export declare function SearchPalette({ open, onOpenChange, search, placeholder, label, hint, empty, shortcut, }: SearchPaletteProps): import("react").ReactPortal | null;
+//# sourceMappingURL=search.d.ts.map

package/dist/react/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/react/search.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAUhD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,gFAAgF;IAChF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,kEAAkE;IAClE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,mEAAmE;AACnE,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,QAAQ,KAAK,MAAM,EAAE,KAAK,SAAY,GAAG,YAAY,EAAE,CAQ5G;AAED,eAAO,MAAM,aAAa,gBAAgB,CAAA;AAE1C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,6FAA6F;IAC7F,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,YAAY,EAAE,GAAG,OAAO,CAAC,SAAS,YAAY,EAAE,CAAC,CAAA;IAC9F,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,sCAAsC;IACtC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,0CAA0C;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAC7C,4EAA4E;IAC5E,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAClC;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,WAAsB,EACtB,KAAgB,EAChB,IAAI,EACJ,KAAK,EACL,QAAkB,GACnB,EAAE,kBAAkB,sCAiHpB"}

package/dist/react/search.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { useCommand, useShortcuts } from './commands.js';
+import { useDesk } from './context.js';
+import { useFocusTrap, useLayer } from './layers.js';
+/** The open windows as results, for an app to mix into its own. */
+export function windowResults(desk, title, group = 'Windows') {
+    return desk.getState().windows.map(w => ({
+        id: `window:${w.id}`,
+        title: title(w.id),
+        group,
+        kind: 'window',
+        onSelect: () => desk.focus(w.id),
+    }));
+}
+export const SearchCommand = 'desk.search';
+export function SearchPalette({ open, onOpenChange, search, placeholder = 'Search', label = 'Search', hint, empty, shortcut = 'mod+k', }) {
+    const desk = useDesk();
+    const id = useId();
+    const panel = useRef(null);
+    const [query, setQuery] = useState('');
+    const [results, setResults] = useState([]);
+    const [active, setActive] = useState(0);
+    useLayer(id, open, () => onOpenChange(false));
+    useFocusTrap(panel, open);
+    useCommand(SearchCommand, () => onOpenChange(true), { at: 'app' });
+    // Memoised: bindShortcuts re-registers whenever the keymap object changes identity.
+    useShortcuts(useMemo(() => (shortcut ? { [shortcut]: SearchCommand } : {}), [shortcut]));
+    useEffect(() => {
+        if (!open)
+            setQuery('');
+    }, [open]);
+    useEffect(() => {
+        if (!open)
+            return;
+        let current = true;
+        Promise.resolve(search(query)).then(found => {
+            // A slow search for an old query must not replace the answer to a newer one.
+            if (!current)
+                return;
+            setResults(found);
+            setActive(0);
+        });
+        return () => {
+            current = false;
+        };
+    }, [open, query, search]);
+    if (!open)
+        return null;
+    const choose = (result) => {
+        if (!result)
+            return;
+        onOpenChange(false);
+        result.onSelect();
+    };
+    const onKeyDown = (event) => {
+        const move = (to) => {
+            event.preventDefault();
+            setActive(Math.max(0, Math.min(to, results.length - 1)));
+        };
+        switch (event.key) {
+            case 'ArrowDown': return move(active + 1);
+            case 'ArrowUp': return move(active - 1);
+            case 'Home': return move(0);
+            case 'End': return move(results.length - 1);
+            case 'Enter': {
+                event.preventDefault();
+                return choose(results[active]);
+            }
+            default:
+        }
+    };
+    const listId = `${id}-results`;
+    let group;
+    return createPortal(_jsx("div", { className: "desk-search-scrim", onPointerDown: event => event.target === event.currentTarget && onOpenChange(false), children: _jsxs("div", { ref: panel, role: "dialog", "aria-label": label, className: "desk-search", onKeyDown: onKeyDown, children: [_jsx("div", { className: "desk-search-bar", children: _jsx("input", { className: "desk-search-field", role: "combobox", "aria-label": label, "aria-expanded": true, "aria-controls": listId, "aria-activedescendant": results[active] ? `${id}-${active}` : undefined, "aria-autocomplete": "list", placeholder: placeholder, value: query, onChange: event => setQuery(event.target.value) }) }), results.length > 0 && (_jsx("ul", { id: listId, role: "listbox", "aria-label": label, className: "desk-search-results", children: results.map((result, index) => {
+                        const heading = result.group && result.group !== group ? result.group : null;
+                        group = result.group;
+                        return (_jsxs("li", { className: "desk-search-row-wrap", children: [heading && _jsx("p", { className: "desk-search-group", children: heading }), _jsxs("div", { id: `${id}-${index}`, role: "option", "aria-selected": index === active, className: "desk-search-row", "data-active": index === active || undefined, onPointerMove: () => setActive(index), onClick: () => choose(result), children: [result.icon && _jsx("span", { className: "desk-search-icon", "aria-hidden": "true", children: result.icon }), _jsxs("span", { className: "desk-search-text", children: [_jsx("span", { className: "desk-search-title", children: result.title }), result.subtitle && _jsx("span", { className: "desk-search-subtitle", children: result.subtitle })] }), result.kind && _jsx("span", { className: "desk-search-kind", children: result.kind })] })] }, result.id));
+                    }) })), results.length === 0 && (_jsx("p", { className: "desk-search-empty", children: query.trim() ? (empty?.(query) ?? `Nothing matches “${query}”.`) : hint }))] }) }), document.body);
+}
+//# sourceMappingURL=search.js.map

package/dist/react/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/react/search.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAGxC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAmBpD,mEAAmE;AACnE,MAAM,UAAU,aAAa,CAAC,IAAU,EAAE,KAA+B,EAAE,KAAK,GAAG,SAAS;IAC1F,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACvC,EAAE,EAAE,UAAU,CAAC,CAAC,EAAE,EAAE;QACpB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAClB,KAAK;QACL,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;KACjC,CAAC,CAAC,CAAA;AACL,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAA;AAiB1C,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,WAAW,GAAG,QAAQ,EACtB,KAAK,GAAG,QAAQ,EAChB,IAAI,EACJ,KAAK,EACL,QAAQ,GAAG,OAAO,GACC;IACnB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,KAAK,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACtC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAA;IACnE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvC,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;IAC7C,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IACzB,UAAU,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAA;IAClE,oFAAoF;IACpF,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAExF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,QAAQ,CAAC,EAAE,CAAC,CAAA;IACzB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,IAAI,OAAO,GAAG,IAAI,CAAA;QAClB,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YAC1C,6EAA6E;YAC7E,IAAI,CAAC,OAAO;gBAAE,OAAM;YACpB,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,SAAS,CAAC,CAAC,CAAC,CAAA;QACd,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE;YACV,OAAO,GAAG,KAAK,CAAA;QACjB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAEzB,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,MAAM,MAAM,GAAG,CAAC,MAAgC,EAAE,EAAE;QAClD,IAAI,CAAC,MAAM;YAAE,OAAM;QACnB,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,MAAM,CAAC,QAAQ,EAAE,CAAA;IACnB,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,CAAC,KAAiC,EAAE,EAAE;QACtD,MAAM,IAAI,GAAG,CAAC,EAAU,EAAE,EAAE;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1D,CAAC,CAAA;QACD,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,WAAW,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;YACzC,KAAK,SAAS,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;YACvC,KAAK,MAAM,EAAE,OAAO,IAAI,CAAC,CAAC,CAAC,CAAA;YAC3B,KAAK,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;YAC3C,KAAK,OAAO,EAAE,CAAC;gBACb,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;YAChC,CAAC;YACD,QAAQ;QACV,CAAC;IACH,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE,UAAU,CAAA;IAC9B,IAAI,KAAyB,CAAA;IAC7B,OAAO,YAAY,CACjB,cAAK,SAAS,EAAC,mBAAmB,EAAC,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,IAAI,YAAY,CAAC,KAAK,CAAC,YACpH,eAAK,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,gBAAa,KAAK,EAAE,SAAS,EAAC,aAAa,EAAC,SAAS,EAAE,SAAS,aAC5F,cAAK,SAAS,EAAC,iBAAiB,YAC9B,gBACE,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAC,UAAU,gBACH,KAAK,0CAEF,MAAM,2BACE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,uBACpD,MAAM,EACxB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAC/C,GACE,EACL,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,aAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC,SAAS,gBAAa,KAAK,EAAE,SAAS,EAAC,qBAAqB,YAC9E,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;wBAC7B,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;wBAC5E,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;wBACpB,OAAO,CACL,cAAoB,SAAS,EAAC,sBAAsB,aACjD,OAAO,IAAI,YAAG,SAAS,EAAC,mBAAmB,YAAE,OAAO,GAAK,EAC1D,eACE,EAAE,EAAE,GAAG,EAAE,IAAI,KAAK,EAAE,EACpB,IAAI,EAAC,QAAQ,mBACE,KAAK,KAAK,MAAM,EAC/B,SAAS,EAAC,iBAAiB,iBACd,KAAK,KAAK,MAAM,IAAI,SAAS,EAC1C,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,aAE5B,MAAM,CAAC,IAAI,IAAI,eAAM,SAAS,EAAC,kBAAkB,iBAAa,MAAM,YAAE,MAAM,CAAC,IAAI,GAAQ,EAC1F,gBAAM,SAAS,EAAC,kBAAkB,aAChC,eAAM,SAAS,EAAC,mBAAmB,YAAE,MAAM,CAAC,KAAK,GAAQ,EACxD,MAAM,CAAC,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,MAAM,CAAC,QAAQ,GAAQ,IAC9E,EACN,MAAM,CAAC,IAAI,IAAI,eAAM,SAAS,EAAC,kBAAkB,YAAE,MAAM,CAAC,IAAI,GAAQ,IACnE,KAjBC,MAAM,CAAC,EAAE,CAkBb,CACN,CAAA;oBACH,CAAC,CAAC,GACC,CACN,EACA,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CACvB,YAAG,SAAS,EAAC,mBAAmB,YAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,IAAI,oBAAoB,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,GAAK,CAC/G,IACG,GACF,EACN,QAAQ,CAAC,IAAI,CACd,CAAA;AACH,CAAC"}

package/dist/react/setupProgress.d.ts

@@ -0,0 +1,35 @@
+export interface SetupRecord<Answers> {
+    readonly index: number;
+    readonly answers: Answers;
+    readonly finished: boolean;
+}
+export interface SetupStore<Answers> {
+    /** What was saved, or undefined when nothing was. May be async, for a server. */
+    load(): SetupRecord<Answers> | undefined | Promise<SetupRecord<Answers> | undefined>;
+    save(record: SetupRecord<Answers>): void | Promise<void>;
+    clear(): void | Promise<void>;
+}
+/** This browser's local storage. Quietly does nothing where storage is unavailable. */
+export declare function localSetupStore<Answers>(key: string): SetupStore<Answers>;
+export interface SetupProgress<Answers> {
+    /** False until the store has answered; show nothing, or a quiet loading state, until then. */
+    readonly loaded: boolean;
+    readonly index: number;
+    readonly setIndex: (index: number) => void;
+    readonly answers: Answers;
+    /** Merges into the answers: `answer({ rider: 'Jasper Blues' })`. */
+    readonly answer: (patch: Partial<Answers>) => void;
+    readonly finished: boolean;
+    readonly finish: () => void;
+    /** Forgets everything: "Set up again". */
+    readonly reset: () => void;
+}
+export interface SetupProgressOptions<Answers> {
+    /** Names what is being set up, so two setups do not share a record. */
+    readonly key: string;
+    readonly initial: Answers;
+    /** Default: this browser's local storage. */
+    readonly store?: SetupStore<Answers>;
+}
+export declare function useSetupProgress<Answers extends object>({ key, initial, store }: SetupProgressOptions<Answers>): SetupProgress<Answers>;
+//# sourceMappingURL=setupProgress.d.ts.map

package/dist/react/setupProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupProgress.d.ts","sourceRoot":"","sources":["../../src/react/setupProgress.ts"],"names":[],"mappings":"AAYA,MAAM,WAAW,WAAW,CAAC,OAAO;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;CAC3B;AAED,MAAM,WAAW,UAAU,CAAC,OAAO;IACjC,iFAAiF;IACjF,IAAI,IAAI,WAAW,CAAC,OAAO,CAAC,GAAG,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC,CAAA;IACpF,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACxD,KAAK,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC9B;AAED,uFAAuF;AACvF,wBAAgB,eAAe,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CA0BzE;AAED,MAAM,WAAW,aAAa,CAAC,OAAO;IACpC,8FAA8F;IAC9F,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,oEAAoE;IACpE,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAA;IAC3B,0CAA0C;IAC1C,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED,MAAM,WAAW,oBAAoB,CAAC,OAAO;IAC3C,uEAAuE;IACvE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;CACrC;AAED,wBAAgB,gBAAgB,CAAC,OAAO,SAAS,MAAM,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,CAoCvI"}

package/dist/react/setupProgress.js

@@ -0,0 +1,68 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+/** This browser's local storage. Quietly does nothing where storage is unavailable. */
+export function localSetupStore(key) {
+    const name = `desk.setup.${key}`;
+    return {
+        load() {
+            try {
+                const raw = globalThis.localStorage?.getItem(name);
+                return raw ? JSON.parse(raw) : undefined;
+            }
+            catch {
+                return undefined;
+            }
+        },
+        save(record) {
+            try {
+                globalThis.localStorage?.setItem(name, JSON.stringify(record));
+            }
+            catch {
+                // Private windows and full storage: setup still works, it just is not remembered.
+            }
+        },
+        clear() {
+            try {
+                globalThis.localStorage?.removeItem(name);
+            }
+            catch {
+                // As above.
+            }
+        },
+    };
+}
+export function useSetupProgress({ key, initial, store }) {
+    const storeRef = useRef(store ?? localSetupStore(key));
+    const initialRef = useRef(initial);
+    const [record, setRecord] = useState({ index: 0, answers: initial, finished: false });
+    const [loaded, setLoaded] = useState(false);
+    useEffect(() => {
+        let current = true;
+        void Promise.resolve(storeRef.current.load()).then(saved => {
+            if (!current)
+                return;
+            // Answers added since the record was saved take their initial values.
+            if (saved)
+                setRecord({ ...saved, answers: { ...initialRef.current, ...saved.answers } });
+            setLoaded(true);
+        });
+        return () => {
+            current = false;
+        };
+    }, []);
+    const update = useCallback((change) => {
+        setRecord(previous => {
+            const next = change(previous);
+            void storeRef.current.save(next);
+            return next;
+        });
+    }, []);
+    const setIndex = useCallback((index) => update(r => ({ ...r, index })), [update]);
+    const answer = useCallback((patch) => update(r => ({ ...r, answers: { ...r.answers, ...patch } })), [update]);
+    const finish = useCallback(() => update(r => ({ ...r, finished: true })), [update]);
+    const reset = useCallback(() => {
+        void storeRef.current.clear();
+        setRecord({ index: 0, answers: initialRef.current, finished: false });
+    }, []);
+    return { loaded, index: record.index, setIndex, answers: record.answers, answer, finished: record.finished, finish, reset };
+}
+//# sourceMappingURL=setupProgress.js.map

package/dist/react/setupProgress.js.map

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

package/dist/react/shell.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { Desk } from '../core/desk.js';
+import type { Bus } from '../core/events.js';
+import type { DeskOptions } from '../core/types.js';
+export interface DeskShellProps {
+    /** An existing desk. One is made from `options` when this is left out. */
+    readonly desk?: Desk;
+    readonly options?: DeskOptions;
+    /** Share a bus across desks, or supply your own. A desk already carries one. */
+    readonly bus?: Bus;
+    /** Leave toasts out when the app does not use them. Default true. */
+    readonly toasts?: boolean;
+    readonly children: ReactNode;
+}
+/** Everything an app needs around it, in one component: the desk, its bus, and toasts. */
+export declare function DeskShell({ desk, options, bus, toasts, children }: DeskShellProps): import("react").JSX.Element;
+//# sourceMappingURL=shell.d.ts.map

package/dist/react/shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../src/react/shell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAKnD,MAAM,WAAW,cAAc;IAC7B,0EAA0E;IAC1E,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;IACpB,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAA;IAC9B,gFAAgF;IAChF,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAA;IAClB,qEAAqE;IACrE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B;AAED,0FAA0F;AAC1F,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAa,EAAE,QAAQ,EAAE,EAAE,cAAc,+BAIxF"}

package/dist/react/shell.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { createDesk } from '../core/desk.js';
+import { DeskProvider } from './context.js';
+import { BusProvider } from './events.js';
+import { ToastProvider } from './overlays.js';
+/** Everything an app needs around it, in one component: the desk, its bus, and toasts. */
+export function DeskShell({ desk, options, bus, toasts = true, children }) {
+    const [made] = useState(() => desk ?? createDesk(options));
+    const inner = toasts ? _jsx(ToastProvider, { children: children }) : children;
+    return _jsx(DeskProvider, { desk: made, children: bus ? _jsx(BusProvider, { bus: bus, children: inner }) : inner });
+}
+//# sourceMappingURL=shell.js.map

package/dist/react/shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../src/react/shell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAI5C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAa7C,0FAA0F;AAC1F,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAkB;IACvF,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAA;IAC1D,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,KAAC,aAAa,cAAE,QAAQ,GAAiB,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3E,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,YAAG,GAAG,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,GAAG,EAAE,GAAG,YAAG,KAAK,GAAe,CAAC,CAAC,CAAC,KAAK,GAAgB,CAAA;AAC9G,CAAC"}

package/dist/react/sidebar.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export interface SidebarItem {
+    readonly id: string;
+    readonly label: string;
+    readonly icon?: ReactNode;
+    readonly badge?: ReactNode;
+    readonly disabled?: boolean;
+}
+export interface SidebarSection {
+    readonly id: string;
+    readonly label?: string;
+    readonly items: readonly SidebarItem[];
+}
+export interface SidebarProps {
+    readonly sections: readonly SidebarSection[];
+    readonly value: string;
+    readonly onChange: (id: string) => void;
+    readonly label: string;
+    readonly footer?: ReactNode;
+    readonly className?: string;
+}
+export declare function Sidebar({ sections, value, onChange, label, footer, className }: SidebarProps): import("react").JSX.Element;
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/react/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/react/sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAOrD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAA;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,CAAA;CACvC;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAA;IAC5C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,YAAY,+BAoD5F"}

package/dist/react/sidebar.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+export function Sidebar({ sections, value, onChange, label, footer, className }) {
+    const nav = useRef(null);
+    const items = sections.flatMap(section => section.items).filter(item => !item.disabled);
+    const onKeyDown = (event) => {
+        const keys = { ArrowDown: 1, ArrowUp: -1 };
+        const delta = keys[event.key];
+        if (!delta && event.key !== 'Home' && event.key !== 'End')
+            return;
+        event.preventDefault();
+        const at = items.findIndex(item => item.id === value);
+        const next = event.key === 'Home' ? items[0]
+            : event.key === 'End' ? items.at(-1)
+                : items[(at + (delta ?? 1) + items.length) % items.length];
+        if (!next)
+            return;
+        onChange(next.id);
+        nav.current?.querySelector(`[data-item="${CSS.escape(next.id)}"]`)?.focus();
+    };
+    return (_jsxs("nav", { ref: nav, className: ['desk-sidebar', className].filter(Boolean).join(' '), "aria-label": label, onKeyDown: onKeyDown, children: [sections.map(section => (_jsxs("div", { className: "desk-sidebar-section", children: [section.label && _jsx("p", { className: "desk-sidebar-heading", children: section.label }), _jsx("ul", { children: section.items.map(item => {
+                            const current = item.id === value;
+                            return (_jsx("li", { children: _jsxs("button", { type: "button", "data-item": item.id, className: "desk-sidebar-item", "aria-current": current ? 'page' : undefined, "data-current": current || undefined, disabled: item.disabled, tabIndex: current ? 0 : -1, onClick: () => onChange(item.id), children: [item.icon && _jsx("span", { className: "desk-sidebar-icon", "aria-hidden": "true", children: item.icon }), _jsx("span", { className: "desk-sidebar-label", children: item.label }), item.badge != null && _jsx("span", { className: "desk-sidebar-badge", children: item.badge })] }) }, item.id));
+                        }) })] }, section.id))), footer && _jsx("div", { className: "desk-sidebar-footer", children: footer })] }));
+}
+//# sourceMappingURL=sidebar.js.map

package/dist/react/sidebar.js.map

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

package/dist/react/table.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react';
+export interface Column<Row> {
+    readonly key: string;
+    readonly header: ReactNode;
+    /** Defaults to `row[key]` when the key names a field. */
+    readonly render?: (row: Row) => ReactNode;
+    readonly align?: 'start' | 'end';
+    /** Figures line up and sort as numbers when this is set. */
+    readonly numeric?: boolean;
+    readonly sortable?: boolean;
+    readonly width?: string;
+}
+export interface Sort {
+    readonly key: string;
+    readonly direction: 'ascending' | 'descending';
+}
+export interface TableProps<Row> {
+    readonly rows: readonly Row[];
+    readonly columns: readonly Column<Row>[];
+    readonly rowId: (row: Row) => string;
+    /** The accessible name, e.g. "Rides". */
+    readonly label: string;
+    /** One id, or several when `selection` is `multiple`. */
+    readonly selected?: string | readonly string[] | null;
+    /** Default `single`. `multiple` adds ⌘/Ctrl to add one and Shift for a run. */
+    readonly selection?: 'single' | 'multiple';
+    readonly onSelect?: (id: string, row: Row) => void;
+    /** Called instead of `onSelect` when `selection` is `multiple`. */
+    readonly onSelectionChange?: (ids: string[]) => void;
+    /** Enter, or a double click. */
+    readonly onActivate?: (id: string, row: Row) => void;
+    readonly sort?: Sort | null;
+    readonly onSortChange?: (sort: Sort) => void;
+    readonly empty?: ReactNode;
+    /** Extra props for each row — how a row becomes draggable. */
+    readonly rowProps?: (row: Row) => Record<string, unknown>;
+}
+export declare function Table<Row>({ rows, columns, rowId, label, selected, selection, onSelect, onSelectionChange, onActivate, sort, onSortChange, empty, rowProps, }: TableProps<Row>): import("react").JSX.Element;
+//# sourceMappingURL=table.d.ts.map

package/dist/react/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/react/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAOrD,MAAM,WAAW,MAAM,CAAC,GAAG;IACzB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAA;IAC1B,yDAAyD;IACzD,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,SAAS,CAAA;IACzC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAChC,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,IAAI;IACnB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,SAAS,EAAE,WAAW,GAAG,YAAY,CAAA;CAC/C;AAED,MAAM,WAAW,UAAU,CAAC,GAAG;IAC7B,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,EAAE,CAAA;IAC7B,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,CAAC,GAAG,CAAC,EAAE,CAAA;IACxC,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAA;IACpC,yCAAyC;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,yDAAyD;IACzD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,IAAI,CAAA;IACrD,+EAA+E;IAC/E,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC1C,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAClD,mEAAmE;IACnE,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpD,gCAAgC;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IACpD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAA;IAC1B,8DAA8D;IAC9D,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC1D;AAKD,wBAAgB,KAAK,CAAC,GAAG,EAAE,EACzB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAoB,EACpB,QAAQ,EACR,iBAAiB,EACjB,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,GACT,EAAE,UAAU,CAAC,GAAG,CAAC,+BA+GjB"}

package/dist/react/table.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+const cell = (row, column) => column.render ? column.render(row) : row[column.key];
+export function Table({ rows, columns, rowId, label, selected, selection = 'single', onSelect, onSelectionChange, onActivate, sort, onSortChange, empty, rowProps, }) {
+    const body = useRef(null);
+    const anchor = useRef(0);
+    const chosen = selected == null ? [] : Array.isArray(selected) ? selected : [selected];
+    const isChosen = (id) => chosen.includes(id);
+    const choose = (index, modifiers = {}) => {
+        const row = rows[index];
+        if (!row)
+            return;
+        const id = rowId(row);
+        if (selection === 'multiple' && onSelectionChange) {
+            if (modifiers.range) {
+                const [from, to] = [Math.min(anchor.current, index), Math.max(anchor.current, index)];
+                onSelectionChange(rows.slice(from, to + 1).map(rowId));
+            }
+            else if (modifiers.add) {
+                anchor.current = index;
+                onSelectionChange(isChosen(id) ? chosen.filter(x => x !== id) : [...chosen, id]);
+            }
+            else {
+                anchor.current = index;
+                onSelectionChange([id]);
+            }
+            return;
+        }
+        anchor.current = index;
+        onSelect?.(id, row);
+    };
+    const focusRow = (index, modifiers = {}) => {
+        const clamped = Math.max(0, Math.min(index, rows.length - 1));
+        if (!rows[clamped])
+            return;
+        choose(clamped, modifiers);
+        body.current?.querySelectorAll('tr')[clamped]?.focus();
+    };
+    const onKeyDown = (event) => {
+        const index = [...(body.current?.querySelectorAll('tr') ?? [])].indexOf(document.activeElement);
+        if (index < 0)
+            return;
+        const row = rows[index];
+        switch (event.key) {
+            case 'ArrowDown':
+                focusRow(index + 1, { range: event.shiftKey });
+                break;
+            case 'ArrowUp':
+                focusRow(index - 1, { range: event.shiftKey });
+                break;
+            case 'Home':
+                focusRow(0, { range: event.shiftKey });
+                break;
+            case 'End':
+                focusRow(rows.length - 1, { range: event.shiftKey });
+                break;
+            case ' ':
+                if (selection === 'multiple')
+                    choose(index, { add: true });
+                break;
+            case 'Enter':
+                if (row)
+                    onActivate?.(rowId(row), row);
+                break;
+            default: return;
+        }
+        event.preventDefault();
+    };
+    const toggleSort = (column) => {
+        if (!column.sortable || !onSortChange)
+            return;
+        const direction = sort?.key === column.key && sort.direction === 'ascending' ? 'descending' : 'ascending';
+        onSortChange({ key: column.key, direction });
+    };
+    if (!rows.length && empty)
+        return _jsx("div", { className: "desk-table-empty", children: empty });
+    return (_jsx("div", { className: "desk-table-wrap", children: _jsxs("table", { className: "desk-table", "aria-label": label, "aria-multiselectable": selection === 'multiple' || undefined, children: [_jsx("thead", { children: _jsx("tr", { children: columns.map(column => (_jsx("th", { scope: "col", style: column.width ? { width: column.width } : undefined, "data-align": column.align ?? (column.numeric ? 'end' : 'start'), "aria-sort": sort?.key === column.key ? sort.direction : column.sortable ? 'none' : undefined, children: column.sortable && onSortChange ? (_jsxs("button", { type: "button", className: "desk-table-sort", onClick: () => toggleSort(column), children: [column.header, _jsx("span", { "aria-hidden": "true", children: sort?.key === column.key ? (sort.direction === 'ascending' ? '↑' : '↓') : '' })] })) : (column.header) }, column.key))) }) }), _jsx("tbody", { ref: body, onKeyDown: onKeyDown, children: rows.map((row, index) => {
+                        const id = rowId(row);
+                        const isSelected = isChosen(id);
+                        const selectable = Boolean(onSelect || onSelectionChange);
+                        return (_jsx("tr", { 
+                            // One tab stop for the whole table; arrow keys move within it.
+                            tabIndex: isSelected || (!chosen.length && index === 0) ? 0 : -1, "aria-selected": selectable ? isSelected : undefined, "data-selected": isSelected || undefined, onClick: event => choose(index, { add: event.metaKey || event.ctrlKey, range: event.shiftKey }), onDoubleClick: () => onActivate?.(id, row), ...rowProps?.(row), children: columns.map(column => (_jsx("td", { "data-align": column.align ?? (column.numeric ? 'end' : 'start'), "data-numeric": column.numeric || undefined, children: cell(row, column) }, column.key))) }, id));
+                    }) })] }) }));
+}
+//# sourceMappingURL=table.js.map

package/dist/react/table.js.map

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