@mailwoman/react 9.4.0 → 10.0.0

package/out/map/GeocoderControls.js

@@ -1,30 +1,79 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   The geocoder's chrome over the map: a search pill on top, example chips on one line beneath it, a control column
+ *   down the right edge, and a result sheet that rises from the bottom when there is something to show.
+ *
+ *   It replaces a 400px full-height panel that carried every control at once. The layout is the one the reference
+ *   map apps use, and the reason is the map: chrome that floats over it leaves the map the page, where a slab makes
+ *   the map the leftover third.
+ *
+ *   NODE-SAFE: pure React + the shared units, no maplibre.
+ */
+import { useCallback, useState } from "react";
+import { useMapBearing } from "#map/useMapBearing";
+import { useMapLabelPick } from "#map/useMapLabelPick";
 import { LoadingIndicator } from "../common/LoadingIndicator.js";
-import { PresetChips } from "../common/PresetChips.js";
-import { QueryForm } from "../pipeline/QueryForm.js";
 import { BackendControl } from "./BackendControl.js";
 import { CompareToggle } from "./CompareToggle.js";
+import { MapChipRow } from "./MapChipRow.js";
+import { MapCompass } from "./MapCompass.js";
+import { MapControlButton, MapControlGroup, MapControlStack } from "./MapControlStack.js";
+import { MapProgressBar } from "./MapProgressBar.js";
+import { MapSearchBar } from "./MapSearchBar.js";
+import { MapSheet } from "./MapSheet.js";
 import { PlaceAutocomplete } from "./PlaceAutocomplete.js";
 import { ResultPanel } from "./ResultPanel.js";
 import { VersionPicker } from "./VersionPicker.js";
 /**
- * The floating control panel.
+ * The chrome. Everything positioned here floats over the map; nothing occupies a column of the page.
  */
