@next-degree/pickle-shared-js 0.12.7 → 0.13.1

package/dist/components/ui/Map/MapContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/Map/MapContent.tsx","../../../../src/components/ui/Map/ClusterMarker.tsx","../../../../src/components/ui/Map/constants.ts","../../../../src/components/ui/Map/utils.ts","../../../../src/components/ui/Map/FocusCircle.tsx","../../../../src/components/ui/Map/IndividualMarker.tsx","../../../../src/lib/utils.ts"],"sourcesContent":["'use client'\n\nimport { AdvancedMarker, Map, Pin, useMap, useMapsLibrary } from '@vis.gl/react-google-maps'\nimport { useCallback } from 'react'\n\nimport { ClusterMarker } from '@/components/ui/Map/ClusterMarker'\nimport { PIN_COLORS } from '@/components/ui/Map/constants'\nimport { FocusCircle } from '@/components/ui/Map/FocusCircle'\nimport { IndividualMarker } from '@/components/ui/Map/IndividualMarker'\nimport type { MapContentProps, PinData } from '@/components/ui/Map/types'\nimport { cn } from '@/lib/utils'\n\nexport function MapContent<T = PinData>({\n  mapId,\n  mapCenter,\n  mapZoom,\n  position,\n  coordinates,\n  clusters,\n  supercluster,\n  onPinHover,\n  onPinClick,\n  focusPoint,\n  radiusMiles,\n  className,\n  setBounds,\n  setZoomLevel,\n}: MapContentProps<T>) {\n  const map = useMap()\n  const mapsLibrary = useMapsLibrary('maps')\n\n  const zoomToLevel = useCallback(\n    (newZoom: number) => {\n      if (map) {\n        map.setZoom(newZoom)\n      }\n    },\n    [map]\n  )\n\n  const handleBoundsChanged = (e: {\n    detail: { bounds: { south: number; west: number; north: number; east: number } }\n  }) => {\n    if (e.detail.bounds) {\n      const bounds = e.detail.bounds\n      setBounds([\n        [bounds.south, bounds.west],\n        [bounds.north, bounds.east],\n      ])\n    }\n  }\n\n  const handleZoomChanged = (e: { detail: { zoom: number } }) => {\n    if (e.detail.zoom) {\n      setZoomLevel(e.detail.zoom)\n    }\n  }\n\n  const handleCameraChanged = (e: { detail: { zoom: number } }) => {\n    if (e.detail.zoom) {\n      setZoomLevel(e.detail.zoom)\n    }\n  }\n\n  return (\n    <div className={cn('relative h-screen max-w-full', className)}>\n      <Map\n        defaultZoom={mapZoom}\n        defaultCenter={mapCenter}\n        mapId={mapId}\n        keyboardShortcuts={true}\n        disableDefaultUI={true}\n        zoomControl={true}\n        onBoundsChanged={handleBoundsChanged}\n        onZoomChanged={handleZoomChanged}\n        onCameraChanged={handleCameraChanged}\n      >\n        {position && !coordinates && (\n          <AdvancedMarker position={position}>\n            <Pin {...PIN_COLORS} />\n          </AdvancedMarker>\n        )}\n\n        {coordinates &&\n          clusters.map((cluster) => {\n            const { cluster: isCluster } = cluster.properties\n\n            if (isCluster) {\n              return (\n                <ClusterMarker\n                  key={`cluster-${cluster.id}`}\n                  cluster={cluster}\n                  coordinates={coordinates}\n                  onPinClick={onPinClick}\n                  onPinHover={onPinHover}\n                  zoomToLevel={zoomToLevel}\n                  supercluster={supercluster}\n                />\n              )\n            }\n\n            const originalPoint = coordinates[cluster.properties.pointId!]\n            return (\n              <IndividualMarker\n                key={`marker-${cluster.properties.pointId}`}\n                coordinate={originalPoint}\n                onPinClick={onPinClick}\n                onPinHover={onPinHover}\n              />\n            )\n          })}\n\n        {coordinates &&\n          clusters.length === 0 &&\n          coordinates.map((coord, index) => (\n            <IndividualMarker\n              key={`fallback-${index}`}\n              coordinate={coord}\n              onPinClick={onPinClick}\n              onPinHover={onPinHover}\n            />\n          ))}\n\n        {focusPoint && radiusMiles && (\n          <FocusCircle\n            focusPoint={focusPoint}\n            radiusMiles={radiusMiles}\n            map={map}\n            mapsLibrary={mapsLibrary}\n          />\n        )}\n      </Map>\n    </div>\n  )\n}\n","'use client'\n\nimport { AdvancedMarker } from '@vis.gl/react-google-maps'\n\nimport type { ClusterMarkerProps, PinData } from '@/components/ui/Map/types'\nimport { filterClusterCoordinates } from '@/components/ui/Map/utils'\n\nexport function ClusterMarker<T = PinData>({\n  cluster,\n  coordinates,\n  onPinClick,\n  onPinHover,\n  zoomToLevel,\n  supercluster,\n}: ClusterMarkerProps<T>) {\n  const [lng, lat] = cluster.geometry.coordinates\n  const { point_count: pointCount } = cluster.properties\n\n  const handleClick = () => {\n    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng)\n    onPinClick?.(clusterCoordinates)\n\n    const expansionZoom = supercluster.getClusterExpansionZoom(cluster.id)\n    zoomToLevel(expansionZoom)\n  }\n\n  const handleMouseEnter = () => {\n    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng)\n    onPinHover?.(clusterCoordinates)\n  }\n\n  const handleMouseLeave = () => onPinHover?.(null)\n\n  return (\n    <AdvancedMarker\n      key={`cluster-${cluster.id}`}\n      position={{ lat, lng }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div className=\"relative flex items-center justify-center\" id=\"CLUSTER_MARKER\">\n        <div className=\"flex h-8 w-8 items-center justify-center rounded-full border-2 border-white bg-red-500 text-sm font-bold text-white shadow-lg\">\n          {pointCount || '?'}\n        </div>\n      </div>\n    </AdvancedMarker>\n  )\n}\n","export const DEFAULT_POSITION = { lat: 40.715021, lng: -74.00459 }\nexport const DEFAULT_ZOOM = 10\nexport const CLUSTER_PIN_SCALE = 1.5\nexport const CLUSTER_DISTANCE_THRESHOLD = 0.001\n\nexport const PIN_COLORS = {\n  background: '#0B5441',\n  borderColor: '#EBFDF1',\n  glyphColor: '#D4F500',\n} as const\n\nexport const FOCUS_CIRCLE_STYLES = {\n  strokeColor: '#0B5441',\n  strokeOpacity: 0.8,\n  strokeWeight: 2,\n  fillColor: '#0B5441',\n  fillOpacity: 0.1,\n  clickable: false,\n  zIndex: 1,\n} as const\n\nexport const CLUSTERING_CONFIG = {\n  radius: 60,\n  maxZoom: 16,\n  minPoints: 2,\n} as const\n","import { CLUSTER_DISTANCE_THRESHOLD, DEFAULT_POSITION } from '@/components/ui/Map/constants'\nimport type { Coordinate, PinData } from '@/components/ui/Map/types'\n\nexport function getCenterForCoordinates<T = PinData>(coords: Coordinate<T>[]): Coordinate<T> {\n  if (coords.length === 0) return DEFAULT_POSITION as Coordinate<T>\n\n  const avgLat = coords.reduce((sum, coord) => sum + coord.lat, 0) / coords.length\n  const avgLng = coords.reduce((sum, coord) => sum + coord.lng, 0) / coords.length\n\n  return { lat: avgLat, lng: avgLng }\n}\n\nexport function getZoomForCoordinates<T = PinData>(\n  coords: Coordinate<T>[],\n  defaultZoom: number\n): number {\n  if (coords.length <= 1) return defaultZoom\n\n  const lats = coords.map((coord) => coord.lat)\n  const lngs = coords.map((coord) => coord.lng)\n\n  const latDiff = Math.max(...lats) - Math.min(...lats)\n  const lngDiff = Math.max(...lngs) - Math.min(...lngs)\n  const maxDiff = Math.max(latDiff, lngDiff)\n\n  if (maxDiff > 0.1) return 8\n  if (maxDiff > 0.05) return 10\n  if (maxDiff > 0.01) return 12\n  return 14\n}\n\nexport function getClusteringRadius(zoom: number): number {\n  if (zoom <= 8) return 200\n  if (zoom <= 12) return 150\n  return 100\n}\n\nexport function filterClusterCoordinates<T = PinData>(\n  coordinates: Coordinate<T>[],\n  clusterLat: number,\n  clusterLng: number\n): Coordinate<T>[] {\n  return coordinates.filter((coord) => {\n    const latDiff = Math.abs(coord.lat - clusterLat)\n    const lngDiff = Math.abs(coord.lng - clusterLng)\n    const distance = Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n    return distance < CLUSTER_DISTANCE_THRESHOLD\n  })\n}\n\nexport function calculateDistance<T = PinData>(\n  coord1: Coordinate<T>,\n  coord2: Coordinate<T>\n): number {\n  const latDiff = Math.abs(coord1.lat - coord2.lat)\n  const lngDiff = Math.abs(coord1.lng - coord2.lng)\n  return Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n}\n","'use client'\n\nimport { useEffect, useMemo, useRef } from 'react'\n\nimport { FOCUS_CIRCLE_STYLES } from '@/components/ui/Map/constants'\nimport type { FocusCircleProps, PinData } from '@/components/ui/Map/types'\n\nexport function FocusCircle<T = PinData>({\n  focusPoint,\n  radiusMiles,\n  map,\n  mapsLibrary,\n}: FocusCircleProps<T>) {\n  const circleRef = useRef<google.maps.Circle | null>(null)\n\n  const circleProps = useMemo(() => {\n    if (!focusPoint || !radiusMiles) return null\n    return {\n      center: focusPoint,\n      radius: radiusMiles * 1609.34,\n    }\n  }, [focusPoint, radiusMiles])\n\n  useEffect(() => {\n    if (!map || !mapsLibrary || !circleProps) {\n      return\n    }\n\n    if (!circleRef.current) {\n      const circle = new google.maps.Circle({\n        center: circleProps.center,\n        radius: circleProps.radius,\n        ...FOCUS_CIRCLE_STYLES,\n        map: map,\n      })\n\n      circleRef.current = circle\n    } else {\n      circleRef.current.setCenter(circleProps.center)\n      circleRef.current.setRadius(circleProps.radius)\n    }\n  }, [map, mapsLibrary, circleProps])\n\n  useEffect(() => {\n    return () => {\n      if (circleRef.current) {\n        circleRef.current.setMap(null)\n        circleRef.current = null\n      }\n    }\n  }, [])\n\n  return null\n}\n","'use client'\n\nimport { AdvancedMarker, Pin } from '@vis.gl/react-google-maps'\n\nimport { PIN_COLORS } from '@/components/ui/Map/constants'\nimport type { IndividualMarkerProps, PinData } from '@/components/ui/Map/types'\n\nexport function IndividualMarker<T = PinData>({\n  coordinate,\n  onPinClick,\n  onPinHover,\n}: IndividualMarkerProps<T>) {\n  const handleMouseEnter = () => onPinHover?.(coordinate)\n  const handleMouseLeave = () => onPinHover?.(null)\n  const handleClick = () => onPinClick?.(coordinate)\n\n  return (\n    <AdvancedMarker\n      position={{ lat: coordinate.lat, lng: coordinate.lng }}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onClick={handleClick}\n    >\n      <Pin {...PIN_COLORS} />\n    </AdvancedMarker>\n  )\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":["import_react_google_maps","import_react","import_react_google_maps"]}

package/dist/components/ui/Map/MapContent.d.cts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { PinData, MapContentProps } from './types.cjs';
+
+declare function MapContent<T = PinData>({ mapId, mapCenter, mapZoom, position, coordinates, clusters, supercluster, onPinHover, onPinClick, focusPoint, radiusMiles, className, setBounds, setZoomLevel, }: MapContentProps<T>): React.JSX.Element;
+
+export { MapContent };

package/dist/components/ui/Map/MapContent.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { PinData, MapContentProps } from './types.js';
+
+declare function MapContent<T = PinData>({ mapId, mapCenter, mapZoom, position, coordinates, clusters, supercluster, onPinHover, onPinClick, focusPoint, radiusMiles, className, setBounds, setZoomLevel, }: MapContentProps<T>): React.JSX.Element;
+
+export { MapContent };

package/dist/components/ui/Map/MapContent.js

@@ -0,0 +1,255 @@
+"use client";
+
+// src/components/ui/Map/MapContent.tsx
+import { AdvancedMarker as AdvancedMarker3, Map, Pin as Pin2, useMap, useMapsLibrary } from "@vis.gl/react-google-maps";
+import { useCallback } from "react";
+
+// src/components/ui/Map/ClusterMarker.tsx
+import { AdvancedMarker } from "@vis.gl/react-google-maps";
+
+// src/components/ui/Map/constants.ts
+var CLUSTER_DISTANCE_THRESHOLD = 1e-3;
+var PIN_COLORS = {
+  background: "#0B5441",
+  borderColor: "#EBFDF1",
+  glyphColor: "#D4F500"
+};
+var FOCUS_CIRCLE_STYLES = {
+  strokeColor: "#0B5441",
+  strokeOpacity: 0.8,
+  strokeWeight: 2,
+  fillColor: "#0B5441",
+  fillOpacity: 0.1,
+  clickable: false,
+  zIndex: 1
+};
+
+// src/components/ui/Map/utils.ts
+function filterClusterCoordinates(coordinates, clusterLat, clusterLng) {
+  return coordinates.filter((coord) => {
+    const latDiff = Math.abs(coord.lat - clusterLat);
+    const lngDiff = Math.abs(coord.lng - clusterLng);
+    const distance = Math.sqrt(latDiff * latDiff + lngDiff * lngDiff);
+    return distance < CLUSTER_DISTANCE_THRESHOLD;
+  });
+}
+
+// src/components/ui/Map/ClusterMarker.tsx
+function ClusterMarker({
+  cluster,
+  coordinates,
+  onPinClick,
+  onPinHover,
+  zoomToLevel,
+  supercluster
+}) {
+  const [lng, lat] = cluster.geometry.coordinates;
+  const { point_count: pointCount } = cluster.properties;
+  const handleClick = () => {
+    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng);
+    onPinClick?.(clusterCoordinates);
+    const expansionZoom = supercluster.getClusterExpansionZoom(cluster.id);
+    zoomToLevel(expansionZoom);
+  };
+  const handleMouseEnter = () => {
+    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng);
+    onPinHover?.(clusterCoordinates);
+  };
+  const handleMouseLeave = () => onPinHover?.(null);
+  return /* @__PURE__ */ React.createElement(
+    AdvancedMarker,
+    {
+      key: `cluster-${cluster.id}`,
+      position: { lat, lng },
+      onClick: handleClick,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "relative flex items-center justify-center", id: "CLUSTER_MARKER" }, /* @__PURE__ */ React.createElement("div", { className: "flex h-8 w-8 items-center justify-center rounded-full border-2 border-white bg-red-500 text-sm font-bold text-white shadow-lg" }, pointCount || "?"))
+  );
+}
+
+// src/components/ui/Map/FocusCircle.tsx
+import { useEffect, useMemo, useRef } from "react";
+function FocusCircle({
+  focusPoint,
+  radiusMiles,
+  map,
+  mapsLibrary
+}) {
+  const circleRef = useRef(null);
+  const circleProps = useMemo(() => {
+    if (!focusPoint || !radiusMiles) return null;
+    return {
+      center: focusPoint,
+      radius: radiusMiles * 1609.34
+    };
+  }, [focusPoint, radiusMiles]);
+  useEffect(() => {
+    if (!map || !mapsLibrary || !circleProps) {
+      return;
+    }
+    if (!circleRef.current) {
+      const circle = new google.maps.Circle({
+        center: circleProps.center,
+        radius: circleProps.radius,
+        ...FOCUS_CIRCLE_STYLES,
+        map
+      });
+      circleRef.current = circle;
+    } else {
+      circleRef.current.setCenter(circleProps.center);
+      circleRef.current.setRadius(circleProps.radius);
+    }
+  }, [map, mapsLibrary, circleProps]);
+  useEffect(() => {
+    return () => {
+      if (circleRef.current) {
+        circleRef.current.setMap(null);
+        circleRef.current = null;
+      }
+    };
+  }, []);
+  return null;
+}
+
+// src/components/ui/Map/IndividualMarker.tsx
+import { AdvancedMarker as AdvancedMarker2, Pin } from "@vis.gl/react-google-maps";
+function IndividualMarker({
+  coordinate,
+  onPinClick,
+  onPinHover
+}) {
+  const handleMouseEnter = () => onPinHover?.(coordinate);
+  const handleMouseLeave = () => onPinHover?.(null);
+  const handleClick = () => onPinClick?.(coordinate);
+  return /* @__PURE__ */ React.createElement(
+    AdvancedMarker2,
+    {
+      position: { lat: coordinate.lat, lng: coordinate.lng },
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      onClick: handleClick
+    },
+    /* @__PURE__ */ React.createElement(Pin, { ...PIN_COLORS })
+  );
+}
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/ui/Map/MapContent.tsx
+function MapContent({
+  mapId,
+  mapCenter,
+  mapZoom,
+  position,
+  coordinates,
+  clusters,
+  supercluster,
+  onPinHover,
+  onPinClick,
+  focusPoint,
+  radiusMiles,
+  className,
+  setBounds,
+  setZoomLevel
+}) {
+  const map = useMap();
+  const mapsLibrary = useMapsLibrary("maps");
+  const zoomToLevel = useCallback(
+    (newZoom) => {
+      if (map) {
+        map.setZoom(newZoom);
+      }
+    },
+    [map]
+  );
+  const handleBoundsChanged = (e) => {
+    if (e.detail.bounds) {
+      const bounds = e.detail.bounds;
+      setBounds([
+        [bounds.south, bounds.west],
+        [bounds.north, bounds.east]
+      ]);
+    }
+  };
+  const handleZoomChanged = (e) => {
+    if (e.detail.zoom) {
+      setZoomLevel(e.detail.zoom);
+    }
+  };
+  const handleCameraChanged = (e) => {
+    if (e.detail.zoom) {
+      setZoomLevel(e.detail.zoom);
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: cn("relative h-screen max-w-full", className) }, /* @__PURE__ */ React.createElement(
+    Map,
+    {
+      defaultZoom: mapZoom,
+      defaultCenter: mapCenter,
+      mapId,
+      keyboardShortcuts: true,
+      disableDefaultUI: true,
+      zoomControl: true,
+      onBoundsChanged: handleBoundsChanged,
+      onZoomChanged: handleZoomChanged,
+      onCameraChanged: handleCameraChanged
+    },
+    position && !coordinates && /* @__PURE__ */ React.createElement(AdvancedMarker3, { position }, /* @__PURE__ */ React.createElement(Pin2, { ...PIN_COLORS })),
+    coordinates && clusters.map((cluster) => {
+      const { cluster: isCluster } = cluster.properties;
+      if (isCluster) {
+        return /* @__PURE__ */ React.createElement(
+          ClusterMarker,
+          {
+            key: `cluster-${cluster.id}`,
+            cluster,
+            coordinates,
+            onPinClick,
+            onPinHover,
+            zoomToLevel,
+            supercluster
+          }
+        );
+      }
+      const originalPoint = coordinates[cluster.properties.pointId];
+      return /* @__PURE__ */ React.createElement(
+        IndividualMarker,
+        {
+          key: `marker-${cluster.properties.pointId}`,
+          coordinate: originalPoint,
+          onPinClick,
+          onPinHover
+        }
+      );
+    }),
+    coordinates && clusters.length === 0 && coordinates.map((coord, index) => /* @__PURE__ */ React.createElement(
+      IndividualMarker,
+      {
+        key: `fallback-${index}`,
+        coordinate: coord,
+        onPinClick,
+        onPinHover
+      }
+    )),
+    focusPoint && radiusMiles && /* @__PURE__ */ React.createElement(
+      FocusCircle,
+      {
+        focusPoint,
+        radiusMiles,
+        map,
+        mapsLibrary
+      }
+    )
+  ));
+}
+export {
+  MapContent
+};
+//# sourceMappingURL=MapContent.js.map

