@kerusiweb/react 2.0.0 → 2.2.0

package/dist/use-maximized.js

@@ -0,0 +1,74 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+/**
+ * Maximizing the map to fill the screen.
+ *
+ * The fixed-position layout is the whole feature on iPhone, which has no
+ * element full screen. Where the browser offers one it is requested on top,
+ * and followed: leaving it with the browser's own Esc un-maximizes the map, so
+ * the two never disagree.
+ */
+export function useMaximized({ enabled, rootRef, onChange }) {
+    const [maximized, setMaximizedState] = useState(false);
+    const maximizedRef = useRef(false);
+    const nativeFullscreen = useRef(false);
+    const settings = useRef({ enabled, onChange });
+    settings.current = { enabled, onChange };
+    const setMaximized = useCallback((next) => {
+        if (next === maximizedRef.current || (next && !settings.current.enabled)) {
+            return;
+        }
+        maximizedRef.current = next;
+        setMaximizedState(next);
+        settings.current.onChange?.(next);
+        // Native full screen is requested here, inside the click that got us
+        // here, because browsers only grant it to a user gesture.
+        const root = rootRef.current;
+        const doc = root?.ownerDocument;
+        if (root && doc) {
+            if (next && !doc.fullscreenElement) {
+                root.requestFullscreen?.()?.catch(() => undefined);
+            }
+            else if (!next && doc.fullscreenElement === root) {
+                doc.exitFullscreen?.()?.catch(() => undefined);
+            }
+        }
+    }, [rootRef]);
+    const toggleMaximized = useCallback(() => setMaximized(!maximizedRef.current), [setMaximized]);
+    // `maximizable` switched off underneath a maximized map.
+    useEffect(() => {
+        if (!enabled && maximizedRef.current) {
+            setMaximized(false);
+        }
+    }, [enabled, setMaximized]);
+    // While maximized: freeze the page behind, and follow the browser leaving
+    // native full screen.
+    useEffect(() => {
+        const root = rootRef.current;
+        if (!maximized || !root) {
+            return;
+        }
+        const doc = root.ownerDocument;
+        const previousOverflow = doc.body.style.overflow;
+        doc.body.style.overflow = 'hidden';
+        const onFullscreenChange = () => {
+            if (doc.fullscreenElement === root) {
+                nativeFullscreen.current = true;
+            }
+            else if (nativeFullscreen.current) {
+                nativeFullscreen.current = false;
+                setMaximized(false);
+            }
+        };
+        doc.addEventListener('fullscreenchange', onFullscreenChange);
+        return () => {
+            doc.body.style.overflow = previousOverflow;
+            doc.removeEventListener('fullscreenchange', onFullscreenChange);
+            nativeFullscreen.current = false;
+            if (doc.fullscreenElement === root) {
+                doc.exitFullscreen?.()?.catch(() => undefined);
+            }
+        };
+    }, [maximized, rootRef, setMaximized]);
+    return { maximized, setMaximized, toggleMaximized };
+}
+//# sourceMappingURL=use-maximized.js.map

package/dist/use-maximized.js.map

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

package/dist/use-roving-focus.d.ts

@@ -8,6 +8,8 @@ export interface RovingFocus {
     moveFocusTo(sectionId: string, seatId: string): void;
     /** Focuses a seat wherever it is, if it is currently rendered. */
     focusSeat(seatId: string): void;
+    /** A seat's `<g>`, if it is currently rendered. */
+    getSeatNode(seatId: string): SVGGElement | null;
     /** Ref callback each seat `<g>` registers itself through. */
     registerSeat(seatId: string, node: SVGGElement | null): void;
 }
