@mailwoman/react 9.3.0 → 10.0.0

package/out/map/{DemoMap.d.ts → MapCanvas.d.ts}

@@ -3,7 +3,7 @@
  * @license AGPL-3.0
  * @author Teffen Ellis, et al.
  *
- *   `<DemoMap>` — the declarative map shell for the geocoder demo, over `react-map-gl/maplibre` (v8).
+ *   `<MapCanvas>` — the declarative map shell for the geocoder demo, over `react-map-gl/maplibre` (v8).
  *   Phase 1 is the shell only: a `<Map>` that takes a host-composed `mapStyle`, an initial (or
  *   controlled) view state, and a `children` slot for the overlays/markers that land in later phases.
  *   No overlay/marker/camera logic lives here yet.
@@ -15,27 +15,27 @@
  *   the root barrel.
  *
  *   CSS: the package imports no CSS from its modules (the node-safe invariant), so a host that renders
- *   `<DemoMap>` must import `maplibre-gl/dist/maplibre-gl.css` itself (plus `@mailwoman/react/styles.css`
- *   for the `.mw-demo-map` container). `<DemoMap>` is intrinsically a client component — a host that
+ *   `<MapCanvas>` must import `maplibre-gl/dist/maplibre-gl.css` itself (plus `@mailwoman/react/styles.css`
+ *   for the `.mw-demo-map` container). `<MapCanvas>` is intrinsically a client component — a host that
  *   server-renders should wrap it in a client boundary (the package's `ClientOnly`), exactly as the
- *   composed `GeocoderDemo` will in a later phase.
+ *   composed `Geocoder` will in a later phase.
  */
 import type { CSSProperties, ReactNode, Ref } from "react";
 import type { MapProps, MapRef, ViewStateChangeEvent } from "react-map-gl/maplibre";
 /**
- * The style a `<DemoMap>` renders — a style URL or an inline/composed `StyleSpecification`.
+ * The style a `<MapCanvas>` renders — a style URL or an inline/composed `StyleSpecification`.
  */
-export type DemoMapStyle = NonNullable<MapProps["mapStyle"]>;
+export type MapCanvasStyle = NonNullable<MapProps["mapStyle"]>;
 /**
- * Override for the `<Map>` props `<DemoMap>` does not surface explicitly (e.g. `minZoom`, `attributionControl`,
- * `maplibreLogo`). The controlled fields DemoMap owns are omitted so they can't be set twice.
+ * Override for the `<Map>` props `<MapCanvas>` does not surface explicitly (e.g. `minZoom`, `attributionControl`,
+ * `maplibreLogo`). The controlled fields MapCanvas owns are omitted so they can't be set twice.
  */
-export type DemoMapExtraProps = Partial<Omit<MapProps, "mapStyle" | "initialViewState" | "viewState" | "onMove" | "children" | "style" | "ref">>;
-export interface DemoMapProps {
+export type MapCanvasExtraProps = Partial<Omit<MapProps, "mapStyle" | "initialViewState" | "viewState" | "onMove" | "children" | "style" | "ref">>;
+export interface MapCanvasProps {
     /**
      * The map style — host-composed `StyleSpecification` or a style URL.
      */
-    mapStyle: DemoMapStyle;
+    mapStyle: MapCanvasStyle;
     /**
      * Uncontrolled initial camera. Use this OR `viewState`, not both.
      */
@@ -69,13 +69,13 @@ export interface DemoMapProps {
      */
     style?: CSSProperties;
     /**
-     * Remaining `<Map>` props DemoMap does not surface explicitly.
+     * Remaining `<Map>` props MapCanvas does not surface explicitly.
      */
-    mapProps?: DemoMapExtraProps;
+    mapProps?: MapCanvasExtraProps;
 }
 /**
  * The controlled-viewport map shell. Renders a sized wrapper around a `react-map-gl/maplibre` `<Map>`; everything
  * host-specific (the composed `mapStyle`, the initial center) is injected, and overlays ride in as `children`.
  */
-export declare function DemoMap({ mapStyle, initialViewState, viewState, onMove, projection, mapRef, children, className, style, mapProps, }: DemoMapProps): ReactNode;
-//# sourceMappingURL=DemoMap.d.ts.map
+export declare function MapCanvas({ mapStyle, initialViewState, viewState, onMove, projection, mapRef, children, className, style, mapProps, }: MapCanvasProps): ReactNode;
+//# sourceMappingURL=MapCanvas.d.ts.map

package/out/map/MapCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapCanvas.d.ts","sourceRoot":"","sources":["../../lib/map/MapCanvas.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAEnF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAA;AAE9D;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,CACxC,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,kBAAkB,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC,CACvG,CAAA;AAED,MAAM,WAAW,cAAc;IAC9B;;OAEG;IACH,QAAQ,EAAE,cAAc,CAAA;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IAC/C;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IACnC;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAA;CAC9B;AAID;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACzB,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,UAAoB,EACpB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,GACR,EAAE,cAAc,GAAG,SAAS,CAmB5B"}

package/out/map/{DemoMap.js → MapCanvas.js}

@@ -5,8 +5,8 @@ const FILL = { width: "100%", height: "100%" };
  * The controlled-viewport map shell. Renders a sized wrapper around a `react-map-gl/maplibre` `<Map>`; everything
  * host-specific (the composed `mapStyle`, the initial center) is injected, and overlays ride in as `children`.
  */
-export function DemoMap({ mapStyle, initialViewState, viewState, onMove, projection = "globe", mapRef, children, className, style, mapProps, }) {
+export function MapCanvas({ mapStyle, initialViewState, viewState, onMove, projection = "globe", mapRef, children, className, style, mapProps, }) {
     const wrapperClassName = className ? `mw-demo-map ${className}` : "mw-demo-map";
     return (_jsx("div", { className: wrapperClassName, style: style, children: _jsx(Map, { ...mapProps, ref: mapRef, mapStyle: mapStyle, initialViewState: initialViewState, viewState: viewState, onMove: onMove, projection: projection, style: FILL, children: children }) }));
 }
-//# sourceMappingURL=DemoMap.js.map
+//# sourceMappingURL=MapCanvas.js.map

package/out/map/MapCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapCanvas.js","sourceRoot":"","sources":["../../lib/map/MapCanvas.tsx"],"names":[],"mappings":";AAwBA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AA2D3C,MAAM,IAAI,GAAkB,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAA;AAE7D;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,EACzB,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,UAAU,GAAG,OAAO,EACpB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,GACQ;IAChB,MAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,eAAe,SAAS,EAAE,CAAC,CAAC,CAAC,aAAa,CAAA;IAE/E,OAAO,CACN,cAAK,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,YAC7C,KAAC,GAAG,OACC,QAAQ,EACZ,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,IAAI,YAEV,QAAQ,GACJ,GACD,CACN,CAAA;AACF,CAAC"}

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

package/out/map/MapSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapSheet.d.ts","sourceRoot":"","sources":["../../lib/map/MapSheet.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAA;AAIjD,MAAM,WAAW,aAAa;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,GAAG,SAAS,CA0B1F"}

package/out/map/MapSheet.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @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 { useEffect } from "react";
+import { cx } from "#common/cx";
+export function MapSheet({ title, onClose, children, className }) {
+    useEffect(() => {
+        const onKeyDown = (event) => {
+            if (event.key === "Escape") {
+                onClose();
+            }
+        };
+        document.addEventListener("keydown", onKeyDown);
+        return () => document.removeEventListener("keydown", onKeyDown);
+    }, [onClose]);
+    return (_jsxs("aside", { className: cx("mw-map-sheet mw-map-sheet--side", className), "aria-label": title, children: [_jsxs("div", { className: "mw-map-sheet__header", children: [_jsx("h2", { className: "mw-map-sheet__title", children: title }), _jsx("button", { type: "button", className: "mw-map-sheet__close", "aria-label": `Close ${title}`, onClick: onClose, children: _jsx("span", { "aria-hidden": "true", children: "\u00D7" }) })] }), _jsx("div", { className: "mw-map-sheet__body", children: children })] }));
+}
+//# sourceMappingURL=MapSheet.js.map

package/out/map/MapSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapSheet.js","sourceRoot":"","sources":["../../lib/map/MapSheet.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAe/B,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAiB;IAC9E,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC1C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC5B,OAAO,EAAE,CAAA;YACV,CAAC;QACF,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAChE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACN,iBAAO,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,gBAAc,KAAK,aACpF,eAAK,SAAS,EAAC,sBAAsB,aACpC,aAAI,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAM,EAEhD,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,qBAAqB,gBAAa,SAAS,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,YACnG,8BAAkB,MAAM,uBAAS,GACzB,IACJ,EAEN,cAAK,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAO,IAC7C,CACR,CAAA;AACF,CAAC"}

package/out/map/OverlayLayers.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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