package/dist/components/ui/Map/MapContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/Map/MapContent.tsx","../../../../src/components/ui/Map/ClusterMarker.tsx","../../../../src/components/ui/Map/constants.ts","../../../../src/components/ui/Map/utils.ts","../../../../src/components/ui/Map/FocusCircle.tsx","../../../../src/components/ui/Map/IndividualMarker.tsx","../../../../src/lib/utils.ts"],"sourcesContent":["'use client'\n\nimport { AdvancedMarker, Map, Pin, useMap, useMapsLibrary } from '@vis.gl/react-google-maps'\nimport { useCallback } from 'react'\n\nimport { ClusterMarker } from '@/components/ui/Map/ClusterMarker'\nimport { PIN_COLORS } from '@/components/ui/Map/constants'\nimport { FocusCircle } from '@/components/ui/Map/FocusCircle'\nimport { IndividualMarker } from '@/components/ui/Map/IndividualMarker'\nimport type { MapContentProps, PinData } from '@/components/ui/Map/types'\nimport { cn } from '@/lib/utils'\n\nexport function MapContent<T = PinData>({\n  mapId,\n  mapCenter,\n  mapZoom,\n  position,\n  coordinates,\n  clusters,\n  supercluster,\n  onPinHover,\n  onPinClick,\n  focusPoint,\n  radiusMiles,\n  className,\n  setBounds,\n  setZoomLevel,\n}: MapContentProps<T>) {\n  const map = useMap()\n  const mapsLibrary = useMapsLibrary('maps')\n\n  const zoomToLevel = useCallback(\n    (newZoom: number) => {\n      if (map) {\n        map.setZoom(newZoom)\n      }\n    },\n    [map]\n  )\n\n  const handleBoundsChanged = (e: {\n    detail: { bounds: { south: number; west: number; north: number; east: number } }\n  }) => {\n    if (e.detail.bounds) {\n      const bounds = e.detail.bounds\n      setBounds([\n        [bounds.south, bounds.west],\n        [bounds.north, bounds.east],\n      ])\n    }\n  }\n\n  const handleZoomChanged = (e: { detail: { zoom: number } }) => {\n    if (e.detail.zoom) {\n      setZoomLevel(e.detail.zoom)\n    }\n  }\n\n  const handleCameraChanged = (e: { detail: { zoom: number } }) => {\n    if (e.detail.zoom) {\n      setZoomLevel(e.detail.zoom)\n    }\n  }\n\n  return (\n    <div className={cn('relative h-screen max-w-full', className)}>\n      <Map\n        defaultZoom={mapZoom}\n        defaultCenter={mapCenter}\n        mapId={mapId}\n        keyboardShortcuts={true}\n        disableDefaultUI={true}\n        zoomControl={true}\n        onBoundsChanged={handleBoundsChanged}\n        onZoomChanged={handleZoomChanged}\n        onCameraChanged={handleCameraChanged}\n      >\n        {position && !coordinates && (\n          <AdvancedMarker position={position}>\n            <Pin {...PIN_COLORS} />\n          </AdvancedMarker>\n        )}\n\n        {coordinates &&\n          clusters.map((cluster) => {\n            const { cluster: isCluster } = cluster.properties\n\n            if (isCluster) {\n              return (\n                <ClusterMarker\n                  key={`cluster-${cluster.id}`}\n                  cluster={cluster}\n                  coordinates={coordinates}\n                  onPinClick={onPinClick}\n                  onPinHover={onPinHover}\n                  zoomToLevel={zoomToLevel}\n                  supercluster={supercluster}\n                />\n              )\n            }\n\n            const originalPoint = coordinates[cluster.properties.pointId!]\n            return (\n              <IndividualMarker\n                key={`marker-${cluster.properties.pointId}`}\n                coordinate={originalPoint}\n                onPinClick={onPinClick}\n                onPinHover={onPinHover}\n              />\n            )\n          })}\n\n        {coordinates &&\n          clusters.length === 0 &&\n          coordinates.map((coord, index) => (\n            <IndividualMarker\n              key={`fallback-${index}`}\n              coordinate={coord}\n              onPinClick={onPinClick}\n              onPinHover={onPinHover}\n            />\n          ))}\n\n        {focusPoint && radiusMiles && (\n          <FocusCircle\n            focusPoint={focusPoint}\n            radiusMiles={radiusMiles}\n            map={map}\n            mapsLibrary={mapsLibrary}\n          />\n        )}\n      </Map>\n    </div>\n  )\n}\n","'use client'\n\nimport { AdvancedMarker } from '@vis.gl/react-google-maps'\n\nimport type { ClusterMarkerProps, PinData } from '@/components/ui/Map/types'\nimport { filterClusterCoordinates } from '@/components/ui/Map/utils'\n\nexport function ClusterMarker<T = PinData>({\n  cluster,\n  coordinates,\n  onPinClick,\n  onPinHover,\n  zoomToLevel,\n  supercluster,\n}: ClusterMarkerProps<T>) {\n  const [lng, lat] = cluster.geometry.coordinates\n  const { point_count: pointCount } = cluster.properties\n\n  const handleClick = () => {\n    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng)\n    onPinClick?.(clusterCoordinates)\n\n    const expansionZoom = supercluster.getClusterExpansionZoom(cluster.id)\n    zoomToLevel(expansionZoom)\n  }\n\n  const handleMouseEnter = () => {\n    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng)\n    onPinHover?.(clusterCoordinates)\n  }\n\n  const handleMouseLeave = () => onPinHover?.(null)\n\n  return (\n    <AdvancedMarker\n      key={`cluster-${cluster.id}`}\n      position={{ lat, lng }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div className=\"relative flex items-center justify-center\" id=\"CLUSTER_MARKER\">\n        <div className=\"flex h-8 w-8 items-center justify-center rounded-full border-2 border-white bg-red-500 text-sm font-bold text-white shadow-lg\">\n          {pointCount || '?'}\n        </div>\n      </div>\n    </AdvancedMarker>\n  )\n}\n","export const DEFAULT_POSITION = { lat: 40.715021, lng: -74.00459 }\nexport const DEFAULT_ZOOM = 10\nexport const CLUSTER_PIN_SCALE = 1.5\nexport const CLUSTER_DISTANCE_THRESHOLD = 0.001\n\nexport const PIN_COLORS = {\n  background: '#0B5441',\n  borderColor: '#EBFDF1',\n  glyphColor: '#D4F500',\n} as const\n\nexport const FOCUS_CIRCLE_STYLES = {\n  strokeColor: '#0B5441',\n  strokeOpacity: 0.8,\n  strokeWeight: 2,\n  fillColor: '#0B5441',\n  fillOpacity: 0.1,\n  clickable: false,\n  zIndex: 1,\n} as const\n\nexport const CLUSTERING_CONFIG = {\n  radius: 60,\n  maxZoom: 16,\n  minPoints: 2,\n} as const\n","import { CLUSTER_DISTANCE_THRESHOLD, DEFAULT_POSITION } from '@/components/ui/Map/constants'\nimport type { Coordinate, PinData } from '@/components/ui/Map/types'\n\nexport function getCenterForCoordinates<T = PinData>(coords: Coordinate<T>[]): Coordinate<T> {\n  if (coords.length === 0) return DEFAULT_POSITION as Coordinate<T>\n\n  const avgLat = coords.reduce((sum, coord) => sum + coord.lat, 0) / coords.length\n  const avgLng = coords.reduce((sum, coord) => sum + coord.lng, 0) / coords.length\n\n  return { lat: avgLat, lng: avgLng }\n}\n\nexport function getZoomForCoordinates<T = PinData>(\n  coords: Coordinate<T>[],\n  defaultZoom: number\n): number {\n  if (coords.length <= 1) return defaultZoom\n\n  const lats = coords.map((coord) => coord.lat)\n  const lngs = coords.map((coord) => coord.lng)\n\n  const latDiff = Math.max(...lats) - Math.min(...lats)\n  const lngDiff = Math.max(...lngs) - Math.min(...lngs)\n  const maxDiff = Math.max(latDiff, lngDiff)\n\n  if (maxDiff > 0.1) return 8\n  if (maxDiff > 0.05) return 10\n  if (maxDiff > 0.01) return 12\n  return 14\n}\n\nexport function getClusteringRadius(zoom: number): number {\n  if (zoom <= 8) return 200\n  if (zoom <= 12) return 150\n  return 100\n}\n\nexport function filterClusterCoordinates<T = PinData>(\n  coordinates: Coordinate<T>[],\n  clusterLat: number,\n  clusterLng: number\n): Coordinate<T>[] {\n  return coordinates.filter((coord) => {\n    const latDiff = Math.abs(coord.lat - clusterLat)\n    const lngDiff = Math.abs(coord.lng - clusterLng)\n    const distance = Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n    return distance < CLUSTER_DISTANCE_THRESHOLD\n  })\n}\n\nexport function calculateDistance<T = PinData>(\n  coord1: Coordinate<T>,\n  coord2: Coordinate<T>\n): number {\n  const latDiff = Math.abs(coord1.lat - coord2.lat)\n  const lngDiff = Math.abs(coord1.lng - coord2.lng)\n  return Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n}\n","'use client'\n\nimport { useEffect, useMemo, useRef } from 'react'\n\nimport { FOCUS_CIRCLE_STYLES } from '@/components/ui/Map/constants'\nimport type { FocusCircleProps, PinData } from '@/components/ui/Map/types'\n\nexport function FocusCircle<T = PinData>({\n  focusPoint,\n  radiusMiles,\n  map,\n  mapsLibrary,\n}: FocusCircleProps<T>) {\n  const circleRef = useRef<google.maps.Circle | null>(null)\n\n  const circleProps = useMemo(() => {\n    if (!focusPoint || !radiusMiles) return null\n    return {\n      center: focusPoint,\n      radius: radiusMiles * 1609.34,\n    }\n  }, [focusPoint, radiusMiles])\n\n  useEffect(() => {\n    if (!map || !mapsLibrary || !circleProps) {\n      return\n    }\n\n    if (!circleRef.current) {\n      const circle = new google.maps.Circle({\n        center: circleProps.center,\n        radius: circleProps.radius,\n        ...FOCUS_CIRCLE_STYLES,\n        map: map,\n      })\n\n      circleRef.current = circle\n    } else {\n      circleRef.current.setCenter(circleProps.center)\n      circleRef.current.setRadius(circleProps.radius)\n    }\n  }, [map, mapsLibrary, circleProps])\n\n  useEffect(() => {\n    return () => {\n      if (circleRef.current) {\n        circleRef.current.setMap(null)\n        circleRef.current = null\n      }\n    }\n  }, [])\n\n  return null\n}\n","'use client'\n\nimport { AdvancedMarker, Pin } from '@vis.gl/react-google-maps'\n\nimport { PIN_COLORS } from '@/components/ui/Map/constants'\nimport type { IndividualMarkerProps, PinData } from '@/components/ui/Map/types'\n\nexport function IndividualMarker<T = PinData>({\n  coordinate,\n  onPinClick,\n  onPinHover,\n}: IndividualMarkerProps<T>) {\n  const handleMouseEnter = () => onPinHover?.(coordinate)\n  const handleMouseLeave = () => onPinHover?.(null)\n  const handleClick = () => onPinClick?.(coordinate)\n\n  return (\n    <AdvancedMarker\n      position={{ lat: coordinate.lat, lng: coordinate.lng }}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onClick={handleClick}\n    >\n      <Pin {...PIN_COLORS} />\n    </AdvancedMarker>\n  )\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":["AdvancedMarker","Pin","AdvancedMarker","AdvancedMarker","AdvancedMarker","Pin"]}

package/dist/components/ui/Map/clustering.cjs

@@ -0,0 +1,105 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/Map/clustering.ts
+var clustering_exports = {};
+__export(clustering_exports, {
+  convertCoordinatesToGeoJSON: () => convertCoordinatesToGeoJSON,
+  createManualClusters: () => createManualClusters
+});
+module.exports = __toCommonJS(clustering_exports);
+
+// src/components/ui/Map/constants.ts
+var CLUSTER_DISTANCE_THRESHOLD = 1e-3;
+
+// src/components/ui/Map/utils.ts
+function calculateDistance(coord1, coord2) {
+  const latDiff = Math.abs(coord1.lat - coord2.lat);
+  const lngDiff = Math.abs(coord1.lng - coord2.lng);
+  return Math.sqrt(latDiff * latDiff + lngDiff * lngDiff);
+}
+
+// src/components/ui/Map/clustering.ts
+function convertCoordinatesToGeoJSON(coordinates) {
+  return coordinates.map((coord, index) => ({
+    type: "Feature",
+    properties: {
+      cluster: false,
+      pointId: index,
+      data: coord.data
+    },
+    geometry: {
+      type: "Point",
+      coordinates: [coord.lng, coord.lat]
+    }
+  }));
+}
+function createManualClusters(coordinates) {
+  if (!coordinates || coordinates.length === 0) return [];
+  const clusters = [];
+  const processed = /* @__PURE__ */ new Set();
+  coordinates.forEach((coord, index) => {
+    if (processed.has(index)) return;
+    const nearby = [index];
+    coordinates.forEach((otherCoord, otherIndex) => {
+      if (otherIndex === index || processed.has(otherIndex)) return;
+      const distance = calculateDistance(coord, otherCoord);
+      if (distance < CLUSTER_DISTANCE_THRESHOLD) {
+        nearby.push(otherIndex);
+      }
+    });
+    if (nearby.length >= 2) {
+      clusters.push({
+        type: "Feature",
+        properties: {
+          cluster: true,
+          point_count: nearby.length
+        },
+        geometry: {
+          type: "Point",
+          coordinates: [coord.lng, coord.lat]
+        },
+        id: clusters.length
+      });
+      nearby.forEach((i) => processed.add(i));
+    } else {
+      clusters.push({
+        type: "Feature",
+        properties: {
+          cluster: false,
+          pointId: index,
+          data: coord.data
+        },
+        geometry: {
+          type: "Point",
+          coordinates: [coord.lng, coord.lat]
+        },
+        id: clusters.length
+      });
+      processed.add(index);
+    }
+  });
+  return clusters;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  convertCoordinatesToGeoJSON,
+  createManualClusters
+});
+//# sourceMappingURL=clustering.cjs.map

