@ghia/native 0.0.0 → 0.11.0

package/dist/presence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.d.ts","sourceRoot":"","sources":["../js/presence.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,CAAA;AAExD;;;;GAIG;AACH,MAAM,MAAM,UAAU,CAAC,KAAK,SAAS,MAAM,IACvC,KAAK,GAEL;IAAE,IAAI,CAAC,MAAM,EAAE,OAAO,GAAG,KAAK,CAAA;CAAE,CAAC,MAAM,CAAC,CAAA;AAE5C,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,EAC9C,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS,EACnC,MAAM,EAAE,OAAO,GACd,KAAK,GAAG,SAAS,CAEnB;AAED,+EAA+E;AAC/E,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG;IACpF,IAAI,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IAC7C,uGAAuG;IACvG,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,UAAU,CAAA;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,CAAC,CAAA;IACT,SAAS,EAAE,CAAC,CAAA;IACZ,WAAW,EAAE,CAAC,CAAA;IACd,YAAY,EAAE,CAAC,CAAA;IACf,UAAU,EAAE,CAAC,CAAA;CACd,CAAA;AAED,sGAAsG;AACtG,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,aAAa,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,eAAe,GAAG,SAAS,GAAG,cAAc,CAexG;AAED,KAAK,UAAU,GAAG;IAChB,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,aAAa,GAAG,IAAI,CAAA;IAC9D,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;CAC/D,CAAA;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,GAAG,SAAS,GAC3B,cAAc,GAAG,SAAS,CAgB5B"}

package/dist/presence.js

@@ -0,0 +1,54 @@
+/// What `AnimatePresence` means to the adapters, shared by React and Solid:
+/// the `mode` prop, `exit` as a function of `custom`, and the box a
+/// `popLayout` child keeps while it leaves.
+export function resolveExit(exit, custom) {
+    return typeof exit === "function" ? exit(custom) : exit;
+}
+/**
+ * The style that paints `child` exactly where it painted before it left the
+ * flow. An absolute box is placed from the parent's padding box (inside its
+ * border), moves with the parent's scrolled content, and sits `margin` away
+ * from its offsets, so the margin is zeroed rather than counted twice.
+ * `parent` is `undefined` for a child of the window root, which sits at the
+ * window origin.
+ */
+export function popLayoutStyle(child, parent) {
+    const originX = parent === undefined ? 0 : parent.bounds.x + parent.bounds.clientLeft - parent.scrollLeft;
+    const originY = parent === undefined ? 0 : parent.bounds.y + parent.bounds.clientTop - parent.scrollTop;
+    return {
+        position: "absolute",
+        top: child.y - originY,
+        left: child.x - originX,
+        width: child.width,
+        height: child.height,
+        margin: 0,
+        marginTop: 0,
+        marginRight: 0,
+        marginBottom: 0,
+        marginLeft: 0,
+    };
+}
+/**
+ * The style that keeps an element where it last painted, or `undefined` when
+ * it has not painted (nothing to hold in place).
+ */
+export function measurePopLayout(renderer, childId, parentId) {
+    if (!renderer.getElementBounds) {
+        throw new Error('AnimatePresence mode="popLayout" needs a renderer with getElementBounds');
+    }
+    const child = renderer.getElementBounds(childId);
+    if (child === null)
+        return undefined;
+    if (parentId === undefined)
+        return popLayoutStyle(child, undefined);
+    if (!renderer.getScrollMetrics) {
+        throw new Error('AnimatePresence mode="popLayout" needs a renderer with getScrollMetrics');
+    }
+    const bounds = renderer.getElementBounds(parentId);
+    const metrics = renderer.getScrollMetrics(parentId);
+    if (bounds === null || metrics === null) {
+        throw new Error(`AnimatePresence mode="popLayout": parent element ${parentId} has not painted`);
+    }
+    return popLayoutStyle(child, { bounds, scrollLeft: metrics[0], scrollTop: metrics[1] });
+}
+//# sourceMappingURL=presence.js.map