-export function GeocoderControls({ runtime, geocode, autocomplete, compare, panels, presets, placeholder, onSelectVersion, onForceWASMChange, }) {
+export function GeocoderControls({ runtime, geocode, autocomplete, compare, panels, presets, placeholder, map = null, onSubmitQuery, onSelectVersion, onForceWASMChange, developer = false, }) {
     const versions = runtime.availableVersions ?? [];
     const { busy, result, selectedCandidate } = geocode;
     const loading = runtime.loading;
     const errorMessage = geocode.parseError ?? runtime.errorMessage ?? null;
-    return (_jsxs("section", { className: "mw-demo-controls", children: [panels.header, panels.releaseInfo, _jsx(VersionPicker, { versions: versions, selected: runtime.selectedVersion ?? null, onSelect: onSelectVersion, disabled: busy }), _jsx(BackendControl, { activeBackend: runtime.activeBackend, forceWASM: runtime.forceWASM ?? false, onForceWASMChange: onForceWASMChange }), _jsx(CompareToggle, { versions: versions, primaryVersion: runtime.selectedVersion ?? null, compareMode: compare.compareMode, onCompareModeChange: compare.setCompareMode, compareVersion: compare.compareVersion, onCompareVersionChange: compare.setCompareVersion, disabled: busy }), _jsx(QueryForm, { value: geocode.text, onChange: geocode.setText, onSubmit: geocode.submit, disabled: !runtime.ready, busy: busy, placeholder: placeholder, onKeyDown: autocomplete.onInputKeyDown, inputProps: autocomplete.inputProps }), panels.bias, _jsx(PlaceAutocomplete, { suggestions: autocomplete.suggestions, activeIndex: autocomplete.activeIndex, onPick: autocomplete.pick, onHover: autocomplete.setActiveIndex, listboxID: autocomplete.listboxID, optionID: autocomplete.optionID }), _jsx(PresetChips, { presets: presets, disabled: !runtime.ready || busy, onPick: (value) => {
-                    geocode.setText(value);
-                    geocode.reset();
-                }, trailing: panels.permalink ? panels.permalink(geocode.text) : null }), loading && !runtime.ready ? (_jsx(LoadingIndicator, { mode: "staged", steps: loading.stepLabels.length ? loading.stepLabels : undefined, activeStep: loading.stepIndex, label: loading.progress })) : null, errorMessage ? _jsx("p", { className: "mw-error", children: errorMessage }) : null, panels.aboveResult ? panels.aboveResult({ result }) : null, busy ? (_jsx("div", { className: "mw-result", children: _jsx(LoadingIndicator, { mode: "staged", steps: runtime.parseStageLabels, activeStep: geocode.parseStage }) })) : result ? (panels.result ? (panels.result({
-                result,
-                selectedCandidate,
-                selectedCandidateIndex: geocode.selectedCandidateIndex,
-                onSelectCandidate: geocode.selectCandidate,
-            })) : (_jsx(ResultPanel, { result: result, selectedCandidate: selectedCandidate, selectedCandidateIndex: geocode.selectedCandidateIndex, onSelectCandidate: geocode.selectCandidate, extras: panels.extras, failure: panels.failure }))) : null, panels.compare
-                ? panels.compare({ result, compareMode: compare.compareMode, compareVersion: compare.compareVersion })
-                : null, panels.footer] }));
+    // One sheet at a time. Two open at once stack on the same edge, and on a phone each is the full panel.
+    const [openSheet, setOpenSheet] = useState(developer ? "developer" : null);
+    const { bearing, resetNorth } = useMapBearing(map);
+    const toggleSheet = (name) => setOpenSheet((current) => (current === name ? null : name));
+    const closeSheet = useCallback(() => setOpenSheet(null), []);
+    // Every path that starts a query goes through here, so the URL is written in exactly one place — the event that
+    // caused it, rather than an effect watching the result after the fact.
+    const runQuery = useCallback((query) => {
+        onSubmitQuery?.(query);
+        void geocode.submit(query);
+    }, [onSubmitQuery, geocode]);
+    // A label on the map is a search a visitor already typed by pointing at it.
+    const pickLabel = useCallback((name) => {
+        geocode.setText(name);
+        geocode.reset();
+        runQuery(name);
+    }, [geocode, runQuery]);
+    useMapLabelPick(map, pickLabel);
+    const chips = presets.map((preset) => ({ label: preset.label, value: preset.value }));
+    // The bundle load no longer opens the result sheet: it reports on the bar at the top of the viewport and in the
+    // footer, so an empty sheet does not sit over the map for the length of a 38 MB download.
+    const showSheet = Boolean(busy || result || errorMessage);
+    const bundleLoading = Boolean(loading && !runtime.ready);
+    const steps = loading?.stepLabels.length ?? 0;
+    return (_jsxs(_Fragment, { children: [_jsx(MapProgressBar, { active: bundleLoading, fraction: steps ? ((loading?.stepIndex ?? 0) + 1) / steps : null, label: "Loading the geocoder" }), _jsxs("div", { className: "mw-map-chrome mw-map-chrome--top", children: [_jsx("form", { className: "mw-map-chrome__search", onSubmit: (event) => {
+                            event.preventDefault();
+                            runQuery(geocode.text);
+                        }, children: _jsx(MapSearchBar, { label: "Search addresses", leading: _jsx("span", { "aria-hidden": "true", children: "\u2315" }), busy: busy, children: _jsx("input", { id: "mw-pipeline-input", type: "search", "aria-label": "Address", value: geocode.text, onChange: (event) => geocode.setText(event.target.value), disabled: !runtime.ready, placeholder: placeholder, onKeyDown: autocomplete.onInputKeyDown, ...autocomplete.inputProps }) }) }), _jsx(PlaceAutocomplete, { suggestions: autocomplete.suggestions, activeIndex: autocomplete.activeIndex, onPick: autocomplete.pick, onHover: autocomplete.setActiveIndex, listboxID: autocomplete.listboxID, optionID: autocomplete.optionID }), _jsx(MapChipRow, { chips: chips, label: "Example addresses", activeValue: geocode.text, disabled: !runtime.ready || busy, onPick: (value) => {
+                            geocode.setText(value);
+                            geocode.reset();
+                            runQuery(value);
+                        } }), panels.bias] }), _jsxs(MapControlStack, { label: "Map controls", children: [_jsxs(MapControlGroup, { children: [_jsx(MapControlButton, { label: "About this geocoder", active: openSheet === "about", onPress: () => toggleSheet("about"), children: _jsx("span", { "aria-hidden": "true", children: "i" }) }), panels.layers ? (_jsx(MapControlButton, { label: "Map layers", active: openSheet === "layers", onPress: () => toggleSheet("layers"), children: _jsx("span", { "aria-hidden": "true", children: "\u2261" }) })) : null, _jsx(MapControlButton, { label: "Developer controls", active: openSheet === "developer", onPress: () => toggleSheet("developer"), children: _jsx("span", { "aria-hidden": "true", children: "\u2699" }) })] }), _jsx(MapControlGroup, { className: "mw-map-control-group--compass", children: _jsx(MapCompass, { bearing: bearing, onResetNorth: resetNorth }) })] }), openSheet === "about" ? (_jsx(MapSheet, { title: "About", onClose: closeSheet, children: panels.header })) : null, openSheet === "layers" ? (_jsx(MapSheet, { title: "Layers", onClose: closeSheet, children: panels.layers?.({ map }) })) : null, openSheet === "developer" ? (_jsxs(MapSheet, { title: "Developer", onClose: closeSheet, children: [panels.releaseInfo ? (_jsxs("div", { className: "mw-map-sheet__row", children: [_jsx("span", { className: "mw-map-sheet__label", children: "This release" }), panels.releaseInfo] })) : null, _jsx("div", { className: "mw-map-sheet__row", children: _jsx(VersionPicker, { versions: versions, selected: runtime.selectedVersion ?? null, onSelect: onSelectVersion, disabled: busy }) }), _jsx("div", { className: "mw-map-sheet__row", children: _jsx(BackendControl, { activeBackend: runtime.activeBackend, forceWASM: runtime.forceWASM ?? false, onForceWASMChange: onForceWASMChange }) }), _jsx("div", { className: "mw-map-sheet__row", children: _jsx(CompareToggle, { versions: versions, primaryVersion: runtime.selectedVersion ?? null, compareMode: compare.compareMode, onCompareModeChange: compare.setCompareMode, compareVersion: compare.compareVersion, onCompareVersionChange: compare.setCompareVersion, disabled: busy }) }), panels.developerExtras] })) : null, showSheet ? (_jsxs("section", { className: "mw-map-sheet mw-map-sheet--bottom", "aria-label": "Result", children: [_jsx("div", { className: "mw-map-sheet__handle", "aria-hidden": "true" }), errorMessage ? _jsx("p", { className: "mw-error", children: errorMessage }) : null, panels.aboveResult ? panels.aboveResult({ result }) : null, busy ? (_jsx("div", { className: "mw-result", children: _jsx(LoadingIndicator, { mode: "staged", steps: runtime.parseStageLabels, activeStep: geocode.parseStage }) })) : result ? (panels.result ? (panels.result({
+                        result,
+                        selectedCandidate,
+                        selectedCandidateIndex: geocode.selectedCandidateIndex,
+                        onSelectCandidate: geocode.selectCandidate,
+                    })) : (_jsx(ResultPanel, { result: result, selectedCandidate: selectedCandidate, selectedCandidateIndex: geocode.selectedCandidateIndex, onSelectCandidate: geocode.selectCandidate, extras: panels.extras, failure: panels.failure }))) : null, panels.compare
+                        ? panels.compare({ result, compareMode: compare.compareMode, compareVersion: compare.compareVersion })
+                        : null, panels.permalink ? _jsx("div", { className: "mw-map-sheet__actions", children: panels.permalink(geocode.text) }) : null] })) : null, panels.footer] }));
 }
 //# sourceMappingURL=GeocoderControls.js.map

package/out/map/GeocoderControls.js.map

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

package/out/map/MapChipRow.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   `<MapChipRow>` — the row of example queries under a search bar.
+ *
+ *   It SCROLLS horizontally and never wraps. Earth's twelve examples wrapped down five ragged rows (3/3/2/1/1/1) and
+ *   took a third of the panel; one scrolling line is the shape the reference map apps use, and it costs a fixed
+ *   height whatever the number of examples.
+ *
+ *   NODE-SAFE: pure React, no maplibre.
+ */
+import type { ReactNode } from "react";
+export interface MapChip {
+    /**
+     * What the chip reads.
+     */
+    label: string;
+    /**
+     * The query the chip stands for, handed back on press. Defaults to the label.
+     */
+    value?: string;
+    /**
+     * Rendered before the label — a category mark.
+     */
+    icon?: ReactNode;
+}
+export interface MapChipRowProps {
+    chips: MapChip[];
+    /**
+     * Fired with the chip's `value` (or its label) when one is pressed.
+     */
+    onPick: (value: string) => void;
+    /**
+     * The chip matching this value reads as pressed.
+     */
+    activeValue?: string;
+    disabled?: boolean;
+    className?: string;
+    /**
+     * Accessible name for the row, e.g. "Example addresses".
+     */
+    label?: string;
+}
+export declare function MapChipRow({ chips, onPick, activeValue, disabled, className, label }: MapChipRowProps): ReactNode;
+//# sourceMappingURL=MapChipRow.d.ts.map

package/out/map/MapChipRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapChipRow.d.ts","sourceRoot":"","sources":["../../lib/map/MapChipRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,WAAW,OAAO;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;CAChB;AAED,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB;;OAEG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,eAAe,GAAG,SAAS,CAyBjH"}

package/out/map/MapChipRow.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "#common/cx";
+export function MapChipRow({ chips, onPick, activeValue, disabled, className, label }) {
+    if (!chips.length)
+        return null;
+    return (_jsx("div", { className: cx("mw-map-chiprow", className), role: "group", "aria-label": label, children: chips.map((chip) => {
+            const value = chip.value ?? chip.label;
+            const active = value === activeValue;
+            return (_jsxs("button", { type: "button", className: cx("mw-map-chip", active && "mw-map-chip--active"), "aria-pressed": active, disabled: disabled, onClick: () => onPick(value), children: [chip.icon ? _jsx("span", { className: "mw-map-chip__icon", children: chip.icon }) : null, chip.label] }, value));
+        }) }));
+}
+//# sourceMappingURL=MapChipRow.js.map

package/out/map/MapChipRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapChipRow.js","sourceRoot":"","sources":["../../lib/map/MapChipRow.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAmC/B,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAmB;IACrG,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAE9B,OAAO,CACN,cAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,gBAAa,KAAK,YAC7E,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACnB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAA;YACtC,MAAM,MAAM,GAAG,KAAK,KAAK,WAAW,CAAA;YAEpC,OAAO,CACN,kBAEC,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,MAAM,IAAI,qBAAqB,CAAC,kBAC/C,MAAM,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAE3B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,mBAAmB,YAAE,IAAI,CAAC,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACzE,IAAI,CAAC,KAAK,KARN,KAAK,CASF,CACT,CAAA;QACF,CAAC,CAAC,GACG,CACN,CAAA;AACF,CAAC"}

package/out/map/MapCompass.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   `<MapCompass>` — the needle that appears when the map leaves north and fades out when it returns.
+ *
+ *   It is a compass ROSE, the way the reference map apps draw it: a ringed dial carrying a two-tone needle whose red
+ *   half points north and whose pale half points south. A single-color arrow cannot say which end is north, so a
+ *   reader has to already know the convention to read it; two tones say it outright. There is no `N` on the dial —
+ *   at this size the letter and the needle's north tip want the same few pixels, and the tip is the clearer of them.
+ *
+ *   The whole dial counter-rotates the bearing, so the needle keeps pointing at true north while the map turns under
+ *   it. Pressing it returns the map to north, which is why the control is a button rather than an ornament.
+ *
+ *   It stays mounted through the fade rather than unmounting on the bearing crossing zero, because a control that
+ *   vanishes mid-gesture is the thing that reads as a glitch. `HIDE_BELOW_DEGREES` is the dead zone: a map settled by
+ *   a snap-to-north lands a fraction off zero, and a compass that lingers over that fraction never goes away.
+ *
+ *   Under `prefers-reduced-motion` it appears and disappears with no transition, and the dial still rotates —
+ *   rotation IS the information, not decoration.
+ *
+ *   NODE-SAFE: pure React, no maplibre. The host reads the bearing off its own map and passes it in.
+ */
+import type { ReactNode } from "react";
+export interface MapCompassProps {
+    /**
+     * The map's bearing in degrees, as MapLibre reports it: 0 is north, positive is counter-clockwise.
+     */
+    bearing: number;
+    /**
+     * Fired when the compass is pressed — the host resets its map to north.
+     */
+    onResetNorth: () => void;
+    /**
+     * The control's accessible name. @default "Reset bearing to north"
+     */
+    label?: string;
+    className?: string;
+}
+export declare function MapCompass({ bearing, onResetNorth, label, className }: MapCompassProps): ReactNode;
+//# sourceMappingURL=MapCompass.d.ts.map

package/out/map/MapCompass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapCompass.d.ts","sourceRoot":"","sources":["../../lib/map/MapCompass.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,MAAM,WAAW,eAAe;IAC/B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,GAAG,SAAS,CA0BlG"}

package/out/map/MapCompass.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "#common/cx";
+/**
+ * Below this many degrees off north the compass is treated as pointing north and fades out.
+ */
+const HIDE_BELOW_DEGREES = 0.5;
+export function MapCompass({ bearing, onResetNorth, label, className }) {
+    const facingNorth = Math.abs(bearing) < HIDE_BELOW_DEGREES;
+    return (_jsx("button", { type: "button", className: cx("mw-map-compass", facingNorth && "mw-map-compass--north", className), "aria-label": label ?? "Reset bearing to north", title: label ?? "Reset bearing to north", "aria-hidden": facingNorth, tabIndex: facingNorth ? -1 : 0, onClick: onResetNorth, children: _jsx("svg", { viewBox: "0 0 32 32", width: "26", height: "26", "aria-hidden": "true", focusable: "false", children: _jsxs("g", { style: { transform: `rotate(${-bearing}deg)`, transformOrigin: "16px 16px" }, children: [_jsx("circle", { cx: "16", cy: "16", r: "12.5", className: "mw-map-compass__dial" }), _jsx("path", { d: "M16 5.5 L20.5 16 L16 16 Z M16 5.5 L11.5 16 L16 16 Z", className: "mw-map-compass__north" }), _jsx("path", { d: "M16 26.5 L20.5 16 L16 16 Z M16 26.5 L11.5 16 L16 16 Z", className: "mw-map-compass__south" })] }) }) }));
+}
+//# sourceMappingURL=MapCompass.js.map

package/out/map/MapCompass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapCompass.js","sourceRoot":"","sources":["../../lib/map/MapCompass.tsx"],"names":[],"mappings":";AA2BA,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;GAEG;AACH,MAAM,kBAAkB,GAAG,GAAG,CAAA;AAkB9B,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAmB;IACtF,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAA;IAE1D,OAAO,CACN,iBACC,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,WAAW,IAAI,uBAAuB,EAAE,SAAS,CAAC,gBACtE,KAAK,IAAI,wBAAwB,EAC7C,KAAK,EAAE,KAAK,IAAI,wBAAwB,iBAG3B,WAAW,EACxB,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC9B,OAAO,EAAE,YAAY,YAErB,cAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,iBAAa,MAAM,EAAC,SAAS,EAAC,OAAO,YACnF,aAAG,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,aAC9E,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,MAAM,EAAC,SAAS,EAAC,sBAAsB,GAAG,EAGpE,eAAM,CAAC,EAAC,qDAAqD,EAAC,SAAS,EAAC,uBAAuB,GAAG,EAClG,eAAM,CAAC,EAAC,uDAAuD,EAAC,SAAS,EAAC,uBAAuB,GAAG,IACjG,GACC,GACE,CACT,CAAA;AACF,CAAC"}

package/out/map/MapControlStack.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   `<MapControlStack>` — the column of map controls down one edge, and `<MapControlButton>`, the control inside it.
+ *
+ *   Controls sit in GROUPS: a group is one glass capsule with hairlines between its buttons, and separate groups are
+ *   separate capsules with a gap. That grouping is the whole layout idea — related controls read as one object, and
+ *   an unrelated one (a compass that comes and goes) does not join a capsule it would resize.
+ *
+ *   NODE-SAFE: pure React, no maplibre.
+ */
+import type { ReactNode } from "react";
+export interface MapControlButtonProps {
+    /**
+     * The mark inside the control — an SVG icon or a single glyph.
+     */
+    children: ReactNode;
+    /**
+     * The control's accessible name. Required: the visible content is a mark, not a word.
+     */
+    label: string;
+    onPress: () => void;
+    /**
+     * Reads as active, for a control that toggles a layer or a mode.
+     */
+    active?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function MapControlButton({ children, label, onPress, active, disabled, className, }: MapControlButtonProps): ReactNode;
+export interface MapControlGroupProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * One capsule. Put related controls in the same group; give an unrelated one its own.
+ */
+export declare function MapControlGroup({ children, className }: MapControlGroupProps): ReactNode;
+export interface MapControlStackProps {
+    /**
+     * Groups, top to bottom.
+     */
+    children: ReactNode;
+    /**
+     * Which edge the column sits against. @default "right"
+     */
+    side?: "left" | "right";
+    className?: string;
+    /**
+     * Accessible name for the column, e.g. "Map controls".
+     */
+    label?: string;
+}
+export declare function MapControlStack({ children, side, className, label }: MapControlStackProps): ReactNode;
+//# sourceMappingURL=MapControlStack.d.ts.map

package/out/map/MapControlStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapControlStack.d.ts","sourceRoot":"","sources":["../../lib/map/MapControlStack.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,WAAW,qBAAqB;IACrC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,gBAAgB,CAAC,EAChC,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,GACT,EAAE,qBAAqB,GAAG,SAAS,CAcnC;AAED,MAAM,WAAW,oBAAoB;IACpC,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAExF;AAED,MAAM,WAAW,oBAAoB;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,IAAc,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAU/G"}

package/out/map/MapControlStack.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from "#common/cx";
+export function MapControlButton({ children, label, onPress, active, disabled, className, }) {
+    return (_jsx("button", { type: "button", className: cx("mw-map-control", active && "mw-map-control--active", className), "aria-label": label, "aria-pressed": active, title: label, disabled: disabled, onClick: onPress, children: children }));
+}
+/**
+ * One capsule. Put related controls in the same group; give an unrelated one its own.
+ */
+export function MapControlGroup({ children, className }) {
+    return _jsx("div", { className: cx("mw-map-control-group", className), children: children });
+}
+export function MapControlStack({ children, side = "right", className, label }) {
+    return (_jsx("div", { className: cx("mw-map-control-stack", `mw-map-control-stack--${side}`, className), role: "group", "aria-label": label, children: children }));
+}
+//# sourceMappingURL=MapControlStack.js.map

package/out/map/MapControlStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapControlStack.js","sourceRoot":"","sources":["../../lib/map/MapControlStack.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAoB/B,MAAM,UAAU,gBAAgB,CAAC,EAChC,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,GACc;IACvB,OAAO,CACN,iBACC,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,MAAM,IAAI,wBAAwB,EAAE,SAAS,CAAC,gBAClE,KAAK,kBACH,MAAM,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,YAEf,QAAQ,GACD,CACT,CAAA;AACF,CAAC;AAOD;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAwB;IAC5E,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAA;AAC/E,CAAC;AAkBD,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,OAAO,EAAE,SAAS,EAAE,KAAK,EAAwB;IACnG,OAAO,CACN,cACC,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,yBAAyB,IAAI,EAAE,EAAE,SAAS,CAAC,EACjF,IAAI,EAAC,OAAO,gBACA,KAAK,YAEhB,QAAQ,GACJ,CACN,CAAA;AACF,CAAC"}

package/out/map/MapFooter.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   `<MapFooter>` — the strip along the bottom of a map: identity and load status on the left, an attribution button
+ *   on the right.
+ *
+ *   Attribution is a licence obligation for every source these apps draw, so it is a first-class slot rather than
+ *   something an app remembers to add. It sits behind a button because the strip has to stay ONE line: spelled out, the
+ *   credits ran three lines deep on a phone and covered the sheet above them. The button names the obligation, and
+ *   pressing it shows every credit — which is the treatment the reference map apps use.
+ *
+ *   The status slot is where the loader says WHAT it is fetching while the bar at the top of the viewport says how far
+ *   along it is.
+ *
+ *   NODE-SAFE: pure React, no maplibre.
+ */
+import { type ReactNode } from "react";
+export interface MapFooterProps {
+    /**
+     * The left side: a wordmark, a body name, a line saying what the page does.
+     */
+    identity?: ReactNode;
+    /**
+     * Beside the identity: what is loading right now. Absent when nothing is.
+     */
+    status?: ReactNode;
+    /**
+     * The credits, one entry per source. Shown in the popover the attribution button opens.
+     */
+    attribution?: ReactNode[];
+    /**
+     * What the attribution button reads. @default "Sources"
+     */
+    attributionLabel?: string;
+    className?: string;
+}
+export declare function MapFooter({ identity, status, attribution, attributionLabel, className, }: MapFooterProps): ReactNode;
+//# sourceMappingURL=MapFooter.d.ts.map

package/out/map/MapFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapFooter.d.ts","sourceRoot":"","sources":["../../lib/map/MapFooter.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAA;AAI1E,MAAM,WAAW,cAAc;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,EAAE,CAAA;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,SAAS,CAAC,EACzB,QAAQ,EACR,MAAM,EACN,WAAW,EACX,gBAA4B,EAC5B,SAAS,GACT,EAAE,cAAc,GAAG,SAAS,CAiE5B"}

package/out/map/MapFooter.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   `<MapFooter>` — the strip along the bottom of a map: identity and load status on the left, an attribution button
+ *   on the right.
+ *
+ *   Attribution is a licence obligation for every source these apps draw, so it is a first-class slot rather than
+ *   something an app remembers to add. It sits behind a button because the strip has to stay ONE line: spelled out, the
+ *   credits ran three lines deep on a phone and covered the sheet above them. The button names the obligation, and
+ *   pressing it shows every credit — which is the treatment the reference map apps use.
+ *
+ *   The status slot is where the loader says WHAT it is fetching while the bar at the top of the viewport says how far
+ *   along it is.
+ *
+ *   NODE-SAFE: pure React, no maplibre.
+ */
+import { useEffect, useId, useRef, useState } from "react";
+import { cx } from "#common/cx";
+export function MapFooter({ identity, status, attribution, attributionLabel = "Sources", className, }) {
+    const [open, setOpen] = useState(false);
+    const popoverID = useId();
+    const root = useRef(null);
+    // A popover closes when the conversation moves elsewhere: a press outside it, or Escape.
+    useEffect(() => {
+        if (!open)
+            return;
+        const onPointerDown = (event) => {
+            if (!root.current?.contains(event.target)) {
+                setOpen(false);
+            }
+        };
+        const onKeyDown = (event) => {
+            if (event.key === "Escape") {
+                setOpen(false);
+            }
+        };
+        document.addEventListener("pointerdown", onPointerDown);
+        document.addEventListener("keydown", onKeyDown);
+        return () => {
+            document.removeEventListener("pointerdown", onPointerDown);
+            document.removeEventListener("keydown", onKeyDown);
+        };
+    }, [open]);
+    if (!identity && !status && !attribution?.length)
+        return null;
+    return (_jsxs("footer", { className: cx("mw-map-footer", className), ref: root, children: [_jsxs("div", { className: "mw-map-footer__identity", children: [identity, status ? _jsx("span", { className: "mw-map-footer__status", children: status }) : null] }), attribution?.length ? (_jsxs("div", { className: "mw-map-footer__sources", children: [open ? (_jsx("div", { className: "mw-map-footer__popover", id: popoverID, role: "group", "aria-label": "Map data sources", children: attribution.map((entry, index) => (_jsx("span", { className: "mw-map-footer__credit", children: entry }, index))) })) : null, _jsx("button", { type: "button", className: "mw-map-footer__attribution-button", "aria-expanded": open, "aria-controls": open ? popoverID : undefined, onClick: () => setOpen((value) => !value), children: attributionLabel })] })) : null] }));
+}
+//# sourceMappingURL=MapFooter.js.map

package/out/map/MapFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapFooter.js","sourceRoot":"","sources":["../../lib/map/MapFooter.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAkB,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1E,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAsB/B,MAAM,UAAU,SAAS,CAAC,EACzB,QAAQ,EACR,MAAM,EACN,WAAW,EACX,gBAAgB,GAAG,SAAS,EAC5B,SAAS,GACO;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IACzB,MAAM,IAAI,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IAEtC,yFAAyF;IACzF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,IAAI;YAAE,OAAM;QAEjB,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;YAC7C,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBACnD,OAAO,CAAC,KAAK,CAAC,CAAA;YACf,CAAC;QACF,CAAC,CAAA;QAED,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC1C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC5B,OAAO,CAAC,KAAK,CAAC,CAAA;YACf,CAAC;QACF,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;QACvD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;YAC1D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QACnD,CAAC,CAAA;IACF,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,MAAM;QAAE,OAAO,IAAI,CAAA;IAE7D,OAAO,CACN,kBAAQ,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,IAAI,aAC3D,eAAK,SAAS,EAAC,yBAAyB,aACtC,QAAQ,EACR,MAAM,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAQ,CAAC,CAAC,CAAC,IAAI,IACnE,EAEL,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CACtB,eAAK,SAAS,EAAC,wBAAwB,aACrC,IAAI,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAC,wBAAwB,EAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,gBAAY,kBAAkB,YAC/F,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAElC,eAAkB,SAAS,EAAC,uBAAuB,YACjD,KAAK,IADI,KAAK,CAET,CACP,CAAC,GACG,CACN,CAAC,CAAC,CAAC,IAAI,EAER,iBACC,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mCAAmC,mBAC9B,IAAI,mBACJ,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,YAExC,gBAAgB,GACT,IACJ,CACN,CAAC,CAAC,CAAC,IAAI,IACA,CACT,CAAA;AACF,CAAC"}

package/out/map/MapProgressBar.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   `<MapProgressBar>` — the loading bar pinned across the top of the viewport.
+ *
+ *   Loading a 38 MB model is a page-level event, not a control-level one, so it reports at the page's edge rather than
+ *   inside the search field: a spinner in the field resizes the one control a visitor is trying to type into, and a
+ *   staged list in the result sheet claims the space an answer will need.
+ *
+ *   It reports a FRACTION when the loader names its steps and runs indeterminate when it does not, because a bar that
+ *   invents a percentage is worse than one that admits it is only saying "still working".
+ *
+ *   NODE-SAFE: pure React, no maplibre.
+ */
+import type { ReactNode } from "react";
+export interface MapProgressBarProps {
+    /**
+     * Whether the bar is showing at all. It stays mounted through its fade rather than unmounting on the transition.
+     */
+    active: boolean;
+    /**
+     * Completed steps over total steps, in [0, 1]. Omit for work whose length is unknown.
+     */
+    fraction?: number | null;
+    /**
+     * The bar's accessible name — what is loading, in a few words.
+     */
+    label: string;
+    className?: string;
+}
+export declare function MapProgressBar({ active, fraction, label, className }: MapProgressBarProps): ReactNode;
+//# sourceMappingURL=MapProgressBar.d.ts.map

package/out/map/MapProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapProgressBar.d.ts","sourceRoot":"","sources":["../../lib/map/MapProgressBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,WAAW,mBAAmB;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,mBAAmB,GAAG,SAAS,CAoBrG"}

package/out/map/MapProgressBar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from "#common/cx";
+export function MapProgressBar({ active, fraction, label, className }) {
+    const determinate = typeof fraction === "number" && Number.isFinite(fraction);
+    const clamped = determinate ? Math.min(1, Math.max(0, fraction)) : 0;
+    return (_jsx("div", { className: cx("mw-map-progress", !active && "mw-map-progress--idle", className), role: "progressbar", "aria-label": label, "aria-hidden": !active, "aria-valuemin": determinate ? 0 : undefined, "aria-valuemax": determinate ? 100 : undefined, "aria-valuenow": determinate ? Math.round(clamped * 100) : undefined, children: _jsx("div", { className: cx("mw-map-progress__fill", !determinate && "mw-map-progress__fill--indeterminate"), style: determinate ? { transform: `scaleX(${clamped})` } : undefined }) }));
+}
+//# sourceMappingURL=MapProgressBar.js.map

package/out/map/MapProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapProgressBar.js","sourceRoot":"","sources":["../../lib/map/MapProgressBar.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAkB/B,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAuB;IACzF,MAAM,WAAW,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC7E,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAEpE,OAAO,CACN,cACC,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC,MAAM,IAAI,uBAAuB,EAAE,SAAS,CAAC,EAC/E,IAAI,EAAC,aAAa,gBACN,KAAK,iBACJ,CAAC,MAAM,mBACL,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,mBAC3B,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,mBAC7B,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,YAElE,cACC,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,CAAC,WAAW,IAAI,sCAAsC,CAAC,EAC9F,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,GACnE,GACG,CACN,CAAA;AACF,CAAC"}

package/out/map/MapSearchBar.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   `<MapSearchBar>` — the floating search pill that sits over a map. Presentational only: it supplies the glass
+ *   material, the pill shape and the two icon slots, and the host supplies the input and whatever backend answers it.
+ *   Earth searches an address through the geocoder runtime and the planetary apps search a nomenclature artifact, so
+ *   nothing about the query belongs here.
+ *
+ *   The slots are elements rather than icon names because a leading mark and a trailing control differ per app — a
+ *   magnifier on one, a body glyph on another.
+ *
+ *   BUSY IS A LINE, NOT A SLOT. A spinner placed in the trailing slot changed the pill's height on every submit,
+ *   because a slot is laid out and an indicator is not part of the query. `busy` draws a hairline across the pill's
+ *   lower edge instead, which costs no layout. A host that wants `type="search"` also gets the browser's own clear
+ *   button in that corner, and two crosses side by side is one control too many.
+ *
+ *   NODE-SAFE: pure React, no maplibre.
+ */
+import type { ReactNode } from "react";
+export interface MapSearchBarProps {
+    /**
+     * The input (or combobox) the host owns. Rendered between the two slots.
+     */
+    children: ReactNode;
+    /**
+     * Rendered before the input — a magnifier, a body mark, a back arrow.
+     */
+    leading?: ReactNode;
+    /**
+     * Rendered after the input — a microphone, a menu. Not a spinner: pass {@link busy} instead.
+     */
+    trailing?: ReactNode;
+    /**
+     * A query is running. Draws a progress hairline along the pill's lower edge, which takes no layout.
+     */
+    busy?: boolean;
+    /**
+     * Extra class on the pill.
+     */
+    className?: string;
+    /**
+     * Accessible name for the surrounding region, when the bar is the app's primary search.
+     */
+    label?: string;
+}
+export declare function MapSearchBar({ children, leading, trailing, busy, className, label }: MapSearchBarProps): ReactNode;
+//# sourceMappingURL=MapSearchBar.d.ts.map

package/out/map/MapSearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapSearchBar.d.ts","sourceRoot":"","sources":["../../lib/map/MapSearchBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,iBAAiB,GAAG,SAAS,CAelH"}

package/out/map/MapSearchBar.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "#common/cx";
+export function MapSearchBar({ children, leading, trailing, busy, className, label }) {
+    return (_jsxs("div", { className: cx("mw-map-searchbar", busy && "mw-map-searchbar--busy", className), role: label ? "search" : undefined, "aria-label": label, "aria-busy": busy, children: [leading ? _jsx("span", { className: "mw-map-searchbar__slot mw-map-searchbar__slot--leading", children: leading }) : null, _jsx("span", { className: "mw-map-searchbar__field", children: children }), trailing ? _jsx("span", { className: "mw-map-searchbar__slot mw-map-searchbar__slot--trailing", children: trailing }) : null] }));
+}
+//# sourceMappingURL=MapSearchBar.js.map

package/out/map/MapSearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapSearchBar.js","sourceRoot":"","sources":["../../lib/map/MapSearchBar.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AA6B/B,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAqB;IACtG,OAAO,CACN,eACC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,IAAI,IAAI,wBAAwB,EAAE,SAAS,CAAC,EAC9E,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,gBACtB,KAAK,eACN,IAAI,aAEd,OAAO,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,wDAAwD,YAAE,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,EAE3G,eAAM,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAQ,EAE1D,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,yDAAyD,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,IACzG,CACN,CAAA;AACF,CAAC"}

package/out/map/MapSheet.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   `<MapSheet>` — a side panel over the map: a title, a close button, and content.
+ *
+ *   The close button is not optional. On a wide screen the control that opened the sheet stays visible beside it and
+ *   could close it again, but on a phone the sheet is the whole panel and covers that control — so a sheet without its
+ *   own close is a sheet a phone cannot dismiss. One component carries it so the four sheets in these apps cannot
+ *   disagree about that.
+ *
+ *   Escape closes it too, because a panel over the whole screen is a modal in every way that matters to someone
+ *   holding a keyboard.
+ *
+ *   NODE-SAFE: pure React, no maplibre.
+ */
+import { type ReactNode } from "react";
+export interface MapSheetProps {
+    /**
+     * The sheet's heading, and its accessible name.
+     */
+    title: string;
+    /**
+     * Dismiss the sheet.
+     */
+    onClose: () => void;
+    children: ReactNode;
+    className?: string;
+}
+export declare function MapSheet({ title, onClose, children, className }: MapSheetProps): ReactNode;
+//# sourceMappingURL=MapSheet.d.ts.map