@mailwoman/react 9.4.0 → 10.1.0

package/out/map/GraticuleLayer.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   Draws a grid of meridians and parallels under the basemap so that the globe is readable while
+ *   tiles load. Loaded tiles cover the grid.
+ */
+import { type ReactNode } from "react";
+/**
+ * Props for {@link GraticuleLayer}.
+ */
+export interface GraticuleLayerProps {
+    /**
+     * The basemap layer to draw the grid beneath.
+     * Without it, the grid is drawn on top.
+     */
+    beforeID?: string;
+    /**
+     * Hides the grid. @default false
+     */
+    hidden?: boolean;
+}
+/**
+ * Renders the graticule source and line layer.
+ */
+export declare function GraticuleLayer({ beforeID, hidden }: GraticuleLayerProps): ReactNode;
+//# sourceMappingURL=GraticuleLayer.d.ts.map

package/out/map/GraticuleLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraticuleLayer.d.ts","sourceRoot":"","sources":["../../lib/map/GraticuleLayer.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAA;AAK/C;;GAEG;AACH,MAAM,WAAW,mBAAmB;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CAChB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAc,EAAE,EAAE,mBAAmB,GAAG,SAAS,CAqB3F"}

package/out/map/GraticuleLayer.js

@@ -0,0 +1,25 @@
+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.
+ *
+ *   Draws a grid of meridians and parallels under the basemap so that the globe is readable while
+ *   tiles load. Loaded tiles cover the grid.
+ */
+import { useMemo } from "react";
+import { Layer, Source } from "react-map-gl/maplibre";
+import { buildGraticule } from "./graticule.js";
+/**
+ * Renders the graticule source and line layer.
+ */
+export function GraticuleLayer({ beforeID, hidden = false }) {
+    const data = useMemo(() => buildGraticule(), []);
+    return (_jsxs(_Fragment, { children: [_jsx(Source, { id: "mw-graticule", type: "geojson", data: data }), _jsx(Layer, { id: "mw-graticule-line", type: "line", source: "mw-graticule", ...(beforeID ? { beforeId: beforeID } : {}), layout: { visibility: hidden ? "none" : "visible", "line-cap": "round" }, paint: {
+                    "line-color": "#8aa0c8",
+                    // The grid fades out by zoom 8, where map detail makes it unnecessary.
+                    "line-opacity": ["interpolate", ["linear"], ["zoom"], 0, 0.3, 3, 0.2, 6, 0.09, 8, 0],
+                    "line-width": ["interpolate", ["linear"], ["zoom"], 0, 0.5, 4, 0.75],
+                } })] }));
+}
+//# sourceMappingURL=GraticuleLayer.js.map

package/out/map/GraticuleLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraticuleLayer.js","sourceRoot":"","sources":["../../lib/map/GraticuleLayer.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAiB/C;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK,EAAuB;IAC/E,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,EAAE,EAAE,EAAE,CAAC,CAAA;IAEhD,OAAO,CACN,8BACC,KAAC,MAAM,IAAC,EAAE,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,GAAI,EACvD,KAAC,KAAK,IACL,EAAE,EAAC,mBAAmB,EACtB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,KACjB,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC5C,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,EACxE,KAAK,EAAE;oBACN,YAAY,EAAE,SAAS;oBACvB,uEAAuE;oBACvE,cAAc,EAAE,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;oBACpF,YAAY,EAAE,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC;iBACpE,GACA,IACA,CACH,CAAA;AACF,CAAC"}

package/out/map/MapCanvas.d.ts

