@elabs-ai/components-maps 4.2.0 → 5.0.0

package/dist/chunk-HCOBWIM4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/map-plan/use-plan-selection.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\n\nexport interface UsePlanSelectionOptions {\n  /** Allow more than one region to be selected at a time (default false). */\n  multiple?: boolean;\n  /** The ids selected to begin with. */\n  initialSelectedIds?: readonly string[];\n  /** Called whenever the selection changes. */\n  onChange?: (selectedIds: string[]) => void;\n}\n\nexport interface PlanSelection {\n  /** The single selected id, or the last of a multiple selection; `null` for none. */\n  selectedId: string | null;\n  /** Every selected id, in selection order. */\n  selectedIds: string[];\n  isSelected: (id: string) => boolean;\n  /** Toggle a region; `null` clears everything. */\n  select: (id: string | null) => void;\n  clear: () => void;\n}\n\n/**\n * Selection state for a plan, keyed by region **id** rather than index — a\n * status tick that re-orders the regions must not move the selection with it.\n *\n * Hand `selectedIds` to `<MapGeoJSON selectedId>` for the paint and to\n * `<MapPlanOverlay selectedId>` for the pressed state, so both read one source.\n */\nexport function usePlanSelection({\n  multiple = false,\n  initialSelectedIds,\n  onChange,\n}: UsePlanSelectionOptions = {}): PlanSelection {\n  const [selectedIds, setSelectedIds] = useState<string[]>(() => [...(initialSelectedIds ?? [])]);\n\n  const commit = useCallback(\n    (next: string[]) => {\n      setSelectedIds(next);\n      onChange?.(next);\n    },\n    [onChange],\n  );\n\n  const select = useCallback(\n    (id: string | null) => {\n      if (id === null) {\n        commit([]);\n        return;\n      }\n      setSelectedIds((current) => {\n        const next = current.includes(id)\n          ? current.filter((entry) => entry !== id)\n          : multiple\n            ? [...current, id]\n            : [id];\n        onChange?.(next);\n        return next;\n      });\n    },\n    [commit, multiple, onChange],\n  );\n\n  const clear = useCallback(() => commit([]), [commit]);\n\n  return useMemo(\n    () => ({\n      selectedId: selectedIds.at(-1) ?? null,\n      selectedIds,\n      isSelected: (id: string) => selectedIds.includes(id),\n      select,\n      clear,\n    }),\n    [selectedIds, select, clear],\n  );\n}\n"],"mappings":";;;AAEA,SAAS,aAAa,SAAS,gBAAgB;AA6BxC,SAAS,iBAAiB;AAAA,EAC/B,WAAW;AAAA,EACX;AAAA,EACA;AACF,IAA6B,CAAC,GAAkB;AAC9C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAmB,MAAM,CAAC,GAAI,sBAAsB,CAAC,CAAE,CAAC;AAE9F,QAAM,SAAS;AAAA,IACb,CAAC,SAAmB;AAClB,qBAAe,IAAI;AACnB,iBAAW,IAAI;AAAA,IACjB;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,SAAS;AAAA,IACb,CAAC,OAAsB;AACrB,UAAI,OAAO,MAAM;AACf,eAAO,CAAC,CAAC;AACT;AAAA,MACF;AACA,qBAAe,CAAC,YAAY;AAC1B,cAAM,OAAO,QAAQ,SAAS,EAAE,IAC5B,QAAQ,OAAO,CAAC,UAAU,UAAU,EAAE,IACtC,WACE,CAAC,GAAG,SAAS,EAAE,IACf,CAAC,EAAE;AACT,mBAAW,IAAI;AACf,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,QAAQ,UAAU,QAAQ;AAAA,EAC7B;AAEA,QAAM,QAAQ,YAAY,MAAM,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC;AAEpD,SAAO;AAAA,IACL,OAAO;AAAA,MACL,YAAY,YAAY,GAAG,EAAE,KAAK;AAAA,MAClC;AAAA,MACA,YAAY,CAAC,OAAe,YAAY,SAAS,EAAE;AAAA,MACnD;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,aAAa,QAAQ,KAAK;AAAA,EAC7B;AACF;","names":[]}

package/dist/chunk-IAHK5MVT.js

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

package/dist/chunk-IAHK5MVT.js.map

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

package/dist/chunk-JGJ6442I.js