package/dist/components/ui/Map/clustering.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/Map/clustering.ts","../../../../src/components/ui/Map/constants.ts","../../../../src/components/ui/Map/utils.ts"],"sourcesContent":["import { CLUSTER_DISTANCE_THRESHOLD } from '@/components/ui/Map/constants'\nimport type { ClusterFeature, Coordinate, PinData } from '@/components/ui/Map/types'\nimport { calculateDistance } from '@/components/ui/Map/utils'\n\nexport function convertCoordinatesToGeoJSON<T = PinData>(coordinates: Coordinate<T>[]) {\n  return coordinates.map((coord, index) => ({\n    type: 'Feature' as const,\n    properties: {\n      cluster: false,\n      pointId: index,\n      data: coord.data,\n    },\n    geometry: {\n      type: 'Point' as const,\n      coordinates: [coord.lng, coord.lat],\n    },\n  }))\n}\n\nexport function createManualClusters<T = PinData>(\n  coordinates: Coordinate<T>[]\n): ClusterFeature<T>[] {\n  if (!coordinates || coordinates.length === 0) return []\n\n  const clusters: ClusterFeature<T>[] = []\n  const processed = new Set<number>()\n\n  coordinates.forEach((coord, index) => {\n    if (processed.has(index)) return\n\n    const nearby: number[] = [index]\n    coordinates.forEach((otherCoord, otherIndex) => {\n      if (otherIndex === index || processed.has(otherIndex)) return\n\n      const distance = calculateDistance(coord, otherCoord)\n\n      if (distance < CLUSTER_DISTANCE_THRESHOLD) {\n        nearby.push(otherIndex)\n      }\n    })\n\n    if (nearby.length >= 2) {\n      clusters.push({\n        type: 'Feature' as const,\n        properties: {\n          cluster: true,\n          point_count: nearby.length,\n        },\n        geometry: {\n          type: 'Point' as const,\n          coordinates: [coord.lng, coord.lat],\n        },\n        id: clusters.length,\n      })\n\n      nearby.forEach((i) => processed.add(i))\n    } else {\n      clusters.push({\n        type: 'Feature' as const,\n        properties: {\n          cluster: false,\n          pointId: index,\n          data: coord.data,\n        },\n        geometry: {\n          type: 'Point' as const,\n          coordinates: [coord.lng, coord.lat],\n        },\n        id: clusters.length,\n      })\n      processed.add(index)\n    }\n  })\n\n  return clusters\n}\n","export const DEFAULT_POSITION = { lat: 40.715021, lng: -74.00459 }\nexport const DEFAULT_ZOOM = 10\nexport const CLUSTER_PIN_SCALE = 1.5\nexport const CLUSTER_DISTANCE_THRESHOLD = 0.001\n\nexport const PIN_COLORS = {\n  background: '#0B5441',\n  borderColor: '#EBFDF1',\n  glyphColor: '#D4F500',\n} as const\n\nexport const FOCUS_CIRCLE_STYLES = {\n  strokeColor: '#0B5441',\n  strokeOpacity: 0.8,\n  strokeWeight: 2,\n  fillColor: '#0B5441',\n  fillOpacity: 0.1,\n  clickable: false,\n  zIndex: 1,\n} as const\n\nexport const CLUSTERING_CONFIG = {\n  radius: 60,\n  maxZoom: 16,\n  minPoints: 2,\n} as const\n","import { CLUSTER_DISTANCE_THRESHOLD, DEFAULT_POSITION } from '@/components/ui/Map/constants'\nimport type { Coordinate, PinData } from '@/components/ui/Map/types'\n\nexport function getCenterForCoordinates<T = PinData>(coords: Coordinate<T>[]): Coordinate<T> {\n  if (coords.length === 0) return DEFAULT_POSITION as Coordinate<T>\n\n  const avgLat = coords.reduce((sum, coord) => sum + coord.lat, 0) / coords.length\n  const avgLng = coords.reduce((sum, coord) => sum + coord.lng, 0) / coords.length\n\n  return { lat: avgLat, lng: avgLng }\n}\n\nexport function getZoomForCoordinates<T = PinData>(\n  coords: Coordinate<T>[],\n  defaultZoom: number\n): number {\n  if (coords.length <= 1) return defaultZoom\n\n  const lats = coords.map((coord) => coord.lat)\n  const lngs = coords.map((coord) => coord.lng)\n\n  const latDiff = Math.max(...lats) - Math.min(...lats)\n  const lngDiff = Math.max(...lngs) - Math.min(...lngs)\n  const maxDiff = Math.max(latDiff, lngDiff)\n\n  if (maxDiff > 0.1) return 8\n  if (maxDiff > 0.05) return 10\n  if (maxDiff > 0.01) return 12\n  return 14\n}\n\nexport function getClusteringRadius(zoom: number): number {\n  if (zoom <= 8) return 200\n  if (zoom <= 12) return 150\n  return 100\n}\n\nexport function filterClusterCoordinates<T = PinData>(\n  coordinates: Coordinate<T>[],\n  clusterLat: number,\n  clusterLng: number\n): Coordinate<T>[] {\n  return coordinates.filter((coord) => {\n    const latDiff = Math.abs(coord.lat - clusterLat)\n    const lngDiff = Math.abs(coord.lng - clusterLng)\n    const distance = Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n    return distance < CLUSTER_DISTANCE_THRESHOLD\n  })\n}\n\nexport function calculateDistance<T = PinData>(\n  coord1: Coordinate<T>,\n  coord2: Coordinate<T>\n): number {\n  const latDiff = Math.abs(coord1.lat - coord2.lat)\n  const lngDiff = Math.abs(coord1.lng - coord2.lng)\n  return Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACGO,IAAM,6BAA6B;;;AC+CnC,SAAS,kBACd,QACA,QACQ;AACR,QAAM,UAAU,KAAK,IAAI,OAAO,MAAM,OAAO,GAAG;AAChD,QAAM,UAAU,KAAK,IAAI,OAAO,MAAM,OAAO,GAAG;AAChD,SAAO,KAAK,KAAK,UAAU,UAAU,UAAU,OAAO;AACxD;;;AFrDO,SAAS,4BAAyC,aAA8B;AACrF,SAAO,YAAY,IAAI,CAAC,OAAO,WAAW;AAAA,IACxC,MAAM;AAAA,IACN,YAAY;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM,MAAM;AAAA,IACd;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,aAAa,CAAC,MAAM,KAAK,MAAM,GAAG;AAAA,IACpC;AAAA,EACF,EAAE;AACJ;AAEO,SAAS,qBACd,aACqB;AACrB,MAAI,CAAC,eAAe,YAAY,WAAW,EAAG,QAAO,CAAC;AAEtD,QAAM,WAAgC,CAAC;AACvC,QAAM,YAAY,oBAAI,IAAY;AAElC,cAAY,QAAQ,CAAC,OAAO,UAAU;AACpC,QAAI,UAAU,IAAI,KAAK,EAAG;AAE1B,UAAM,SAAmB,CAAC,KAAK;AAC/B,gBAAY,QAAQ,CAAC,YAAY,eAAe;AAC9C,UAAI,eAAe,SAAS,UAAU,IAAI,UAAU,EAAG;AAEvD,YAAM,WAAW,kBAAkB,OAAO,UAAU;AAEpD,UAAI,WAAW,4BAA4B;AACzC,eAAO,KAAK,UAAU;AAAA,MACxB;AAAA,IACF,CAAC;AAED,QAAI,OAAO,UAAU,GAAG;AACtB,eAAS,KAAK;AAAA,QACZ,MAAM;AAAA,QACN,YAAY;AAAA,UACV,SAAS;AAAA,UACT,aAAa,OAAO;AAAA,QACtB;AAAA,QACA,UAAU;AAAA,UACR,MAAM;AAAA,UACN,aAAa,CAAC,MAAM,KAAK,MAAM,GAAG;AAAA,QACpC;AAAA,QACA,IAAI,SAAS;AAAA,MACf,CAAC;AAED,aAAO,QAAQ,CAAC,MAAM,UAAU,IAAI,CAAC,CAAC;AAAA,IACxC,OAAO;AACL,eAAS,KAAK;AAAA,QACZ,MAAM;AAAA,QACN,YAAY;AAAA,UACV,SAAS;AAAA,UACT,SAAS;AAAA,UACT,MAAM,MAAM;AAAA,QACd;AAAA,QACA,UAAU;AAAA,UACR,MAAM;AAAA,UACN,aAAa,CAAC,MAAM,KAAK,MAAM,GAAG;AAAA,QACpC;AAAA,QACA,IAAI,SAAS;AAAA,MACf,CAAC;AACD,gBAAU,IAAI,KAAK;AAAA,IACrB;AAAA,EACF,CAAC;AAED,SAAO;AACT;","names":[]}

package/dist/components/ui/Map/clustering.d.cts

@@ -0,0 +1,17 @@
+import { PinData, Coordinate, ClusterFeature } from './types.cjs';
+
+declare function convertCoordinatesToGeoJSON<T = PinData>(coordinates: Coordinate<T>[]): {
+    type: "Feature";
+    properties: {
+        cluster: boolean;
+        pointId: number;
+        data: T | undefined;
+    };
+    geometry: {
+        type: "Point";
+        coordinates: number[];
+    };
+}[];
+declare function createManualClusters<T = PinData>(coordinates: Coordinate<T>[]): ClusterFeature<T>[];
+
+export { convertCoordinatesToGeoJSON, createManualClusters };

package/dist/components/ui/Map/clustering.d.ts

@@ -0,0 +1,17 @@
+import { PinData, Coordinate, ClusterFeature } from './types.js';
+
+declare function convertCoordinatesToGeoJSON<T = PinData>(coordinates: Coordinate<T>[]): {
+    type: "Feature";
+    properties: {
+        cluster: boolean;
+        pointId: number;
+        data: T | undefined;
+    };
+    geometry: {
+        type: "Point";
+        coordinates: number[];
+    };
+}[];
+declare function createManualClusters<T = PinData>(coordinates: Coordinate<T>[]): ClusterFeature<T>[];
+
+export { convertCoordinatesToGeoJSON, createManualClusters };

package/dist/components/ui/Map/clustering.js

@@ -0,0 +1,77 @@
+// src/components/ui/Map/constants.ts
+var CLUSTER_DISTANCE_THRESHOLD = 1e-3;
+
+// src/components/ui/Map/utils.ts
+function calculateDistance(coord1, coord2) {
+  const latDiff = Math.abs(coord1.lat - coord2.lat);
+  const lngDiff = Math.abs(coord1.lng - coord2.lng);
+  return Math.sqrt(latDiff * latDiff + lngDiff * lngDiff);
+}
+
+// src/components/ui/Map/clustering.ts
+function convertCoordinatesToGeoJSON(coordinates) {
+  return coordinates.map((coord, index) => ({
+    type: "Feature",
+    properties: {
+      cluster: false,
+      pointId: index,
+      data: coord.data
+    },
+    geometry: {
+      type: "Point",
+      coordinates: [coord.lng, coord.lat]
+    }
+  }));
+}
+function createManualClusters(coordinates) {
+  if (!coordinates || coordinates.length === 0) return [];
+  const clusters = [];
+  const processed = /* @__PURE__ */ new Set();
+  coordinates.forEach((coord, index) => {
+    if (processed.has(index)) return;
+    const nearby = [index];
+    coordinates.forEach((otherCoord, otherIndex) => {
+      if (otherIndex === index || processed.has(otherIndex)) return;
+      const distance = calculateDistance(coord, otherCoord);
+      if (distance < CLUSTER_DISTANCE_THRESHOLD) {
+        nearby.push(otherIndex);
+      }
+    });
+    if (nearby.length >= 2) {
+      clusters.push({
+        type: "Feature",
+        properties: {
+          cluster: true,
+          point_count: nearby.length
+        },
+        geometry: {
+          type: "Point",
+          coordinates: [coord.lng, coord.lat]
+        },
+        id: clusters.length
+      });
+      nearby.forEach((i) => processed.add(i));
+    } else {
+      clusters.push({
+        type: "Feature",
+        properties: {
+          cluster: false,
+          pointId: index,
+          data: coord.data
+        },
+        geometry: {
+          type: "Point",
+          coordinates: [coord.lng, coord.lat]
+        },
+        id: clusters.length
+      });
+      processed.add(index);
+    }
+  });
+  return clusters;
+}
+export {
+  convertCoordinatesToGeoJSON,
+  createManualClusters
+};
+//# sourceMappingURL=clustering.js.map

package/dist/components/ui/Map/clustering.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/Map/constants.ts","../../../../src/components/ui/Map/utils.ts","../../../../src/components/ui/Map/clustering.ts"],"sourcesContent":["export const DEFAULT_POSITION = { lat: 40.715021, lng: -74.00459 }\nexport const DEFAULT_ZOOM = 10\nexport const CLUSTER_PIN_SCALE = 1.5\nexport const CLUSTER_DISTANCE_THRESHOLD = 0.001\n\nexport const PIN_COLORS = {\n  background: '#0B5441',\n  borderColor: '#EBFDF1',\n  glyphColor: '#D4F500',\n} as const\n\nexport const FOCUS_CIRCLE_STYLES = {\n  strokeColor: '#0B5441',\n  strokeOpacity: 0.8,\n  strokeWeight: 2,\n  fillColor: '#0B5441',\n  fillOpacity: 0.1,\n  clickable: false,\n  zIndex: 1,\n} as const\n\nexport const CLUSTERING_CONFIG = {\n  radius: 60,\n  maxZoom: 16,\n  minPoints: 2,\n} as const\n","import { CLUSTER_DISTANCE_THRESHOLD, DEFAULT_POSITION } from '@/components/ui/Map/constants'\nimport type { Coordinate, PinData } from '@/components/ui/Map/types'\n\nexport function getCenterForCoordinates<T = PinData>(coords: Coordinate<T>[]): Coordinate<T> {\n  if (coords.length === 0) return DEFAULT_POSITION as Coordinate<T>\n\n  const avgLat = coords.reduce((sum, coord) => sum + coord.lat, 0) / coords.length\n  const avgLng = coords.reduce((sum, coord) => sum + coord.lng, 0) / coords.length\n\n  return { lat: avgLat, lng: avgLng }\n}\n\nexport function getZoomForCoordinates<T = PinData>(\n  coords: Coordinate<T>[],\n  defaultZoom: number\n): number {\n  if (coords.length <= 1) return defaultZoom\n\n  const lats = coords.map((coord) => coord.lat)\n  const lngs = coords.map((coord) => coord.lng)\n\n  const latDiff = Math.max(...lats) - Math.min(...lats)\n  const lngDiff = Math.max(...lngs) - Math.min(...lngs)\n  const maxDiff = Math.max(latDiff, lngDiff)\n\n  if (maxDiff > 0.1) return 8\n  if (maxDiff > 0.05) return 10\n  if (maxDiff > 0.01) return 12\n  return 14\n}\n\nexport function getClusteringRadius(zoom: number): number {\n  if (zoom <= 8) return 200\n  if (zoom <= 12) return 150\n  return 100\n}\n\nexport function filterClusterCoordinates<T = PinData>(\n  coordinates: Coordinate<T>[],\n  clusterLat: number,\n  clusterLng: number\n): Coordinate<T>[] {\n  return coordinates.filter((coord) => {\n    const latDiff = Math.abs(coord.lat - clusterLat)\n    const lngDiff = Math.abs(coord.lng - clusterLng)\n    const distance = Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n    return distance < CLUSTER_DISTANCE_THRESHOLD\n  })\n}\n\nexport function calculateDistance<T = PinData>(\n  coord1: Coordinate<T>,\n  coord2: Coordinate<T>\n): number {\n  const latDiff = Math.abs(coord1.lat - coord2.lat)\n  const lngDiff = Math.abs(coord1.lng - coord2.lng)\n  return Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n}\n","import { CLUSTER_DISTANCE_THRESHOLD } from '@/components/ui/Map/constants'\nimport type { ClusterFeature, Coordinate, PinData } from '@/components/ui/Map/types'\nimport { calculateDistance } from '@/components/ui/Map/utils'\n\nexport function convertCoordinatesToGeoJSON<T = PinData>(coordinates: Coordinate<T>[]) {\n  return coordinates.map((coord, index) => ({\n    type: 'Feature' as const,\n    properties: {\n      cluster: false,\n      pointId: index,\n      data: coord.data,\n    },\n    geometry: {\n      type: 'Point' as const,\n      coordinates: [coord.lng, coord.lat],\n    },\n  }))\n}\n\nexport function createManualClusters<T = PinData>(\n  coordinates: Coordinate<T>[]\n): ClusterFeature<T>[] {\n  if (!coordinates || coordinates.length === 0) return []\n\n  const clusters: ClusterFeature<T>[] = []\n  const processed = new Set<number>()\n\n  coordinates.forEach((coord, index) => {\n    if (processed.has(index)) return\n\n    const nearby: number[] = [index]\n    coordinates.forEach((otherCoord, otherIndex) => {\n      if (otherIndex === index || processed.has(otherIndex)) return\n\n      const distance = calculateDistance(coord, otherCoord)\n\n      if (distance < CLUSTER_DISTANCE_THRESHOLD) {\n        nearby.push(otherIndex)\n      }\n    })\n\n    if (nearby.length >= 2) {\n      clusters.push({\n        type: 'Feature' as const,\n        properties: {\n          cluster: true,\n          point_count: nearby.length,\n        },\n        geometry: {\n          type: 'Point' as const,\n          coordinates: [coord.lng, coord.lat],\n        },\n        id: clusters.length,\n      })\n\n      nearby.forEach((i) => processed.add(i))\n    } else {\n      clusters.push({\n        type: 'Feature' as const,\n        properties: {\n          cluster: false,\n          pointId: index,\n          data: coord.data,\n        },\n        geometry: {\n          type: 'Point' as const,\n          coordinates: [coord.lng, coord.lat],\n        },\n        id: clusters.length,\n      })\n      processed.add(index)\n    }\n  })\n\n  return clusters\n}\n"],"mappings":";AAGO,IAAM,6BAA6B;;;AC+CnC,SAAS,kBACd,QACA,QACQ;AACR,QAAM,UAAU,KAAK,IAAI,OAAO,MAAM,OAAO,GAAG;AAChD,QAAM,UAAU,KAAK,IAAI,OAAO,MAAM,OAAO,GAAG;AAChD,SAAO,KAAK,KAAK,UAAU,UAAU,UAAU,OAAO;AACxD;;;ACrDO,SAAS,4BAAyC,aAA8B;AACrF,SAAO,YAAY,IAAI,CAAC,OAAO,WAAW;AAAA,IACxC,MAAM;AAAA,IACN,YAAY;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM,MAAM;AAAA,IACd;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,aAAa,CAAC,MAAM,KAAK,MAAM,GAAG;AAAA,IACpC;AAAA,EACF,EAAE;AACJ;AAEO,SAAS,qBACd,aACqB;AACrB,MAAI,CAAC,eAAe,YAAY,WAAW,EAAG,QAAO,CAAC;AAEtD,QAAM,WAAgC,CAAC;AACvC,QAAM,YAAY,oBAAI,IAAY;AAElC,cAAY,QAAQ,CAAC,OAAO,UAAU;AACpC,QAAI,UAAU,IAAI,KAAK,EAAG;AAE1B,UAAM,SAAmB,CAAC,KAAK;AAC/B,gBAAY,QAAQ,CAAC,YAAY,eAAe;AAC9C,UAAI,eAAe,SAAS,UAAU,IAAI,UAAU,EAAG;AAEvD,YAAM,WAAW,kBAAkB,OAAO,UAAU;AAEpD,UAAI,WAAW,4BAA4B;AACzC,eAAO,KAAK,UAAU;AAAA,MACxB;AAAA,IACF,CAAC;AAED,QAAI,OAAO,UAAU,GAAG;AACtB,eAAS,KAAK;AAAA,QACZ,MAAM;AAAA,QACN,YAAY;AAAA,UACV,SAAS;AAAA,UACT,aAAa,OAAO;AAAA,QACtB;AAAA,QACA,UAAU;AAAA,UACR,MAAM;AAAA,UACN,aAAa,CAAC,MAAM,KAAK,MAAM,GAAG;AAAA,QACpC;AAAA,QACA,IAAI,SAAS;AAAA,MACf,CAAC;AAED,aAAO,QAAQ,CAAC,MAAM,UAAU,IAAI,CAAC,CAAC;AAAA,IACxC,OAAO;AACL,eAAS,KAAK;AAAA,QACZ,MAAM;AAAA,QACN,YAAY;AAAA,UACV,SAAS;AAAA,UACT,SAAS;AAAA,UACT,MAAM,MAAM;AAAA,QACd;AAAA,QACA,UAAU;AAAA,UACR,MAAM;AAAA,UACN,aAAa,CAAC,MAAM,KAAK,MAAM,GAAG;AAAA,QACpC;AAAA,QACA,IAAI,SAAS;AAAA,MACf,CAAC;AACD,gBAAU,IAAI,KAAK;AAAA,IACrB;AAAA,EACF,CAAC;AAED,SAAO;AACT;","names":[]}

package/dist/components/ui/Map/constants.cjs

@@ -0,0 +1,65 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/Map/constants.ts
+var constants_exports = {};
+__export(constants_exports, {
+  CLUSTERING_CONFIG: () => CLUSTERING_CONFIG,
+  CLUSTER_DISTANCE_THRESHOLD: () => CLUSTER_DISTANCE_THRESHOLD,
+  CLUSTER_PIN_SCALE: () => CLUSTER_PIN_SCALE,
+  DEFAULT_POSITION: () => DEFAULT_POSITION,
+  DEFAULT_ZOOM: () => DEFAULT_ZOOM,
+  FOCUS_CIRCLE_STYLES: () => FOCUS_CIRCLE_STYLES,
+  PIN_COLORS: () => PIN_COLORS
+});
+module.exports = __toCommonJS(constants_exports);
+var DEFAULT_POSITION = { lat: 40.715021, lng: -74.00459 };
+var DEFAULT_ZOOM = 10;
+var CLUSTER_PIN_SCALE = 1.5;
+var CLUSTER_DISTANCE_THRESHOLD = 1e-3;
+var PIN_COLORS = {
+  background: "#0B5441",
+  borderColor: "#EBFDF1",
+  glyphColor: "#D4F500"
+};
+var FOCUS_CIRCLE_STYLES = {
+  strokeColor: "#0B5441",
+  strokeOpacity: 0.8,
+  strokeWeight: 2,
+  fillColor: "#0B5441",
+  fillOpacity: 0.1,
+  clickable: false,
+  zIndex: 1
+};
+var CLUSTERING_CONFIG = {
+  radius: 60,
+  maxZoom: 16,
+  minPoints: 2
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CLUSTERING_CONFIG,
+  CLUSTER_DISTANCE_THRESHOLD,
+  CLUSTER_PIN_SCALE,
+  DEFAULT_POSITION,
+  DEFAULT_ZOOM,
+  FOCUS_CIRCLE_STYLES,
+  PIN_COLORS
+});
+//# sourceMappingURL=constants.cjs.map

