@elabs-ai/components-maps 4.2.0 → 5.1.0

package/dist/chunk-OEVVNPN3.js

@@ -0,0 +1,201 @@
+"use client";
+import {
+  useTokenColor
+} from "./chunk-Y44MEKJV.js";
+import {
+  useMap
+} from "./chunk-JYFERXZT.js";
+import {
+  buildArcCoordinates
+} from "./chunk-BGCE3RR5.js";
+import {
+  mergeHoverPaint
+} from "./chunk-RNSLG64F.js";
+
+// src/map-arc/map-arc.tsx
+import { useEffect, useId, useMemo, useRef } from "react";
+var DEFAULT_ARC_CURVATURE = 0.2;
+var DEFAULT_ARC_SAMPLES = 64;
+var ARC_HIT_MIN_WIDTH = 12;
+var ARC_HIT_PADDING = 6;
+var DEFAULT_ARC_LAYOUT = {
+  "line-join": "round",
+  "line-cap": "round"
+};
+function MapArc({
+  data,
+  id: propId,
+  curvature = DEFAULT_ARC_CURVATURE,
+  samples = DEFAULT_ARC_SAMPLES,
+  paint,
+  layout,
+  hoverPaint,
+  onClick,
+  onHover,
+  interactive = true,
+  beforeId
+}) {
+  const { map, isLoaded, plan } = useMap();
+  const autoId = useId();
+  const id = propId ?? autoId;
+  const sourceId = `arc-source-${id}`;
+  const layerId = `arc-layer-${id}`;
+  const hitLayerId = `arc-hit-layer-${id}`;
+  const primary = useTokenColor("--primary");
+  const mergedPaint = useMemo(
+    () => mergeHoverPaint(
+      { "line-color": primary, "line-width": 2, "line-opacity": 0.85, ...paint },
+      hoverPaint
+    ),
+    [primary, paint, hoverPaint]
+  );
+  const mergedLayout = useMemo(() => ({ ...DEFAULT_ARC_LAYOUT, ...layout }), [layout]);
+  const hitWidth = useMemo(() => {
+    const w = paint?.["line-width"] ?? 2;
+    const base = typeof w === "number" ? w : ARC_HIT_MIN_WIDTH;
+    return Math.max(base + ARC_HIT_PADDING, ARC_HIT_MIN_WIDTH);
+  }, [paint]);
+  const geoJSON = useMemo(
+    () => ({
+      type: "FeatureCollection",
+      features: data.map((arc) => {
+        const { from, to, ...properties } = arc;
+        const sampled = buildArcCoordinates(from, to, curvature, samples, plan == null);
+        return {
+          type: "Feature",
+          properties,
+          geometry: {
+            type: "LineString",
+            coordinates: plan ? sampled.map((point) => plan.toLngLat(point)) : sampled
+          }
+        };
+      })
+    }),
+    [data, curvature, samples, plan]
+  );
+  const latestRef = useRef({ data, onClick, onHover });
+  latestRef.current = { data, onClick, onHover };
+  const planRef = useRef(plan);
+  planRef.current = plan;
+  useEffect(() => {
+    if (!isLoaded || !map) return;
+    map.addSource(sourceId, {
+      type: "geojson",
+      data: geoJSON,
+      promoteId: "id"
+    });
+    map.addLayer(
+      {
+        id: hitLayerId,
+        type: "line",
+        source: sourceId,
+        layout: DEFAULT_ARC_LAYOUT,
+        paint: {
+          "line-color": "transparent",
+          "line-width": hitWidth,
+          "line-opacity": 1
+        }
+      },
+      beforeId
+    );
+    map.addLayer(
+      {
+        id: layerId,
+        type: "line",
+        source: sourceId,
+        layout: mergedLayout,
+        paint: mergedPaint
+      },
+      beforeId
+    );
+    return () => {
+      try {
+        if (map.getLayer(layerId)) map.removeLayer(layerId);
+        if (map.getLayer(hitLayerId)) map.removeLayer(hitLayerId);
+        if (map.getSource(sourceId)) map.removeSource(sourceId);
+      } catch {
+      }
+    };
+  }, [isLoaded, map]);
+  useEffect(() => {
+    if (!isLoaded || !map) return;
+    const source = map.getSource(sourceId);
+    source?.setData(geoJSON);
+  }, [isLoaded, map, geoJSON, sourceId]);
+  useEffect(() => {
+    if (!isLoaded || !map || !map.getLayer(layerId)) return;
+    for (const [key, value] of Object.entries(mergedPaint)) {
+      map.setPaintProperty(layerId, key, value);
+    }
+    for (const [key, value] of Object.entries(mergedLayout)) {
+      map.setLayoutProperty(layerId, key, value);
+    }
+    if (map.getLayer(hitLayerId)) {
+      map.setPaintProperty(hitLayerId, "line-width", hitWidth);
+    }
+  }, [isLoaded, map, layerId, hitLayerId, mergedPaint, mergedLayout, hitWidth]);
+  useEffect(() => {
+    if (!isLoaded || !map || !interactive) return;
+    let hoveredId = null;
+    const setHover = (next) => {
+      if (next === hoveredId) return;
+      const sourceExists = !!map.getSource(sourceId);
+      if (hoveredId != null && sourceExists) {
+        map.setFeatureState({ source: sourceId, id: hoveredId }, { hover: false });
+      }
+      hoveredId = next;
+      if (next != null && sourceExists) {
+        map.setFeatureState({ source: sourceId, id: next }, { hover: true });
+      }
+    };
+    const findArc = (featureId) => featureId == null ? void 0 : latestRef.current.data.find((arc) => String(arc.id) === String(featureId));
+    const handleMouseMove = (e) => {
+      const featureId = e.features?.[0]?.id;
+      if (featureId == null || featureId === hoveredId) return;
+      setHover(featureId);
+      map.getCanvas().style.cursor = "pointer";
+      const arc = findArc(featureId);
+      if (arc) {
+        latestRef.current.onHover?.({
+          arc,
+          longitude: e.lngLat.lng,
+          latitude: e.lngLat.lat,
+          plan: planRef.current ? planRef.current.toPlan([e.lngLat.lng, e.lngLat.lat]) : null,
+          originalEvent: e
+        });
+      }
+    };
+    const handleMouseLeave = () => {
+      setHover(null);
+      map.getCanvas().style.cursor = "";
+      latestRef.current.onHover?.(null);
+    };
+    const handleClick = (e) => {
+      const arc = findArc(e.features?.[0]?.id);
+      if (!arc) return;
+      latestRef.current.onClick?.({
+        arc,
+        longitude: e.lngLat.lng,
+        latitude: e.lngLat.lat,
+        plan: planRef.current ? planRef.current.toPlan([e.lngLat.lng, e.lngLat.lat]) : null,
+        originalEvent: e
+      });
+    };
+    map.on("mousemove", hitLayerId, handleMouseMove);
+    map.on("mouseleave", hitLayerId, handleMouseLeave);
+    map.on("click", hitLayerId, handleClick);
+    return () => {
+      map.off("mousemove", hitLayerId, handleMouseMove);
+      map.off("mouseleave", hitLayerId, handleMouseLeave);
+      map.off("click", hitLayerId, handleClick);
+      setHover(null);
+      map.getCanvas().style.cursor = "";
+    };
+  }, [isLoaded, map, hitLayerId, sourceId, interactive]);
+  return null;
+}
+
+export {
+  MapArc
+};
+//# sourceMappingURL=chunk-OEVVNPN3.js.map

