@mailwoman/react 8.5.0 → 9.0.0

package/map/DemoControls.tsx

@@ -133,8 +133,8 @@ export function DemoControls({
 				activeIndex={autocomplete.activeIndex}
 				onPick={autocomplete.pick}
 				onHover={autocomplete.setActiveIndex}
-				listboxId={autocomplete.listboxId}
-				optionId={autocomplete.optionId}
+				listboxID={autocomplete.listboxID}
+				optionID={autocomplete.optionID}
 			/>
 
 			<PresetChips

package/map/PlaceAutocomplete.tsx

@@ -35,13 +35,13 @@ export interface PlaceAutocompleteProps {
 	 */
 	onHover?: (index: number) => void
 	/**
-	 * The listbox element id — pass `listboxId` from the hook (matches the input's `aria-controls`).
+	 * The listbox element id — pass `listboxID` from the hook (matches the input's `aria-controls`).
 	 */
-	listboxId: string
+	listboxID: string
 	/**
-	 * Build the option element id — pass `optionId` from the hook.
+	 * Build the option element id — pass `optionID` from the hook.
 	 */
-	optionId: (index: number) => string
+	optionID: (index: number) => string
 	/**
 	 * Leading label. @default "Did you mean:"
 	 */
@@ -56,19 +56,19 @@ export function PlaceAutocomplete({
 	activeIndex,
 	onPick,
 	onHover,
-	listboxId,
-	optionId,
+	listboxID,
+	optionID,
 	caption = "Did you mean:",
 }: PlaceAutocompleteProps): ReactNode {
 	if (!suggestions.length) return null
 
 	return (
-		<div className="mw-demo-suggest" id={listboxId} role="listbox" aria-label="Place suggestions">
+		<div className="mw-demo-suggest" id={listboxID} role="listbox" aria-label="Place suggestions">
 			<span className="mw-demo-suggest__label">{caption}</span>
 			{suggestions.map((s, i) => (
 				<button
 					key={`${s.value}-${i}`}
-					id={optionId(i)}
+					id={optionID(i)}
 					type="button"
 					role="option"
 					aria-selected={i === activeIndex}

package/map/ResolvedPlaceLayers.tsx

@@ -37,7 +37,7 @@ export interface ResolvedPlaceLayersProps {
 	/**
 	 * Source/layer id prefix for the outline. @default "mw-result"
 	 */
-	outlineId?: string
+	outlineID?: string
 	/**
 	 * Marker color. @default the house pink.
 	 */
@@ -51,7 +51,7 @@ export function ResolvedPlaceLayers({
 	spec,
 	applyCamera = true,
 	animateCamera = true,
-	outlineId,
+	outlineID,
 	markerColor,
 }: ResolvedPlaceLayersProps): ReactNode {
 	if (!spec) return null
@@ -66,7 +66,7 @@ export function ResolvedPlaceLayers({
 					color={markerColor}
 				/>
 			))}
-			<ResultOverlay outline={spec.outline} id={outlineId} color={markerColor} />
+			<ResultOverlay outline={spec.outline} id={outlineID} color={markerColor} />
 			{applyCamera ? <ResultCamera target={spec.camera} animate={animateCamera} /> : null}
 		</>
 	)

package/map/ResultCamera.tsx

@@ -19,11 +19,31 @@
  *   value-key dance, no dependency-lint suppression.
  */
 
+import type { FitBoundsOptions } from "maplibre-gl"
 import { type ReactNode, useEffect } from "react"
 import { useMap } from "react-map-gl/maplibre"
 
 import type { MapCameraTarget } from "./place-render.ts"
 
+/**
+ * The `fitBounds` options for a `bounds` target — and the reason this is a named function rather than an object literal
+ * at the call site.
+ *
+ * `duration` is present ONLY on the non-animated path, and its ABSENCE on the animated one is load-bearing. maplibre's
+ * `Camera.flyTo` (which `fitBounds` funnels into via `_fitInternal`) branches on `'duration' in options`, not on the
+ * value: an explicitly-passed `duration: undefined` therefore survives the key test and is coerced with `+undefined` →
+ * `NaN`. Every ease frame then computes `k = easing(elapsed / NaN)` → `NaN`, the flight-path math yields a `NaN` world
+ * coordinate, and the FIRST frame throws `Invalid LngLat object: (NaN, NaN)` out of the RAF loop — before the map has
+ * moved at all, and with no `move` event to notice it by.
+ *
+ * Measured 2026-08-05 against maplibre-gl 5.24.0, same bounds and same map: `{padding: 40, duration: undefined}` →
+ * `map._easeOptions.duration = NaN` + the throw; `{padding: 40}` → `3937.7 ms` + a normal flight. So pass the key or
+ * don't — never pass it holding `undefined`.
+ */
+export function fitBoundsOptionsFor(padding: number, animate: boolean): FitBoundsOptions {
+	return animate ? { padding } : { padding, duration: 0 }
+}
+
 export interface ResultCameraProps {
 	/**
 	 * The camera target to animate to. `null` leaves the camera untouched (no result yet).
@@ -57,7 +77,7 @@ export function ResultCamera({ target, animate = true }: ResultCameraProps): Rea
 			return
 		}
 
-		instance.fitBounds(target.bounds, { padding: target.padding, duration: animate ? undefined : 0 })
+		instance.fitBounds(target.bounds, fitBoundsOptionsFor(target.padding, animate))
 	}, [map, target, animate])
 
 	return null

package/map/usePlaceAutocomplete.ts

@@ -87,15 +87,15 @@ export interface UsePlaceAutocomplete {
 	/**
 	 * The listbox element id (matches `inputProps["aria-controls"]`).
 	 */
-	listboxId: string
+	listboxID: string
 	/**
 	 * Build the option element id for suggestion `index`.
 	 */
-	optionId: (index: number) => string
+	optionID: (index: number) => string
 }
 
 const LISTBOX_ID = "mw-demo-suggest-list"
-const optionId = (index: number) => `mw-demo-suggest-${index}`
+const optionID = (index: number) => `mw-demo-suggest-${index}`
 
 /**
  * Extract the locality segment being typed — the text after the last comma, trimmed.
@@ -220,10 +220,10 @@ export function usePlaceAutocomplete({
 			"aria-expanded": suggestions.length > 0,
 			"aria-controls": LISTBOX_ID,
 			"aria-autocomplete": "list",
-			"aria-activedescendant": activeIndex >= 0 ? optionId(activeIndex) : undefined,
+			"aria-activedescendant": activeIndex >= 0 ? optionID(activeIndex) : undefined,
 			autoComplete: "off",
 		},
-		listboxId: LISTBOX_ID,
-		optionId,
+		listboxID: LISTBOX_ID,
+		optionID,
 	}
 }

package/out/map/DemoControls.js

@@ -15,7 +15,7 @@ export function DemoControls({ runtime, geocode, autocomplete, compare, panels,
     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) => {
+    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({

package/out/map/PlaceAutocomplete.d.ts

@@ -31,13 +31,13 @@ export interface PlaceAutocompleteProps {
      */
     onHover?: (index: number) => void;
     /**
-     * The listbox element id — pass `listboxId` from the hook (matches the input's `aria-controls`).
+     * The listbox element id — pass `listboxID` from the hook (matches the input's `aria-controls`).
      */
-    listboxId: string;
+    listboxID: string;
     /**
-     * Build the option element id — pass `optionId` from the hook.
+     * Build the option element id — pass `optionID` from the hook.
      */
-    optionId: (index: number) => string;
+    optionID: (index: number) => string;
     /**
      * Leading label. @default "Did you mean:"
      */
@@ -46,5 +46,5 @@ export interface PlaceAutocompleteProps {
 /**
  * The suggestion listbox.
  */
-export declare function PlaceAutocomplete({ suggestions, activeIndex, onPick, onHover, listboxId, optionId, caption, }: PlaceAutocompleteProps): ReactNode;
+export declare function PlaceAutocomplete({ suggestions, activeIndex, onPick, onHover, listboxID, optionID, caption, }: PlaceAutocompleteProps): ReactNode;
 //# sourceMappingURL=PlaceAutocomplete.d.ts.map

package/out/map/PlaceAutocomplete.js

@@ -3,9 +3,9 @@ import { cx } from "../common/cx.js";
 /**
  * The suggestion listbox.
  */
-export function PlaceAutocomplete({ suggestions, activeIndex, onPick, onHover, listboxId, optionId, caption = "Did you mean:", }) {
+export function PlaceAutocomplete({ suggestions, activeIndex, onPick, onHover, listboxID, optionID, caption = "Did you mean:", }) {
     if (!suggestions.length)
         return null;
-    return (_jsxs("div", { className: "mw-demo-suggest", id: listboxId, role: "listbox", "aria-label": "Place suggestions", children: [_jsx("span", { className: "mw-demo-suggest__label", children: caption }), suggestions.map((s, i) => (_jsx("button", { id: optionId(i), type: "button", role: "option", "aria-selected": i === activeIndex, className: cx("mw-chip", { "mw-chip--active": i === activeIndex }), onMouseEnter: () => onHover?.(i), onClick: () => onPick(s.value), title: s.placetype, children: s.label ?? s.value }, `${s.value}-${i}`)))] }));
+    return (_jsxs("div", { className: "mw-demo-suggest", id: listboxID, role: "listbox", "aria-label": "Place suggestions", children: [_jsx("span", { className: "mw-demo-suggest__label", children: caption }), suggestions.map((s, i) => (_jsx("button", { id: optionID(i), type: "button", role: "option", "aria-selected": i === activeIndex, className: cx("mw-chip", { "mw-chip--active": i === activeIndex }), onMouseEnter: () => onHover?.(i), onClick: () => onPick(s.value), title: s.placetype, children: s.label ?? s.value }, `${s.value}-${i}`)))] }));
 }
 //# sourceMappingURL=PlaceAutocomplete.js.map

package/out/map/ResolvedPlaceLayers.d.ts

@@ -31,7 +31,7 @@ export interface ResolvedPlaceLayersProps {
     /**
      * Source/layer id prefix for the outline. @default "mw-result"
      */
-    outlineId?: string;
+    outlineID?: string;
     /**
      * Marker color. @default the house pink.
      */
@@ -40,5 +40,5 @@ export interface ResolvedPlaceLayersProps {
 /**
  * Render the marker(s), outline, and (optional) camera move for one resolved place.
  */
-export declare function ResolvedPlaceLayers({ spec, applyCamera, animateCamera, outlineId, markerColor, }: ResolvedPlaceLayersProps): ReactNode;
+export declare function ResolvedPlaceLayers({ spec, applyCamera, animateCamera, outlineID, markerColor, }: ResolvedPlaceLayersProps): ReactNode;
 //# sourceMappingURL=ResolvedPlaceLayers.d.ts.map

package/out/map/ResolvedPlaceLayers.js

@@ -5,9 +5,9 @@ import { ResultOverlay } from "./ResultOverlay.js";
 /**
  * Render the marker(s), outline, and (optional) camera move for one resolved place.
  */
-export function ResolvedPlaceLayers({ spec, applyCamera = true, animateCamera = true, outlineId, markerColor, }) {
+export function ResolvedPlaceLayers({ spec, applyCamera = true, animateCamera = true, outlineID, markerColor, }) {
     if (!spec)
         return null;
-    return (_jsxs(_Fragment, { children: [spec.markers.map(([longitude, latitude], index) => (_jsx(PlaceMarker, { longitude: longitude, latitude: latitude, color: markerColor }, `${longitude},${latitude},${index}`))), _jsx(ResultOverlay, { outline: spec.outline, id: outlineId, color: markerColor }), applyCamera ? _jsx(ResultCamera, { target: spec.camera, animate: animateCamera }) : null] }));
+    return (_jsxs(_Fragment, { children: [spec.markers.map(([longitude, latitude], index) => (_jsx(PlaceMarker, { longitude: longitude, latitude: latitude, color: markerColor }, `${longitude},${latitude},${index}`))), _jsx(ResultOverlay, { outline: spec.outline, id: outlineID, color: markerColor }), applyCamera ? _jsx(ResultCamera, { target: spec.camera, animate: animateCamera }) : null] }));
 }
 //# sourceMappingURL=ResolvedPlaceLayers.js.map

package/out/map/ResultCamera.d.ts

@@ -18,8 +18,25 @@
  *   as the effect dependency re-runs the camera move exactly when the resolved place changes — no
  *   value-key dance, no dependency-lint suppression.
  */
+import type { FitBoundsOptions } from "maplibre-gl";
 import { type ReactNode } from "react";
 import type { MapCameraTarget } from "./place-render.ts";
+/**
+ * The `fitBounds` options for a `bounds` target — and the reason this is a named function rather than an object literal
+ * at the call site.
+ *
+ * `duration` is present ONLY on the non-animated path, and its ABSENCE on the animated one is load-bearing. maplibre's
+ * `Camera.flyTo` (which `fitBounds` funnels into via `_fitInternal`) branches on `'duration' in options`, not on the
+ * value: an explicitly-passed `duration: undefined` therefore survives the key test and is coerced with `+undefined` →
+ * `NaN`. Every ease frame then computes `k = easing(elapsed / NaN)` → `NaN`, the flight-path math yields a `NaN` world
+ * coordinate, and the FIRST frame throws `Invalid LngLat object: (NaN, NaN)` out of the RAF loop — before the map has
+ * moved at all, and with no `move` event to notice it by.
+ *
+ * Measured 2026-08-05 against maplibre-gl 5.24.0, same bounds and same map: `{padding: 40, duration: undefined}` →
+ * `map._easeOptions.duration = NaN` + the throw; `{padding: 40}` → `3937.7 ms` + a normal flight. So pass the key or
+ * don't — never pass it holding `undefined`.
+ */
+export declare function fitBoundsOptionsFor(padding: number, animate: boolean): FitBoundsOptions;
 export interface ResultCameraProps {
     /**
      * The camera target to animate to. `null` leaves the camera untouched (no result yet).

package/out/map/ResultCamera.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResultCamera.d.ts","sourceRoot":"","sources":["../../map/ResultCamera.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAA;AAGjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAExD,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IACH,MAAM,EAAE,eAAe,GAAG,IAAI,CAAA;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,OAAc,EAAE,EAAE,iBAAiB,GAAG,SAAS,CAsBrF"}
+{"version":3,"file":"ResultCamera.d.ts","sourceRoot":"","sources":["../../map/ResultCamera.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAA;AAGjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAExD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,gBAAgB,CAEvF;AAED,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IACH,MAAM,EAAE,eAAe,GAAG,IAAI,CAAA;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,OAAc,EAAE,EAAE,iBAAiB,GAAG,SAAS,CAsBrF"}

package/out/map/ResultCamera.js

@@ -20,6 +20,24 @@
  */
 import { useEffect } from "react";
 import { useMap } from "react-map-gl/maplibre";
+/**
+ * The `fitBounds` options for a `bounds` target — and the reason this is a named function rather than an object literal
+ * at the call site.
+ *
+ * `duration` is present ONLY on the non-animated path, and its ABSENCE on the animated one is load-bearing. maplibre's
+ * `Camera.flyTo` (which `fitBounds` funnels into via `_fitInternal`) branches on `'duration' in options`, not on the
+ * value: an explicitly-passed `duration: undefined` therefore survives the key test and is coerced with `+undefined` →
+ * `NaN`. Every ease frame then computes `k = easing(elapsed / NaN)` → `NaN`, the flight-path math yields a `NaN` world
+ * coordinate, and the FIRST frame throws `Invalid LngLat object: (NaN, NaN)` out of the RAF loop — before the map has
+ * moved at all, and with no `move` event to notice it by.
+ *
+ * Measured 2026-08-05 against maplibre-gl 5.24.0, same bounds and same map: `{padding: 40, duration: undefined}` →
+ * `map._easeOptions.duration = NaN` + the throw; `{padding: 40}` → `3937.7 ms` + a normal flight. So pass the key or
+ * don't — never pass it holding `undefined`.
+ */
+export function fitBoundsOptionsFor(padding, animate) {
+    return animate ? { padding } : { padding, duration: 0 };
+}
 /**
  * Drive the live map to `target`. No DOM of its own — it is a behavior mounted as a `<Map>` child.
  */
@@ -38,7 +56,7 @@ export function ResultCamera({ target, animate = true }) {
             }
             return;
         }
-        instance.fitBounds(target.bounds, { padding: target.padding, duration: animate ? undefined : 0 });
+        instance.fitBounds(target.bounds, fitBoundsOptionsFor(target.padding, animate));
     }, [map, target, animate]);
     return null;
 }

package/out/map/ResultCamera.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultCamera.js","sourceRoot":"","sources":["../../map/ResultCamera.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAgB9C;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,EAAqB;IACzE,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IAEpB,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;QAEtC,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM;YAAE,OAAM;QAEhC,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC9B,IAAI,OAAO,EAAE,CAAC;gBACb,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAA;YAC7D,CAAC;iBAAM,CAAC;gBACP,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAA;YAC9D,CAAC;YAED,OAAM;QACP,CAAC;QAED,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAClG,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAE1B,OAAO,IAAI,CAAA;AACZ,CAAC"}
+{"version":3,"file":"ResultCamera.js","sourceRoot":"","sources":["../../map/ResultCamera.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAI9C;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,mBAAmB,CAAC,OAAe,EAAE,OAAgB;IACpE,OAAO,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAA;AACxD,CAAC;AAcD;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,EAAqB;IACzE,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IAEpB,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;QAEtC,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM;YAAE,OAAM;QAEhC,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC9B,IAAI,OAAO,EAAE,CAAC;gBACb,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAA;YAC7D,CAAC;iBAAM,CAAC;gBACP,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAA;YAC9D,CAAC;YAED,OAAM;QACP,CAAC;QAED,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAChF,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAE1B,OAAO,IAAI,CAAA;AACZ,CAAC"}

package/out/map/usePlaceAutocomplete.d.ts

@@ -81,11 +81,11 @@ export interface UsePlaceAutocomplete {
     /**
      * The listbox element id (matches `inputProps["aria-controls"]`).
      */
-    listboxId: string;
+    listboxID: string;
     /**
      * Build the option element id for suggestion `index`.
      */
-    optionId: (index: number) => string;
+    optionID: (index: number) => string;
 }
 export declare function usePlaceAutocomplete({ text, setText, autocomplete, minChars, debounceMs, }: UsePlaceAutocompleteOptions): UsePlaceAutocomplete;
 //# sourceMappingURL=usePlaceAutocomplete.d.ts.map

package/out/map/usePlaceAutocomplete.js

@@ -17,7 +17,7 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useDebouncedValue } from "../common/useDebouncedValue.js";
 const LISTBOX_ID = "mw-demo-suggest-list";
-const optionId = (index) => `mw-demo-suggest-${index}`;
+const optionID = (index) => `mw-demo-suggest-${index}`;
 /**
  * Extract the locality segment being typed — the text after the last comma, trimmed.
  */
@@ -116,11 +116,11 @@ export function usePlaceAutocomplete({ text, setText, autocomplete, minChars = 2
             "aria-expanded": suggestions.length > 0,
             "aria-controls": LISTBOX_ID,
             "aria-autocomplete": "list",
-            "aria-activedescendant": activeIndex >= 0 ? optionId(activeIndex) : undefined,
+            "aria-activedescendant": activeIndex >= 0 ? optionID(activeIndex) : undefined,
             autoComplete: "off",
         },
-        listboxId: LISTBOX_ID,
-        optionId,
+        listboxID: LISTBOX_ID,
+        optionID,
     };
 }
 //# sourceMappingURL=usePlaceAutocomplete.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailwoman/react",
-  "version": "8.5.0",
+  "version": "9.0.0",
   "description": "React components + headless hooks for mailwoman — parse/geocode/POI explorers, Storybook-tested, Docusaurus-independent.",
   "license": "AGPL-3.0-only OR LicenseRef-Commercial",
   "repository": {
@@ -67,26 +67,26 @@
     "test:node": "vitest run --config vitest.node.config.ts"
   },
   "dependencies": {
-    "@mailwoman/kind-classifier": "8.5.0",
-    "@mailwoman/poi-taxonomy": "8.5.0",
-    "@mailwoman/query-shape": "8.5.0"
+    "@mailwoman/kind-classifier": "9.0.0",
+    "@mailwoman/poi-taxonomy": "9.0.0",
+    "@mailwoman/query-shape": "9.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^10.5.4",
-    "@storybook/react-vite": "^10.5.4",
+    "@storybook/addon-docs": "^10.5.5",
+    "@storybook/react-vite": "^10.5.5",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.4",
+    "@vitejs/plugin-react": "^6.0.5",
     "@vitest/browser": "4.1.10",
     "@vitest/browser-playwright": "4.1.10",
     "maplibre-gl": "^5.24.0",
-    "playwright": "^1.62.0",
+    "playwright": "^1.62.1",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "react-map-gl": "^8.1.1",
-    "storybook": "^10.5.4",
+    "react-map-gl": "^8.1.2",
+    "storybook": "^10.5.5",
     "typescript": "^6.0.3",
-    "vite": "^8.1.5",
+    "vite": "^8.2.0",
     "vitest": "4.1.10"
   },
   "peerDependencies": {