@@ -0,0 +1,235 @@
+"use client";
+import {
+  useTokenColor
+} from "./chunk-Y44MEKJV.js";
+import {
+  useMap
+} from "./chunk-JYFERXZT.js";
+import {
+  warnMapOnce
+} from "./chunk-G7JDXDJN.js";
+
+// src/map-cluster-layer/map-cluster-layer.tsx
+import { useEffect, useId, useMemo } from "react";
+var DEFAULT_CLUSTER_THRESHOLDS = [100, 750];
+function MapClusterLayer({
+  data,
+  clusterMaxZoom = 14,
+  clusterRadius = 50,
+  clusterColors,
+  clusterThresholds = DEFAULT_CLUSTER_THRESHOLDS,
+  pointColor,
+  onPointClick,
+  onClusterClick
+}) {
+  const { map, isLoaded, plan } = useMap();
+  const id = useId();
+  const sourceId = `cluster-source-${id}`;
+  const clusterLayerId = `clusters-${id}`;
+  const clusterCountLayerId = `cluster-count-${id}`;
+  const unclusteredLayerId = `unclustered-point-${id}`;
+  if (plan) {
+    warnMapOnce(
+      "cluster-layer-plan",
+      "<MapClusterLayer> is not for a plan map: its count label is a symbol text-field, and a plan's blank style has no glyph endpoint, so the counts render as nothing."
+    );
+  }
+  const success = useTokenColor("--success");
+  const warning = useTokenColor("--warning");
+  const destructive = useTokenColor("--destructive");
+  const primary = useTokenColor("--primary");
+  const surface = useTokenColor("--background");
+  const resolvedClusterColors = useMemo(
+    () => clusterColors ?? [success, warning, destructive],
+    [clusterColors, success, warning, destructive]
+  );
+  const resolvedPointColor = pointColor ?? primary;
+  useEffect(() => {
+    if (!isLoaded || !map) return;
+    map.addSource(sourceId, {
+      type: "geojson",
+      data,
+      cluster: true,
+      clusterMaxZoom,
+      clusterRadius
+    });
+    map.addLayer({
+      id: clusterLayerId,
+      type: "circle",
+      source: sourceId,
+      filter: ["has", "point_count"],
+      paint: {
+        "circle-color": [
+          "step",
+          ["get", "point_count"],
+          resolvedClusterColors[0],
+          clusterThresholds[0],
+          resolvedClusterColors[1],
+          clusterThresholds[1],
+          resolvedClusterColors[2]
+        ],
+        "circle-radius": [
+          "step",
+          ["get", "point_count"],
+          20,
+          clusterThresholds[0],
+          30,
+          clusterThresholds[1],
+          40
+        ],
+        "circle-stroke-width": 1,
+        "circle-stroke-color": surface,
+        "circle-opacity": 0.85
+      }
+    });
+    map.addLayer({
+      id: clusterCountLayerId,
+      type: "symbol",
+      source: sourceId,
+      filter: ["has", "point_count"],
+      layout: {
+        "text-field": "{point_count_abbreviated}",
+        "text-font": ["Open Sans"],
+        "text-size": 12
+      },
+      paint: {
+        "text-color": surface
+      }
+    });
+    map.addLayer({
+      id: unclusteredLayerId,
+      type: "circle",
+      source: sourceId,
+      filter: ["!", ["has", "point_count"]],
+      paint: {
+        "circle-color": resolvedPointColor,
+        "circle-radius": 5,
+        "circle-stroke-width": 2,
+        "circle-stroke-color": surface
+      }
+    });
+    return () => {
+      try {
+        if (map.getLayer(clusterCountLayerId)) map.removeLayer(clusterCountLayerId);
+        if (map.getLayer(unclusteredLayerId)) map.removeLayer(unclusteredLayerId);
+        if (map.getLayer(clusterLayerId)) map.removeLayer(clusterLayerId);
+        if (map.getSource(sourceId)) map.removeSource(sourceId);
+      } catch {
+      }
+    };
+  }, [isLoaded, map, sourceId]);
+  useEffect(() => {
+    if (!isLoaded || !map || typeof data === "string") return;
+    const source = map.getSource(sourceId);
+    if (source) {
+      source.setData(data);
+    }
+  }, [isLoaded, map, data, sourceId]);
+  useEffect(() => {
+    if (!isLoaded || !map) return;
+    if (map.getLayer(clusterLayerId)) {
+      map.setPaintProperty(clusterLayerId, "circle-color", [
+        "step",
+        ["get", "point_count"],
+        resolvedClusterColors[0],
+        clusterThresholds[0],
+        resolvedClusterColors[1],
+        clusterThresholds[1],
+        resolvedClusterColors[2]
+      ]);
+      map.setPaintProperty(clusterLayerId, "circle-radius", [
+        "step",
+        ["get", "point_count"],
+        20,
+        clusterThresholds[0],
+        30,
+        clusterThresholds[1],
+        40
+      ]);
+      map.setPaintProperty(clusterLayerId, "circle-stroke-color", surface);
+    }
+    if (map.getLayer(clusterCountLayerId)) {
+      map.setPaintProperty(clusterCountLayerId, "text-color", surface);
+    }
+    if (map.getLayer(unclusteredLayerId)) {
+      map.setPaintProperty(unclusteredLayerId, "circle-color", resolvedPointColor);
+      map.setPaintProperty(unclusteredLayerId, "circle-stroke-color", surface);
+    }
+  }, [
+    isLoaded,
+    map,
+    clusterLayerId,
+    clusterCountLayerId,
+    unclusteredLayerId,
+    resolvedClusterColors,
+    clusterThresholds,
+    resolvedPointColor,
+    surface
+  ]);
+  useEffect(() => {
+    if (!isLoaded || !map) return;
+    const handleClusterClick = async (e) => {
+      const features = map.queryRenderedFeatures(e.point, {
+        layers: [clusterLayerId]
+      });
+      const feature = features[0];
+      if (!feature) return;
+      const clusterId = feature.properties?.cluster_id;
+      const pointCount = feature.properties?.point_count;
+      const coordinates = feature.geometry.coordinates;
+      if (onClusterClick) {
+        onClusterClick(clusterId, coordinates, pointCount);
+      } else {
+        const source = map.getSource(sourceId);
+        const zoom = await source.getClusterExpansionZoom(clusterId);
+        map.easeTo({
+          center: coordinates,
+          zoom
+        });
+      }
+    };
+    const handlePointClick = (e) => {
+      const feature = e.features?.[0];
+      if (!onPointClick || !feature) return;
+      const coordinates = feature.geometry.coordinates.slice();
+      while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {
+        coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;
+      }
+      onPointClick(feature, coordinates);
+    };
+    const handleMouseEnterCluster = () => {
+      map.getCanvas().style.cursor = "pointer";
+    };
+    const handleMouseLeaveCluster = () => {
+      map.getCanvas().style.cursor = "";
+    };
+    const handleMouseEnterPoint = () => {
+      if (onPointClick) {
+        map.getCanvas().style.cursor = "pointer";
+      }
+    };
+    const handleMouseLeavePoint = () => {
+      map.getCanvas().style.cursor = "";
+    };
+    map.on("click", clusterLayerId, handleClusterClick);
+    map.on("click", unclusteredLayerId, handlePointClick);
+    map.on("mouseenter", clusterLayerId, handleMouseEnterCluster);
+    map.on("mouseleave", clusterLayerId, handleMouseLeaveCluster);
+    map.on("mouseenter", unclusteredLayerId, handleMouseEnterPoint);
+    map.on("mouseleave", unclusteredLayerId, handleMouseLeavePoint);
+    return () => {
+      map.off("click", clusterLayerId, handleClusterClick);
+      map.off("click", unclusteredLayerId, handlePointClick);
+      map.off("mouseenter", clusterLayerId, handleMouseEnterCluster);
+      map.off("mouseleave", clusterLayerId, handleMouseLeaveCluster);
+      map.off("mouseenter", unclusteredLayerId, handleMouseEnterPoint);
+      map.off("mouseleave", unclusteredLayerId, handleMouseLeavePoint);
+    };
+  }, [isLoaded, map, clusterLayerId, unclusteredLayerId, sourceId, onClusterClick, onPointClick]);
+  return null;
+}
+
+export {
+  MapClusterLayer
+};
+//# sourceMappingURL=chunk-JGJ6442I.js.map