package/dist/chunk-OEVVNPN3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/map-arc/map-arc.tsx"],"sourcesContent":["\"use client\";\n\nimport type MapLibreGL from \"maplibre-gl\";\nimport { useEffect, useId, useMemo, useRef } from \"react\";\n\nimport { useMap } from \"../map-canvas/map-context\";\nimport { buildArcCoordinates } from \"../lib/arc-math\";\nimport type { PlanPoint } from \"../lib/plan-crs\";\nimport { mergeHoverPaint } from \"../lib/merge-hover-paint\";\nimport { useTokenColor } from \"../lib/use-token-color\";\n\n/** A single arc to render inside `<MapArc data={...}>`. */\nexport type MapArcDatum = {\n  /** Unique identifier for this arc. Required for hover state tracking and event payloads. */\n  id: string | number;\n  /**\n   * Start coordinate as [longitude, latitude] — or, inside a `<MapCanvas plan>`,\n   * as [x, y] in plan units.\n   */\n  from: [number, number];\n  /** End coordinate, in the same units as `from`. */\n  to: [number, number];\n};\n\n/** Event payload passed to MapArc interaction callbacks. */\nexport type MapArcEvent<T extends MapArcDatum = MapArcDatum> = {\n  /** The arc datum that was hovered or clicked. */\n  arc: T;\n  /** Longitude of the cursor at the time of the event. */\n  longitude: number;\n  /** Latitude of the cursor at the time of the event. */\n  latitude: number;\n  /** The cursor in plan units, on a plan map; `null` on a geographic one. */\n  plan: PlanPoint | null;\n  /** The underlying MapLibre mouse event for advanced use cases. */\n  originalEvent: MapLibreGL.MapMouseEvent;\n};\n\nexport type MapArcLinePaint = NonNullable<MapLibreGL.LineLayerSpecification[\"paint\"]>;\nexport type MapArcLineLayout = NonNullable<MapLibreGL.LineLayerSpecification[\"layout\"]>;\n\nexport type MapArcProps<T extends MapArcDatum = MapArcDatum> = {\n  /** Array of arcs to render. Each arc must have a unique `id`. */\n  data: T[];\n  /** Optional unique identifier prefix for the arc source/layers. Auto-generated if not provided. */\n  id?: string;\n  /**\n   * How far each arc bows away from a straight line. `0` renders straight\n   * lines; higher values bend further; negative values bend to the opposite\n   * side. Arcs cross the antimeridian via the shorter direction. (default: 0.2)\n   */\n  curvature?: number;\n  /** Number of samples used to render each curve. Higher = smoother. (default: 64) */\n  samples?: number;\n  /**\n   * MapLibre paint properties for the arc layer. Merged on top of theme-aware\n   * defaults (`line-color` = the `--primary` token, `line-width: 2`,\n   * `line-opacity: 0.85`). Any value can be a MapLibre expression for\n   * per-feature styling; every field on each arc datum (besides `from`/`to`)\n   * is exposed via `[\"get\", ...]`.\n   */\n  paint?: MapArcLinePaint;\n  /** MapLibre layout properties for the arc layer. Defaults to rounded joins/caps. */\n  layout?: MapArcLineLayout;\n  /**\n   * Paint properties applied to the arc currently under the cursor. Each key\n   * is merged into `paint` as a `case` expression keyed on per-feature hover\n   * state, so only the hovered arc changes appearance.\n   */\n  hoverPaint?: MapArcLinePaint;\n  /** Callback when an arc is clicked. */\n  onClick?: (e: MapArcEvent<T>) => void;\n  /**\n   * Callback fired when the hovered arc changes. Receives the cursor's\n   * lng/lat at the moment of entry, and `null` when the cursor leaves the\n   * last hovered arc.\n   */\n  onHover?: (e: MapArcEvent<T> | null) => void;\n  /** Whether arcs respond to mouse events (default: true). */\n  interactive?: boolean;\n  /** Optional MapLibre layer id to insert the arc layers before (z-order control). */\n  beforeId?: string;\n};\n\nconst DEFAULT_ARC_CURVATURE = 0.2;\nconst DEFAULT_ARC_SAMPLES = 64;\nconst ARC_HIT_MIN_WIDTH = 12;\nconst ARC_HIT_PADDING = 6;\n\nconst DEFAULT_ARC_LAYOUT: MapArcLineLayout = {\n  \"line-join\": \"round\",\n  \"line-cap\": \"round\",\n};\n\n/**\n * Curved great-circle-style arcs between coordinate pairs (flight paths,\n * network links). Pairs well with `<MapCanvas blank projection={{ type: \"globe\" }}>`.\n *\n * Inside a `<MapCanvas plan>` the same component draws plan-space curves — a\n * material flow between two machine cells, a walking route across a floor. The\n * curve is built in PLAN units and each sample is then converted, because a\n * straight lng/lat line bows once Mercator has had its say.\n */\nexport function MapArc<T extends MapArcDatum = MapArcDatum>({\n  data,\n  id: propId,\n  curvature = DEFAULT_ARC_CURVATURE,\n  samples = DEFAULT_ARC_SAMPLES,\n  paint,\n  layout,\n  hoverPaint,\n  onClick,\n  onHover,\n  interactive = true,\n  beforeId,\n}: MapArcProps<T>) {\n  const { map, isLoaded, plan } = useMap();\n  const autoId = useId();\n  const id = propId ?? autoId;\n  const sourceId = `arc-source-${id}`;\n  const layerId = `arc-layer-${id}`;\n  const hitLayerId = `arc-hit-layer-${id}`;\n\n  const primary = useTokenColor(\"--primary\");\n\n  const mergedPaint = useMemo(\n    () =>\n      mergeHoverPaint(\n        { \"line-color\": primary, \"line-width\": 2, \"line-opacity\": 0.85, ...paint },\n        hoverPaint,\n      ),\n    [primary, paint, hoverPaint],\n  );\n  const mergedLayout = useMemo(() => ({ ...DEFAULT_ARC_LAYOUT, ...layout }), [layout]);\n\n  const hitWidth = useMemo(() => {\n    const w = paint?.[\"line-width\"] ?? 2;\n    const base = typeof w === \"number\" ? w : ARC_HIT_MIN_WIDTH;\n    return Math.max(base + ARC_HIT_PADDING, ARC_HIT_MIN_WIDTH);\n  }, [paint]);\n\n  const geoJSON = useMemo<GeoJSON.FeatureCollection<GeoJSON.LineString>>(\n    () => ({\n      type: \"FeatureCollection\",\n      features: data.map((arc) => {\n        const { from, to, ...properties } = arc;\n        // In plan mode the curve is sampled in plan units with the antimeridian\n        // unwrap OFF — x is a position on a floor, not a longitude — and each\n        // sample is converted afterwards.\n        const sampled = buildArcCoordinates(from, to, curvature, samples, plan == null);\n        return {\n          type: \"Feature\",\n          properties,\n          geometry: {\n            type: \"LineString\",\n            coordinates: plan ? sampled.map((point) => plan.toLngLat(point)) : sampled,\n          },\n        };\n      }),\n    }),\n    [data, curvature, samples, plan],\n  );\n\n  const latestRef = useRef({ data, onClick, onHover });\n  latestRef.current = { data, onClick, onHover };\n  // The interaction effect is bound once per map; the plan is read through a ref\n  // so a plan arriving later does not rebind every listener.\n  const planRef = useRef(plan);\n  planRef.current = plan;\n\n  // Add source and layers on mount. The invisible hit layer widens the\n  // pointer target so thin arcs stay hoverable/clickable.\n  useEffect(() => {\n    if (!isLoaded || !map) return;\n\n    map.addSource(sourceId, {\n      type: \"geojson\",\n      data: geoJSON,\n      promoteId: \"id\",\n    });\n\n    map.addLayer(\n      {\n        id: hitLayerId,\n        type: \"line\",\n        source: sourceId,\n        layout: DEFAULT_ARC_LAYOUT,\n        paint: {\n          \"line-color\": \"transparent\",\n          \"line-width\": hitWidth,\n          \"line-opacity\": 1,\n        },\n      },\n      beforeId,\n    );\n\n    map.addLayer(\n      {\n        id: layerId,\n        type: \"line\",\n        source: sourceId,\n        layout: mergedLayout,\n        paint: mergedPaint,\n      },\n      beforeId,\n    );\n\n    return () => {\n      try {\n        if (map.getLayer(layerId)) map.removeLayer(layerId);\n        if (map.getLayer(hitLayerId)) map.removeLayer(hitLayerId);\n        if (map.getSource(sourceId)) map.removeSource(sourceId);\n      } catch {\n        // style may be mid-reload\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- source/layers created once per map; data + paint are synced by the effects below\n  }, [isLoaded, map]);\n\n  // Sync features when data / curvature / samples change.\n  useEffect(() => {\n    if (!isLoaded || !map) return;\n    const source = map.getSource(sourceId) as MapLibreGL.GeoJSONSource | undefined;\n    source?.setData(geoJSON);\n  }, [isLoaded, map, geoJSON, sourceId]);\n\n  // Sync paint/layout when they change.\n  useEffect(() => {\n    if (!isLoaded || !map || !map.getLayer(layerId)) return;\n    for (const [key, value] of Object.entries(mergedPaint)) {\n      map.setPaintProperty(layerId, key as keyof MapArcLinePaint, value as never);\n    }\n    for (const [key, value] of Object.entries(mergedLayout)) {\n      map.setLayoutProperty(layerId, key as keyof MapArcLineLayout, value as never);\n    }\n    if (map.getLayer(hitLayerId)) {\n      map.setPaintProperty(hitLayerId, \"line-width\", hitWidth);\n    }\n  }, [isLoaded, map, layerId, hitLayerId, mergedPaint, mergedLayout, hitWidth]);\n\n  // Interaction handlers (bound to the hit layer).\n  useEffect(() => {\n    if (!isLoaded || !map || !interactive) return;\n\n    let hoveredId: string | number | null = null;\n\n    const setHover = (next: string | number | null) => {\n      if (next === hoveredId) return;\n      const sourceExists = !!map.getSource(sourceId);\n      if (hoveredId != null && sourceExists) {\n        map.setFeatureState({ source: sourceId, id: hoveredId }, { hover: false });\n      }\n      hoveredId = next;\n      if (next != null && sourceExists) {\n        map.setFeatureState({ source: sourceId, id: next }, { hover: true });\n      }\n    };\n\n    const findArc = (featureId: string | number | undefined) =>\n      featureId == null\n        ? undefined\n        : latestRef.current.data.find((arc) => String(arc.id) === String(featureId));\n\n    const handleMouseMove = (e: MapLibreGL.MapLayerMouseEvent) => {\n      const featureId = e.features?.[0]?.id as string | number | undefined;\n      if (featureId == null || featureId === hoveredId) return;\n\n      setHover(featureId);\n      map.getCanvas().style.cursor = \"pointer\";\n\n      const arc = findArc(featureId);\n      if (arc) {\n        latestRef.current.onHover?.({\n          arc: arc as T,\n          longitude: e.lngLat.lng,\n          latitude: e.lngLat.lat,\n          plan: planRef.current ? planRef.current.toPlan([e.lngLat.lng, e.lngLat.lat]) : null,\n          originalEvent: e,\n        });\n      }\n    };\n\n    const handleMouseLeave = () => {\n      setHover(null);\n      map.getCanvas().style.cursor = \"\";\n      latestRef.current.onHover?.(null);\n    };\n\n    const handleClick = (e: MapLibreGL.MapLayerMouseEvent) => {\n      const arc = findArc(e.features?.[0]?.id as string | number | undefined);\n      if (!arc) return;\n      latestRef.current.onClick?.({\n        arc: arc as T,\n        longitude: e.lngLat.lng,\n        latitude: e.lngLat.lat,\n        plan: planRef.current ? planRef.current.toPlan([e.lngLat.lng, e.lngLat.lat]) : null,\n        originalEvent: e,\n      });\n    };\n\n    map.on(\"mousemove\", hitLayerId, handleMouseMove);\n    map.on(\"mouseleave\", hitLayerId, handleMouseLeave);\n    map.on(\"click\", hitLayerId, handleClick);\n\n    return () => {\n      map.off(\"mousemove\", hitLayerId, handleMouseMove);\n      map.off(\"mouseleave\", hitLayerId, handleMouseLeave);\n      map.off(\"click\", hitLayerId, handleClick);\n      setHover(null);\n      map.getCanvas().style.cursor = \"\";\n    };\n  }, [isLoaded, map, hitLayerId, sourceId, interactive]);\n\n  return null;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-PF3R2BXM.js