package/dist/presence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.js","sourceRoot":"","sources":["../js/presence.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,oEAAoE;AACpE,4CAA4C;AAsB5C,MAAM,UAAU,WAAW,CACzB,IAAmC,EACnC,MAAe;IAEf,OAAO,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AACzD,CAAC;AA6BD;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAC,KAAoB,EAAE,MAAmC;IACtF,MAAM,OAAO,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAA;IACzG,MAAM,OAAO,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAA;IACvG,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK,CAAC,CAAC,GAAG,OAAO;QACtB,IAAI,EAAE,KAAK,CAAC,CAAC,GAAG,OAAO;QACvB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;KACd,CAAA;AACH,CAAC;AAOD;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAC9B,QAAoB,EACpB,OAAe,EACf,QAA4B;IAE5B,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,yEAAyE,CAAC,CAAA;IAC5F,CAAC;IACD,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAChD,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,SAAS,CAAA;IACpC,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;IACnE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,yEAAyE,CAAC,CAAA;IAC5F,CAAC;IACD,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IAClD,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IACnD,IAAI,MAAM,KAAK,IAAI,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACxC,MAAM,IAAI,KAAK,CAAC,oDAAoD,QAAQ,kBAAkB,CAAC,CAAA;IACjG,CAAC;IACD,OAAO,cAAc,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;AACzF,CAAC"}

package/dist/renderer-state.d.ts