@@ -23,5 +25,10 @@ export interface RovingFocus {
  * so they cannot be interpolated into a selector unescaped, and `CSS.escape` is
  * absent in jsdom and under SSR. A ref map has neither problem.
  */
-export declare function useRovingFocus(renderMap: RenderMap): RovingFocus;
+export declare function useRovingFocus(renderMap: RenderMap, 
+/**
+ * Stop the browser scrolling a focused seat into view. A zoomable map moves
+ * by transform, and a browser scroll on top would fight it.
+ */
+preventScroll?: boolean): RovingFocus;
 //# sourceMappingURL=use-roving-focus.d.ts.map

package/dist/use-roving-focus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-roving-focus.d.ts","sourceRoot":"","sources":["../src/use-roving-focus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,MAAM,WAAW,WAAW;IAC1B,qEAAqE;IACrE,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjD,yFAAyF;IACzF,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACxD,4DAA4D;IAC5D,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACrD,kEAAkE;IAClE,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,6DAA6D;IAC7D,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9D;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,SAAS,GAAG,WAAW,CA8DhE"}
+{"version":3,"file":"use-roving-focus.d.ts","sourceRoot":"","sources":["../src/use-roving-focus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,MAAM,WAAW,WAAW;IAC1B,qEAAqE;IACrE,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjD,yFAAyF;IACzF,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACxD,4DAA4D;IAC5D,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACrD,kEAAkE;IAClE,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,mDAAmD;IACnD,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;IAChD,6DAA6D;IAC7D,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9D;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAC5B,SAAS,EAAE,SAAS;AACpB;;;GAGG;AACH,aAAa,UAAQ,GACpB,WAAW,CA2Eb"}

package/dist/use-roving-focus.js

@@ -11,9 +11,16 @@ import { useCallback, useEffect, useRef, useState } from 'react';
  * so they cannot be interpolated into a selector unescaped, and `CSS.escape` is
  * absent in jsdom and under SSR. A ref map has neither problem.
  */
-export function useRovingFocus(renderMap) {
+export function useRovingFocus(renderMap, 
+/**
+ * Stop the browser scrolling a focused seat into view. A zoomable map moves
+ * by transform, and a browser scroll on top would fight it.
+ */
+preventScroll = false) {
     const [focusedSeatIds, setFocusedSeatIds] = useState({});
     const nodes = useRef(new Map());
+    const preventScrollRef = useRef(preventScroll);
+    preventScrollRef.current = preventScroll;
     /** Set when a keyboard move asks for focus, consumed after the commit. */
     const pendingFocus = useRef(null);
     // Keep every section's tab stop pointing at a seat that still exists.
@@ -41,9 +48,16 @@ export function useRovingFocus(renderMap) {
             nodes.current.delete(seatId);
         }
     }, []);
-    const focusSeat = useCallback((seatId) => {
-        nodes.current.get(seatId)?.focus?.();
+    const focusNode = useCallback((node) => {
+        if (preventScrollRef.current) {
+            node?.focus?.({ preventScroll: true });
+        }
+        else {
+            node?.focus?.();
+        }
     }, []);
+    const focusSeat = useCallback((seatId) => focusNode(nodes.current.get(seatId)), [focusNode]);
+    const getSeatNode = useCallback((seatId) => nodes.current.get(seatId) ?? null, []);
     const setFocusedSeat = useCallback((sectionId, seatId) => {
         setFocusedSeatIds((all) => (all[sectionId] === seatId ? all : { ...all, [sectionId]: seatId }));
     }, []);
@@ -58,9 +72,9 @@ export function useRovingFocus(renderMap) {
         const target = pendingFocus.current;
         if (target !== null) {
             pendingFocus.current = null;
-            nodes.current.get(target)?.focus?.();
+            focusNode(nodes.current.get(target));
         }
-    }, [focusedSeatIds]);
-    return { focusedSeatIds, setFocusedSeat, moveFocusTo, focusSeat, registerSeat };
+    }, [focusedSeatIds, focusNode]);
+    return { focusedSeatIds, setFocusedSeat, moveFocusTo, focusSeat, getSeatNode, registerSeat };
 }
 //# sourceMappingURL=use-roving-focus.js.map

package/dist/use-roving-focus.js.map

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

package/dist/use-viewport.d.ts