@@ -5,18 +5,18 @@
  *
  *   `<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.
+ *   controlled) view state and a `children` slot for overlays/markers from later phases.
  *   No overlay/marker/camera logic lives here yet.
  *
- *   NODE-IMPORT SAFETY: this module imports `react-map-gl/maplibre` (which pulls `maplibre-gl` — WebGL
- *   + DOM at import) at module scope, so it is reachable ONLY through the `@mailwoman/react/map`
+ *   node-import safety: this module imports `react-map-gl/maplibre` (which pulls `maplibre-gl` — WebGL
+ *   + DOM at import) at module scope, so it is reachable only through the `@mailwoman/react/map`
  *   subpath, never from the package root (`index.ts`). The bare `import("@mailwoman/react")` a node
  *   consumer (or the CI smoke IMPORT_CHECK) runs must never transitively load this file. Keep it out of
  *   the root barrel.
  *
  *   CSS: the package imports no CSS from its modules (the node-safe invariant), so a host that renders
  *   `<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
+ *   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 `Geocoder` will in a later phase.
  */
@@ -27,8 +27,10 @@ import type { MapProps, MapRef, ViewStateChangeEvent } from "react-map-gl/maplib
  */
 export type MapCanvasStyle = NonNullable<MapProps["mapStyle"]>;
 /**
- * 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.
+ * 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 MapCanvasExtraProps = Partial<Omit<MapProps, "mapStyle" | "initialViewState" | "viewState" | "onMove" | "children" | "style" | "ref">>;
 export interface MapCanvasProps {
@@ -37,11 +39,15 @@ export interface MapCanvasProps {
      */
     mapStyle: MapCanvasStyle;
     /**
-     * Uncontrolled initial camera. Use this OR `viewState`, not both.
+     * Uncontrolled initial camera.
+     *
+     * Use this or `viewState`, not both.
      */
     initialViewState?: MapProps["initialViewState"];
     /**
-     * Controlled camera. Pair with `onMove` to persist it.
+     * Controlled camera.
+     *
+     * Pair with `onMove` to persist it.
      */
     viewState?: MapProps["viewState"];
     /**
@@ -57,7 +63,9 @@ export interface MapCanvasProps {
      */
     mapRef?: Ref<MapRef>;
     /**
-     * Overlays, markers, and controls — rendered as `<Map>` children. Empty in phase 1.
+     * Overlays, markers and controls — rendered as `<Map>` children.
+     *
+     * Empty in phase 1.
      */
     children?: ReactNode;
     /**
@@ -69,13 +77,16 @@ export interface MapCanvasProps {
      */
     style?: CSSProperties;
     /**
-     * Remaining `<Map>` props MapCanvas does not surface explicitly.
+     * Other `<Map>` props that MapCanvas does not surface explicitly.
      */
     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`.
+ * 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.
+ * Overlays arrive as `children`.
  */
 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

@@ -1 +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"}
+{"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;;;;;GAKG;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;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IAC/C;;;;OAIG;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;;;;OAIG;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;;;;;;GAMG;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/MapCanvas.js

@@ -2,8 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Map } from "react-map-gl/maplibre";
 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`.