@@ -0,0 +1,155 @@
+import type { EventPayload } from "../index.js";
+import { type DomDispatchResult } from "./events/dispatch.js";
+import { GpuixEventTarget } from "./events/window-target.js";
+import type { ElementIdAllocator, EventHandlerMap, HostEventHandler, KeyEvent, NativeRenderer, WindowEventHandler, WindowKeyEventHandler } from "./host.js";
+export interface RendererRootHandlers {
+    eventHandlers?: EventHandlerMap;
+    onWindowKeyDown?: WindowKeyEventHandler;
+    onWindowKeyUp?: WindowKeyEventHandler;
+    onSelectionChange?: WindowEventHandler;
+    onAppearanceChange?: WindowEventHandler;
+    /** See `WindowKeyEventHandlers.tabNavigation`. Defaults to true. */
+    tabNavigation?: boolean;
+    onEvent?: (event: EventPayload) => void;
+    /**
+     * Wraps each dispatch, for a framework that must flush around it. Synchronous
+     * events need their outcome before native continues, so it has to call
+     * `dispatch` before it returns.
+     */
+    schedule?: (dispatch: () => void) => void;
+}
+export interface RendererRootBinding {
+    readonly ids: ElementIdAllocator;
+    readonly eventHandlers: EventHandlerMap;
+    readonly windowKeyEventId: number;
+    readonly windowSelectionEventId: number;
+    readonly windowAppearanceEventId: number;
+    detach(): boolean;
+}
+/** What a synchronous handler tells native about an event. */
+export interface SyncDispatchResult {
+    defaultPrevented: boolean;
+    propagationStopped: boolean;
+    /** Set for a `dragover`: what the drop would do. Native tells the OS, for a drag of files. */
+    dropEffect?: DomDispatchResult["dropEffect"];
+}
+/**
+ * One open overlay: a dialog, menu, popover or tooltip. Only the top layer
+ * closes on Escape. A layer is above its parent and above every layer that
+ * opened before it.
+ */
+export interface DismissLayer {
+    /** The layer this one is nested in, such as the Dialog around a Select. */
+    readonly parent?: DismissLayer;
+    /** Escape reached the window and no handler prevented it. */
+    onEscapeKeyDown(event: KeyEvent): void;
+    /**
+     * Element to focus when the layer opens, or null to leave focus. Called
+     * only when the layer lands on top, so the innermost of several layers that
+     * open together takes focus.
+     */
+    initialFocus?(): number | null;
+    /**
+     * Element to focus when the layer closes, or null to leave focus.
+     * `previous` is the focus from before the layer opened. Not called when the
+     * parent layer closed first, because the parent restores for both.
+     */
+    finalFocus?(previous: number | null): number | null;
+}
+export interface PushLayerOptions {
+    /**
+     * The focused element from before this layer's elements were committed.
+     * Read it before the commit: once committed, an `autoFocus` inside the
+     * layer may already have taken focus.
+     */
+    previousFocus?: number | null;
+}
+/**
+ * Sends an error thrown while a synchronous handler ran to `report`, and tells
+ * native the event was not handled. Errors a DOM handler throws never get this
+ * far: the dispatch reports them itself and carries on.
+ */
+export declare function reportSyncErrors(dispatch: (event: EventPayload) => SyncDispatchResult, report: (error: unknown) => void): (event: EventPayload) => SyncDispatchResult;
+/** What a motion value hears from the renderer's per-frame sampling. */
+export interface MotionValueSink {
+    change(value: unknown): void;
+    animationStart(): void;
+    animationComplete(): void;
+}
+export interface RendererState {
+    readonly ids: ElementIdAllocator;
+    attach(handlers?: RendererRootHandlers): RendererRootBinding;
+    /**
+     * Handles an event native queued. Returns whether anything was there to
+     * handle it.
+     */
+    dispatch(event: EventPayload): boolean;
+    /**
+     * Handles an event native is waiting on and returns what its handlers
+     * decided. The handler for `setSyncEventHandler`. Everything `dispatch` does,
+     * but now: native acts on the outcome as soon as this returns.
+     */
+    dispatchSync(event: EventPayload): SyncDispatchResult;
+    /**
+     * Where an error thrown by an event handler goes: the renderer's `onError`.
+     * Without one it is reported as uncaught, like a DOM listener's.
+     */
+    reportError(error: unknown): void;
+    setErrorHandler(onError: ((error: unknown) => void) | undefined): void;
+    current(): RendererRootBinding | undefined;
+    /** Open a layer. Call the returned function when it closes. */
+    pushLayer(layer: DismissLayer, options?: PushLayerOptions): () => void;
+    /**
+     * Listen for the window environment `matchMedia` reads changing: the OS
+     * accessibility preferences, or the appearance. Independent of any mounted
+     * root. The renderer sends `mediaChange` only while a listener exists.
+     */
+    subscribeMedia(listener: () => void): () => void;
+    /**
+     * Receive the `motionValue*` events of one value. Independent of any mounted
+     * root. A renderer holds one sink per value id.
+     */
+    subscribeMotionValue(id: number, sink: MotionValueSink): () => void;
+}
+export type ActiveRoot = RendererRootBinding & {
+    handlers: RendererRootHandlers;
+    /** Where an error a handler of this root throws goes. See `RendererState.reportError`. */
+    reportError(error: unknown): void;
+    /** The element the adapter installed for an id with `installElementSource`. */
+    elementById(id: number): object | undefined;
+    /** Listens at the window level for this root only: the `onKeyDown` / `onKeyUp` options. */
+    scoped: GpuixEventTarget;
+};
+/**
+ * The renderer of the most recently mounted root that is still mounted, which
+ * is "the window" for code that has no component to ask, such as the global
+ * `matchMedia`.
+ */
+export declare function mountedRenderer(): NativeRenderer | undefined;
+/** Register an open overlay on this renderer's layer stack. */
+export declare function pushDismissLayer(renderer: NativeRenderer, layer: DismissLayer, options?: PushLayerOptions): () => void;
+export declare function createRendererState(renderer: NativeRenderer): RendererState;
+export declare function registerEventHandler(eventHandlers: EventHandlerMap, elementId: number, eventType: string, handler: HostEventHandler): void;
+export declare function unregisterEventHandler(eventHandlers: EventHandlerMap, elementId: number, eventType: string): void;
+export declare function unregisterEventHandlers(eventHandlers: EventHandlerMap, elementId: number): void;
+/** Anything a framework hands out for a mounted host element. */
+export interface FocusableNode {
+    readonly id: number;
+}
+/**
+ * Where an overlay moves focus when it opens or closes, like Base UI's
+ * `initialFocus` / `finalFocus`:
+ *
+ * - `true` or unset: the overlay's default target
+ * - `false`: focus does not move
+ * - an element or a ref to one: that element
+ * - a function: returns one of the above; `null` means the default
+ */
+type FocusTargetValue<Node extends FocusableNode> = boolean | Node | {
+    readonly current: Node | null;
+};
+export type FocusTarget<Node extends FocusableNode = FocusableNode> = FocusTargetValue<Node> | (() => FocusTargetValue<Node> | null | undefined);
+/** Resolve a `FocusTarget` to an element id, or null when focus must stay. */
+export declare function resolveFocusTarget<Node extends FocusableNode>(target: FocusTarget<Node> | undefined, fallback: () => number | null): number | null;
+export {};
+//# sourceMappingURL=renderer-state.d.ts.map