package/dist/chunk-JGJ6442I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/map-cluster-layer/map-cluster-layer.tsx"],"sourcesContent":["\"use client\";\n\nimport type MapLibreGL from \"maplibre-gl\";\nimport { useEffect, useId, useMemo } from \"react\";\n\nimport { useMap } from \"../map-canvas/map-context\";\nimport { useTokenColor } from \"../lib/use-token-color\";\nimport { warnMapOnce } from \"../lib/warn-once\";\n\nexport type MapClusterLayerProps<P extends GeoJSON.GeoJsonProperties = GeoJSON.GeoJsonProperties> =\n  {\n    /** GeoJSON FeatureCollection data or a URL to fetch GeoJSON from. */\n    data: string | GeoJSON.FeatureCollection<GeoJSON.Point, P>;\n    /** Maximum zoom level to cluster points on (default: 14). */\n    clusterMaxZoom?: number;\n    /** Radius of each cluster when clustering points, in pixels (default: 50). */\n    clusterRadius?: number;\n    /**\n     * Colors for cluster circles: [small, medium, large] based on point count.\n     * Defaults to the theme's `--success`/`--warning`/`--destructive` tokens.\n     */\n    clusterColors?: [string, string, string];\n    /** Point-count thresholds for the color/size steps: [medium, large] (default: [100, 750]). */\n    clusterThresholds?: [number, number];\n    /** Color for unclustered individual points. Defaults to the theme's `--primary` token. */\n    pointColor?: string;\n    /** Callback when an unclustered point is clicked. */\n    onPointClick?: (\n      feature: GeoJSON.Feature<GeoJSON.Point, P>,\n      coordinates: [number, number],\n    ) => void;\n    /** Callback when a cluster is clicked. If not provided, zooms into the cluster. */\n    onClusterClick?: (clusterId: number, coordinates: [number, number], pointCount: number) => void;\n  };\n\nconst DEFAULT_CLUSTER_THRESHOLDS: [number, number] = [100, 750];\n\n/**\n * Clustered point rendering for large point datasets. Cluster circles step\n * through the status tokens (success → warning → destructive) as the point\n * count grows; strokes and count labels use the page surface for contrast.\n *\n * NOT for a plan map. The count inside each circle is a `symbol` `text-field`,\n * and a blank style — which every plan uses — ships no glyph endpoint, so the\n * counts would silently render as nothing at all. Cluster plan points yourself\n * and draw the groups with `MapGeoJSON`, or put the count in the DOM overlay.\n */\nexport function MapClusterLayer<P extends GeoJSON.GeoJsonProperties = GeoJSON.GeoJsonProperties>({\n  data,\n  clusterMaxZoom = 14,\n  clusterRadius = 50,\n  clusterColors,\n  clusterThresholds = DEFAULT_CLUSTER_THRESHOLDS,\n  pointColor,\n  onPointClick,\n  onClusterClick,\n}: MapClusterLayerProps<P>) {\n  const { map, isLoaded, plan } = useMap();\n  const id = useId();\n  const sourceId = `cluster-source-${id}`;\n  const clusterLayerId = `clusters-${id}`;\n  const clusterCountLayerId = `cluster-count-${id}`;\n  const unclusteredLayerId = `unclustered-point-${id}`;\n\n  if (plan) {\n    warnMapOnce(\n      \"cluster-layer-plan\",\n      \"<MapClusterLayer> is not for a plan map: its count label is a symbol text-field, and a plan's blank style has no glyph endpoint, so the counts render as nothing.\",\n    );\n  }\n\n  const success = useTokenColor(\"--success\");\n  const warning = useTokenColor(\"--warning\");\n  const destructive = useTokenColor(\"--destructive\");\n  const primary = useTokenColor(\"--primary\");\n  const surface = useTokenColor(\"--background\");\n\n  const resolvedClusterColors = useMemo<[string, string, string]>(\n    () => clusterColors ?? [success, warning, destructive],\n    [clusterColors, success, warning, destructive],\n  );\n  const resolvedPointColor = pointColor ?? primary;\n\n  // Add source and layers on mount.\n  useEffect(() => {\n    if (!isLoaded || !map) return;\n\n    map.addSource(sourceId, {\n      type: \"geojson\",\n      data,\n      cluster: true,\n      clusterMaxZoom,\n      clusterRadius,\n    });\n\n    map.addLayer({\n      id: clusterLayerId,\n      type: \"circle\",\n      source: sourceId,\n      filter: [\"has\", \"point_count\"],\n      paint: {\n        \"circle-color\": [\n          \"step\",\n          [\"get\", \"point_count\"],\n          resolvedClusterColors[0],\n          clusterThresholds[0],\n          resolvedClusterColors[1],\n          clusterThresholds[1],\n          resolvedClusterColors[2],\n        ],\n        \"circle-radius\": [\n          \"step\",\n          [\"get\", \"point_count\"],\n          20,\n          clusterThresholds[0],\n          30,\n          clusterThresholds[1],\n          40,\n        ],\n        \"circle-stroke-width\": 1,\n        \"circle-stroke-color\": surface,\n        \"circle-opacity\": 0.85,\n      },\n    });\n\n    map.addLayer({\n      id: clusterCountLayerId,\n      type: \"symbol\",\n      source: sourceId,\n      filter: [\"has\", \"point_count\"],\n      layout: {\n        \"text-field\": \"{point_count_abbreviated}\",\n        \"text-font\": [\"Open Sans\"],\n        \"text-size\": 12,\n      },\n      paint: {\n        \"text-color\": surface,\n      },\n    });\n\n    map.addLayer({\n      id: unclusteredLayerId,\n      type: \"circle\",\n      source: sourceId,\n      filter: [\"!\", [\"has\", \"point_count\"]],\n      paint: {\n        \"circle-color\": resolvedPointColor,\n        \"circle-radius\": 5,\n        \"circle-stroke-width\": 2,\n        \"circle-stroke-color\": surface,\n      },\n    });\n\n    return () => {\n      try {\n        if (map.getLayer(clusterCountLayerId)) map.removeLayer(clusterCountLayerId);\n        if (map.getLayer(unclusteredLayerId)) map.removeLayer(unclusteredLayerId);\n        if (map.getLayer(clusterLayerId)) map.removeLayer(clusterLayerId);\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, sourceId]);\n\n  // Update source data when the data prop changes (only for non-URL data).\n  useEffect(() => {\n    if (!isLoaded || !map || typeof data === \"string\") return;\n\n    const source = map.getSource(sourceId) as MapLibreGL.GeoJSONSource;\n    if (source) {\n      source.setData(data);\n    }\n  }, [isLoaded, map, data, sourceId]);\n\n  // Sync layer styles when props (or the resolved theme colors) change.\n  useEffect(() => {\n    if (!isLoaded || !map) return;\n\n    if (map.getLayer(clusterLayerId)) {\n      map.setPaintProperty(clusterLayerId, \"circle-color\", [\n        \"step\",\n        [\"get\", \"point_count\"],\n        resolvedClusterColors[0],\n        clusterThresholds[0],\n        resolvedClusterColors[1],\n        clusterThresholds[1],\n        resolvedClusterColors[2],\n      ]);\n      map.setPaintProperty(clusterLayerId, \"circle-radius\", [\n        \"step\",\n        [\"get\", \"point_count\"],\n        20,\n        clusterThresholds[0],\n        30,\n        clusterThresholds[1],\n        40,\n      ]);\n      map.setPaintProperty(clusterLayerId, \"circle-stroke-color\", surface);\n    }\n\n    if (map.getLayer(clusterCountLayerId)) {\n      map.setPaintProperty(clusterCountLayerId, \"text-color\", surface);\n    }\n\n    if (map.getLayer(unclusteredLayerId)) {\n      map.setPaintProperty(unclusteredLayerId, \"circle-color\", resolvedPointColor);\n      map.setPaintProperty(unclusteredLayerId, \"circle-stroke-color\", surface);\n    }\n  }, [\n    isLoaded,\n    map,\n    clusterLayerId,\n    clusterCountLayerId,\n    unclusteredLayerId,\n    resolvedClusterColors,\n    clusterThresholds,\n    resolvedPointColor,\n    surface,\n  ]);\n\n  // Handle click events.\n  useEffect(() => {\n    if (!isLoaded || !map) return;\n\n    // Cluster click handler — zoom into the cluster by default.\n    const handleClusterClick = async (e: MapLibreGL.MapMouseEvent) => {\n      const features = map.queryRenderedFeatures(e.point, {\n        layers: [clusterLayerId],\n      });\n      const feature = features[0];\n      if (!feature) return;\n      const clusterId = feature.properties?.cluster_id as number;\n      const pointCount = feature.properties?.point_count as number;\n      const coordinates = (feature.geometry as GeoJSON.Point).coordinates as [number, number];\n\n      if (onClusterClick) {\n        onClusterClick(clusterId, coordinates, pointCount);\n      } else {\n        const source = map.getSource(sourceId) as MapLibreGL.GeoJSONSource;\n        const zoom = await source.getClusterExpansionZoom(clusterId);\n        map.easeTo({\n          center: coordinates,\n          zoom,\n        });\n      }\n    };\n\n    // Unclustered point click handler.\n    const handlePointClick = (\n      e: MapLibreGL.MapMouseEvent & {\n        features?: MapLibreGL.MapGeoJSONFeature[];\n      },\n    ) => {\n      const feature = e.features?.[0];\n      if (!onPointClick || !feature) return;\n      const coordinates = (feature.geometry as GeoJSON.Point).coordinates.slice() as [\n        number,\n        number,\n      ];\n\n      // Handle world copies.\n      while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {\n        coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;\n      }\n\n      onPointClick(feature as unknown as GeoJSON.Feature<GeoJSON.Point, P>, coordinates);\n    };\n\n    // Cursor style handlers.\n    const handleMouseEnterCluster = () => {\n      map.getCanvas().style.cursor = \"pointer\";\n    };\n    const handleMouseLeaveCluster = () => {\n      map.getCanvas().style.cursor = \"\";\n    };\n    const handleMouseEnterPoint = () => {\n      if (onPointClick) {\n        map.getCanvas().style.cursor = \"pointer\";\n      }\n    };\n    const handleMouseLeavePoint = () => {\n      map.getCanvas().style.cursor = \"\";\n    };\n\n    map.on(\"click\", clusterLayerId, handleClusterClick);\n    map.on(\"click\", unclusteredLayerId, handlePointClick);\n    map.on(\"mouseenter\", clusterLayerId, handleMouseEnterCluster);\n    map.on(\"mouseleave\", clusterLayerId, handleMouseLeaveCluster);\n    map.on(\"mouseenter\", unclusteredLayerId, handleMouseEnterPoint);\n    map.on(\"mouseleave\", unclusteredLayerId, handleMouseLeavePoint);\n\n    return () => {\n      map.off(\"click\", clusterLayerId, handleClusterClick);\n      map.off(\"click\", unclusteredLayerId, handlePointClick);\n      map.off(\"mouseenter\", clusterLayerId, handleMouseEnterCluster);\n      map.off(\"mouseleave\", clusterLayerId, handleMouseLeaveCluster);\n      map.off(\"mouseenter\", unclusteredLayerId, handleMouseEnterPoint);\n      map.off(\"mouseleave\", unclusteredLayerId, handleMouseLeavePoint);\n    };\n  }, [isLoaded, map, clusterLayerId, unclusteredLayerId, sourceId, onClusterClick, onPointClick]);\n\n  return null;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-JYFERXZT.js