+ * 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.
+ * Overlays arrive as `children`.
  */
 export function MapCanvas({ mapStyle, initialViewState, viewState, onMove, projection = "globe", mapRef, children, className, style, mapProps, }) {
     const wrapperClassName = className ? `mw-demo-map ${className}` : "mw-demo-map";

package/out/map/MapCanvas.js.map

@@ -1 +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"}
+{"version":3,"file":"MapCanvas.js","sourceRoot":"","sources":["../../lib/map/MapCanvas.tsx"],"names":[],"mappings":";AAwBA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAmE3C,MAAM,IAAI,GAAkB,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAA;AAE7D;;;;;;GAMG;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,43 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   Render example-query chips in a single horizontally scrollable row.
+ */
+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;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,WAAW,OAAO;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;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":";AAUA,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAqC/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,33 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   Shows a compass that rotates with the map bearing and hides when the map faces north. A press
+ *   it asks the host to reset the bearing.
+ */
+import type { ReactNode } from "react";
+/**
+ * Props for {@link MapCompass}.
+ */
+export interface MapCompassProps {
+    /**
+     * The map's bearing in degrees as MapLibre reports it, where 0 is north.
+     */
+    bearing: number;
+    /**
+     * Called when the compass is pressed.
+     * The host should reset its map to north.
+     */
+    onResetNorth: () => void;
+    /**
+     * The control's accessible name. @default "Reset bearing to north"
+     */
+    label?: string;
+    className?: string;
+}
+/**
+ * Renders the compass button.
+ */
+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;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUtC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,GAAG,SAAS,CAyBlG"}

package/out/map/MapCompass.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "#common/cx";
+/**
+ * The compass counts as facing north below this bearing.
+ * It fades out below the same threshold.
+ */
+const HIDE_BELOW_DEGREES = 0.5;
+/**
+ * Renders the compass button.
+ */
+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":";AAWA,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;;GAGG;AACH,MAAM,kBAAkB,GAAG,GAAG,CAAA;AAsB9B;;GAEG;AACH,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,iBAE3B,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,56 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   Provide accessible map-control buttons arranged in grouped capsules.
+ */
+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 rather than 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;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,WAAW,qBAAqB;IACrC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;;OAIG;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;;;;;GAKG;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,18 @@
+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":";AAUA,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAsB/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;;;;;GAKG;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,27 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ */
+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;
+    /**
+     * What is loading right now, beside the identity.
+     */
+    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;;;;GAIG;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,CAgE5B"}

package/out/map/MapFooter.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ */
+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);
+    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;;;;GAIG;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,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,31 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   Show loading progress at the top of the viewport.
+ *   Use a determinate bar when progress is known, otherwise an indeterminate bar.
+ */
+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;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,WAAW,mBAAmB;IACnC;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB;;;OAGG;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":";AAWA,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAuB/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,48 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   Presentational search pill for map UIs. The host supplies the input and icons.
+ *   Busy state uses a bottom-edge indicator to avoid changing the pill layout.
+ */
+import type { ReactNode } from "react";
+/**
+ * Draw a consistently sized magnifier for the leading slot.
+ */
+export declare function SearchGlyph(): ReactNode;
+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.
+     * The hairline takes no layout space.
+     */
+    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;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC;;GAEG;AACH,wBAAgB,WAAW,IAAI,SAAS,CAcvC;AAED,MAAM,WAAW,iBAAiB;IACjC;;;;OAIG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;;;OAKG;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,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "#common/cx";
+/**
+ * Draw a consistently sized magnifier for the leading slot.
+ */
+export function SearchGlyph() {
+    return (_jsxs("svg", { viewBox: "0 0 20 20", width: "18", height: "18", "aria-hidden": "true", focusable: "false", className: "mw-map-searchbar__glyph", children: [_jsx("circle", { cx: "8.75", cy: "8.75", r: "5.5", fill: "none", stroke: "currentColor", strokeWidth: "1.8" }), _jsx("line", { x1: "12.9", y1: "12.9", x2: "17", y2: "17", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" })] }));
+}
+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":";AAWA,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;GAEG;AACH,MAAM,UAAU,WAAW;IAC1B,OAAO,CACN,eACC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,iBACC,MAAM,EAClB,SAAS,EAAC,OAAO,EACjB,SAAS,EAAC,yBAAyB,aAEnC,iBAAQ,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,CAAC,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,GAAG,EAC1F,eAAM,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,GAAG,IACrG,CACN,CAAA;AACF,CAAC;AAoCD,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,35 @@
+/**
+ * @copyright Sister Software
+ * @license AGPL-3.0
+ * @author Teffen Ellis, et al.
+ *
+ *   Side panel over the map with a heading, close button and Escape dismissal.
+ */
+import { type ReactNode } from "react";
+export interface SheetCloseProps {
+    /**
+     * What is being closed, for the accessible name: "Close the result", "Close About".
+     */
+    label: string;
+    onClose: () => void;
+    className?: string;
+}
+/**
+ * Accessible button for dismissing a sheet.
+ */
+export declare function SheetClose({ label, onClose, className }: SheetCloseProps): ReactNode;
+export interface MapSheetProps {
+    /**
+     * The sheet's heading.
+     * It also supplies the 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