package/dist/renderer-state.d.ts.map

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

package/dist/renderer-state.js

@@ -0,0 +1,302 @@
+import { reportUncaught } from "./events/dispatch.js";
+import { createDragDispatcher } from "./events/drag.js";
+import { handlesEvent, normalizeEventType, runRootEvent } from "./events/keyboard-defaults.js";
+import { elementOf, GpuixEventTarget, noteFocusEvent } from "./events/window-target.js";
+import { deliverObservation } from "./observers.js";
+import { shapeScrollEvent } from "./scroll.js";
+import { deliverWebAnimationEvent, isWebAnimationEvent } from "./web-animations.js";
+function isAncestor(ancestor, layer) {
+    for (let current = layer.parent; current; current = current.parent) {
+        if (current === ancestor)
+            return true;
+    }
+    return false;
+}
+/**
+ * Sends an error thrown while a synchronous handler ran to `report`, and tells
+ * native the event was not handled. Errors a DOM handler throws never get this
+ * far: the dispatch reports them itself and carries on.
+ */
+export function reportSyncErrors(dispatch, report) {
+    return (event) => {
+        try {
+            return dispatch(event);
+        }
+        catch (error) {
+            report(error);
+            return { defaultPrevented: false, propagationStopped: false };
+        }
+    };
+}
+const STATE_KEY = Symbol.for("@ghia/native/renderer-states");
+const MOUNTED_KEY = Symbol.for("@ghia/native/mounted-renderer");
+/** Mount order, oldest first. Shared through `globalThis` like the renderer states. */
+function mountedRenderers() {
+    const existing = Reflect.get(globalThis, MOUNTED_KEY);
+    if (existing)
+        return existing;
+    const created = [];
+    Reflect.set(globalThis, MOUNTED_KEY, created);
+    return created;
+}
+/**
+ * The renderer of the most recently mounted root that is still mounted, which
+ * is "the window" for code that has no component to ask, such as the global
+ * `matchMedia`.
+ */
+export function mountedRenderer() {
+    return mountedRenderers().at(-1);
+}
+/** Register an open overlay on this renderer's layer stack. */
+export function pushDismissLayer(renderer, layer, options) {
+    return createRendererState(renderer).pushLayer(layer, options);
+}
+function allStates() {
+    const existing = Reflect.get(globalThis, STATE_KEY);
+    if (existing)
+        return existing;
+    const states = new WeakMap();
+    Reflect.set(globalThis, STATE_KEY, states);
+    return states;
+}
+export function createRendererState(renderer) {
+    const existing = allStates().get(renderer);
+    if (existing)
+        return existing;
+    const ids = { nextElementId: 0 };
+    let generation = 0;
+    let active;
+    const layers = [];
+    const dispatchDrag = createDragDispatcher(() => {
+        if (!renderer.cancelDrag)
+            throw new Error("This renderer does not support cancelDrag");
+        renderer.cancelDrag();
+    });
+    const runEvent = (root, event) => runRootEvent(root, event, {
+        renderer,
+        topLayer: () => layers.at(-1)?.layer,
+        dispatchDrag,
+    });
+    let onError;
+    const mediaListeners = new Set();
+    const motionValueSinks = new Map();
+    const state = {
+        ids,
+        attach(handlers = {}) {
+            if (active) {
+                throw new Error("This renderer already drives a mounted GPUIX root. One renderer owns one window, one native root id, and one event map, so a second root would silently take both over. Unmount the first root first.");
+            }
+            generation += 1;
+            const eventHandlers = handlers.eventHandlers ?? new Map();
+            const scoped = new GpuixEventTarget();
+            if (handlers.onWindowKeyDown) {
+                const onKeyDown = handlers.onWindowKeyDown;
+                scoped.addEventListener("keydown", (event) => onKeyDown(event, renderer));
+            }
+            if (handlers.onWindowKeyUp) {
+                const onKeyUp = handlers.onWindowKeyUp;
+                scoped.addEventListener("keyup", (event) => onKeyUp(event, renderer));
+            }
+            const binding = {
+                ids,
+                handlers,
+                eventHandlers,
+                reportError: (error) => state.reportError(error),
+                elementById: (id) => elementOf(renderer, id),
+                scoped,
+                windowKeyEventId: generation,
+                windowSelectionEventId: generation,
+                windowAppearanceEventId: generation,
+                detach() {
+                    if (active !== binding)
+                        return false;
+                    active = undefined;
+                    const mounted = mountedRenderers();
+                    mounted.splice(mounted.indexOf(renderer), 1);
+                    return true;
+                },
+            };
+            active = binding;
+            mountedRenderers().push(renderer);
+            return binding;
+        },
+        dispatch(received) {
+            if (received.eventType === "mediaChange") {
+                for (const listener of [...mediaListeners])
+                    listener();
+                return mediaListeners.size > 0;
+            }
+            if (received.eventType.startsWith("motionValue")) {
+                const sink = motionValueSinks.get(received.elementId);
+                if (!sink)
+                    return false;
+                switch (received.eventType) {
+                    case "motionValueChange":
+                        if (received.value === undefined) {
+                            throw new Error("A motionValueChange event arrived without its value");
+                        }
+                        sink.change(JSON.parse(received.value));
+                        return true;
+                    case "motionValueAnimationStart":
+                        sink.animationStart();
+                        return true;
+                    case "motionValueAnimationComplete":
+                        sink.animationComplete();
+                        return true;
+                }
+            }
+            if (isWebAnimationEvent(received.eventType)) {
+                // Not a DOM event: no app listener, `on*` prop or `onEvent` hears it.
+                deliverWebAnimationEvent(renderer, received);
+                return false;
+            }
+            const root = active;
+            if (!root)
+                return false;
+            if (received.eventType === "focusin")
+                noteFocusEvent(renderer);
+            const event = shapeScrollEvent(normalizeEventType(received));
+            if (deliverObservation(renderer, event))
+                return true;
+            if (!handlesEvent(root, event))
+                return false;
+            const run = () => {
+                runEvent(root, event);
+                root.handlers.onEvent?.(received);
+            };
+            if (root.handlers.schedule)
+                root.handlers.schedule(run);
+            else
+                run();
+            return true;
+        },
+        dispatchSync(received) {
+            const root = active;
+            if (received.eventType === "focusin")
+                noteFocusEvent(renderer);
+            const event = normalizeEventType(received);
+            if (!root || !handlesEvent(root, event)) {
+                // Nobody can accept a drop here, and native would otherwise leave the OS its default.
+                return event.eventType === "dragover"
+                    ? { defaultPrevented: false, propagationStopped: false, dropEffect: "none" }
+                    : { defaultPrevented: false, propagationStopped: false };
+            }
+            let result;
+            const run = () => {
+                result = runEvent(root, event);
+                root.handlers.onEvent?.(received);
+            };
+            if (root.handlers.schedule)
+                root.handlers.schedule(run);
+            else
+                run();
+            if (!result) {
+                throw new Error("The schedule handler did not run the dispatch before returning. A synchronous event needs its outcome now, so schedule must call it synchronously.");
+            }
+            return result;
+        },
+        reportError: (error) => (onError ?? reportUncaught)(error),
+        setErrorHandler(handler) {
+            onError = handler;
+        },
+        current: () => active,
+        subscribeMedia(listener) {
+            mediaListeners.add(listener);
+            if (mediaListeners.size === 1) {
+                try {
+                    renderer.setWindowMediaChange?.(true);
+                }
+                catch (error) {
+                    mediaListeners.delete(listener);
+                    throw error;
+                }
+            }
+            return () => {
+                if (!mediaListeners.delete(listener))
+                    return;
+                if (mediaListeners.size === 0)
+                    renderer.setWindowMediaChange?.(false);
+            };
+        },
+        subscribeMotionValue(id, sink) {
+            if (motionValueSinks.has(id)) {
+                throw new Error(`Motion value ${id} already has a sink on this renderer`);
+            }
+            motionValueSinks.set(id, sink);
+            return () => {
+                if (motionValueSinks.get(id) === sink)
+                    motionValueSinks.delete(id);
+            };
+        },
+        pushLayer(layer, options = {}) {
+            const entry = {
+                layer,
+                previous: options.previousFocus ?? renderer.getFocusedElementId?.() ?? null,
+            };
+            // A framework can open a nested layer before its parent in one commit
+            // (React runs child effects first), so nesting decides, not call order.
+            const firstChild = layers.findIndex((open) => isAncestor(layer, open.layer));
+            if (firstChild < 0) {
+                layers.push(entry);
+                const target = layer.initialFocus?.() ?? null;
+                if (target !== null)
+                    renderer.focusElement?.(target);
+            }
+            else {
+                layers.splice(firstChild, 0, entry);
+                // The children opened in the same commit and captured the same
+                // pre-open focus. Closing one alone must return into this layer.
+                const inside = layer.initialFocus?.() ?? null;
+                for (const child of layers.slice(firstChild + 1)) {
+                    if (isAncestor(layer, child.layer) && child.previous === entry.previous) {
+                        child.previous = inside;
+                    }
+                }
+            }
+            return () => {
+                const index = layers.indexOf(entry);
+                if (index < 0)
+                    return;
+                layers.splice(index, 1);
+                // A parent that closed first already restored focus for its subtree.
+                if (layer.parent && !layers.some((open) => open.layer === layer.parent))
+                    return;
+                const target = layer.finalFocus?.(entry.previous) ?? null;
+                if (target !== null)
+                    renderer.focusElement?.(target);
+            };
+        },
+    };
+    allStates().set(renderer, state);
+    return state;
+}
+export function registerEventHandler(eventHandlers, elementId, eventType, handler) {
+    const handlers = eventHandlers.get(elementId) ?? new Map();
+    handlers.set(eventType, handler);
+    eventHandlers.set(elementId, handlers);
+}
+export function unregisterEventHandler(eventHandlers, elementId, eventType) {
+    const handlers = eventHandlers.get(elementId);
+    if (!handlers)
+        return;
+    handlers.delete(eventType);
+    if (handlers.size === 0)
+        eventHandlers.delete(elementId);
+}
+export function unregisterEventHandlers(eventHandlers, elementId) {
+    eventHandlers.delete(elementId);
+}
+/** Resolve a `FocusTarget` to an element id, or null when focus must stay. */
+export function resolveFocusTarget(target, fallback) {
+    const value = typeof target === "function" ? target() : target;
+    if (value === undefined && typeof target === "function")
+        return null;
+    if (value === undefined || value === null || value === true)
+        return fallback();
+    if (value === false)
+        return null;
+    if ("current" in value)
+        return value.current?.id ?? fallback();
+    return value.id;
+}
+//# sourceMappingURL=renderer-state.js.map