@@ -0,0 +1,18 @@
+"use client";
+
+// src/map-canvas/map-context.ts
+import { createContext, use } from "react";
+var MapContext = createContext(null);
+function useMap() {
+  const context = use(MapContext);
+  if (!context) {
+    throw new Error("useMap must be used within a <MapCanvas>");
+  }
+  return context;
+}
+
+export {
+  MapContext,
+  useMap
+};
+//# sourceMappingURL=chunk-JYFERXZT.js.map

package/dist/chunk-JYFERXZT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/map-canvas/map-context.ts"],"sourcesContent":["\"use client\";\n\nimport type MapLibreGL from \"maplibre-gl\";\nimport { createContext, use } from \"react\";\n\nimport type { PlanCrs } from \"../lib/plan-crs\";\n\n/** Light-or-dark flavor of the active basemap (derived from the brand theme). */\nexport type BasemapTheme = \"light\" | \"dark\";\n\nexport interface MapContextValue {\n  /** The live MapLibre map instance (`null` until the map has mounted). */\n  map: MapLibreGL.Map | null;\n  /** True once the map AND its style are fully loaded — gate layer operations on this. */\n  isLoaded: boolean;\n  /** Which basemap flavor is active. */\n  resolvedTheme: BasemapTheme;\n  /**\n   * Changes whenever the active brand theme changes. Layer components use it\n   * as a dependency key to re-resolve semantic token colors for WebGL paint.\n   */\n  themeKey: string;\n  /**\n   * The plan coordinate system when this canvas is a CUSTOM (non-geographic)\n   * plan map — a floor plan, factory layout or carriage — and `null` for an\n   * ordinary geographic map. Layer components read it to convert the plan\n   * coordinates they are handed, and to report plan coordinates back.\n   */\n  plan: PlanCrs | null;\n  /** True while the consumer has asked for a loading overlay over the map. */\n  loading: boolean;\n}\n\nexport const MapContext = createContext<MapContextValue | null>(null);\n\n/** Access the map instance + load state from any descendant of `<MapCanvas>`. */\nexport function useMap(): MapContextValue {\n  const context = use(MapContext);\n  if (!context) {\n    throw new Error(\"useMap must be used within a <MapCanvas>\");\n  }\n  return context;\n}\n"],"mappings":";;;AAGA,SAAS,eAAe,WAAW;AA8B5B,IAAM,aAAa,cAAsC,IAAI;AAG7D,SAAS,SAA0B;AACxC,QAAM,UAAU,IAAI,UAAU;AAC9B,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC5D;AACA,SAAO;AACT;","names":[]}