@@ -0,0 +1,46 @@
+import type { KerusiViewport, ViewportLimits } from '@kerusiweb/core';
+import type { RefObject } from 'react';
+export interface UseViewportOptions {
+    /** The map's `zoomable` prop. When false nothing is attached and the viewport is fit. */
+    enabled: boolean;
+    maxZoom: number;
+    onViewportChange?: (viewport: KerusiViewport) => void;
+}
+/** The slice of a key event {@link ViewportControls.handleKeyDown} reads. */
+export interface ViewportKeyEvent {
+    key: string;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    altKey: boolean;
+    target: EventTarget | null;
+}
+export interface ViewportControls {
+    viewport: KerusiViewport;
+    /** True for a discrete change (button, key, reveal), false while a finger or wheel drives. */
+    animated: boolean;
+    limits: ViewportLimits;
+    /** Attach to the clipping window. */
+    viewRef: RefObject<HTMLDivElement | null>;
+    /** Attach to the element the transform is applied to. */
+    contentRef: RefObject<HTMLDivElement | null>;
+    zoomIn(): void;
+    zoomOut(): void;
+    resetZoom(): void;
+    /** Pans a keyboard-focused seat into view. */
+    revealSeat(node: Element | null): void;
+    /** Applies `+` `-` `0` and, when the viewport has focus, the arrows. True if it acted. */
+    handleKeyDown(event: ViewportKeyEvent): boolean;
+}
+/**
+ * The zoom and pan of a `zoomable` map.
+ *
+ * What a wheel tick, a pinch or a key means is `@kerusiweb/core`'s; this hook
+ * supplies the React half: state to render from, a ref for the value the
+ * native listeners read between renders, and the listeners themselves. They
+ * are native, not `onWheel` / `onClick` props, for two reasons React's
+ * synthetic events cannot meet: wheel must be non-passive to `preventDefault`
+ * a page zoom, and the click that ends a drag must be stopped in the capture
+ * phase, before it reaches the seat.
+ */
+export declare function useViewport({ enabled, maxZoom, onViewportChange, }: UseViewportOptions): ViewportControls;
+//# sourceMappingURL=use-viewport.d.ts.map

package/dist/use-viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-viewport.d.ts","sourceRoot":"","sources":["../src/use-viewport.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAGV,cAAc,EACd,cAAc,EAGf,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,yFAAyF;IACzF,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;CACvD;AAED,6EAA6E;AAC7E,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,8FAA8F;IAC9F,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,cAAc,CAAC;IACvB,qCAAqC;IACrC,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,yDAAyD;IACzD,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7C,MAAM,IAAI,IAAI,CAAC;IACf,OAAO,IAAI,IAAI,CAAC;IAChB,SAAS,IAAI,IAAI,CAAC;IAClB,8CAA8C;IAC9C,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC,0FAA0F;IAC1F,aAAa,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC;CACjD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,OAAO,EACP,gBAAgB,GACjB,EAAE,kBAAkB,GAAG,gBAAgB,CA8UvC"}

package/dist/use-viewport.js