@@ -0,0 +1,200 @@
+"use client";
+import {
+  MAP_CORNER_CLASSES
+} from "./chunk-GWULZOMW.js";
+import {
+  MapCanvas
+} from "./chunk-XQT7YLJY.js";
+import {
+  useTokenColor
+} from "./chunk-Y44MEKJV.js";
+import {
+  useMapResponsive
+} from "./chunk-W76NLFER.js";
+import {
+  useMap
+} from "./chunk-JYFERXZT.js";
+
+// src/map-inset/map-inset.tsx
+import { forwardRef, useEffect, useId, useState } from "react";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { jsx } from "react/jsx-runtime";
+var REGION_ZOOM_OUT = 4;
+var MIN_BOX_PX = 6;
+function readView(map) {
+  const center = map.getCenter();
+  const bounds = map.getBounds();
+  return {
+    center: [center.lng, center.lat],
+    zoom: map.getZoom(),
+    bounds: [bounds.getWest(), bounds.getSouth(), bounds.getEast(), bounds.getNorth()]
+  };
+}
+function globeZoom(width) {
+  const scale = 0.9 * width * Math.PI / 512;
+  return Math.log2(Math.max(scale, 1e-3));
+}
+function InsetFollower({ view, kind }) {
+  const { map, isLoaded } = useMap();
+  const id = useId();
+  const sourceId = `map-inset-view-${id}`;
+  const lineId = `map-inset-box-${id}`;
+  const fillId = `map-inset-fill-${id}`;
+  const dotId = `map-inset-dot-${id}`;
+  const accent = useTokenColor("--primary");
+  const surface = useTokenColor("--background");
+  const [boxWidth, setBoxWidth] = useState(0);
+  useEffect(() => {
+    if (!map) return void 0;
+    const update = () => setBoxWidth(map.getContainer().clientWidth);
+    update();
+    map.on("resize", update);
+    return () => {
+      map.off("resize", update);
+    };
+  }, [map]);
+  useEffect(() => {
+    if (!map || !isLoaded) return void 0;
+    map.addSource(sourceId, { type: "geojson", data: { type: "FeatureCollection", features: [] } });
+    map.addLayer({
+      id: fillId,
+      type: "fill",
+      source: sourceId,
+      filter: ["==", ["geometry-type"], "Polygon"],
+      paint: { "fill-color": accent, "fill-opacity": 0.2 }
+    });
+    map.addLayer({
+      id: lineId,
+      type: "line",
+      source: sourceId,
+      filter: ["==", ["geometry-type"], "Polygon"],
+      paint: { "line-color": accent, "line-width": 1.5 }
+    });
+    map.addLayer({
+      id: dotId,
+      type: "circle",
+      source: sourceId,
+      filter: ["==", ["geometry-type"], "Point"],
+      paint: {
+        "circle-color": accent,
+        "circle-radius": 3.5,
+        "circle-stroke-color": surface,
+        "circle-stroke-width": 1
+      }
+    });
+    return () => {
+      try {
+        for (const layer of [dotId, lineId, fillId])
+          if (map.getLayer(layer)) map.removeLayer(layer);
+        if (map.getSource(sourceId)) map.removeSource(sourceId);
+      } catch {
+      }
+    };
+  }, [map, isLoaded]);
+  useEffect(() => {
+    if (!map || !isLoaded) return;
+    if (map.getLayer(fillId)) map.setPaintProperty(fillId, "fill-color", accent);
+    if (map.getLayer(lineId)) map.setPaintProperty(lineId, "line-color", accent);
+    if (map.getLayer(dotId)) {
+      map.setPaintProperty(dotId, "circle-color", accent);
+      map.setPaintProperty(dotId, "circle-stroke-color", surface);
+    }
+  }, [map, isLoaded, accent, surface, fillId, lineId, dotId]);
+  useEffect(() => {
+    if (!map || !isLoaded) return;
+    const width = boxWidth || map.getContainer().clientWidth;
+    const zoom = kind === "globe" ? globeZoom(width) : Math.max(0, view.zoom - REGION_ZOOM_OUT);
+    map.jumpTo({ center: view.center, zoom });
+    const [west, south, east, north] = view.bounds;
+    const a = map.project([west, north]);
+    const b = map.project([east, south]);
+    const small = Math.abs(b.x - a.x) < MIN_BOX_PX && Math.abs(b.y - a.y) < MIN_BOX_PX;
+    const feature = small ? { type: "Feature", properties: {}, geometry: { type: "Point", coordinates: view.center } } : {
+      type: "Feature",
+      properties: {},
+      geometry: {
+        type: "Polygon",
+        coordinates: [
+          [
+            [west, south],
+            [east, south],
+            [east, north],
+            [west, north],
+            [west, south]
+          ]
+        ]
+      }
+    };
+    const source = map.getSource(sourceId);
+    source?.setData?.({ type: "FeatureCollection", features: [feature] });
+  }, [map, isLoaded, kind, view, sourceId, boxWidth]);
+  return null;
+}
+var MapInset = forwardRef(function MapInset2({
+  kind = "globe",
+  position = "top-right",
+  size: sizeProp = { base: 128, narrow: 88 },
+  styles,
+  blank,
+  basemapLabels = false,
+  className,
+  style,
+  ...props
+}, ref) {
+  const { map } = useMap();
+  const size = Math.max(0, useMapResponsive(sizeProp));
+  const [view, setView] = useState(() => map ? readView(map) : null);
+  useEffect(() => {
+    if (!map) return void 0;
+    const update = () => setView(readView(map));
+    update();
+    map.on("moveend", update);
+    map.on("resize", update);
+    return () => {
+      map.off("moveend", update);
+      map.off("resize", update);
+    };
+  }, [map]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "aria-hidden": "true",
+      "data-slot": "map-inset",
+      "data-kind": kind,
+      className: cn(
+        "pointer-events-none absolute z-10 overflow-hidden bg-background shadow-ring-sm",
+        kind === "globe" ? "rounded-full" : "rounded-md",
+        MAP_CORNER_CLASSES[position],
+        className
+      ),
+      style: {
+        width: size,
+        maxWidth: "40%",
+        aspectRatio: "1 / 1",
+        transitionProperty: "none",
+        ...style
+      },
+      ...props,
+      children: view && /* @__PURE__ */ jsx(
+        MapCanvas,
+        {
+          interactive: false,
+          center: view.center,
+          zoom: kind === "globe" ? 0 : Math.max(0, view.zoom - REGION_ZOOM_OUT),
+          minZoom: -2,
+          projection: kind === "globe" ? "globe" : void 0,
+          styles,
+          blank,
+          basemapLabels,
+          children: /* @__PURE__ */ jsx(InsetFollower, { view, kind })
+        }
+      )
+    }
+  );
+});
+
+export {
+  MapInset
+};
+//# sourceMappingURL=chunk-PF3R2BXM.js.map