package/dist/chunk-LU2UEKFM.js

@@ -0,0 +1,53 @@
+"use client";
+
+// src/map-plan/map-plan-status.tsx
+import { useEffect, useRef, useState } from "react";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { jsx } from "react/jsx-runtime";
+var DEFAULT_COALESCE_MS = 2e3;
+function MapPlanStatus({
+  message,
+  coalesceMs = DEFAULT_COALESCE_MS,
+  visible = false,
+  className
+}) {
+  const [announced, setAnnounced] = useState(message);
+  const lastAtRef = useRef(0);
+  const pendingRef = useRef(null);
+  useEffect(() => {
+    if (message === announced) return;
+    const elapsed = Date.now() - lastAtRef.current;
+    if (elapsed >= coalesceMs) {
+      lastAtRef.current = Date.now();
+      setAnnounced(message);
+      return;
+    }
+    if (pendingRef.current) clearTimeout(pendingRef.current);
+    pendingRef.current = setTimeout(() => {
+      lastAtRef.current = Date.now();
+      pendingRef.current = null;
+      setAnnounced(message);
+    }, coalesceMs - elapsed);
+    return () => {
+      if (pendingRef.current) {
+        clearTimeout(pendingRef.current);
+        pendingRef.current = null;
+      }
+    };
+  }, [message, announced, coalesceMs]);
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "map-plan-status",
+      role: "status",
+      "aria-live": "polite",
+      className: cn(visible ? "text-caption text-muted-foreground" : "sr-only", className),
+      children: announced
+    }
+  );
+}
+
+export {
+  MapPlanStatus
+};
+//# sourceMappingURL=chunk-LU2UEKFM.js.map

