@kerusiweb/react 2.0.0

package/dist/kerusi-seatmap.js

@@ -0,0 +1,269 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { buildNavigationGraph, buildRenderModel, DEFAULT_SEAT_ARIA_STRINGS, disallowedAnnouncement, computeSectionLayout, errorsOf, expireHolds as expireHoldsIn, formatMoney, isRtlLocale, KerusiValidationError, resolveColors, resolveMapLocale, seatAriaLabel, summarizeSelection, toggleSeatSelection, validateDocumentSet, } from '@kerusiweb/core';
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import { KerusiLegend } from './kerusi-legend.js';
+import { KerusiSection } from './kerusi-section.js';
+import { useRovingFocus } from './use-roving-focus.js';
+const NO_SELECTION = [];
+const DEFAULT_SELECTABLE_STATUSES = ['available'];
+const NO_OVERRIDES = {};
+/**
+ * Renders a Kerusi seat map.
+ *
+ * Takes a `KerusiMap` and its `KerusiState` directly — no adapter, no
+ * intermediate row model. Each `Section` becomes its own `<svg>` with its own
+ * layout mode and proportions, seats take their color from the map's legend,
+ * every seat is keyboard-reachable and announced with its type, price, status
+ * and §4.3.4 accessibility properties, and selection is an immutable list of
+ * seat ids.
+ *
+ * ```tsx
+ * <KerusiSeatmap map={map} state={state} selection={picked} onSelectionChange={setPicked} />
+ * ```
+ *
+ * Import the stylesheet once, anywhere in the app:
+ * `import '@kerusiweb/react/styles.css'`.
+ */
+export const KerusiSeatmap = forwardRef(function KerusiSeatmap(props, ref) {
+    const { map, state, session, selection: controlledSelection, defaultSelection = NO_SELECTION, onSelectionChange, locale, rtl = 'auto', ariaStrings = DEFAULT_SEAT_ARIA_STRINGS, colors, typeColors = true, seatSize = 28, seatGap = 6, freeformBasis = 1000, unitScale = 1, showSectionLabels = true, showLegend = false, showLegendPrices = true, sectionIds, sectionOverrides = NO_OVERRIDES, selectableStatuses = DEFAULT_SELECTABLE_STATUSES, companionMode = 'auto', maxSelection, seatSelectable, interactive = true, expireHolds = false, expiryIntervalMs = 1000, validate = 'collect', onSeatSelect, onSeatDeselect, onSeatDisallowed, onSeatFocus, onValidationIssues, className, style, children, } = props;
+    // --- selection: controlled or not ---------------------------------------
+    const [uncontrolledSelection, setUncontrolledSelection] = useState(defaultSelection);
+    const isControlled = controlledSelection !== undefined;
+    const selection = isControlled ? controlledSelection : uncontrolledSelection;
+    const commitSelection = useCallback((next) => {
+        if (!isControlled) {
+            setUncontrolledSelection(next);
+        }
+        onSelectionChange?.(next);
+    }, [isControlled, onSelectionChange]);
+    // --- validation ---------------------------------------------------------
+    const issues = useMemo(() => (validate === 'off' ? [] : validateDocumentSet({ map, state, session })), [validate, map, state, session]);
+    useEffect(() => {
+        if (validate !== 'off') {
+            onValidationIssues?.(issues);
+        }
+        // `onValidationIssues` is deliberately absent: an inline callback would
+        // re-announce the same issues on every render.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [issues, validate]);
+    if (validate === 'throw') {
+        // Thrown during render, not from an effect, so a React error boundary
+        // catches it — the idiomatic equivalent of the Angular binding's throw.
+        const [first] = errorsOf(issues);
+        if (first) {
+            throw new KerusiValidationError(first.message, first.rule, first.id, issues);
+        }
+    }
+    // --- derived model ------------------------------------------------------
+    /** Bumped by the hold ticker to force the state to be re-derived. */
+    const [expiryTick, setExpiryTick] = useState(0);
+    useEffect(() => {
+        if (!expireHolds) {
+            return;
+        }
+        const handle = setInterval(() => setExpiryTick((n) => n + 1), expiryIntervalMs);
+        return () => clearInterval(handle);
+    }, [expireHolds, expiryIntervalMs]);
+    /** The state actually rendered — with lapsed holds reverted when asked. */
+    const effectiveState = useMemo(() => {
+        if (!state || !expireHolds) {
+            return state;
+        }
+        // `expireHolds` returns the same object when nothing lapsed, so the
+        // memos downstream of this one stay stable across a quiet tick.
+        void expiryTick;
+        return expireHoldsIn(state);
+    }, [state, expireHolds, expiryTick]);
+    const visibleSectionIds = useMemo(() => {
+        const hidden = Object.entries(sectionOverrides)
+            .filter(([, o]) => o.hidden)
+            .map(([id]) => id);
+        if (sectionIds) {
+            return sectionIds.filter((id) => !hidden.includes(id));
+        }
+        if (hidden.length === 0) {
+            return undefined;
+        }
+        return (map.sections ?? []).map((s) => s.id).filter((id) => !hidden.includes(id));
+    }, [map, sectionIds, sectionOverrides]);
+    const renderMap = useMemo(() => buildRenderModel(map, effectiveState, {
+        locale,
+        sectionIds: visibleSectionIds,
+        selectableStatuses,
+        seatSelectable,
+    }), [map, effectiveState, locale, visibleSectionIds, selectableStatuses, seatSelectable]);
+    const resolvedLocale = useMemo(() => resolveMapLocale(map, locale), [map, locale]);
+    const isRtl = rtl === 'auto' ? isRtlLocale(resolvedLocale) : rtl === true;
+    const resolvedColors = useMemo(() => resolveColors(colors), [colors]);
+    const selectionSet = useMemo(() => new Set(selection), [selection]);
+    /** Placed geometry per section, keyed by section id. */
+    const layouts = useMemo(() => new Map(renderMap.sections.map((section) => {
+        const override = sectionOverrides[section.id] ?? {};
+        return [
+            section.id,
+            computeSectionLayout(section, {
+                seatSize: override.seatSize ?? seatSize,
+                seatGap,
+                freeformBasis,
+                aspectRatio: override.aspectRatio,
+                rtl: isRtl,
+            }),
+        ];
+    })), [renderMap, sectionOverrides, seatSize, seatGap, freeformBasis, isRtl]);
+    /** Navigation graphs per section — arrows move within, Tab moves between. */
+    const graphs = useMemo(() => new Map(renderMap.sections.map((section) => [
+        section.id,
+        buildNavigationGraph(section, { rtl: isRtl }),
+    ])), [renderMap, isRtl]);
+    const ariaLabels = useMemo(() => new Map([...renderMap.seatsById.values()].map((seat) => [
+        seat.id,
+        seatAriaLabel(seat, resolvedLocale, ariaStrings),
+    ])), [renderMap, resolvedLocale, ariaStrings]);
+    // --- focus and announcements --------------------------------------------
+    const { focusedSeatIds, setFocusedSeat, moveFocusTo, focusSeat, registerSeat } = useRovingFocus(renderMap);
+    /**
+     * The live-region text, plus a counter that makes a repeat of the same
+     * message textually distinct.
+     *
+     * A live region that sees no text change stays silent, so announcing the
+     * same thing twice — picking two seats and hearing "1 seat selected" both
+     * times — needs the second one to differ somehow. The Angular binding
+     * clears the region and refills it a microtask later; two commits, which
+     * React would batch back into one unless deliberately escaped. Appending a
+     * zero-width space on alternate announcements does the same job in a single
+     * commit: the text differs, and no screen reader speaks the character.
+     */
+    const [announcement, setAnnouncement] = useState({ message: '', nonce: 0 });
+    const announce = useCallback((message) => {
+        setAnnouncement((current) => ({ message, nonce: current.nonce + 1 }));
+    }, []);
+    const liveMessage = announcement.nonce % 2 === 0 ? announcement.message : `${announcement.message}\u200b`;
+    const announceSelection = useCallback((next) => {
+        if (next.length === 0) {
+            announce(ariaStrings.selectionEmpty);
+            return;
+        }
+        const { total } = summarizeSelection(renderMap, next);
+        announce(ariaStrings.selectionSummary(next.length, formatTotal(total, resolvedLocale)));
+    }, [announce, ariaStrings, renderMap, resolvedLocale]);
+    // --- interaction --------------------------------------------------------
+    const onSeatActivate = useCallback((seatId) => {
+        const seat = renderMap.seatsById.get(seatId);
+        if (!seat) {
+            return;
+        }
+        const outcome = toggleSeatSelection(selection, seatId, {
+            seatsById: renderMap.seatsById,
+            companionMode,
+            maxSelection,
+        });
+        if (outcome.kind === 'disallowed') {
+            announce(disallowedAnnouncement(seat, outcome.reason, ariaStrings));
+            onSeatDisallowed?.({ seat, reason: outcome.reason });
+            return;
+        }
+        commitSelection(outcome.selection);
+        const event = {
+            seat,
+            selection: outcome.selection,
+            changed: outcome.changed,
+        };
+        (outcome.kind === 'select' ? onSeatSelect : onSeatDeselect)?.(event);
+        announceSelection(outcome.selection);
+    }, [
+        renderMap,
+        selection,
+        companionMode,
+        maxSelection,
+        announce,
+        ariaStrings,
+        onSeatDisallowed,
+        commitSelection,
+        onSeatSelect,
+        onSeatDeselect,
+        announceSelection,
+    ]);
+    const onSeatFocused = useCallback((seatId) => {
+        const seat = renderMap.seatsById.get(seatId);
+        if (!seat) {
+            return;
+        }
+        setFocusedSeat(seat.sectionId, seatId);
+        onSeatFocus?.(seat);
+    }, [renderMap, setFocusedSeat, onSeatFocus]);
+    /**
+     * Arrow keys walk the navigation graph, which orders seats by `col` in grid
+     * and mixed sections — §4.3.1's logical adjacency — so the aisle that is a
+     * skipped column is stepped across rather than into.
+     */
+    const onKeyDown = useCallback((sectionId, event) => {
+        const seatId = event.target?.dataset?.['seatId'];
+        if (!seatId) {
+            return;
+        }
+        const graph = graphs.get(sectionId);
+        if (!graph) {
+            return;
+        }
+        const neighbours = graph.neighbours.get(seatId);
+        let target;
+        switch (event.key) {
+            case 'ArrowLeft':
+                target = neighbours?.left;
+                break;
+            case 'ArrowRight':
+                target = neighbours?.right;
+                break;
+            case 'ArrowUp':
+                target = neighbours?.up;
+                break;
+            case 'ArrowDown':
+                target = neighbours?.down;
+                break;
+            case 'Home':
+                target = event.ctrlKey ? graph.first : neighbours?.rowStart;
+                break;
+            case 'End':
+                target = event.ctrlKey ? graph.last : neighbours?.rowEnd;
+                break;
+            case 'PageUp':
+                target = graph.first;
+                break;
+            case 'PageDown':
+                target = graph.last;
+                break;
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                onSeatActivate(seatId);
+                return;
+            case 'Escape':
+                if (selection.length > 0) {
+                    event.preventDefault();
+                    commitSelection([]);
+                    announceSelection([]);
+                }
+                return;
+            default:
+                return;
+        }
+        if (target) {
+            event.preventDefault();
+            moveFocusTo(sectionId, target);
+        }
+    }, [graphs, onSeatActivate, selection, commitSelection, announceSelection, moveFocusTo]);
+    // --- public handle ------------------------------------------------------
+    const summary = useMemo(() => summarizeSelection(renderMap, selection), [renderMap, selection]);
+    useImperativeHandle(ref, () => ({ summary, focusSeat }), [summary, focusSeat]);
+    // --- render -------------------------------------------------------------
+    const labelFor = (section) => sectionOverrides[section.id]?.label ?? section.label;
+    const labelId = (section) => `kerusi-section-${renderMap.id}-${section.id}`;
+    return (_jsxs("div", { className: className ? `kerusi-seatmap ${className}` : 'kerusi-seatmap', role: "group", "aria-label": renderMap.name ?? `Seat map ${renderMap.id}`, dir: isRtl ? 'rtl' : undefined, lang: resolvedLocale, style: style, children: [renderMap.sections.map((section) => {
+                const label = labelFor(section);
+                return (_jsxs("section", { className: `kerusi-seatmap__section kerusi-seatmap__section--${section.layoutMode}`, role: "group", "aria-labelledby": label ? labelId(section) : undefined, "aria-label": label ? undefined : section.id, children: [showSectionLabels && label && (_jsx("h3", { className: "kerusi-section-label", id: labelId(section), children: label })), _jsx(KerusiSection, { section: section, layout: layouts.get(section.id), selection: selectionSet, focusedSeatId: focusedSeatIds[section.id] ?? null, ariaLabels: ariaLabels, colors: resolvedColors, typeColors: typeColors, unitScale: unitScale, interactive: interactive, onSeatActivate: onSeatActivate, onSeatFocused: onSeatFocused, onSeatKeyDown: (event) => onKeyDown(section.id, event), registerSeat: registerSeat })] }, section.id));
+            }), showLegend && (_jsx(KerusiLegend, { legend: renderMap.legend, locale: resolvedLocale, colors: resolvedColors, typeColors: typeColors, showPrices: showLegendPrices })), _jsx("p", { className: "kerusi-sr-only", "aria-live": "polite", "aria-atomic": "true", children: liveMessage }), children] }));
+});
+function formatTotal(total, locale) {
+    return total ? formatMoney(total, locale) : '';
+}
+//# sourceMappingURL=kerusi-seatmap.js.map

package/dist/kerusi-seatmap.js.map

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

package/dist/kerusi-section.d.ts

@@ -0,0 +1,45 @@
+import type { KerusiSeatmapColors, RenderSection, SectionLayout } from '@kerusiweb/core';
+import type { KeyboardEvent as ReactKeyboardEvent } from 'react';
+export interface KerusiSectionProps {
+    section: RenderSection;
+    layout: SectionLayout;
+    /** Currently selected seat ids. */
+    selection?: ReadonlySet<string>;
+    /** The seat holding the section's single tab stop, if any. */
+    focusedSeatId?: string | null;
+    /** Per-seat accessible names, keyed by seat id. */
+    ariaLabels?: ReadonlyMap<string, string>;
+    colors?: Required<KerusiSeatmapColors>;
+    /** Whether an available seat may take its `SeatType.color` (§4.7). */
+    typeColors?: boolean;
+    /** When false, seats render but do not respond to pointer or keyboard. */
+    interactive?: boolean;
+    /**
+     * CSS pixels per viewBox unit, at the section's natural size.
+     *
+     * Without a cap every section stretches to the full container width, so in a
+     * four-tier theatre the narrow box row would draw seats several times the
+     * size of the orchestra's. Capping each section at its own intrinsic width
+     * keeps a seat the same size everywhere; a section too wide to fit still
+     * scales down to the container.
+     */
+    unitScale?: number;
+    onSeatActivate?: (seatId: string) => void;
+    onSeatFocused?: (seatId: string) => void;
+    onSeatKeyDown?: (event: ReactKeyboardEvent<SVGGElement>) => void;
+    /** Called with each seat's `<g>` as it mounts and unmounts, for focus moves. */
+    registerSeat?: (seatId: string, node: SVGGElement | null) => void;
+}
+/**
+ * Draws one Kerusi `Section` as a single `<svg>`.
+ *
+ * One SVG per section — rather than section groups inside a shared canvas — is
+ * what makes per-section `aspectRatio` and mixed grid/freeform modes work: each
+ * gets its own `viewBox` and its own intrinsic proportions, and CSS is free to
+ * stack, wrap or column them. It also puts the section heading in real DOM,
+ * where a screen reader can use it as a landmark.
+ *
+ * This component holds no state. It takes a placed layout and reports intent.
+ */
+export declare function KerusiSection({ layout, selection, focusedSeatId, ariaLabels, colors, typeColors, interactive, unitScale, onSeatActivate, onSeatFocused, onSeatKeyDown, registerSeat, }: KerusiSectionProps): import("react").JSX.Element;
+//# sourceMappingURL=kerusi-section.d.ts.map

package/dist/kerusi-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kerusi-section.d.ts","sourceRoot":"","sources":["../src/kerusi-section.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EACV,mBAAmB,EAGnB,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAiB,aAAa,IAAI,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAEhF,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,aAAa,CAAC;IACvB,MAAM,EAAE,aAAa,CAAC;IACtB,mCAAmC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,mDAAmD;IACnD,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;IACvC,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACjE,gFAAgF;IAChF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CACnE;AAKD;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,SAA2B,EAC3B,aAAoB,EACpB,UAAyB,EACzB,MAA8B,EAC9B,UAAiB,EACjB,WAAkB,EAClB,SAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,EACb,YAAY,GACb,EAAE,kBAAkB,+BAkDpB"}

package/dist/kerusi-section.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cssVar, DEFAULT_KERUSI_COLORS, elementFill, elementStyle, elementTextFill, occupantFillFor, occupantStrokeFor, screenPath, seatBodyPath, seatCoreFill, seatFill, seatOccupantPath, seatOccupantStroke, seatOccupantVariant, seatSelectedFrame, seatTextFill, seatWashFill, } from '@kerusiweb/core';
+const EMPTY_SELECTION = new Set();
+const EMPTY_LABELS = new Map();
+/**
+ * Draws one Kerusi `Section` as a single `<svg>`.
+ *
+ * One SVG per section — rather than section groups inside a shared canvas — is
+ * what makes per-section `aspectRatio` and mixed grid/freeform modes work: each
+ * gets its own `viewBox` and its own intrinsic proportions, and CSS is free to
+ * stack, wrap or column them. It also puts the section heading in real DOM,
+ * where a screen reader can use it as a landmark.
+ *
+ * This component holds no state. It takes a placed layout and reports intent.
+ */
+export function KerusiSection({ layout, selection = EMPTY_SELECTION, focusedSeatId = null, ariaLabels = EMPTY_LABELS, colors = DEFAULT_KERUSI_COLORS, typeColors = true, interactive = true, unitScale = 1, onSeatActivate, onSeatFocused, onSeatKeyDown, registerSeat, }) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "kerusi-section-svg", role: "presentation", focusable: "false", viewBox: `0 0 ${layout.width} ${layout.height}`, preserveAspectRatio: "xMidYMid meet", style: {
+            // The focus ring's middle tier: the stylesheet reads this property,
+            // so the `colors` prop can reach a rule it cannot otherwise see.
+            '--kerusi-focus-ring-input': colors.focusRing,
+            // The section's natural width in CSS pixels; it never draws wider.
+            maxWidth: layout.width * unitScale,
+        }, children: [_jsx("rect", { x: 0, y: 0, width: layout.width, height: layout.height, style: { fill: cssVar('backdrop', colors.backdrop) } }), layout.elements.map((placed) => (_jsx(SectionElement, { placed: placed, colors: colors }, placed.element.id))), layout.seats.map((placed) => (_jsx(SectionSeat, { placed: placed, selected: selection.has(placed.seat.id), tabStop: placed.seat.id === focusedSeatId, ariaLabel: ariaLabels.get(placed.seat.id) ?? placed.seat.label, colors: colors, typeColors: typeColors, interactive: interactive, onSeatActivate: onSeatActivate, onSeatFocused: onSeatFocused, onSeatKeyDown: onSeatKeyDown, registerSeat: registerSeat }, placed.seat.id)))] }));
+}
+function SectionSeat({ placed, selected, tabStop, ariaLabel, colors, typeColors, interactive, onSeatActivate, onSeatFocused, onSeatKeyDown, registerSeat, }) {
+    const seat = placed.seat;
+    const variant = seatOccupantVariant(seat, selected);
+    const box = markBox(placed, selected);
+    const body = seatBodyPath(placed.x, placed.y, placed.width, placed.height);
+    const textFill = seatTextFill(seat, selected, colors, typeColors);
+    return (_jsxs("g", { ref: (node) => {
+            registerSeat?.(seat.id, node);
+        }, className: seatClasses(placed, selected), role: "button", tabIndex: interactive && tabStop ? 0 : -1, "aria-label": ariaLabel, "aria-pressed": selected, "aria-disabled": !seat.selectable, "data-seat-id": seat.id, transform: transform(placed) ?? undefined, onClick: interactive ? () => onSeatActivate?.(seat.id) : undefined, onFocus: interactive ? () => onSeatFocused?.(seat.id) : undefined, onKeyDown: interactive ? onSeatKeyDown : undefined, children: [_jsx("path", { className: "kerusi-seat__box", d: body, style: { fill: seatFill(seat, selected, colors, typeColors) } }), (variant === 'held' || variant === 'booked') && (_jsx("path", { className: "kerusi-seat__wash", d: body, style: { fill: seatWashFill(variant, colors) } })), variant === 'selected' && (_jsx("path", { className: "kerusi-seat__core", d: seatBodyPath(box.x, box.y, box.width, box.height), style: { fill: seatCoreFill(colors) } })), variant && (_jsx("path", { className: `kerusi-seat__occupant kerusi-seat__occupant--${variant}`, d: seatOccupantPath(box.x, box.y, box.width, box.height), strokeWidth: seatOccupantStroke(box.width, box.height), style: {
+                    fill: occupantFillFor(variant, colors),
+                    stroke: occupantStrokeFor(variant, colors),
+                } })), _jsx("text", { className: "kerusi-seat__label", textAnchor: "middle", dominantBaseline: "central", x: placed.centerX, y: placed.centerY, fontSize: placed.fontSize, 
+                /* The halo is a core-coloured outline behind a selected seat's number,
+                   painted under the glyphs via `paint-order`. The label is centred on
+                   the occupant's shoulder line, so without it the number is
+                   `selectedFg` over a `selectedBg` silhouette.
+        
+                   Bound here rather than in the stylesheet on purpose: a CSS
+                   `var(--kerusi-selected-fg, …)` rule would carry the library default
+                   as its fallback and silently skip the `colors` prop tier, which only
+                   this side can resolve. */
+                style: { fill: textFill, stroke: selected ? seatCoreFill(colors) : 'none' }, strokeWidth: selected ? placed.fontSize * 0.22 : 0, transform: counterRotate(placed) ?? undefined, children: seat.label }), seat.accessibility?.wheelchairAccessible && (_jsx("circle", { className: "kerusi-seat__wheelchair", cx: box.x + box.width * 0.82, cy: box.y + box.height * 0.18, r: box.width * 0.13, style: { fill: textFill } }))] }));
+}
+/**
+ * The box a seat's decorative marks are drawn to: the seat's own, or — when it
+ * is selected — the core plate's, which is inset by the frame width.
+ *
+ * Everything over a selected seat sits on the core, so it all has to be
+ * measured from the core. Drawing to the seat's box instead leaves the
+ * occupant's hips crossing the frame, where a figure tinted `selectedBg` lands
+ * on a frame filled `selectedBg` and reads as a hard nub. Since the core is an
+ * exact scaled copy of the body (see `seatSelectedFrame`), routing through here
+ * reproduces every clearance the mark had against the body, scaled — so the
+ * frame width stays free to change.
+ */
+function markBox(placed, selected) {
+    if (!selected) {
+        return placed;
+    }
+    const frame = seatSelectedFrame(placed.width, placed.height);
+    return {
+        x: placed.x + frame,
+        y: placed.y + frame,
+        width: placed.width - frame * 2,
+        height: placed.height - frame * 2,
+    };
+}
+function seatClasses(placed, selected) {
+    const seat = placed.seat;
+    return [
+        'kerusi-seat',
+        `kerusi-seat--${seat.status}`,
+        selected ? 'kerusi-seat--selected' : '',
+        seat.selectable ? '' : 'kerusi-seat--unselectable',
+        seat.accessibility?.wheelchairAccessible ? 'kerusi-seat--wheelchair' : '',
+        seat.companions.length > 0 ? 'kerusi-seat--companion' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+}
+// --- elements ---------------------------------------------------------------
+function SectionElement({ placed, colors, }) {
+    const style = elementStyle(placed.element.kind);
+    const fill = elementFill(style.tone, colors);
+    const textFill = elementTextFill(style.tone, colors);
+    return (_jsxs("g", { className: `kerusi-element kerusi-element--${placed.element.kind}`, transform: transform(placed) ?? undefined, children: [style.shape === 'screen' ? (_jsx("path", { d: screenPath(placed.x, placed.y, placed.width, placed.height), style: { fill } })) : style.shape === 'void' ? (_jsx("rect", { className: "kerusi-element__void", x: placed.x, y: placed.y, width: placed.width, height: placed.height, style: { stroke: textFill }, fill: "none" })) : (_jsx("rect", { x: placed.x, y: placed.y, width: placed.width, height: placed.height, 
+                /* A stage reads as squarer than an ordinary element. */
+                rx: style.shape === 'stage' ? 2 : Math.min(placed.height * 0.25, 6), style: { fill } })), placed.element.label && style.showLabel && (_jsx("text", { className: "kerusi-element__label", textAnchor: "middle", dominantBaseline: "central", x: placed.centerX, y: placed.centerY, fontSize: placed.fontSize, style: { fill: textFill }, transform: counterRotate(placed) ?? undefined, children: placed.element.label }))] }));
+}
+/** SVG rotate() about the item's center; null when it does not rotate. */
+function transform(item) {
+    return item.rotation ? `rotate(${item.rotation} ${item.centerX} ${item.centerY})` : null;
+}
+/** Cancels the parent <g>'s rotation so the label stays upright and stays put. */
+function counterRotate(item) {
+    return item.rotation ? `rotate(${-item.rotation} ${item.centerX} ${item.centerY})` : null;
+}
+//# sourceMappingURL=kerusi-section.js.map

package/dist/kerusi-section.js.map

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

package/dist/public-api.d.ts

@@ -0,0 +1,22 @@
+/**
+ * The React binding for the Kerusi Seat Map & Availability Format.
+ *
+ * Everything framework-free lives in `@kerusiweb/core` and is imported from
+ * there, not re-exported here: the document types (`KerusiMap`, `KerusiState`,
+ * `KerusiSession`), the conformance validator, the render model
+ * (`buildRenderModel`, `RenderMap`, `RenderSeat`), the geometry
+ * (`computeSectionLayout`), and the view helpers (`summarizeSelection`,
+ * `seatAriaLabel`, `DEFAULT_KERUSI_COLORS`). This package supplies only what is
+ * React's: components, hooks, and their props.
+ *
+ * The stylesheet is a separate import: `import '@kerusiweb/react/styles.css'`.
+ */
+export { KerusiSeatmap } from './kerusi-seatmap.js';
+export { KerusiSection } from './kerusi-section.js';
+export type { KerusiSectionProps } from './kerusi-section.js';
+export { KerusiLegend } from './kerusi-legend.js';
+export type { KerusiLegendProps } from './kerusi-legend.js';
+export { useKerusiState } from './use-kerusi-state.js';
+export type { UseKerusiState, UseKerusiStateOptions } from './use-kerusi-state.js';
+export type { KerusiSeatmapHandle, KerusiSeatmapProps, SeatDisallowed, SeatInteraction, SectionRenderOptions, ValidationMode, } from './types.js';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnF,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,oBAAoB,EACpB,cAAc,GACf,MAAM,YAAY,CAAC"}

package/dist/public-api.js

@@ -0,0 +1,18 @@
+/**
+ * The React binding for the Kerusi Seat Map & Availability Format.
+ *
+ * Everything framework-free lives in `@kerusiweb/core` and is imported from
+ * there, not re-exported here: the document types (`KerusiMap`, `KerusiState`,
+ * `KerusiSession`), the conformance validator, the render model
+ * (`buildRenderModel`, `RenderMap`, `RenderSeat`), the geometry
+ * (`computeSectionLayout`), and the view helpers (`summarizeSelection`,
+ * `seatAriaLabel`, `DEFAULT_KERUSI_COLORS`). This package supplies only what is
+ * React's: components, hooks, and their props.
+ *
+ * The stylesheet is a separate import: `import '@kerusiweb/react/styles.css'`.
+ */
+export { KerusiSeatmap } from './kerusi-seatmap.js';
+export { KerusiSection } from './kerusi-section.js';
+export { KerusiLegend } from './kerusi-legend.js';
+export { useKerusiState } from './use-kerusi-state.js';
+//# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,111 @@
+import type { DisallowedReason, KerusiMap, KerusiSeatmapColors, KerusiSession, KerusiState, KerusiViolation, RenderSeat, SeatAriaStrings, SeatRenderStatus, SelectionSummary } from '@kerusiweb/core';
+import type { CSSProperties, ReactNode } from 'react';
+/** How a document with validation errors is handled. */
+export type ValidationMode = 
+/** Report through `onValidationIssues` and render anyway. The default. */
+'collect'
+/** Throw a `KerusiValidationError` during render, for an error boundary. */
+ | 'throw'
+/** Skip validation entirely, for a document validated upstream. */
+ | 'off';
+/** Per-section rendering overrides, keyed by `Section.id`. */
+export interface SectionRenderOptions {
+    hidden?: boolean;
+    /** Overrides `Section.aspectRatio`. */
+    aspectRatio?: string;
+    /** Overrides the seat size for this section only. */
+    seatSize?: number;
+    /** Overrides the localized `Section.label`. */
+    label?: string;
+}
+/** What a seat event carries. Everything the document knows, already resolved. */
+export interface SeatInteraction {
+    seat: RenderSeat;
+    /** The selection after this event. */
+    selection: readonly string[];
+    /** Seats whose membership changed, including companions (§4.6). */
+    changed: readonly string[];
+}
+export interface SeatDisallowed {
+    seat: RenderSeat;
+    reason: DisallowedReason;
+}
+/** What a `ref` on `<KerusiSeatmap>` exposes. */
+export interface KerusiSeatmapHandle {
+    /** The selection's seats and total, resolved against the current documents. */
+    readonly summary: SelectionSummary;
+    /** Moves DOM focus to a seat, if it is rendered. */
+    focusSeat(seatId: string): void;
+}
+export interface KerusiSeatmapProps {
+    map: KerusiMap;
+    state?: KerusiState;
+    /** The optional map↔event join (§5.3). Validated against the map and state. */
+    session?: KerusiSession;
+    /**
+     * Selected seat ids. Supply this with `onSelectionChange` to control the
+     * selection; omit both — or supply only `defaultSelection` — to let the
+     * component own it.
+     */
+    selection?: readonly string[];
+    /** The initial selection when the component owns it. Ignored if `selection` is set. */
+    defaultSelection?: readonly string[];
+    onSelectionChange?: (selection: readonly string[]) => void;
+    /** Overrides `KerusiMap.locale` (BCP-47). */
+    locale?: string;
+    /** Right-to-left rendering. `auto` derives it from the resolved locale. */
+    rtl?: boolean | 'auto';
+    /** Overrides the built-in English announcement strings. */
+    ariaStrings?: SeatAriaStrings;
+    colors?: KerusiSeatmapColors;
+    /** Let an available seat take its `SeatType.color` (§4.7). */
+    typeColors?: boolean;
+    /** Grid cell edge, in viewBox units. */
+    seatSize?: number;
+    /** Gap between grid cells, in viewBox units. */
+    seatGap?: number;
+    /** Freeform viewBox width; height follows the section's aspect ratio. */
+    freeformBasis?: number;
+    /**
+     * CSS pixels per viewBox unit. Caps each section at its natural size so a
+     * narrow section and a wide one in the same map draw seats the same size.
+     */
+    unitScale?: number;
+    showSectionLabels?: boolean;
+    showLegend?: boolean;
+    showLegendPrices?: boolean;
+    /** Render only these sections, in this order. Default: all, by `Section.index`. */
+    sectionIds?: readonly string[];
+    sectionOverrides?: Readonly<Record<string, SectionRenderOptions>>;
+    /** Statuses in which a seat may be picked. Default: `['available']`. */
+    selectableStatuses?: readonly SeatRenderStatus[];
+    /** `auto` selects a seat's companion closure together (§4.6). */
+    companionMode?: 'auto' | 'independent';
+    maxSelection?: number;
+    /**
+     * A final say on selectability, applied after the status test.
+     *
+     * Memoize it — an inline arrow rebuilds the whole render model every render.
+     */
+    seatSelectable?: (seat: RenderSeat) => boolean;
+    /** When false the map renders read-only: no pointer or keyboard interaction. */
+    interactive?: boolean;
+    /**
+     * Revert a lapsed `holdExpires` to available on a ticker (§5.1). Off by
+     * default — a renderer should stay passive unless asked.
+     */
+    expireHolds?: boolean;
+    expiryIntervalMs?: number;
+    validate?: ValidationMode;
+    onSeatSelect?: (event: SeatInteraction) => void;
+    onSeatDeselect?: (event: SeatInteraction) => void;
+    onSeatDisallowed?: (event: SeatDisallowed) => void;
+    onSeatFocus?: (seat: RenderSeat) => void;
+    /** Called whenever the documents change, unless `validate` is `off`. */
+    onValidationIssues?: (issues: readonly KerusiViolation[]) => void;
+    className?: string;
+    style?: CSSProperties;
+    /** Rendered inside the map's root element, after the sections and legend. */
+    children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,WAAW,EACX,eAAe,EACf,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,wDAAwD;AACxD,MAAM,MAAM,cAAc;AACxB,0EAA0E;AACxE,SAAS;AACX,4EAA4E;GAC1E,OAAO;AACT,mEAAmE;GACjE,KAAK,CAAC;AAEV,8DAA8D;AAC9D,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,kFAAkF;AAClF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,sCAAsC;IACtC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,mEAAmE;IACnE,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,gBAAgB,CAAC;CAC1B;AAED,iDAAiD;AACjD,MAAM,WAAW,mBAAmB;IAClC,+EAA+E;IAC/E,QAAQ,CAAC,OAAO,EAAE,gBAAgB,CAAC;IACnC,oDAAoD;IACpD,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB;IAGjC,GAAG,EAAE,SAAS,CAAC;IACf,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,aAAa,CAAC;IAIxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IAI3D,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,GAAG,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,eAAe,CAAC;IAI9B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAI3B,mFAAmF;IACnF,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAIlE,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACjD,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAC/C,gFAAgF;IAChF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAI1B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAI1B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,KAAK,IAAI,CAAC;IAIlE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map