package/dist/components/ui/Map/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/Map/constants.ts"],"sourcesContent":["export const DEFAULT_POSITION = { lat: 40.715021, lng: -74.00459 }\nexport const DEFAULT_ZOOM = 10\nexport const CLUSTER_PIN_SCALE = 1.5\nexport const CLUSTER_DISTANCE_THRESHOLD = 0.001\n\nexport const PIN_COLORS = {\n  background: '#0B5441',\n  borderColor: '#EBFDF1',\n  glyphColor: '#D4F500',\n} as const\n\nexport const FOCUS_CIRCLE_STYLES = {\n  strokeColor: '#0B5441',\n  strokeOpacity: 0.8,\n  strokeWeight: 2,\n  fillColor: '#0B5441',\n  fillOpacity: 0.1,\n  clickable: false,\n  zIndex: 1,\n} as const\n\nexport const CLUSTERING_CONFIG = {\n  radius: 60,\n  maxZoom: 16,\n  minPoints: 2,\n} as const\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,mBAAmB,EAAE,KAAK,WAAW,KAAK,UAAU;AAC1D,IAAM,eAAe;AACrB,IAAM,oBAAoB;AAC1B,IAAM,6BAA6B;AAEnC,IAAM,aAAa;AAAA,EACxB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEO,IAAM,sBAAsB;AAAA,EACjC,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AACV;AAEO,IAAM,oBAAoB;AAAA,EAC/B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AACb;","names":[]}