package/dist/chunk-LU2UEKFM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/map-plan/map-plan-status.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\n\n/** Nothing is announced more often than this, however fast the data changes. */\nconst DEFAULT_COALESCE_MS = 2000;\n\nexport interface MapPlanStatusProps {\n  /**\n   * The sentence to announce. Change it when something a person needs to hear\n   * changed — a selection, a status transition — never on every tick of a number.\n   */\n  message: string;\n  /** Milliseconds between announcements (default 2000). */\n  coalesceMs?: number;\n  /** Also show the message (default false: it is an announcement, not chrome). */\n  visible?: boolean;\n  className?: string;\n}\n\n/**\n * ONE live region per plan. A WebGL canvas announces nothing by itself, and a\n * plan that changes — a machine goes down, a room frees up — has to say so\n * without stealing focus.\n *\n * Announcements are coalesced: a live region that re-reads a ticking number is\n * worse than silence, because it talks over everything else the person is doing.\n */\nexport function MapPlanStatus({\n  message,\n  coalesceMs = DEFAULT_COALESCE_MS,\n  visible = false,\n  className,\n}: MapPlanStatusProps) {\n  const [announced, setAnnounced] = useState(message);\n  const lastAtRef = useRef(0);\n  const pendingRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (message === announced) return;\n\n    const elapsed = Date.now() - lastAtRef.current;\n    if (elapsed >= coalesceMs) {\n      lastAtRef.current = Date.now();\n      setAnnounced(message);\n      return;\n    }\n\n    // Inside the quiet window: hold the newest message and say it when the\n    // window closes, so a burst of changes becomes one sentence.\n    if (pendingRef.current) clearTimeout(pendingRef.current);\n    pendingRef.current = setTimeout(() => {\n      lastAtRef.current = Date.now();\n      pendingRef.current = null;\n      setAnnounced(message);\n    }, coalesceMs - elapsed);\n\n    return () => {\n      if (pendingRef.current) {\n        clearTimeout(pendingRef.current);\n        pendingRef.current = null;\n      }\n    };\n  }, [message, announced, coalesceMs]);\n\n  return (\n    <p\n      data-slot=\"map-plan-status\"\n      role=\"status\"\n      aria-live=\"polite\"\n      className={cn(visible ? \"text-caption text-muted-foreground\" : \"sr-only\", className)}\n    >\n      {announced}\n    </p>\n  );\n}\n"],"mappings":";;;AAEA,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,UAAU;AAgEf;AA7DJ,IAAM,sBAAsB;AAuBrB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,EACV;AACF,GAAuB;AACrB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,OAAO;AAClD,QAAM,YAAY,OAAO,CAAC;AAC1B,QAAM,aAAa,OAA6C,IAAI;AAEpE,YAAU,MAAM;AACd,QAAI,YAAY,UAAW;AAE3B,UAAM,UAAU,KAAK,IAAI,IAAI,UAAU;AACvC,QAAI,WAAW,YAAY;AACzB,gBAAU,UAAU,KAAK,IAAI;AAC7B,mBAAa,OAAO;AACpB;AAAA,IACF;AAIA,QAAI,WAAW,QAAS,cAAa,WAAW,OAAO;AACvD,eAAW,UAAU,WAAW,MAAM;AACpC,gBAAU,UAAU,KAAK,IAAI;AAC7B,iBAAW,UAAU;AACrB,mBAAa,OAAO;AAAA,IACtB,GAAG,aAAa,OAAO;AAEvB,WAAO,MAAM;AACX,UAAI,WAAW,SAAS;AACtB,qBAAa,WAAW,OAAO;AAC/B,mBAAW,UAAU;AAAA,MACvB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,WAAW,UAAU,CAAC;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAW,GAAG,UAAU,uCAAuC,WAAW,SAAS;AAAA,MAElF;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-LVYM6C5C.js

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

package/dist/chunk-LVYM6C5C.js.map

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

package/dist/chunk-MIMDP3EU.js

@@ -0,0 +1,104 @@
+"use client";
+
+// src/lib/use-plan-projection.ts
+import { useCallback, useEffect, useRef } from "react";
+function usePlanProjection({
+  map,
+  plan,
+  regions,
+  enabled = true,
+  onFrame
+}) {
+  const elementsRef = useRef(/* @__PURE__ */ new Map());
+  const boxesRef = useRef(/* @__PURE__ */ new Map());
+  const frameRef = useRef(null);
+  const latestRef = useRef({ map, plan, regions, enabled, onFrame });
+  latestRef.current = { map, plan, regions, enabled, onFrame };
+  const write = useCallback(() => {
+    frameRef.current = null;
+    const {
+      map: currentMap,
+      plan: currentPlan,
+      regions: currentRegions,
+      enabled: isEnabled,
+      onFrame: notify
+    } = latestRef.current;
+    if (!currentMap || !currentPlan || !isEnabled) return;
+    const boxes = boxesRef.current;
+    boxes.clear();
+    for (const region of currentRegions) {
+      const element = elementsRef.current.get(region.id);
+      const { x, y, width, height } = region.bounds;
+      const corners = [
+        [x, y],
+        [x + width, y],
+        [x + width, y + height],
+        [x, y + height]
+      ];
+      let minX = Number.POSITIVE_INFINITY;
+      let minY = Number.POSITIVE_INFINITY;
+      let maxX = Number.NEGATIVE_INFINITY;
+      let maxY = Number.NEGATIVE_INFINITY;
+      for (const [cornerX, cornerY] of corners) {
+        const point = currentMap.project(currentPlan.toLngLat({ x: cornerX, y: cornerY }));
+        if (point.x < minX) minX = point.x;
+        if (point.y < minY) minY = point.y;
+        if (point.x > maxX) maxX = point.x;
+        if (point.y > maxY) maxY = point.y;
+      }
+      const box = {
+        x: minX,
+        y: minY,
+        width: Math.max(1, maxX - minX),
+        height: Math.max(1, maxY - minY)
+      };
+      boxes.set(region.id, box);
+      if (!element) continue;
+      element.style.left = "0px";
+      element.style.top = "0px";
+      element.style.width = `${Math.round(box.width)}px`;
+      element.style.height = `${Math.round(box.height)}px`;
+      element.style.transform = `translate(${Math.round(box.x)}px, ${Math.round(box.y)}px)`;
+    }
+    notify?.(boxes);
+  }, []);
+  const refresh = useCallback(() => {
+    if (!latestRef.current.enabled) return;
+    if (frameRef.current != null) return;
+    if (typeof requestAnimationFrame !== "function") {
+      write();
+      return;
+    }
+    frameRef.current = requestAnimationFrame(write);
+  }, [write]);
+  const register = useCallback(
+    (id, element) => {
+      if (element) elementsRef.current.set(id, element);
+      else elementsRef.current.delete(id);
+      refresh();
+    },
+    [refresh]
+  );
+  useEffect(() => {
+    if (!map || !plan || !enabled) return;
+    write();
+    map.on("move", refresh);
+    map.on("moveend", refresh);
+    map.on("resize", refresh);
+    return () => {
+      map.off("move", refresh);
+      map.off("moveend", refresh);
+      map.off("resize", refresh);
+      if (frameRef.current != null) {
+        cancelAnimationFrame(frameRef.current);
+        frameRef.current = null;
+      }
+    };
+  }, [map, plan, enabled, regions, refresh, write]);
+  return { register, refresh, boxes: boxesRef };
+}
+
+export {
+  usePlanProjection
+};
+//# sourceMappingURL=chunk-MIMDP3EU.js.map

package/dist/chunk-MIMDP3EU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/use-plan-projection.ts"],"sourcesContent":["\"use client\";\n\nimport type MapLibreGL from \"maplibre-gl\";\nimport { useCallback, useEffect, useRef } from \"react\";\n\nimport type { PlanCrs } from \"./plan-crs\";\nimport type { MapPlanRegion } from \"./plan-regions\";\n\n/** Where a region ended up on screen, in CSS pixels relative to the canvas. */\nexport interface PlanScreenBox {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface UsePlanProjectionOptions {\n  map: MapLibreGL.Map | null;\n  plan: PlanCrs | null;\n  /**\n   * The regions to track. Keep this array MEMOIZED: it is an effect dependency,\n   * and a fresh array every render re-binds the map listeners every render.\n   */\n  regions: readonly MapPlanRegion[];\n  /** Turn tracking off (while the map is still loading, say). */\n  enabled?: boolean;\n  /** Called after each frame's DOM writes, with the boxes that were written. */\n  onFrame?: (boxes: ReadonlyMap<string, PlanScreenBox>) => void;\n}\n\n/**\n * ONE projection pass for every plan overlay element, coalesced into a single\n * `requestAnimationFrame` and writing straight to the DOM — no React state per\n * frame, no per-element listener. A MapLibre `Marker` binds its own `move`\n * listener and projects itself, so forty rooms would mean eighty listeners and\n * forty uncoordinated writes; this is one listener set and one write pass.\n *\n * Each region is projected from its FOUR plan corners to a screen box, so the\n * box stays right even where the projection is not a plain scale.\n */\nexport function usePlanProjection({\n  map,\n  plan,\n  regions,\n  enabled = true,\n  onFrame,\n}: UsePlanProjectionOptions) {\n  const elementsRef = useRef(new Map<string, HTMLElement>());\n  const boxesRef = useRef(new Map<string, PlanScreenBox>());\n  const frameRef = useRef<number | null>(null);\n  const latestRef = useRef({ map, plan, regions, enabled, onFrame });\n  latestRef.current = { map, plan, regions, enabled, onFrame };\n\n  /** The whole write pass. Reads refs only, so it never needs re-creating. */\n  const write = useCallback(() => {\n    frameRef.current = null;\n    const {\n      map: currentMap,\n      plan: currentPlan,\n      regions: currentRegions,\n      enabled: isEnabled,\n      onFrame: notify,\n    } = latestRef.current;\n    if (!currentMap || !currentPlan || !isEnabled) return;\n\n    const boxes = boxesRef.current;\n    boxes.clear();\n\n    for (const region of currentRegions) {\n      const element = elementsRef.current.get(region.id);\n      const { x, y, width, height } = region.bounds;\n      const corners: [number, number][] = [\n        [x, y],\n        [x + width, y],\n        [x + width, y + height],\n        [x, y + height],\n      ];\n\n      let minX = Number.POSITIVE_INFINITY;\n      let minY = Number.POSITIVE_INFINITY;\n      let maxX = Number.NEGATIVE_INFINITY;\n      let maxY = Number.NEGATIVE_INFINITY;\n      for (const [cornerX, cornerY] of corners) {\n        const point = currentMap.project(currentPlan.toLngLat({ x: cornerX, y: cornerY }));\n        if (point.x < minX) minX = point.x;\n        if (point.y < minY) minY = point.y;\n        if (point.x > maxX) maxX = point.x;\n        if (point.y > maxY) maxY = point.y;\n      }\n\n      const box: PlanScreenBox = {\n        x: minX,\n        y: minY,\n        width: Math.max(1, maxX - minX),\n        height: Math.max(1, maxY - minY),\n      };\n      boxes.set(region.id, box);\n\n      if (!element) continue;\n      // Physical `left`/`top`, deliberately: `map.project` returns screen\n      // pixels, which do not mirror in RTL — a logical inset would put every\n      // region on the wrong side of the canvas.\n      element.style.left = \"0px\";\n      element.style.top = \"0px\";\n      element.style.width = `${Math.round(box.width)}px`;\n      element.style.height = `${Math.round(box.height)}px`;\n      element.style.transform = `translate(${Math.round(box.x)}px, ${Math.round(box.y)}px)`;\n    }\n\n    notify?.(boxes);\n  }, []);\n\n  /** Ask for a frame. Repeated calls inside one frame collapse into one pass. */\n  const refresh = useCallback(() => {\n    if (!latestRef.current.enabled) return;\n    if (frameRef.current != null) return;\n    if (typeof requestAnimationFrame !== \"function\") {\n      write();\n      return;\n    }\n    frameRef.current = requestAnimationFrame(write);\n  }, [write]);\n\n  /** `ref` callback for a region's element. */\n  const register = useCallback(\n    (id: string, element: HTMLElement | null) => {\n      if (element) elementsRef.current.set(id, element);\n      else elementsRef.current.delete(id);\n      refresh();\n    },\n    [refresh],\n  );\n\n  useEffect(() => {\n    if (!map || !plan || !enabled) return;\n\n    // Write once synchronously, so the first paint already has the geometry\n    // rather than a stack of boxes at the origin.\n    write();\n\n    map.on(\"move\", refresh);\n    map.on(\"moveend\", refresh);\n    map.on(\"resize\", refresh);\n\n    return () => {\n      map.off(\"move\", refresh);\n      map.off(\"moveend\", refresh);\n      map.off(\"resize\", refresh);\n      if (frameRef.current != null) {\n        cancelAnimationFrame(frameRef.current);\n        frameRef.current = null;\n      }\n    };\n  }, [map, plan, enabled, regions, refresh, write]);\n\n  return { register, refresh, boxes: boxesRef };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-NNBURJHY.js

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

package/dist/chunk-NNBURJHY.js.map

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

package/dist/chunk-NPUC3V37.js

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

package/dist/chunk-NPUC3V37.js.map

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