@@ -0,0 +1,269 @@
+import { clampViewport, FIT_VIEWPORT, fitViewport, IDLE_GESTURE, keyboardViewport, reduceGesture, revealRect, stepViewport, viewportsEqual, wheelZoomFactor, zoomLimits, zoomViewportBy, zoomViewportTo, } from '@kerusiweb/core';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+/**
+ * The zoom and pan of a `zoomable` map.
+ *
+ * What a wheel tick, a pinch or a key means is `@kerusiweb/core`'s; this hook
+ * supplies the React half: state to render from, a ref for the value the
+ * native listeners read between renders, and the listeners themselves. They
+ * are native, not `onWheel` / `onClick` props, for two reasons React's
+ * synthetic events cannot meet: wheel must be non-passive to `preventDefault`
+ * a page zoom, and the click that ends a drag must be stopped in the capture
+ * phase, before it reaches the seat.
+ */
+export function useViewport({ enabled, maxZoom, onViewportChange, }) {
+    const limits = useMemo(() => zoomLimits(maxZoom), [maxZoom]);
+    const [viewport, setViewport] = useState(FIT_VIEWPORT);
+    const [animated, setAnimated] = useState(false);
+    const viewRef = useRef(null);
+    const contentRef = useRef(null);
+    /**
+     * The truth between renders. Several wheel events can land before React
+     * re-renders, and each must start from the one before.
+     */
+    const viewportRef = useRef(FIT_VIEWPORT);
+    const settings = useRef({ enabled, limits, onViewportChange });
+    settings.current = { enabled, limits, onViewportChange };
+    const commit = useCallback((next, animate) => {
+        if (viewportsEqual(next, viewportRef.current)) {
+            return;
+        }
+        viewportRef.current = next;
+        setAnimated(animate);
+        setViewport(next);
+        settings.current.onViewportChange?.(next);
+    }, []);
+    /** Sizes in CSS pixels, read when needed: `offset*` ignores the zoom transform. */
+    const measure = useCallback(() => {
+        const view = viewRef.current;
+        const content = contentRef.current;
+        if (!view || !content) {
+            return null;
+        }
+        return {
+            container: { width: view.clientWidth, height: view.clientHeight },
+            content: { width: content.offsetWidth, height: content.offsetHeight },
+        };
+    }, []);
+    const stepZoom = useCallback((direction) => {
+        const measured = measure();
+        if (measured && settings.current.enabled) {
+            commit(stepViewport(viewportRef.current, direction, measured.content, measured.container, settings.current.limits), true);
+        }
+    }, [commit, measure]);
+    const zoomIn = useCallback(() => stepZoom(1), [stepZoom]);
+    const zoomOut = useCallback(() => stepZoom(-1), [stepZoom]);
+    const resetZoom = useCallback(() => {
+        const measured = measure();
+        if (measured && settings.current.enabled) {
+            commit(fitViewport(measured.content, measured.container, settings.current.limits), true);
+        }
+    }, [commit, measure]);
+    const reclamp = useCallback(() => {
+        const measured = measure();
+        if (measured && settings.current.enabled) {
+            commit(clampViewport(viewportRef.current, measured.content, measured.container, settings.current.limits), false);
+        }
+    }, [commit, measure]);
+    // Re-clamp when the box or the ceiling changes: a rotated phone, a maximized
+    // map, a lowered `maxZoom`.
+    useEffect(() => {
+        if (!enabled) {
+            return;
+        }
+        reclamp();
+        const view = viewRef.current;
+        if (!view || typeof ResizeObserver === 'undefined') {
+            return;
+        }
+        const observer = new ResizeObserver(() => reclamp());
+        observer.observe(view);
+        if (contentRef.current) {
+            observer.observe(contentRef.current);
+        }
+        return () => observer.disconnect();
+    }, [enabled, limits, reclamp]);
+    // Switching `zoomable` off puts the map back as it was.
+    useEffect(() => {
+        if (!enabled && !viewportsEqual(viewportRef.current, FIT_VIEWPORT)) {
+            viewportRef.current = FIT_VIEWPORT;
+            setViewport(FIT_VIEWPORT);
+        }
+    }, [enabled]);
+    // --- pointer, wheel and trackpad listeners --------------------------------
+    useEffect(() => {
+        const view = viewRef.current;
+        if (!enabled || !view) {
+            return;
+        }
+        let gesture = IDLE_GESTURE;
+        let suppressClick = false;
+        let gestureBase = null;
+        const containerPoint = (event) => {
+            const box = view.getBoundingClientRect();
+            return { x: event.clientX - box.left, y: event.clientY - box.top };
+        };
+        const feed = (event) => {
+            const measured = measure();
+            if (!measured) {
+                return;
+            }
+            const result = reduceGesture(gesture, event, {
+                viewport: viewportRef.current,
+                content: measured.content,
+                container: measured.container,
+                limits: settings.current.limits,
+            });
+            gesture = result.state;
+            // Capture only once a tap has become a gesture: capturing on `down` would
+            // retarget the tap's click away from the seat.
+            if (result.capture) {
+                for (const id of result.state.ids) {
+                    try {
+                        view.setPointerCapture(id);
+                    }
+                    catch {
+                        // The pointer already ended, or there is no capture here.
+                    }
+                }
+            }
+            if (result.viewport !== viewportRef.current) {
+                commit(result.viewport, false);
+            }
+            if (result.suppressClick) {
+                // The click a drag ends with arrives right after `pointerup`, before this timer.
+                suppressClick = true;
+                setTimeout(() => {
+                    suppressClick = false;
+                });
+            }
+        };
+        const onPointerDown = (e) => {
+            if (e.pointerType === 'mouse' && e.button !== 0) {
+                return;
+            }
+            suppressClick = false;
+            feed({ type: 'down', id: e.pointerId, point: containerPoint(e) });
+        };
+        const onPointerMove = (e) => {
+            if (gesture.ids.length > 0) {
+                feed({ type: 'move', id: e.pointerId, point: containerPoint(e) });
+            }
+        };
+        const onPointerUp = (e) => feed({ type: 'up', id: e.pointerId });
+        const onPointerCancel = (e) => feed({ type: 'cancel', id: e.pointerId });
+        const onClick = (e) => {
+            if (suppressClick) {
+                suppressClick = false;
+                e.stopPropagation();
+                e.preventDefault();
+            }
+        };
+        const onWheel = (e) => {
+            const factor = wheelZoomFactor(e);
+            const measured = measure();
+            if (factor === null || !measured) {
+                return; // A plain wheel is the page's to scroll.
+            }
+            e.preventDefault();
+            commit(zoomViewportBy(viewportRef.current, factor, containerPoint(e), measured.content, measured.container, settings.current.limits), false);
+        };
+        // Safari reports a trackpad pinch as gesture events, not Ctrl + wheel.
+        const onGestureStart = (e) => {
+            e.preventDefault();
+            gestureBase = viewportRef.current;
+        };
+        const onGestureChange = (e) => {
+            e.preventDefault();
+            const measured = measure();
+            const { scale, clientX, clientY } = e;
+            if (!gestureBase || !measured) {
+                return;
+            }
+            commit(zoomViewportTo(gestureBase, gestureBase.zoom * scale, containerPoint({ clientX, clientY }), measured.content, measured.container, settings.current.limits), false);
+        };
+        const onGestureEnd = (e) => {
+            e.preventDefault();
+            gestureBase = null;
+        };
+        const listeners = [
+            ['pointerdown', onPointerDown, false],
+            ['pointermove', onPointerMove, false],
+            ['pointerup', onPointerUp, false],
+            ['pointercancel', onPointerCancel, false],
+            ['wheel', onWheel, { passive: false }],
+            ['click', onClick, true],
+            ['gesturestart', onGestureStart, { passive: false }],
+            ['gesturechange', onGestureChange, { passive: false }],
+            ['gestureend', onGestureEnd, { passive: false }],
+        ];
+        for (const [type, listener, options] of listeners) {
+            view.addEventListener(type, listener, options);
+        }
+        return () => {
+            for (const [type, listener, options] of listeners) {
+                view.removeEventListener(type, listener, options);
+            }
+        };
+    }, [enabled, commit, measure]);
+    // --- keyboard and focus ---------------------------------------------------
+    const handleKeyDown = useCallback((event) => {
+        const measured = measure();
+        if (!settings.current.enabled || !measured) {
+            return false;
+        }
+        const next = keyboardViewport(viewportRef.current, {
+            key: event.key,
+            ctrlKey: event.ctrlKey,
+            metaKey: event.metaKey,
+            altKey: event.altKey,
+            viewportFocused: event.target === viewRef.current,
+        }, measured.content, measured.container, settings.current.limits);
+        if (!next) {
+            return false;
+        }
+        commit(next, true);
+        return true;
+    }, [commit, measure]);
+    /**
+     * A click or tap also focuses a seat, but should not move the map under the
+     * finger, so only a `:focus-visible` focus counts.
+     */
+    const revealSeat = useCallback((node) => {
+        const view = viewRef.current;
+        const measured = measure();
+        if (!settings.current.enabled || !view || !node || !measured || !focusIsVisible(node)) {
+            return;
+        }
+        const seat = node.getBoundingClientRect();
+        const frame = view.getBoundingClientRect();
+        commit(revealRect(viewportRef.current, {
+            x: seat.left - frame.left,
+            y: seat.top - frame.top,
+            width: seat.width,
+            height: seat.height,
+        }, measured.content, measured.container, undefined, settings.current.limits), true);
+    }, [commit, measure]);
+    return {
+        viewport,
+        animated,
+        limits,
+        viewRef,
+        contentRef,
+        zoomIn,
+        zoomOut,
+        resetZoom,
+        revealSeat,
+        handleKeyDown,
+    };
+}
+/** `:focus-visible` where the engine knows it; otherwise assume the focus is the keyboard's. */
+function focusIsVisible(node) {
+    try {
+        return node.matches(':focus-visible');
+    }
+    catch {
+        return true;
+    }
+}
+//# sourceMappingURL=use-viewport.js.map

