@swisper.ai/web-map 0.0.2

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+export { MapView } from './map-view';
+export { MapMarker, useMapMarker } from './map-marker';
+export { MapPin } from './map-pin';
+export { MapUserLocation } from './map-user-location';
+export { UserLocationPin } from './user-location-pin';
+export { useMapView } from './map-context';
+export { BaseMap } from './base-map';
+export { loadMapLib } from './load-map-lib';
+export { Layer, Marker, Source, useMap } from '@vis.gl/react-maplibre';
+export { DEFAULT_FIT_BOUNDS_PADDING, DEFAULT_MAP_STYLE_URL, SINGLE_POINT_ZOOM, resolveMapStyleUrl, } from './constants';
+export { getBoundsCentroid, getBoundsFromPoints, isDegenerateBounds, } from './utils/get-bounds-from-points';
+export type { MapViewProps } from './map-view';
+export type { MapMarkerProps, MapMarkerState } from './map-marker';
+export type { MapPinProps, MapPinClassNames } from './map-pin';
+export type { MapUserLocationProps } from './map-user-location';
+export type { UserLocationPinProps } from './user-location-pin';
+export type { MapItemId, MapViewContextValue } from './map-context';
+export type { MapBounds, MapLngLat } from './utils/get-bounds-from-points';
+export type { LayerProps, MapRef, MarkerProps, SourceProps } from '@vis.gl/react-maplibre';
+export type { ExpressionSpecification } from 'maplibre-gl';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EACL,0BAA0B,EAC1B,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,gCAAgC,CAAC;AAExC,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,YAAY,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC3F,YAAY,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.es.js