package/dist/chunk-PF3R2BXM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/map-inset/map-inset.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, useId, useState, type HTMLAttributes } from \"react\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\n\nimport { MapCanvas, type MapCanvasProps } from \"../map-canvas/map-canvas\";\nimport { useMap } from \"../map-canvas/map-context\";\nimport { type MapResponsive, useMapResponsive } from \"../lib/use-map-breakpoint\";\nimport { useTokenColor } from \"../lib/use-token-color\";\nimport { MAP_CORNER_CLASSES, type MapCorner } from \"../map-legend/map-corner\";\n\n/** A globe with the main view marked, or a zoomed-out regional map around it. */\nexport type MapInsetKind = \"globe\" | \"region\";\n\nexport interface MapInsetProps extends HTMLAttributes<HTMLDivElement> {\n  /** Default `\"globe\"`. */\n  kind?: MapInsetKind;\n  /** Corner of the main map (default `\"top-right\"`). */\n  position?: MapCorner;\n  /**\n   * Side length in CSS px, optionally per tier (default\n   * `{ base: 128, narrow: 88 }`). Never more than 40 % of the main map's width.\n   */\n  size?: MapResponsive<number>;\n  /** Basemap styles for the inset (default: the main map's defaults). */\n  styles?: MapCanvasProps[\"styles\"];\n  /** A tile-less inset — pair it with your own layers via `styles`. */\n  blank?: boolean;\n  /**\n   * Draw the basemap's own place labels inside the inset. Default `false`\n   * (c-6): a basemap's labels are sized for a full map, so in an 88–128 px\n   * frame they are sliced mid-word (\"EUROP\", \"AMERIC\") and read louder than\n   * the globe they caption. An inset is a locator SHAPE, not a second map.\n   */\n  basemapLabels?: boolean;\n}\n\n/** How many zoom levels a `region` inset sits below the main map. */\nconst REGION_ZOOM_OUT = 4;\n/** Below this many px across, the main view is marked as a dot, not a box. */\nconst MIN_BOX_PX = 6;\n\ninterface MainView {\n  center: [number, number];\n  zoom: number;\n  bounds: [west: number, south: number, east: number, north: number];\n}\n\nfunction readView(map: NonNullable<ReturnType<typeof useMap>[\"map\"]>): MainView {\n  const center = map.getCenter();\n  const bounds = map.getBounds();\n  return {\n    center: [center.lng, center.lat],\n    zoom: map.getZoom(),\n    bounds: [bounds.getWest(), bounds.getSouth(), bounds.getEast(), bounds.getNorth()],\n  };\n}\n\n/**\n * The zoom at which a globe fills ~90 % of a `width`-px box.\n *\n * Latitude-independent on purpose (c-6): the old `cos(latitude)` factor is\n * Mercator's scale correction, and a globe projection does not stretch with\n * latitude — it only made the sphere shrink the further the main map sat from\n * the equator (a Toronto locator's globe came out ~28 % narrower than the same\n * globe over the Gulf of Guinea).\n */\nfunction globeZoom(width: number): number {\n  const scale = (0.9 * width * Math.PI) / 512;\n  return Math.log2(Math.max(scale, 1e-3));\n}\n\n/** Inside the inset canvas: follows the main view and marks its extent. */\nfunction InsetFollower({ view, kind }: { view: MainView; kind: MapInsetKind }) {\n  const { map, isLoaded } = useMap();\n  const id = useId();\n  const sourceId = `map-inset-view-${id}`;\n  const lineId = `map-inset-box-${id}`;\n  const fillId = `map-inset-fill-${id}`;\n  const dotId = `map-inset-dot-${id}`;\n  const accent = useTokenColor(\"--primary\");\n  const surface = useTokenColor(\"--background\");\n\n  // The inset's own box is responsive: `size` resolves at the MAIN map's tier,\n  // which is measured one render after the inset canvas is built, so a narrow\n  // inset is created 128 px wide and settles at 88. A globe is zoomed to fill\n  // its box, so that zoom has to be recomputed when the box changes.\n  const [boxWidth, setBoxWidth] = useState(0);\n  useEffect(() => {\n    if (!map) return undefined;\n    const update = () => setBoxWidth(map.getContainer().clientWidth);\n    update();\n    map.on(\"resize\", update);\n    return () => {\n      map.off(\"resize\", update);\n    };\n  }, [map]);\n\n  useEffect(() => {\n    if (!map || !isLoaded) return undefined;\n    map.addSource(sourceId, { type: \"geojson\", data: { type: \"FeatureCollection\", features: [] } });\n    map.addLayer({\n      id: fillId,\n      type: \"fill\",\n      source: sourceId,\n      filter: [\"==\", [\"geometry-type\"], \"Polygon\"],\n      paint: { \"fill-color\": accent, \"fill-opacity\": 0.2 },\n    });\n    map.addLayer({\n      id: lineId,\n      type: \"line\",\n      source: sourceId,\n      filter: [\"==\", [\"geometry-type\"], \"Polygon\"],\n      paint: { \"line-color\": accent, \"line-width\": 1.5 },\n    });\n    map.addLayer({\n      id: dotId,\n      type: \"circle\",\n      source: sourceId,\n      filter: [\"==\", [\"geometry-type\"], \"Point\"],\n      paint: {\n        \"circle-color\": accent,\n        \"circle-radius\": 3.5,\n        \"circle-stroke-color\": surface,\n        \"circle-stroke-width\": 1,\n      },\n    });\n    return () => {\n      try {\n        for (const layer of [dotId, lineId, fillId])\n          if (map.getLayer(layer)) map.removeLayer(layer);\n        if (map.getSource(sourceId)) map.removeSource(sourceId);\n      } catch {\n        // style may be mid-reload\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- layers created once per load; colours synced below\n  }, [map, isLoaded]);\n\n  useEffect(() => {\n    if (!map || !isLoaded) return;\n    if (map.getLayer(fillId)) map.setPaintProperty(fillId, \"fill-color\", accent);\n    if (map.getLayer(lineId)) map.setPaintProperty(lineId, \"line-color\", accent);\n    if (map.getLayer(dotId)) {\n      map.setPaintProperty(dotId, \"circle-color\", accent);\n      map.setPaintProperty(dotId, \"circle-stroke-color\", surface);\n    }\n  }, [map, isLoaded, accent, surface, fillId, lineId, dotId]);\n\n  useEffect(() => {\n    if (!map || !isLoaded) return;\n    const width = boxWidth || map.getContainer().clientWidth;\n    const zoom = kind === \"globe\" ? globeZoom(width) : Math.max(0, view.zoom - REGION_ZOOM_OUT);\n    map.jumpTo({ center: view.center, zoom });\n\n    const [west, south, east, north] = view.bounds;\n    const a = map.project([west, north]);\n    const b = map.project([east, south]);\n    const small = Math.abs(b.x - a.x) < MIN_BOX_PX && Math.abs(b.y - a.y) < MIN_BOX_PX;\n    const feature: GeoJSON.Feature = small\n      ? { type: \"Feature\", properties: {}, geometry: { type: \"Point\", coordinates: view.center } }\n      : {\n          type: \"Feature\",\n          properties: {},\n          geometry: {\n            type: \"Polygon\",\n            coordinates: [\n              [\n                [west, south],\n                [east, south],\n                [east, north],\n                [west, north],\n                [west, south],\n              ],\n            ],\n          },\n        };\n    const source = map.getSource(sourceId) as { setData?: (data: unknown) => void } | undefined;\n    source?.setData?.({ type: \"FeatureCollection\", features: [feature] });\n  }, [map, isLoaded, kind, view, sourceId, boxWidth]);\n\n  return null;\n}\n\n/**\n * MapInset — a small locator map in a corner of the main map: a globe\n * (`kind=\"globe\"`) or a zoomed-out regional map (`kind=\"region\"`), with the\n * main map's current view marked (a box, or a dot when the box would be too\n * small to see). It is a second, static `<MapCanvas>` that follows the main\n * view; decorative, so hidden from assistive tech and never a tab stop.\n * Render inside `<MapCanvas>`.\n */\nexport const MapInset = forwardRef<HTMLDivElement, MapInsetProps>(function MapInset(\n  {\n    kind = \"globe\",\n    position = \"top-right\",\n    size: sizeProp = { base: 128, narrow: 88 },\n    styles,\n    blank,\n    basemapLabels = false,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const { map } = useMap();\n  const size = Math.max(0, useMapResponsive(sizeProp));\n  const [view, setView] = useState<MainView | null>(() => (map ? readView(map) : null));\n\n  useEffect(() => {\n    if (!map) return undefined;\n    const update = () => setView(readView(map));\n    update();\n    map.on(\"moveend\", update);\n    map.on(\"resize\", update);\n    return () => {\n      map.off(\"moveend\", update);\n      map.off(\"resize\", update);\n    };\n  }, [map]);\n\n  return (\n    <div\n      ref={ref}\n      aria-hidden=\"true\"\n      data-slot=\"map-inset\"\n      data-kind={kind}\n      className={cn(\n        \"pointer-events-none absolute z-10 overflow-hidden bg-background shadow-ring-sm\",\n        kind === \"globe\" ? \"rounded-full\" : \"rounded-md\",\n        MAP_CORNER_CLASSES[position],\n        className,\n      )}\n      // `transitionProperty: none` for the same reason `<MapCanvas>` pins it: a\n      // transitioned width (the reduced-motion clamp gives EVERY element a\n      // 0.01 ms duration) only lands on the next animation frame, and the\n      // engine inside measures this box.\n      style={{\n        width: size,\n        maxWidth: \"40%\",\n        aspectRatio: \"1 / 1\",\n        transitionProperty: \"none\",\n        ...style,\n      }}\n      {...props}\n    >\n      {view && (\n        <MapCanvas\n          interactive={false}\n          center={view.center}\n          zoom={kind === \"globe\" ? 0 : Math.max(0, view.zoom - REGION_ZOOM_OUT)}\n          minZoom={-2}\n          projection={kind === \"globe\" ? \"globe\" : undefined}\n          styles={styles}\n          blank={blank}\n          basemapLabels={basemapLabels}\n        >\n          <InsetFollower view={view} kind={kind} />\n        </MapCanvas>\n      )}\n    </div>\n  );\n});\n"],"mappings":"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","names":["MapInset"]}

package/dist/chunk-Q2I5YODW.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-Q2I5YODW.js.map

package/dist/chunk-Q2I5YODW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}