package/dist/use-viewport.js.map

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

package/package.json

@@ -1,52 +1,52 @@
-{
-  "name": "@kerusiweb/react",
-  "version": "2.0.0",
-  "description": "A React seat-map component that renders Kerusi Seat Map & Availability Format documents as interactive, accessible inline SVG.",
-  "keywords": [
-    "react",
-    "kerusi",
-    "seat-map",
-    "seatmap",
-    "seat-picker",
-    "seat-selection",
-    "svg",
-    "booking",
-    "ticketing",
-    "cinema",
-    "airline",
-    "venue"
-  ],
-  "license": "MIT",
-  "author": "Arsyad \"Shad Ahm\" Ahmad",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/ShadAhm/kerusiweb.git",
-    "directory": "projects/react"
-  },
-  "homepage": "https://github.com/ShadAhm/kerusiweb",
-  "type": "module",
-  "sideEffects": [
-    "*.css"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/public-api.d.ts",
-      "default": "./dist/public-api.js"
-    },
-    "./styles.css": "./styles.css",
-    "./package.json": "./package.json"
-  },
-  "types": "./dist/public-api.d.ts",
-  "main": "./dist/public-api.js",
-  "files": [
-    "dist",
-    "styles.css"
-  ],
-  "peerDependencies": {
-    "@kerusiweb/core": "^2.0.0",
-    "react": "^18.3.0 || ^19.0.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
-}
+{
+  "name": "@kerusiweb/react",
+  "version": "2.2.0",
+  "description": "A React seat-map component that renders Kerusi Seat Map & Availability Format documents as interactive, accessible inline SVG.",
+  "keywords": [
+    "react",
+    "kerusi",
+    "seat-map",
+    "seatmap",
+    "seat-picker",
+    "seat-selection",
+    "svg",
+    "booking",
+    "ticketing",
+    "cinema",
+    "airline",
+    "venue"
+  ],
+  "license": "MIT",
+  "author": "Arsyad \"Shad Ahm\" Ahmad",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ShadAhm/kerusiweb.git",
+    "directory": "projects/react"
+  },
+  "homepage": "https://github.com/ShadAhm/kerusiweb",
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/public-api.d.ts",
+      "default": "./dist/public-api.js"
+    },
+    "./styles.css": "./styles.css",
+    "./package.json": "./package.json"
+  },
+  "types": "./dist/public-api.d.ts",
+  "main": "./dist/public-api.js",
+  "files": [
+    "dist",
+    "styles.css"
+  ],
+  "peerDependencies": {
+    "@kerusiweb/core": "^2.2.0",
+    "react": "^18.3.0 || ^19.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}