package/dist/renderer-state.js.map

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

package/dist/reorder.d.ts

@@ -0,0 +1,63 @@
+import type { ElementBounds } from "../index.js";
+import type { PublicEventFields } from "./events/dispatch.js";
+import type { LayoutDrag } from "./layout-animation.js";
+export type ReorderAxis = "x" | "y";
+export type ReorderOptions<Value> = {
+    /** The axis items are laid out and dragged along. */
+    axis: ReorderAxis;
+    /** The current order. Every value needs a registered item. */
+    values: readonly Value[];
+    /** Called with the order a drag proposes. The group never reorders by itself: pass the result back as `values`. */
+    onReorder: (values: Value[]) => void;
+    /** Where item boxes are read from, when a drag starts and again as the order changes during it. */
+    renderer: {
+        getElementBounds?: (elementId: number) => ElementBounds | null;
+    } | null;
+};
+export type ReorderItem = {
+    /** The element id of the item's box, once it has one. */
+    elementId(): number | undefined;
+    /** Routes the pointer's events to the item until it is released. Throws while the item is not in the tree. */
+    capturePointer(pointerId: number): void;
+    /** Ends the capture `capturePointer` asked for. Does nothing once the item is gone or the capture is over. */
+    releasePointerCapture(pointerId: number): void;
+    drag: LayoutDrag;
+};
+/** The `pointerdown` that starts a drag. */
+export type ReorderPress = PublicEventFields & {
+    pointerId: number;
+};
+export declare function createReorderDrag(): LayoutDrag;
+/** The slots the items had when the drag began: their sizes on the axis and the spaces between consecutive slots. */
+export type ReorderSlots<Value> = {
+    sizes: Map<Value, number>;
+    gaps: number[];
+    firstStart: number;
+};
+/**
+ * The order after dragging `value` until its centre is at `centre`: past a
+ * neighbour's centre it takes that neighbour's place.
+ */
+export declare function reorderedValues<Value>(slots: ReorderSlots<Value>, order: readonly Value[], value: Value, centre: number): Value[];
+export declare class ReorderController<Value> {
+    #private;
+    /** Takes the group's latest props. Call it whenever they change. */
+    configure(options: ReorderOptions<Value>): void;
+    /** Makes `item` the one that `value` stands for. Returns what undoes it. */
+    register(value: Value, item: ReorderItem): () => void;
+    isDragging(value: Value): boolean;
+    /** The pointer went down on the item for `value`. */
+    pointerDown(value: Value, event: ReorderPress): void;
+    /** The pointer moved. Does nothing unless an item is held. */
+    pointerMove(event: PublicEventFields): void;
+    /**
+     * The press ended (`pointerup`, `pointercancel` or `lostpointercapture`) on
+     * the item for `value`: the held item glides to its slot. An event for another
+     * item or pointer is ignored, because a `lostpointercapture` can arrive after
+     * a later drag has begun and must not end that one.
+     */
+    pointerEnd(value: Value, event: {
+        pointerId: number;
+    }): void;
+}
+//# sourceMappingURL=reorder.d.ts.map