@@ -0,0 +1,283 @@
+import { createContext as e, useContext as t, useEffect as n, useMemo as r, useRef as i } from "react";
+import { Layer as a, Map as o, Marker as s, Marker as c, Source as l, useMap as u } from "@vis.gl/react-maplibre";
+import { ErrorIcon as d } from "@swisper.ai/icons";
+import { Tooltip as f, Typography as p, cn as m } from "@swisper.ai/ui";
+import { cn as h } from "@swisper.ai/web-core";
+import "maplibre-gl/dist/maplibre-gl.css";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/constants.ts
+var v = "https://tiles.openfreemap.org/styles/liberty", y = 48, b = 15;
+function x(e) {
+	return e ?? "https://tiles.openfreemap.org/styles/liberty";
+}
+//#endregion
+//#region src/load-map-lib.ts
+var S;
+function C() {
+	return S ??= Promise.all([import("maplibre-gl"), import("./maplibre-worker-source-DgoyX01U.js")]).then(([e, { default: t }]) => {
+		let n = new Blob([t], { type: "text/javascript" });
+		return e.setWorkerUrl(URL.createObjectURL(n)), e;
+	}), S;
+}
+//#endregion
+//#region src/utils/get-bounds-from-points.ts
+function w(e) {
+	if (e.length === 0) return null;
+	let t = e[0][0], n = e[0][1], r = e[0][0], i = e[0][1];
+	for (let [a, o] of e) t = Math.min(t, a), n = Math.min(n, o), r = Math.max(r, a), i = Math.max(i, o);
+	return [[t, n], [r, i]];
+}
+function T(e) {
+	let [[t, n], [r, i]] = e;
+	return [(t + r) / 2, (n + i) / 2];
+}
+function E(e) {
+	let [[t, n], [r, i]] = e;
+	return t === r && n === i;
+}
+//#endregion
+//#region src/base-map.tsx
+function D(e, t, n) {
+	if (E(t)) {
+		let [[n, r]] = t;
+		e.setCenter([n, r]), e.setZoom(15);
+		return;
+	}
+	e.fitBounds(t, {
+		padding: n,
+		duration: 0
+	});
+}
+function O({ children: e, className: t, testId: r, ariaLabel: a, hasError: s, isLoading: c, initialViewState: l, bounds: u = null, fitBoundsPadding: d = 48, mapStyleUrl: f, mapRef: p, onLoad: m, errorLabel: v = "Could not load map. Try again later." }) {
+	let y = i(null), b = p ?? y, S = x(f);
+	return n(() => {
+		if (!u) return;
+		let e = b.current?.getMap();
+		e && D(e, u, d);
+	}, [
+		u,
+		d,
+		b
+	]), /* @__PURE__ */ _("div", {
+		"data-testid": r,
+		"data-rounded": !0,
+		"data-loading": c,
+		"aria-invalid": s,
+		"data-error": s,
+		className: h("relative size-full", "bg-[#f8f4f1]", "data-[error=true]:bg-[#EB0000]/10", "data-[rounded=true]:rounded-lg overflow-hidden", t),
+		role: "application",
+		"aria-label": a,
+		children: [s && /* @__PURE__ */ g(k, { label: v }), /* @__PURE__ */ g(o, {
+			ref: b,
+			mapLib: C(),
+			initialViewState: l,
+			mapStyle: S,
+			style: {
+				width: "100%",
+				height: "100%",
+				opacity: c || s ? 0 : 1,
+				pointerEvents: s ? "none" : "auto"
+			},
+			attributionControl: !1,
+			onLoad: () => {
+				if (u) {
+					let e = b.current?.getMap();
+					e && D(e, u, d);
+				}
+				m?.();
+			},
+			children: e
+		})]
+	});
+}
+function k({ label: e }) {
+	return /* @__PURE__ */ g("div", {
+		className: "absolute inset-0 flex items-center justify-center",
+		children: /* @__PURE__ */ _("div", {
+			className: "flex flex-col items-center gap-8",
+			children: [/* @__PURE__ */ g(d, { fontSize: "large" }), /* @__PURE__ */ g(p, {
+				variant: "body-sm",
+				className: "text-text-error",
+				children: e
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/map-context.tsx
+var A = e(null);
+function j() {
+	let e = t(A);
+	if (!e) throw Error("useMapView must be used within a MapView component");
+	return e;
+}
+//#endregion
+//#region src/map-view.tsx
+function M({ fitPoints: e, selectedId: t = null, hoveredId: n = null, onSelect: a, onHover: o, flyToSelected: s = !0, children: c, ...l }) {
+	let u = i(null), d = r(() => w(e), [e]), f = r(() => d ? {
+		center: T(d),
+		zoom: 12
+	} : {
+		center: [0, 0],
+		zoom: 2
+	}, [d]), p = r(() => ({
+		mapRef: u,
+		selectedId: t,
+		hoveredId: n,
+		flyToSelected: s,
+		onSelect: a,
+		onHover: o
+	}), [
+		t,
+		n,
+		s,
+		a,
+		o
+	]);
+	return /* @__PURE__ */ g(A.Provider, {
+		value: p,
+		children: /* @__PURE__ */ g(O, {
+			...l,
+			initialViewState: f,
+			bounds: d,
+			mapRef: u,
+			children: c
+		})
+	});
+}
+//#endregion
+//#region src/map-marker.tsx
+var N = e(null);
+function P() {
+	return t(N);
+}
+function F({ isHovered: e, isSelected: t }) {
+	return e ? 3 : t ? 2 : 1;
+}
+function I({ id: e, longitude: t, latitude: i, label: a, anchor: o = "bottom", flyToOnSelect: s, className: l, children: u }) {
+	let { mapRef: d, selectedId: f, hoveredId: p, flyToSelected: h, onSelect: _, onHover: v } = j(), y = e === f, b = e === p, x = r(() => ({
+		isSelected: y,
+		isHovered: b
+	}), [y, b]), S = s ?? h;
+	return n(() => {
+		if (!y || !S) return;
+		let e = d.current?.getMap();
+		e && e.easeTo({
+			center: [t, i],
+			duration: 400
+		});
+	}, [
+		y,
+		S,
+		t,
+		i,
+		d
+	]), /* @__PURE__ */ g(c, {
+		longitude: t,
+		latitude: i,
+		anchor: o,
+		style: { zIndex: F(x) },
+		onClick: (t) => {
+			t.originalEvent.stopPropagation(), _?.(e);
+		},
+		children: /* @__PURE__ */ g("button", {
+			type: "button",
+			"aria-label": a,
+			"aria-pressed": y,
+			"data-selected": y || void 0,
+			"data-hovered": b || void 0,
+			onMouseEnter: () => v?.(e),
+			onMouseLeave: () => v?.(null),
+			className: m("cursor-pointer transition-[filter] duration-150 ease-out", l),
+			children: /* @__PURE__ */ g(N.Provider, {
+				value: x,
+				children: typeof u == "function" ? u(x) : u
+			})
+		})
+	});
+}
+//#endregion
+//#region src/map-pin.tsx
+var L = m("[--map-pin-bg:#252931]", "[--map-pin-bg-selected:#0D212B]", "[--map-pin-overlay-hover:rgba(187,195,204,0.06)]", "[--map-pin-overlay-selected:rgba(187,195,204,0.12)]", "[--map-pin-fg:#BBC3CC]", "[--map-pin-fg-expanded:#E4E8EB]", "[--map-pin-fg-selected:var(--color-primary-main)]", "[--map-pin-divider:rgba(187,195,204,0.6)]", "[--map-pin-divider-selected:color-mix(in_srgb,var(--color-primary-main)_40%,transparent)]");
+function R(e, t) {
+	return `linear-gradient(${e}, ${e}), ${t}`;
+}
+function z({ label: e, value: t, isSelected: n, isHovered: r, className: i, classNames: a, "data-testid": o = "map-pin" }) {
+	let s = P(), c = n ?? s?.isSelected ?? !1, l = r ?? s?.isHovered ?? !1, u = c || l, d = t != null && t !== "", f = u || !d, h = c ? R("var(--map-pin-overlay-selected)", "var(--map-pin-bg-selected)") : l ? R("var(--map-pin-overlay-hover)", "var(--map-pin-bg)") : "var(--map-pin-bg)", v = c ? "text-[color:var(--map-pin-fg-selected)]" : u ? "text-[color:var(--map-pin-fg-expanded)]" : "text-[color:var(--map-pin-fg)]";
+	return /* @__PURE__ */ _("div", {
+		"data-testid": o,
+		"data-selected": c || void 0,
+		"data-hovered": l || void 0,
+		className: m(L, "flex flex-col items-center isolate drop-shadow-[0px_1px_2px_rgba(228,232,235,0.3)]", i, a?.root),
+		children: [/* @__PURE__ */ g("div", {
+			className: m("relative z-2 flex h-[20px] w-full items-center overflow-hidden rounded-[8px] px-4 -mb-1.25", a?.pill),
+			style: { background: h },
+			children: /* @__PURE__ */ _("div", {
+				className: "flex items-center px-4",
+				children: [d && /* @__PURE__ */ g(p, {
+					variant: "caption",
+					className: m("shrink-0 whitespace-nowrap leading-[1.3]", v, a?.value),
+					children: t
+				}), /* @__PURE__ */ g("div", {
+					className: m("grid self-stretch transition-[grid-template-columns] duration-200 ease-out motion-reduce:transition-none", f ? "grid-cols-[1fr]" : "grid-cols-[0fr]"),
+					children: /* @__PURE__ */ g("div", {
+						className: "flex min-w-0 items-center overflow-hidden",
+						children: /* @__PURE__ */ _("div", {
+							className: m("flex w-max items-center gap-4", d && "pl-4"),
+							children: [d && /* @__PURE__ */ g("span", {
+								"aria-hidden": "true",
+								className: m("w-px self-stretch shrink-0", c ? "bg-[color:var(--map-pin-divider-selected)]" : "bg-[color:var(--map-pin-divider)]", a?.divider)
+							}), /* @__PURE__ */ g(p, {
+								variant: "caption",
+								className: m("max-w-[84px] truncate whitespace-nowrap leading-[1.3] transition-opacity duration-200 ease-out motion-reduce:transition-none", f ? "opacity-100" : "opacity-0", v, a?.label),
+								children: e
+							})]
+						})
+					})
+				})]
+			})
+		}), /* @__PURE__ */ g("div", {
+			className: "relative z-1 flex w-full items-center justify-center",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ g("svg", {
+				width: 8,
+				height: 8,
+				viewBox: "0 0 8 8",
+				fill: "none",
+				className: m("size-8 shrink-0", a?.caret),
+				children: /* @__PURE__ */ g("path", {
+					d: "M4 8L0 0H8L4 8Z",
+					fill: c ? "var(--map-pin-bg-selected)" : "var(--map-pin-bg)"
+				})
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/user-location-pin.tsx
+function B({ className: e, label: t = "My location" }) {
+	return /* @__PURE__ */ g(f, {
+		tooltip: t,
+		children: /* @__PURE__ */ g("div", {
+			"data-testid": "user-location-pin",
+			role: "img",
+			"aria-label": t,
+			className: m("size-3.5 rounded-full bg-blue-500 ring-2 ring-white", "shadow-[0px_1px_3px_rgba(0,0,0,0.35)]", e)
+		})
+	});
+}
+//#endregion
+//#region src/map-user-location.tsx
+function V({ coordinates: e, children: t, label: n }) {
+	return e ? /* @__PURE__ */ g(c, {
+		longitude: e.longitude,
+		latitude: e.latitude,
+		anchor: "center",
+		style: { zIndex: 3 },
+		children: t ?? /* @__PURE__ */ g(B, { label: n })
+	}) : null;
+}
+//#endregion
+export { O as BaseMap, y as DEFAULT_FIT_BOUNDS_PADDING, v as DEFAULT_MAP_STYLE_URL, a as Layer, I as MapMarker, z as MapPin, V as MapUserLocation, M as MapView, s as Marker, b as SINGLE_POINT_ZOOM, l as Source, B as UserLocationPin, T as getBoundsCentroid, w as getBoundsFromPoints, E as isDegenerateBounds, C as loadMapLib, x as resolveMapStyleUrl, u as useMap, P as useMapMarker, j as useMapView };
+
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":["cn","MapGL","Marker","Marker","Marker$1","cn$1","DEFAULT_MAP_STYLE_URL","DEFAULT_FIT_BOUNDS_PADDING","SINGLE_POINT_ZOOM","resolveMapStyleUrl","mapStyleUrl","mapLib","loadMapLib","lib","workerSource","blob","getBoundsFromPoints","points","minLng","minLat","maxLng","maxLat","lng","lat","getBoundsCentroid","bounds","isDegenerateBounds","fitMapToBounds","map","BaseMap","externalMapRef","internalMapRef","useRef","mapRef","resolvedMapStyleUrl","useEffect","fitBoundsPadding","testId","isLoading","hasError","className","ariaLabel","BaseMapErrorLayer","errorLabel","Map","ErrorIcon","Typography","label","MapViewContext","createContext","useMapView","context","useContext","MapView","baseMapProps","useMemo","fitPoints","initialViewState","value","selectedId","hoveredId","flyToSelected","onSelect","onHover","MapMarkerContext","useMapMarker","getMarkerZIndex","isHovered","isSelected","MapMarker","id","state","shouldFlyTo","flyToOnSelect","longitude","latitude","e","cn","children","PIN_PALETTE","overlay","color","base","MapPin","isSelectedProp","isHoveredProp","dataTestId","marker","isExpanded","hasValue","showLabel","pillBg","textClassName","classNames","UserLocationPin","Tooltip","MapUserLocation","coordinates","Layer","Marker","Source","useMap"],"sources":["../src/constants.ts","../src/load-map-lib.ts","../src/utils/get-bounds-from-points.ts","../src/base-map.tsx","../src/map-context.tsx","../src/map-view.tsx","../src/map-marker.tsx","../src/map-pin.tsx","../src/user-location-pin.tsx","../src/map-user-location.tsx"],"sourcesContent":["export const DEFAULT_MAP_STYLE_URL = 'https://tiles.openfreemap.org/styles/liberty';\nexport const DEFAULT_FIT_BOUNDS_PADDING = 48;\nexport const SINGLE_POINT_ZOOM = 15;\n\n/**\n * No `import.meta.env` fallback: Vite replaces it when this library is built, so a\n * consumer's `VITE_MAP_STYLE_URL` would never be read. Pass `mapStyleUrl` instead.\n */\nexport function resolveMapStyleUrl(mapStyleUrl?: string): string {\n  return mapStyleUrl ?? DEFAULT_MAP_STYLE_URL;\n}\n","import type * as maplibre from 'maplibre-gl';\n\ntype MapLib = typeof maplibre;\n\nlet mapLib: Promise<MapLib> | undefined;\n\n/**\n * maplibre-gl, with its worker pointed at a blob URL built from the source this\n * package ships (see `vite-plugin-maplibre-worker.ts`). Pass it to `<Map mapLib>`.\n *\n * Both halves are dynamic imports, so the ~500 kB worker source is fetched with\n * the first map rather than with every import of the package. Memoised: every\n * map shares one worker URL.\n */\nexport function loadMapLib(): Promise<MapLib> {\n  mapLib ??= Promise.all([import('maplibre-gl'), import('./worker/maplibre-worker-source')]).then(\n    ([lib, { default: workerSource }]) => {\n      const blob = new Blob([workerSource], { type: 'text/javascript' });\n      lib.setWorkerUrl(URL.createObjectURL(blob));\n      return lib;\n    },\n  );\n\n  return mapLib;\n}\n","export type MapLngLat = [number, number];\nexport type MapBounds = [MapLngLat, MapLngLat];\n\n/**\n * Computes a southwest/northeast bounding box from lng/lat points.\n * Returns null when there are no points.\n */\nexport function getBoundsFromPoints(points: MapLngLat[]): MapBounds | null {\n  if (points.length === 0) {\n    return null;\n  }\n\n  let minLng = points[0][0];\n  let minLat = points[0][1];\n  let maxLng = points[0][0];\n  let maxLat = points[0][1];\n\n  for (const [lng, lat] of points) {\n    minLng = Math.min(minLng, lng);\n    minLat = Math.min(minLat, lat);\n    maxLng = Math.max(maxLng, lng);\n    maxLat = Math.max(maxLat, lat);\n  }\n\n  return [\n    [minLng, minLat],\n    [maxLng, maxLat],\n  ];\n}\n\nexport function getBoundsCentroid(bounds: MapBounds): MapLngLat {\n  const [[minLng, minLat], [maxLng, maxLat]] = bounds;\n  return [(minLng + maxLng) / 2, (minLat + maxLat) / 2];\n}\n\nexport function isDegenerateBounds(bounds: MapBounds): boolean {\n  const [[minLng, minLat], [maxLng, maxLat]] = bounds;\n  return minLng === maxLng && minLat === maxLat;\n}\n","import { Map as MapGL } from '@vis.gl/react-maplibre';\nimport type { MapRef } from '@vis.gl/react-maplibre';\nimport type { Map as MapLibreMap } from 'maplibre-gl';\nimport { useEffect, useRef, type ReactNode, type RefObject } from 'react';\n\nimport { ErrorIcon } from '@swisper.ai/icons';\nimport { Typography } from '@swisper.ai/ui';\nimport { cn } from '@swisper.ai/web-core';\n\nimport { DEFAULT_FIT_BOUNDS_PADDING, resolveMapStyleUrl, SINGLE_POINT_ZOOM } from './constants';\nimport { loadMapLib } from './load-map-lib';\nimport { isDegenerateBounds, type MapBounds, type MapLngLat } from './utils/get-bounds-from-points';\n\nimport 'maplibre-gl/dist/maplibre-gl.css';\n\ninterface BaseMapProps {\n  children?: ReactNode;\n  className?: string;\n  testId: string;\n  ariaLabel: string;\n  hasError?: boolean;\n  isLoading?: boolean;\n  initialViewState: { center: MapLngLat | null; zoom: number };\n  bounds?: MapBounds | null;\n  fitBoundsPadding?: number;\n  mapStyleUrl?: string;\n  mapRef?: RefObject<MapRef>;\n  onLoad?: () => void;\n  /**\n   * Shown when `hasError` is set. A prop rather than a translation lookup, so the\n   * package does not tie consumers to one i18n library or namespace.\n   */\n  errorLabel?: string;\n}\n\nfunction fitMapToBounds(map: MapLibreMap, bounds: MapBounds, padding: number) {\n  if (isDegenerateBounds(bounds)) {\n    const [[lng, lat]] = bounds;\n    map.setCenter([lng, lat]);\n    map.setZoom(SINGLE_POINT_ZOOM);\n    return;\n  }\n\n  map.fitBounds(bounds, { padding, duration: 0 });\n}\n\nexport function BaseMap({\n  children,\n  className,\n  testId,\n  ariaLabel,\n  hasError,\n  isLoading,\n  initialViewState,\n  bounds = null,\n  fitBoundsPadding = DEFAULT_FIT_BOUNDS_PADDING,\n  mapStyleUrl,\n  mapRef: externalMapRef,\n  onLoad,\n  errorLabel = 'Could not load map. Try again later.',\n}: BaseMapProps) {\n  const internalMapRef = useRef<MapRef>(null);\n  const mapRef = externalMapRef ?? internalMapRef;\n  const resolvedMapStyleUrl = resolveMapStyleUrl(mapStyleUrl);\n\n  useEffect(() => {\n    if (!bounds) {\n      return;\n    }\n\n    const map = mapRef.current?.getMap();\n    if (!map) {\n      return;\n    }\n\n    fitMapToBounds(map, bounds, fitBoundsPadding);\n  }, [bounds, fitBoundsPadding, mapRef]);\n\n  return (\n    <div\n      data-testid={testId}\n      data-rounded={true}\n      data-loading={isLoading}\n      aria-invalid={hasError}\n      data-error={hasError}\n      className={cn(\n        'relative size-full',\n        'bg-[#f8f4f1]',\n        'data-[error=true]:bg-[#EB0000]/10',\n        'data-[rounded=true]:rounded-lg overflow-hidden',\n        className,\n      )}\n      role=\"application\"\n      aria-label={ariaLabel}\n    >\n      {hasError && <BaseMapErrorLayer label={errorLabel} />}\n\n      <MapGL\n        ref={mapRef}\n        mapLib={loadMapLib()}\n        initialViewState={initialViewState}\n        mapStyle={resolvedMapStyleUrl}\n        style={{\n          width: '100%',\n          height: '100%',\n          opacity: isLoading || hasError ? 0 : 1,\n          pointerEvents: hasError ? 'none' : 'auto',\n        }}\n        attributionControl={false}\n        onLoad={() => {\n          if (bounds) {\n            const map = mapRef.current?.getMap();\n            if (map) {\n              fitMapToBounds(map, bounds, fitBoundsPadding);\n            }\n          }\n          onLoad?.();\n        }}\n      >\n        {children}\n      </MapGL>\n    </div>\n  );\n}\n\nfunction BaseMapErrorLayer({ label }: { label: string }) {\n  return (\n    <div className=\"absolute inset-0 flex items-center justify-center\">\n      <div className=\"flex flex-col items-center gap-8\">\n        <ErrorIcon fontSize=\"large\" />\n        <Typography variant=\"body-sm\" className=\"text-text-error\">\n          {label}\n        </Typography>\n      </div>\n    </div>\n  );\n}\n","import type { MapRef } from '@vis.gl/react-maplibre';\nimport { createContext, useContext, type RefObject } from 'react';\n\nexport type MapItemId = string | number;\n\nexport interface MapViewContextValue {\n  mapRef: RefObject<MapRef>;\n  selectedId: MapItemId | null;\n  hoveredId: MapItemId | null;\n  flyToSelected: boolean;\n  onSelect?: (id: MapItemId) => void;\n  onHover?: (id: MapItemId | null) => void;\n}\n\nexport const MapViewContext = createContext<MapViewContextValue | null>(null);\n\nexport function useMapView() {\n  const context = useContext(MapViewContext);\n\n  if (!context) {\n    throw new Error('useMapView must be used within a MapView component');\n  }\n\n  return context;\n}\n","import type { MapRef } from '@vis.gl/react-maplibre';\nimport { useMemo, useRef, type ReactNode } from 'react';\n\nimport { BaseMap } from './base-map';\nimport { MapViewContext, type MapItemId, type MapViewContextValue } from './map-context';\nimport {\n  getBoundsCentroid,\n  getBoundsFromPoints,\n  type MapLngLat,\n} from './utils/get-bounds-from-points';\n\nexport interface MapViewProps<TId extends MapItemId = MapItemId> {\n  /** Points the map frames on load and whenever they change. */\n  fitPoints: MapLngLat[];\n  selectedId?: TId | null;\n  hoveredId?: TId | null;\n  onSelect?: (id: TId) => void;\n  onHover?: (id: TId | null) => void;\n  /** Ease to a marker when it becomes selected, so it is never off screen. */\n  flyToSelected?: boolean;\n  children?: ReactNode;\n  testId: string;\n  ariaLabel: string;\n  className?: string;\n  hasError?: boolean;\n  isLoading?: boolean;\n  fitBoundsPadding?: number;\n  mapStyleUrl?: string;\n  onLoad?: () => void;\n  /** Shown when `hasError` is set; pass a translated string. */\n  errorLabel?: string;\n}\n\n/**\n * Interactive map root: frames `fitPoints` and shares selection / hover state\n * with the `MapMarker`s composed inside it.\n */\nexport function MapView<TId extends MapItemId = MapItemId>({\n  fitPoints,\n  selectedId = null,\n  hoveredId = null,\n  onSelect,\n  onHover,\n  flyToSelected = true,\n  children,\n  ...baseMapProps\n}: MapViewProps<TId>) {\n  const mapRef = useRef<MapRef>(null);\n\n  const bounds = useMemo(() => getBoundsFromPoints(fitPoints), [fitPoints]);\n\n  const initialViewState = useMemo(() => {\n    if (bounds) {\n      // With a bounds fit called on load/change we still need an initial\n      // center or MapGL defaults to null-island. Use the geographic centroid.\n      return { center: getBoundsCentroid(bounds), zoom: 12 };\n    }\n    return { center: [0, 0] as MapLngLat, zoom: 2 };\n  }, [bounds]);\n\n  const value = useMemo<MapViewContextValue>(\n    () => ({\n      mapRef,\n      selectedId,\n      hoveredId,\n      flyToSelected,\n      // Markers deal in the widened id type; the caller only ever gets back ids it passed in.\n      onSelect: onSelect as MapViewContextValue['onSelect'],\n      onHover: onHover as MapViewContextValue['onHover'],\n    }),\n    [selectedId, hoveredId, flyToSelected, onSelect, onHover],\n  );\n\n  return (\n    <MapViewContext.Provider value={value}>\n      <BaseMap\n        {...baseMapProps}\n        initialViewState={initialViewState}\n        bounds={bounds}\n        mapRef={mapRef}\n      >\n        {children}\n      </BaseMap>\n    </MapViewContext.Provider>\n  );\n}\n","import { Marker } from '@vis.gl/react-maplibre';\nimport { createContext, useContext, useEffect, useMemo, type ReactNode } from 'react';\n\nimport { cn } from '@swisper.ai/ui';\n\nimport { useMapView, type MapItemId } from './map-context';\n\nexport interface MapMarkerState {\n  isSelected: boolean;\n  isHovered: boolean;\n}\n\nconst MapMarkerContext = createContext<MapMarkerState | null>(null);\n\n/** Selection state of the enclosing `MapMarker`, or null outside of one. */\nexport function useMapMarker() {\n  return useContext(MapMarkerContext);\n}\n\nexport interface MapMarkerProps {\n  id: MapItemId;\n  longitude: number;\n  latitude: number;\n  /** Accessible name of the marker button. */\n  label: string;\n  anchor?: 'center' | 'top' | 'bottom' | 'left' | 'right';\n  /** Ease to this marker when selected; defaults to the `MapView`'s `flyToSelected`. */\n  flyToOnSelect?: boolean;\n  className?: string;\n  children: ReactNode | ((state: MapMarkerState) => ReactNode);\n}\n\nfunction getMarkerZIndex({ isHovered, isSelected }: MapMarkerState) {\n  if (isHovered) return 3;\n  if (isSelected) return 2;\n  return 1;\n}\n\n/**\n * A selectable, hoverable point on a `MapView`. Renders any pin as its child —\n * `MapPin` by default, or a render function receiving the marker state.\n */\nexport function MapMarker({\n  id,\n  longitude,\n  latitude,\n  label,\n  anchor = 'bottom',\n  flyToOnSelect,\n  className,\n  children,\n}: MapMarkerProps) {\n  const { mapRef, selectedId, hoveredId, flyToSelected, onSelect, onHover } = useMapView();\n\n  const isSelected = id === selectedId;\n  const isHovered = id === hoveredId;\n  const state = useMemo(() => ({ isSelected, isHovered }), [isSelected, isHovered]);\n\n  // Fly to the selected pin so it's always in view when chosen from outside the map.\n  const shouldFlyTo = flyToOnSelect ?? flyToSelected;\n\n  useEffect(() => {\n    if (!isSelected || !shouldFlyTo) return;\n    const map = mapRef.current?.getMap();\n    if (!map) return;\n    map.easeTo({ center: [longitude, latitude], duration: 400 });\n  }, [isSelected, shouldFlyTo, longitude, latitude, mapRef]);\n\n  return (\n    <Marker\n      longitude={longitude}\n      latitude={latitude}\n      anchor={anchor}\n      style={{ zIndex: getMarkerZIndex(state) }}\n      onClick={(e) => {\n        // Prevent the map's click handler from firing and deselecting.\n        e.originalEvent.stopPropagation();\n        onSelect?.(id);\n      }}\n    >\n      <button\n        type=\"button\"\n        aria-label={label}\n        aria-pressed={isSelected}\n        data-selected={isSelected || undefined}\n        data-hovered={isHovered || undefined}\n        onMouseEnter={() => onHover?.(id)}\n        onMouseLeave={() => onHover?.(null)}\n        className={cn('cursor-pointer transition-[filter] duration-150 ease-out', className)}\n      >\n        <MapMarkerContext.Provider value={state}>\n          {typeof children === 'function' ? children(state) : children}\n        </MapMarkerContext.Provider>\n      </button>\n    </Marker>\n  );\n}\n","import type { ReactNode } from 'react';\n\nimport { Typography, cn } from '@swisper.ai/ui';\n\nimport { useMapMarker } from './map-marker';\n\n/**\n * Pin palette as CSS custom properties so a caller can restyle it with a class,\n * e.g. `className=\"[--map-pin-bg:#fff] [--map-pin-fg:#000]\"`.\n * Defaults are the Figma PlacePointer values (brand/secondary/700, selected\n * Pill #0D212B + 12% secondary overlay, hover 6% overlay).\n */\nconst PIN_PALETTE = cn(\n  '[--map-pin-bg:#252931]',\n  '[--map-pin-bg-selected:#0D212B]',\n  '[--map-pin-overlay-hover:rgba(187,195,204,0.06)]',\n  '[--map-pin-overlay-selected:rgba(187,195,204,0.12)]',\n  '[--map-pin-fg:#BBC3CC]',\n  '[--map-pin-fg-expanded:#E4E8EB]',\n  '[--map-pin-fg-selected:var(--color-primary-main)]',\n  '[--map-pin-divider:rgba(187,195,204,0.6)]',\n  '[--map-pin-divider-selected:color-mix(in_srgb,var(--color-primary-main)_40%,transparent)]',\n);\n\nfunction overlay(color: string, base: string) {\n  return `linear-gradient(${color}, ${color}), ${base}`;\n}\n\nexport interface MapPinClassNames {\n  root?: string;\n  pill?: string;\n  value?: string;\n  divider?: string;\n  label?: string;\n  caret?: string;\n}\n\nexport interface MapPinProps {\n  /** Shown on hover / selection, or always when there is no `value`. */\n  label: string;\n  /** Short lead text always shown in the pill, e.g. a rating or a price. */\n  value?: ReactNode;\n  /** Defaults to the enclosing `MapMarker`'s state. */\n  isSelected?: boolean;\n  /** Defaults to the enclosing `MapMarker`'s state. */\n  isHovered?: boolean;\n  className?: string;\n  classNames?: MapPinClassNames;\n  'data-testid'?: string;\n}\n\n/**\n * Map callout pin: `value`-only by default; expands to `value | label` on\n * hover/selection (Figma PlacePointer Default / Hover / selected Pill).\n */\nexport function MapPin({\n  label,\n  value,\n  isSelected: isSelectedProp,\n  isHovered: isHoveredProp,\n  className,\n  classNames,\n  'data-testid': dataTestId = 'map-pin',\n}: MapPinProps) {\n  const marker = useMapMarker();\n  const isSelected = isSelectedProp ?? marker?.isSelected ?? false;\n  const isHovered = isHoveredProp ?? marker?.isHovered ?? false;\n\n  const isExpanded = isSelected || isHovered;\n  const hasValue = value != null && value !== '';\n  const showLabel = isExpanded || !hasValue;\n\n  const pillBg = isSelected\n    ? overlay('var(--map-pin-overlay-selected)', 'var(--map-pin-bg-selected)')\n    : isHovered\n      ? overlay('var(--map-pin-overlay-hover)', 'var(--map-pin-bg)')\n      : 'var(--map-pin-bg)';\n\n  const textClassName = isSelected\n    ? 'text-[color:var(--map-pin-fg-selected)]'\n    : isExpanded\n      ? 'text-[color:var(--map-pin-fg-expanded)]'\n      : 'text-[color:var(--map-pin-fg)]';\n\n  return (\n    <div\n      data-testid={dataTestId}\n      data-selected={isSelected || undefined}\n      data-hovered={isHovered || undefined}\n      className={cn(\n        PIN_PALETTE,\n        'flex flex-col items-center isolate drop-shadow-[0px_1px_2px_rgba(228,232,235,0.3)]',\n        className,\n        classNames?.root,\n      )}\n    >\n      <div\n        className={cn(\n          'relative z-2 flex h-[20px] w-full items-center overflow-hidden rounded-[8px] px-4 -mb-1.25',\n          classNames?.pill,\n        )}\n        style={{ background: pillBg }}\n      >\n        <div className=\"flex items-center px-4\">\n          {hasValue && (\n            <Typography\n              variant=\"caption\"\n              className={cn(\n                'shrink-0 whitespace-nowrap leading-[1.3]',\n                textClassName,\n                classNames?.value,\n              )}\n            >\n              {value}\n            </Typography>\n          )}\n\n          {/* 0fr → 1fr animates to the label's intrinsic width; the inner\n              `w-max` keeps it from reflowing while the column collapses. */}\n          <div\n            className={cn(\n              'grid self-stretch transition-[grid-template-columns] duration-200 ease-out motion-reduce:transition-none',\n              showLabel ? 'grid-cols-[1fr]' : 'grid-cols-[0fr]',\n            )}\n          >\n            <div className=\"flex min-w-0 items-center overflow-hidden\">\n              <div className={cn('flex w-max items-center gap-4', hasValue && 'pl-4')}>\n                {hasValue && (\n                  <span\n                    aria-hidden=\"true\"\n                    className={cn(\n                      'w-px self-stretch shrink-0',\n                      isSelected\n                        ? 'bg-[color:var(--map-pin-divider-selected)]'\n                        : 'bg-[color:var(--map-pin-divider)]',\n                      classNames?.divider,\n                    )}\n                  />\n                )}\n\n                <Typography\n                  variant=\"caption\"\n                  className={cn(\n                    'max-w-[84px] truncate whitespace-nowrap leading-[1.3] transition-opacity duration-200 ease-out motion-reduce:transition-none',\n                    showLabel ? 'opacity-100' : 'opacity-0',\n                    textClassName,\n                    classNames?.label,\n                  )}\n                >\n                  {label}\n                </Typography>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"relative z-1 flex w-full items-center justify-center\" aria-hidden=\"true\">\n        <svg\n          width={8}\n          height={8}\n          viewBox=\"0 0 8 8\"\n          fill=\"none\"\n          className={cn('size-8 shrink-0', classNames?.caret)}\n        >\n          <path\n            d=\"M4 8L0 0H8L4 8Z\"\n            fill={isSelected ? 'var(--map-pin-bg-selected)' : 'var(--map-pin-bg)'}\n          />\n        </svg>\n      </div>\n    </div>\n  );\n}\n","import { Tooltip, cn } from '@swisper.ai/ui';\n\nexport interface UserLocationPinProps {\n  className?: string;\n  /** Tooltip and accessible name; pass a translated string. */\n  label?: string;\n}\n\n/** Map marker for the user's own position: a blue dot with a white ring. */\nexport function UserLocationPin({ className, label = 'My location' }: UserLocationPinProps) {\n  return (\n    <Tooltip tooltip={label}>\n      <div\n        data-testid=\"user-location-pin\"\n        // The dot is a bare `div`, so without a label it is invisible to\n        // screen readers — the tooltip only covers pointer users.\n        role=\"img\"\n        aria-label={label}\n        className={cn(\n          'size-3.5 rounded-full bg-blue-500 ring-2 ring-white',\n          'shadow-[0px_1px_3px_rgba(0,0,0,0.35)]',\n          className,\n        )}\n      />\n    </Tooltip>\n  );\n}\n","import { Marker } from '@vis.gl/react-maplibre';\nimport type { ReactNode } from 'react';\n\nimport { UserLocationPin } from './user-location-pin';\n\nexport interface MapUserLocationProps {\n  coordinates: Pick<GeolocationCoordinates, 'longitude' | 'latitude'> | null | undefined;\n  /** Custom marker; defaults to `UserLocationPin`. */\n  children?: ReactNode;\n  /** Label of the default `UserLocationPin`; ignored when `children` is set. */\n  label?: string;\n}\n\n/** The user's own position on a `MapView`; renders nothing until it is known. */\nexport function MapUserLocation({ coordinates, children, label }: MapUserLocationProps) {\n  if (!coordinates) return null;\n\n  return (\n    <Marker\n      longitude={coordinates.longitude}\n      latitude={coordinates.latitude}\n      anchor=\"center\"\n      // At the same level as the hovered and selected pins.\n      style={{ zIndex: 3 }}\n    >\n      {children ?? <UserLocationPin label={label} />}\n    </Marker>\n  );\n}\n"],"mappings":"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"}

package/dist/load-map-lib.d.ts

@@ -0,0 +1,13 @@
+import type * as maplibre from 'maplibre-gl';
+type MapLib = typeof maplibre;
+/**
+ * maplibre-gl, with its worker pointed at a blob URL built from the source this
+ * package ships (see `vite-plugin-maplibre-worker.ts`). Pass it to `<Map mapLib>`.
+ *
+ * Both halves are dynamic imports, so the ~500 kB worker source is fetched with
+ * the first map rather than with every import of the package. Memoised: every
+ * map shares one worker URL.
+ */
+export declare function loadMapLib(): Promise<MapLib>;
+export {};
+//# sourceMappingURL=load-map-lib.d.ts.map

package/dist/load-map-lib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"load-map-lib.d.ts","sourceRoot":"","sources":["../src/load-map-lib.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,aAAa,CAAC;AAE7C,KAAK,MAAM,GAAG,OAAO,QAAQ,CAAC;AAI9B;;;;;;;GAOG;AACH,wBAAgB,UAAU,IAAI,OAAO,CAAC,MAAM,CAAC,CAU5C"}

package/dist/map-context.d.ts

@@ -0,0 +1,14 @@
+import { MapRef } from '@vis.gl/react-maplibre';
+import { RefObject } from 'react';
+export type MapItemId = string | number;
+export interface MapViewContextValue {
+    mapRef: RefObject<MapRef>;
+    selectedId: MapItemId | null;
+    hoveredId: MapItemId | null;
+    flyToSelected: boolean;
+    onSelect?: (id: MapItemId) => void;
+    onHover?: (id: MapItemId | null) => void;
+}
+export declare const MapViewContext: import('react').Context<MapViewContextValue | null>;
+export declare function useMapView(): MapViewContextValue;
+//# sourceMappingURL=map-context.d.ts.map

package/dist/map-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-context.d.ts","sourceRoot":"","sources":["../src/map-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC1B,UAAU,EAAE,SAAS,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAE9E,wBAAgB,UAAU,wBAQzB"}

package/dist/map-marker.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { MapItemId } from './map-context';
+export interface MapMarkerState {
+    isSelected: boolean;
+    isHovered: boolean;
+}
+/** Selection state of the enclosing `MapMarker`, or null outside of one. */
+export declare function useMapMarker(): MapMarkerState | null;
+export interface MapMarkerProps {
+    id: MapItemId;
+    longitude: number;
+    latitude: number;
+    /** Accessible name of the marker button. */
+    label: string;
+    anchor?: 'center' | 'top' | 'bottom' | 'left' | 'right';
+    /** Ease to this marker when selected; defaults to the `MapView`'s `flyToSelected`. */
+    flyToOnSelect?: boolean;
+    className?: string;
+    children: ReactNode | ((state: MapMarkerState) => ReactNode);
+}
+/**
+ * A selectable, hoverable point on a `MapView`. Renders any pin as its child —
+ * `MapPin` by default, or a render function receiving the marker state.
+ */
+export declare function MapMarker({ id, longitude, latitude, label, anchor, flyToOnSelect, className, children, }: MapMarkerProps): import('react').JSX.Element;
+//# sourceMappingURL=map-marker.d.ts.map

package/dist/map-marker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-marker.d.ts","sourceRoot":"","sources":["../src/map-marker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItF,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAE3D,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAID,4EAA4E;AAC5E,wBAAgB,YAAY,0BAE3B;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,SAAS,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACxD,sFAAsF;IACtF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;CAC9D;AAQD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,MAAiB,EACjB,aAAa,EACb,SAAS,EACT,QAAQ,GACT,EAAE,cAAc,+BA6ChB"}

package/dist/map-pin.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+export interface MapPinClassNames {
+    root?: string;
+    pill?: string;
+    value?: string;
+    divider?: string;
+    label?: string;
+    caret?: string;
+}
+export interface MapPinProps {
+    /** Shown on hover / selection, or always when there is no `value`. */
+    label: string;
+    /** Short lead text always shown in the pill, e.g. a rating or a price. */
+    value?: ReactNode;
+    /** Defaults to the enclosing `MapMarker`'s state. */
+    isSelected?: boolean;
+    /** Defaults to the enclosing `MapMarker`'s state. */
+    isHovered?: boolean;
+    className?: string;
+    classNames?: MapPinClassNames;
+    'data-testid'?: string;
+}
+/**
+ * Map callout pin: `value`-only by default; expands to `value | label` on
+ * hover/selection (Figma PlacePointer Default / Hover / selected Pill).
+ */
+export declare function MapPin({ label, value, isSelected: isSelectedProp, isHovered: isHoveredProp, className, classNames, 'data-testid': dataTestId, }: MapPinProps): import('react').JSX.Element;
+//# sourceMappingURL=map-pin.d.ts.map

package/dist/map-pin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-pin.d.ts","sourceRoot":"","sources":["../src/map-pin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA4BvC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,KAAK,EACL,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,aAAa,EACxB,SAAS,EACT,UAAU,EACV,aAAa,EAAE,UAAsB,GACtC,EAAE,WAAW,+BA8Gb"}

package/dist/map-user-location.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface MapUserLocationProps {
+    coordinates: Pick<GeolocationCoordinates, 'longitude' | 'latitude'> | null | undefined;
+    /** Custom marker; defaults to `UserLocationPin`. */
+    children?: ReactNode;
+    /** Label of the default `UserLocationPin`; ignored when `children` is set. */
+    label?: string;
+}
+/** The user's own position on a `MapView`; renders nothing until it is known. */
+export declare function MapUserLocation({ coordinates, children, label }: MapUserLocationProps): import('react').JSX.Element | null;
+//# sourceMappingURL=map-user-location.d.ts.map

package/dist/map-user-location.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-user-location.d.ts","sourceRoot":"","sources":["../src/map-user-location.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACvF,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iFAAiF;AACjF,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,oBAAoB,sCAcrF"}

package/dist/map-view.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { MapItemId } from './map-context';
+import { MapLngLat } from './utils/get-bounds-from-points';
+export interface MapViewProps<TId extends MapItemId = MapItemId> {
+    /** Points the map frames on load and whenever they change. */
+    fitPoints: MapLngLat[];
+    selectedId?: TId | null;
+    hoveredId?: TId | null;
+    onSelect?: (id: TId) => void;
+    onHover?: (id: TId | null) => void;
+    /** Ease to a marker when it becomes selected, so it is never off screen. */
+    flyToSelected?: boolean;
+    children?: ReactNode;
+    testId: string;
+    ariaLabel: string;
+    className?: string;
+    hasError?: boolean;
+    isLoading?: boolean;
+    fitBoundsPadding?: number;
+    mapStyleUrl?: string;
+    onLoad?: () => void;
+    /** Shown when `hasError` is set; pass a translated string. */
+    errorLabel?: string;
+}
+/**
+ * Interactive map root: frames `fitPoints` and shares selection / hover state
+ * with the `MapMarker`s composed inside it.
+ */
+export declare function MapView<TId extends MapItemId = MapItemId>({ fitPoints, selectedId, hoveredId, onSelect, onHover, flyToSelected, children, ...baseMapProps }: MapViewProps<TId>): import('react').JSX.Element;
+//# sourceMappingURL=map-view.d.ts.map

package/dist/map-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-view.d.ts","sourceRoot":"","sources":["../src/map-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAkB,KAAK,SAAS,EAA4B,MAAM,eAAe,CAAC;AACzF,OAAO,EAGL,KAAK,SAAS,EACf,MAAM,gCAAgC,CAAC;AAExC,MAAM,WAAW,YAAY,CAAC,GAAG,SAAS,SAAS,GAAG,SAAS;IAC7D,8DAA8D;IAC9D,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC;IACnC,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,GAAG,SAAS,SAAS,GAAG,SAAS,EAAE,EACzD,SAAS,EACT,UAAiB,EACjB,SAAgB,EAChB,QAAQ,EACR,OAAO,EACP,aAAoB,EACpB,QAAQ,EACR,GAAG,YAAY,EAChB,EAAE,YAAY,CAAC,GAAG,CAAC,+BAuCnB"}