package/dist/reorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reorder.d.ts","sourceRoot":"","sources":["../js/reorder.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAGvD,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,CAAA;AAEnC,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI;IAClC,qDAAqD;IACrD,IAAI,EAAE,WAAW,CAAA;IACjB,8DAA8D;IAC9D,MAAM,EAAE,SAAS,KAAK,EAAE,CAAA;IACxB,mHAAmH;IACnH,SAAS,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,CAAA;IACpC,mGAAmG;IACnG,QAAQ,EAAE;QAAE,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,aAAa,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAA;CACpF,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,yDAAyD;IACzD,SAAS,IAAI,MAAM,GAAG,SAAS,CAAA;IAC/B,8GAA8G;IAC9G,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACvC,8GAA8G;IAC9G,qBAAqB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9C,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AAED,4CAA4C;AAC5C,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAA;AAEpE,wBAAgB,iBAAiB,IAAI,UAAU,CAE9C;AAED,qHAAqH;AACrH,MAAM,MAAM,YAAY,CAAC,KAAK,IAAI;IAChC,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IACzB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AA8CD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EACnC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,EAC1B,KAAK,EAAE,SAAS,KAAK,EAAE,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACb,KAAK,EAAE,CAkBT;AA6CD,qBAAa,iBAAiB,CAAC,KAAK;;IAOlC,oEAAoE;IACpE,SAAS,CAAC,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,IAAI;IAK/C,4EAA4E;IAC5E,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,MAAM,IAAI;IASrD,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO;IAIjC,qDAAqD;IACrD,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI;IAepD,8DAA8D;IAC9D,WAAW,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI;IA2B3C;;;;;OAKG;IACH,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;CA6G7D"}