ixia-ui-react 1.7.0 → 2.0.0

package/dist/map/google/index.js

@@ -0,0 +1,445 @@
+import { t as cn } from "../../cn-BDi0DfT5.js";
+import { n as Icon } from "../../icon-D3JWfCa2.js";
+import { t as Button } from "../../button-BpUC-R1J.js";
+import { a as AutocompleteItem, h as AutocompleteCollection, m as AutocompleteContent, p as AutocompleteEmpty, r as AutocompleteStatus, t as Autocomplete } from "../../autocomplete-BfpWVO1l.js";
+import { t as ButtonGroup } from "../../button-group-7azbqlcO.js";
+import { n as useIxiaMap } from "../../map.context-Dw1D7E8m.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { Fragment as Fragment$1, useCallback, useEffect, useMemo, useState } from "react";
+import { CircleNotchIcon, MinusIcon, NavigationArrowIcon, PlusIcon } from "@phosphor-icons/react";
+import { APIProvider, AdvancedMarker, CollisionBehavior, Map, useMap, useMapsLibrary } from "@vis.gl/react-google-maps";
+import { GoogleMapsOverlay } from "@deck.gl/google-maps";
+import { useAsyncDebouncer } from "@tanstack/react-pacer";
+import Supercluster from "supercluster";
+// src/components/map/google/google-map.tsx
+function GoogleMap$1({ children, ...props }) {
+	return /* @__PURE__ */ jsx(APIProvider, {
+		...props,
+		children
+	});
+}
+// src/components/map/google/google-map-cluster.tsx
+function GoogleMapCluster({ className, children, count, label, collisionBehavior = CollisionBehavior.REQUIRED_AND_HIDES_OPTIONAL, zIndex = count, ...props }) {
+	return /* @__PURE__ */ jsx(AdvancedMarker, {
+		"aria-label": label,
+		collisionBehavior,
+		zIndex,
+		className: cn("flex min-h-xl min-w-xl animate-appear items-center justify-center rounded-full border border-neutral-border bg-neutral-container p-3xs", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx("span", { children: count })
+	});
+}
+// src/components/map/google/google-map.utils.ts
+function isGoogleMapSuggestionLabelValue(itemValue) {
+	return typeof itemValue === "object" && itemValue !== null && "placePrediction" in itemValue && typeof itemValue.placePrediction === "object" && itemValue.placePrediction !== null && "text" in itemValue.placePrediction && typeof itemValue.placePrediction.text === "object" && itemValue.placePrediction.text !== null && "text" in itemValue.placePrediction.text && typeof itemValue.placePrediction.text.text === "string";
+}
+function getGoogleMapSuggestionLabel(itemValue) {
+	if (!isGoogleMapSuggestionLabelValue(itemValue)) return "";
+	return itemValue.placePrediction.text.text;
+}
+function isClusterFeature(item) {
+	return item.properties !== null && "cluster" in item.properties && item.properties.cluster === true;
+}
+// src/components/map/google/google-map-cluster-layer.tsx
+function GoogleMapClusterLayer({ items, getKey, getLeaves, getClusterExpansionZoom, renderItem, renderCluster, children }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [items.map((item) => {
+		if (isClusterFeature(item)) {
+			const clusterId = item.properties.cluster_id;
+			return /* @__PURE__ */ jsx(Fragment$1, { children: renderCluster(item, {
+				getExpansionZoom: () => getClusterExpansionZoom(clusterId),
+				getLeaves: () => getLeaves(clusterId)
+			}) }, `cluster-${clusterId}`);
+		}
+		return /* @__PURE__ */ jsx(Fragment$1, { children: renderItem(item) }, getKey(item));
+	}), children] });
+}
+// src/components/map/google/google-map-deckgl-overlay.tsx
+function cloneLayers(configs) {
+	return configs.map(({ id, visualLayer: layer, layerProps, visible }) => layer.clone({
+		...layerProps,
+		id,
+		visible: visible ?? true
+	}));
+}
+function GoogleMapDeckGLOverlay({ interleaved = false, ...deckProps }) {
+	const map = useMap(), ixiaMap = useIxiaMap(), overlayRef = React.useRef(void 0);
+	React.useEffect(() => {
+		if (!map) return;
+		const overlay = new GoogleMapsOverlay({ interleaved });
+		overlayRef.current = overlay;
+		overlay.setMap(map);
+		return () => {
+			overlayRef.current = void 0;
+			overlay.finalize();
+		};
+	}, [map, interleaved]);
+	React.useEffect(() => {
+		overlayRef.current?.setProps({
+			...deckProps,
+			interleaved,
+			layers: cloneLayers(ixiaMap.layers.filter((layer) => layer.kind === "deckgl"))
+		});
+	});
+}
+// src/components/map/google/google-map-frame.tsx
+function GoogleMapFrame({ className, children, ...props }) {
+	const id = React.useId();
+	return /* @__PURE__ */ jsx(Map, {
+		className: cn("", className),
+		id,
+		...props,
+		children
+	});
+}
+// src/components/map/google/google-map-geolocate-control.tsx
+const ZOOM_LEVEL = 15;
+function GoogleMapGeolocateControl({ zoomLevel = ZOOM_LEVEL, className, children, ref, ...props }) {
+	const map = useMap(), [isPending, startTransition] = React.useTransition(), handleClick = () => {
+		if (!map) return;
+		startTransition(async () => {
+			const pos = await new Promise((resolve) => {
+				navigator.geolocation.getCurrentPosition((position) => {
+					const lat = position.coords.latitude, lng = position.coords.longitude;
+					resolve({
+						lat,
+						lng
+					});
+				});
+			});
+			if (pos) map.moveCamera({
+				center: pos,
+				zoom: zoomLevel
+			});
+		});
+	};
+	return /* @__PURE__ */ jsxs(Button, {
+		disabled: isPending,
+		onClick: handleClick,
+		size: "medium",
+		tone: "neutral",
+		variant: "elevated",
+		className: cn("shrink-0", className),
+		ref,
+		...props,
+		children: [
+			children,
+			isPending && /* @__PURE__ */ jsx(CircleNotchIcon, {
+				className: "animate-spin",
+				weight: "bold"
+			}),
+			!isPending && /* @__PURE__ */ jsx(NavigationArrowIcon, { weight: "bold" })
+		]
+	});
+}
+// src/components/map/google/google-map-marker.tsx
+function GoogleMapMarker({ collisionBehavior = CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY, ...props }) {
+	return /* @__PURE__ */ jsx(AdvancedMarker, {
+		collisionBehavior,
+		...props
+	});
+}
+// src/components/map/google/google-map-marker-layer.tsx
+function GoogleMapMarkerLayer({ items, getKey, renderItem, children }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [items.map((item) => /* @__PURE__ */ jsx(Fragment$1, { children: renderItem(item) }, getKey(item))), children] });
+}
+// src/components/map/google/google-map-search-control.context.ts
+const GoogleMapSearchControlContext = React.createContext(void 0);
+function useGoogleMapSearchControl() {
+	const context = React.useContext(GoogleMapSearchControlContext);
+	if (!context) throw new Error("useGoogleMapSearchControl must be used within a GoogleMapSearchControl");
+	return context;
+}
+// src/components/map/google/google-map-search-control.tsx
+const DEFAULT_DEBOUNCE_INTERVAL = 300;
+function GoogleMapSearchControl({ onSuggestionSelect, onValueChange, value: controlledValue, defaultValue, itemToStringValue = getGoogleMapSuggestionLabel, debounceInterval = DEFAULT_DEBOUNCE_INTERVAL, locale, children, ...props }) {
+	const [inputValue, setInputValue] = React.useState(defaultValue ?? ""), [results, setResults] = React.useState([]), autocompleteValue = controlledValue ?? inputValue, places = useMapsLibrary("places"), debouncer = useAsyncDebouncer(async (query) => {
+		const input = query.trim();
+		if (!input) {
+			setResults([]);
+			return [];
+		}
+		if (!places) return [];
+		const request = {
+			input,
+			language: locale?.toString()
+		}, { suggestions: fetchedSuggestions } = await places.AutocompleteSuggestion.fetchAutocompleteSuggestions(request);
+		setResults(fetchedSuggestions);
+		return fetchedSuggestions;
+	}, { wait: debounceInterval }, (state) => ({ isPending: state.isPending })), selectSuggestion = async (suggestion) => {
+		if (!places) return;
+		if (!suggestion.placePrediction) return;
+		if (onSuggestionSelect) await onSuggestionSelect(suggestion);
+	}, selectFirstSuggestion = async () => {
+		const [firstSuggestion] = results;
+		if (firstSuggestion) {
+			if (controlledValue === void 0) setInputValue(itemToStringValue(firstSuggestion));
+			await selectSuggestion(firstSuggestion);
+		}
+	}, handleValueChange = (value, eventDetails) => {
+		if (controlledValue === void 0) setInputValue(value);
+		onValueChange?.(value, eventDetails);
+		debouncer.maybeExecute(value);
+	};
+	return /* @__PURE__ */ jsx(GoogleMapSearchControlContext.Provider, {
+		value: {
+			debouncer,
+			locale,
+			results,
+			selectFirstSuggestion,
+			selectSuggestion,
+			setResults
+		},
+		children: /* @__PURE__ */ jsx(Autocomplete, {
+			filteredItems: results,
+			itemToStringValue,
+			mode: "list",
+			onValueChange: handleValueChange,
+			value: autocompleteValue,
+			...props,
+			children
+		})
+	});
+}
+// src/components/map/google/google-map-search-control-empty.tsx
+function GoogleMapSearchControlEmpty({ className, children, ref, ...props }) {
+	const { debouncer } = useGoogleMapSearchControl();
+	return /* @__PURE__ */ jsx(debouncer.Subscribe, {
+		selector: (state) => ({ isPending: state.isPending }),
+		children: ({ isPending }) => !isPending && /* @__PURE__ */ jsx(AutocompleteEmpty, {
+			className: cn("", className),
+			ref,
+			...props,
+			children
+		})
+	});
+}
+// src/components/map/google/google-map-search-control-input.tsx
+function GoogleMapSearchControlInput({ className, onKeyDown, ref, ...props }) {
+	const { results, selectFirstSuggestion } = useGoogleMapSearchControl(), handleSubmit = (event) => {
+		onKeyDown?.(event);
+		if (event.key !== "Enter" || event.defaultPrevented || !results.length) return;
+		event.preventDefault();
+		selectFirstSuggestion();
+	};
+	return /* @__PURE__ */ jsx(Autocomplete.InputGroupInput, {
+		onKeyDown: handleSubmit,
+		className: cn("", className),
+		ref,
+		...props
+	});
+}
+// src/components/map/google/google-map-search-control-input-group.tsx
+function GoogleMapSearchControlInputGroup({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Autocomplete.InputGroup, {
+		className: cn("", className),
+		ref,
+		...props
+	});
+}
+// src/components/map/google/google-map-search-control-submit.tsx
+function GoogleMapSearchControlSubmit({ className, onClick, ref, ...props }) {
+	const [isPending, startTransition] = React.useTransition(), { selectFirstSuggestion } = useGoogleMapSearchControl(), handleClick = async (event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented) startTransition(async () => {
+			await selectFirstSuggestion();
+		});
+	};
+	if (isPending) return /* @__PURE__ */ jsx(Button, {
+		tone: "neutral",
+		size: "medium",
+		disabled: true,
+		className: cn("animate-spin", className),
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx(CircleNotchIcon, { weight: "bold" })
+	});
+	return /* @__PURE__ */ jsx(Button, {
+		className: cn("", className),
+		ref,
+		...props,
+		onClick: handleClick
+	});
+}
+// src/components/map/google/google-map-search-control-suggestion.tsx
+function GoogleMapSearchControlSuggestion({ suggestion, className, children, ref, ...props }) {
+	const { selectSuggestion } = useGoogleMapSearchControl();
+	return /* @__PURE__ */ jsx(AutocompleteItem, {
+		onClick: () => void selectSuggestion(suggestion),
+		className: cn("", className),
+		ref,
+		...props,
+		children: children(suggestion)
+	});
+}
+// src/components/map/google/google-map-tilt-control.tsx
+const DEFAULT_TILT = 0;
+const NULL_TILT = 0;
+const MAX_TILT = 45;
+function GoogleMapTiltControl({ className, children, ref, ...props }) {
+	const map = useMap(), [currentTilt, setCurrentTilt] = useState(map?.getTilt() || DEFAULT_TILT);
+	function handleClick() {
+		if (map) {
+			if (currentTilt === NULL_TILT) {
+				map.setTilt(MAX_TILT);
+				setCurrentTilt(MAX_TILT);
+			} else {
+				map.setTilt(DEFAULT_TILT);
+				setCurrentTilt(DEFAULT_TILT);
+			}
+		}
+	}
+	return /* @__PURE__ */ jsxs(Button, {
+		onClick: handleClick,
+		variant: "elevated",
+		tone: currentTilt === MAX_TILT ? "brand" : "neutral",
+		className: cn("", className),
+		ref,
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Icon, { name: "3d" })]
+	});
+}
+// src/components/map/google/google-map-zoom-control.tsx
+const DEFAULT_ZOOM = 0;
+const ZOOM_STEP = 1;
+function GoogleMapZoomControl({ step = ZOOM_STEP, className, children, ref, ...props }) {
+	const map = useMap(), handleZoomIn = () => {
+		if (!map) return;
+		map.setZoom((map.getZoom() ?? DEFAULT_ZOOM) + step);
+	}, handleZoomOut = () => {
+		if (!map) return;
+		map.setZoom((map.getZoom() ?? DEFAULT_ZOOM) - step);
+	};
+	return /* @__PURE__ */ jsxs(ButtonGroup, {
+		size: "medium",
+		tone: "neutral",
+		variant: "elevated",
+		className: cn("", className),
+		ref,
+		...props,
+		children: [
+			children,
+			/* @__PURE__ */ jsx(Button, {
+				onClick: handleZoomIn,
+				children: /* @__PURE__ */ jsx(PlusIcon, { weight: "bold" })
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				onClick: handleZoomOut,
+				children: /* @__PURE__ */ jsx(MinusIcon, { weight: "bold" })
+			})
+		]
+	});
+}
+// src/components/map/google/google-maps-search-control-content.tsx
+function GoogleMapSearchControlContent({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(AutocompleteContent, {
+		className: cn("", className),
+		ref,
+		...props
+	});
+}
+// src/components/map/google/google-maps-search-control-results.tsx
+function GoogleMapsSearchControlResults({ children, ...props }) {
+	return /* @__PURE__ */ jsx(AutocompleteCollection, {
+		...props,
+		children: (result, index) => children(result, index)
+	});
+}
+// src/components/map/google/google-maps-search-control-status.tsx
+function GoogleMapsSearchControlStatus({ className, children, ref, ...props }) {
+	const { debouncer } = useGoogleMapSearchControl();
+	return /* @__PURE__ */ jsx(AutocompleteStatus, {
+		className: cn("", className),
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx(debouncer.Subscribe, {
+			selector: (state) => ({
+				isPending: state.isPending,
+				results: state.lastResult
+			}),
+			children: ({ isPending, results }) => (isPending || Boolean(results?.length)) && children({
+				isPending,
+				results
+			})
+		})
+	});
+}
+// src/hooks/use-google-map-viewport.ts
+const DEFAULT_PADDING = 0;
+const MAX_LONGITUDE = 180;
+const MIN_LONGITUDE = -180;
+const MAX_LATITUDE = 90;
+const MIN_LATITUDE = -90;
+const INITIAL_BOUNDS = [
+	MIN_LONGITUDE,
+	MIN_LATITUDE,
+	MAX_LONGITUDE,
+	MAX_LATITUDE
+];
+const INITIAL_ZOOM = 0;
+const WORLD_LONGITUDE_SPAN = 360;
+const ZOOM_BASE = 2;
+const TILE_SIZE = 256;
+function useGoogleMapViewport({ padding = DEFAULT_PADDING } = {}) {
+	const map = useMap(), [bounds, setBounds] = useState(INITIAL_BOUNDS), [zoom, setZoom] = useState(INITIAL_ZOOM);
+	useEffect(() => {
+		if (!map) return;
+		const updateViewport = () => {
+			const mapBounds = map.getBounds(), mapZoom = map.getZoom(), southwest = mapBounds?.getSouthWest(), northeast = mapBounds?.getNorthEast(), paddingDegrees = WORLD_LONGITUDE_SPAN / (ZOOM_BASE ** (mapZoom ?? INITIAL_ZOOM) * TILE_SIZE) * padding;
+			if (!southwest || !northeast || mapZoom === void 0) return;
+			setBounds([
+				southwest.lng() - paddingDegrees,
+				Math.max(MIN_LATITUDE, southwest.lat() - paddingDegrees),
+				northeast.lng() + paddingDegrees,
+				Math.min(MAX_LATITUDE, northeast.lat() + paddingDegrees)
+			]);
+			setZoom(mapZoom);
+		}, listener = map.addListener("idle", updateViewport);
+		updateViewport();
+		return () => listener.remove();
+	}, [map, padding]);
+	return {
+		bounds,
+		zoom
+	};
+}
+// src/hooks/use-supercluster.ts
+const DEFAULT_OFFSET = 0;
+function useSupercluster({ geojson, bounds, zoom, options }) {
+	const index = useMemo(() => {
+		return new Supercluster(options).load(geojson.features);
+	}, [geojson.features, options]);
+	return {
+		clusters: useMemo(() => index.getClusters(bounds, zoom), [
+			bounds,
+			index,
+			zoom
+		]),
+		getChildren: useCallback((clusterId) => index.getChildren(clusterId), [index]),
+		getClusterExpansionZoom: useCallback((clusterId) => index.getClusterExpansionZoom(clusterId), [index]),
+		getLeaves: useCallback((clusterId, limit = Infinity, offset = DEFAULT_OFFSET) => index.getLeaves(clusterId, limit, offset), [index])
+	};
+}
+// src/components/map/google/index.ts
+const GoogleMap = Object.assign(GoogleMap$1, {
+	Cluster: GoogleMapCluster,
+	ClusterLayer: GoogleMapClusterLayer,
+	DeckGLOverlay: GoogleMapDeckGLOverlay,
+	Frame: GoogleMapFrame,
+	GeolocateControl: GoogleMapGeolocateControl,
+	Marker: GoogleMapMarker,
+	MarkerLayer: GoogleMapMarkerLayer,
+	SearchControl: GoogleMapSearchControl,
+	SearchControlContent: GoogleMapSearchControlContent,
+	SearchControlEmpty: GoogleMapSearchControlEmpty,
+	SearchControlInput: GoogleMapSearchControlInput,
+	SearchControlInputGroup: GoogleMapSearchControlInputGroup,
+	SearchControlResults: GoogleMapsSearchControlResults,
+	SearchControlStatus: GoogleMapsSearchControlStatus,
+	SearchControlSubmit: GoogleMapSearchControlSubmit,
+	SearchControlSuggestion: GoogleMapSearchControlSuggestion,
+	TiltControl: GoogleMapTiltControl,
+	ZoomControl: GoogleMapZoomControl
+});
+export { GoogleMap, GoogleMapCluster, GoogleMapClusterLayer, GoogleMapDeckGLOverlay, GoogleMapFrame, GoogleMapGeolocateControl, GoogleMapMarker, GoogleMapMarkerLayer, GoogleMapSearchControl, GoogleMapSearchControlContent, GoogleMapSearchControlEmpty, GoogleMapSearchControlInput, GoogleMapSearchControlInputGroup, GoogleMapSearchControlSubmit, GoogleMapSearchControlSuggestion, GoogleMapTiltControl, GoogleMapZoomControl, GoogleMapsSearchControlResults, GoogleMapsSearchControlStatus, useGoogleMapSearchControl, useGoogleMapViewport, useSupercluster };
+
+//# sourceMappingURL=index.js.map

package/dist/map/google/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["GoogleMap","Fragment","Fragment","GoogleMapRoot"],"sources":["../../../src/components/map/google/google-map.tsx","../../../src/components/map/google/google-map-cluster.tsx","../../../src/components/map/google/google-map.utils.ts","../../../src/components/map/google/google-map-cluster-layer.tsx","../../../src/components/map/google/google-map-deckgl-overlay.tsx","../../../src/components/map/google/google-map-frame.tsx","../../../src/components/map/google/google-map-geolocate-control.tsx","../../../src/components/map/google/google-map-marker.tsx","../../../src/components/map/google/google-map-marker-layer.tsx","../../../src/components/map/google/google-map-search-control.context.ts","../../../src/components/map/google/google-map-search-control.tsx","../../../src/components/map/google/google-map-search-control-empty.tsx","../../../src/components/map/google/google-map-search-control-input.tsx","../../../src/components/map/google/google-map-search-control-input-group.tsx","../../../src/components/map/google/google-map-search-control-submit.tsx","../../../src/components/map/google/google-map-search-control-suggestion.tsx","../../../src/components/map/google/google-map-tilt-control.tsx","../../../src/components/map/google/google-map-zoom-control.tsx","../../../src/components/map/google/google-maps-search-control-content.tsx","../../../src/components/map/google/google-maps-search-control-results.tsx","../../../src/components/map/google/google-maps-search-control-status.tsx","../../../src/hooks/use-google-map-viewport.ts","../../../src/hooks/use-supercluster.ts","../../../src/components/map/google/index.ts"],"sourcesContent":["import { APIProvider } from '@vis.gl/react-google-maps'\n\nimport type { GoogleMapProps } from './google-map.types'\n\nexport function GoogleMap({ children, ...props }: GoogleMapProps) {\n  return <APIProvider {...props}>{children}</APIProvider>\n}\n","import { AdvancedMarker, CollisionBehavior } from '@vis.gl/react-google-maps'\nimport type { ComponentPropsWithRef } from 'react'\n\nimport { cn } from '@/utils'\n\ntype GoogleMapClusterProps = ComponentPropsWithRef<typeof AdvancedMarker> & {\n  count: number\n  label: string\n}\n\nexport function GoogleMapCluster({\n  className,\n  children,\n  count,\n  label,\n  collisionBehavior = CollisionBehavior.REQUIRED_AND_HIDES_OPTIONAL,\n  zIndex = count,\n  ...props\n}: GoogleMapClusterProps) {\n  return (\n    <AdvancedMarker\n      aria-label={label}\n      collisionBehavior={collisionBehavior}\n      zIndex={zIndex}\n      className={cn(\n        'flex min-h-xl min-w-xl animate-appear items-center justify-center rounded-full border border-neutral-border bg-neutral-container p-3xs',\n        className,\n      )}\n      {...props}\n    >\n      {children ?? <span>{count}</span>}\n    </AdvancedMarker>\n  )\n}\n\nexport type { GoogleMapClusterProps }\n","import type { GeoJsonProperties } from 'geojson'\nimport type { ClusterFeature, ClusterProperties } from 'supercluster'\n\nimport type { GoogleMapClusterLayerItem } from './google-map.types'\n\ninterface GoogleMapSuggestionLabelValue {\n  placePrediction: {\n    text: {\n      text: string\n    }\n  }\n}\n\nfunction isGoogleMapSuggestionLabelValue(\n  itemValue: unknown,\n): itemValue is GoogleMapSuggestionLabelValue {\n  return (\n    typeof itemValue === 'object' &&\n    itemValue !== null &&\n    'placePrediction' in itemValue &&\n    typeof itemValue.placePrediction === 'object' &&\n    itemValue.placePrediction !== null &&\n    'text' in itemValue.placePrediction &&\n    typeof itemValue.placePrediction.text === 'object' &&\n    itemValue.placePrediction.text !== null &&\n    'text' in itemValue.placePrediction.text &&\n    typeof itemValue.placePrediction.text.text === 'string'\n  )\n}\n\nfunction getGoogleMapSuggestionLabel(itemValue: unknown): string {\n  if (!isGoogleMapSuggestionLabelValue(itemValue)) {\n    return ''\n  }\n\n  return itemValue.placePrediction.text.text\n}\n\nfunction isClusterFeature<\n  Properties extends GeoJsonProperties,\n  ClusterPropertiesValue extends GeoJsonProperties = ClusterProperties,\n>(\n  item: GoogleMapClusterLayerItem<Properties, ClusterPropertiesValue>,\n): item is ClusterFeature<ClusterPropertiesValue> {\n  return (\n    item.properties !== null && 'cluster' in item.properties && item.properties.cluster === true\n  )\n}\n\nexport { getGoogleMapSuggestionLabel, isClusterFeature }\n","import type { GeoJsonProperties } from 'geojson'\nimport { Fragment } from 'react'\nimport type { ClusterProperties } from 'supercluster'\n\nimport type { GoogleMapClusterLayerProps } from './google-map.types'\nimport { isClusterFeature } from './google-map.utils'\n\nexport function GoogleMapClusterLayer<\n  Properties extends GeoJsonProperties,\n  ClusterPropertiesValue extends GeoJsonProperties = ClusterProperties,\n>({\n  items,\n  getKey,\n  getLeaves,\n  getClusterExpansionZoom,\n  renderItem,\n  renderCluster,\n  children,\n}: GoogleMapClusterLayerProps<Properties, ClusterPropertiesValue>) {\n  return (\n    <>\n      {items.map((item) => {\n        if (isClusterFeature<Properties, ClusterPropertiesValue>(item)) {\n          const clusterId = item.properties.cluster_id\n\n          return (\n            <Fragment key={`cluster-${clusterId}`}>\n              {renderCluster(item, {\n                getExpansionZoom: () => getClusterExpansionZoom(clusterId),\n                getLeaves: () => getLeaves(clusterId),\n              })}\n            </Fragment>\n          )\n        }\n\n        return <Fragment key={getKey(item)}>{renderItem(item)}</Fragment>\n      })}\n      {children}\n    </>\n  )\n}\n","import type { LayersList } from '@deck.gl/core'\nimport { GoogleMapsOverlay } from '@deck.gl/google-maps'\nimport { useMap } from '@vis.gl/react-google-maps'\nimport React from 'react'\n\nimport { useIxiaMap } from '../map.context'\nimport type { DeckGLLayerConfig } from '../map.types'\nimport type { GoogleMapDeckGLOverlayProps } from './google-map.types'\n\nfunction cloneLayers(configs: DeckGLLayerConfig[]): LayersList {\n  return configs.map(({ id, visualLayer: layer, layerProps, visible }) =>\n    layer.clone({\n      ...layerProps,\n      id,\n      visible: visible ?? true,\n    }),\n  )\n}\n\nexport function GoogleMapDeckGLOverlay({\n  interleaved = false,\n  ...deckProps\n}: GoogleMapDeckGLOverlayProps) {\n  const map = useMap(),\n    ixiaMap = useIxiaMap(),\n    overlayRef = React.useRef<GoogleMapsOverlay | undefined>(undefined)\n\n  React.useEffect(() => {\n    if (!map) {\n      return undefined\n    }\n\n    const overlay = new GoogleMapsOverlay({ interleaved })\n    overlayRef.current = overlay\n    overlay.setMap(map)\n\n    return () => {\n      overlayRef.current = undefined\n      overlay.finalize()\n    }\n  }, [map, interleaved])\n\n  React.useEffect(() => {\n    overlayRef.current?.setProps({\n      ...deckProps,\n      interleaved,\n      layers: cloneLayers(\n        ixiaMap.layers.filter((layer): layer is DeckGLLayerConfig => layer.kind === 'deckgl'),\n      ),\n    })\n  })\n\n  return undefined\n}\n","import { Map } from '@vis.gl/react-google-maps'\nimport React from 'react'\n\nimport { cn } from '@/utils'\n\nimport type { GoogleMapFrameProps } from './google-map.types'\n\nexport function GoogleMapFrame({ className, children, ...props }: GoogleMapFrameProps) {\n  const id = React.useId()\n\n  return (\n    <Map className={cn('', className)} id={id} {...props}>\n      {children}\n    </Map>\n  )\n}\n","import { CircleNotchIcon, NavigationArrowIcon } from '@phosphor-icons/react'\nimport { useMap } from '@vis.gl/react-google-maps'\nimport React from 'react'\n\nimport { Button } from '@/components/button'\nimport { cn } from '@/utils'\n\nimport type { GoogleMapGeolocateControlProps } from './google-map.types'\n\nconst ZOOM_LEVEL = 15\n\nexport function GoogleMapGeolocateControl({\n  zoomLevel = ZOOM_LEVEL,\n  className,\n  children,\n  ref,\n  ...props\n}: GoogleMapGeolocateControlProps) {\n  const map = useMap(),\n    [isPending, startTransition] = React.useTransition(),\n    handleClick = () => {\n      if (!map) {\n        return\n      }\n\n      startTransition(async () => {\n        const pos = await new Promise<{ lat: number; lng: number }>((resolve) => {\n          navigator.geolocation.getCurrentPosition((position) => {\n            const lat = position.coords.latitude,\n              lng = position.coords.longitude\n            resolve({ lat, lng })\n          })\n        })\n\n        if (pos) {\n          map.moveCamera({\n            center: pos,\n            zoom: zoomLevel,\n          })\n        }\n      })\n    }\n\n  return (\n    <Button\n      disabled={isPending}\n      onClick={handleClick}\n      size=\"medium\"\n      tone=\"neutral\"\n      variant=\"elevated\"\n      className={cn('shrink-0', className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n      {isPending && <CircleNotchIcon className=\"animate-spin\" weight=\"bold\" />}\n      {!isPending && <NavigationArrowIcon weight=\"bold\" />}\n    </Button>\n  )\n}\n","import { AdvancedMarker, CollisionBehavior } from '@vis.gl/react-google-maps'\nimport type { ComponentPropsWithRef } from 'react'\n\ntype GoogleMapMarkerProps = ComponentPropsWithRef<typeof AdvancedMarker>\n\nexport function GoogleMapMarker({\n  collisionBehavior = CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY,\n  ...props\n}: GoogleMapMarkerProps) {\n  return <AdvancedMarker collisionBehavior={collisionBehavior} {...props} />\n}\n\nexport type { GoogleMapMarkerProps }\n","import { Fragment } from 'react'\nimport type { Key, ReactNode } from 'react'\n\ninterface GoogleMapMarkerLayerProps<Item> {\n  items: readonly Item[]\n  getKey: (item: Item) => Key\n  renderItem: (item: Item) => ReactNode\n  children?: ReactNode\n}\n\nexport function GoogleMapMarkerLayer<Item>({\n  items,\n  getKey,\n  renderItem,\n  children,\n}: GoogleMapMarkerLayerProps<Item>) {\n  return (\n    <>\n      {items.map((item) => (\n        <Fragment key={getKey(item)}>{renderItem(item)}</Fragment>\n      ))}\n      {children}\n    </>\n  )\n}\n\nexport type { GoogleMapMarkerLayerProps }\n","import React from 'react'\n\nimport type { GoogleMapSearchControlValue } from './google-map-search-control.types'\n\nconst GoogleMapSearchControlContext = React.createContext<GoogleMapSearchControlValue | undefined>(\n  undefined,\n)\n\nfunction useGoogleMapSearchControl() {\n  const context = React.useContext(GoogleMapSearchControlContext)\n\n  if (!context) {\n    throw new Error('useGoogleMapSearchControl must be used within a GoogleMapSearchControl')\n  }\n\n  return context\n}\n\nexport { GoogleMapSearchControlContext, useGoogleMapSearchControl }\n","import { useAsyncDebouncer } from '@tanstack/react-pacer'\nimport { useMapsLibrary } from '@vis.gl/react-google-maps'\nimport React from 'react'\n\nimport { Autocomplete } from '@/components/autocomplete'\n\nimport { GoogleMapSearchControlContext } from './google-map-search-control.context'\nimport type { GoogleMapSearchControlProps } from './google-map-search-control.types'\nimport { getGoogleMapSuggestionLabel } from './google-map.utils'\n\nconst DEFAULT_DEBOUNCE_INTERVAL = 300\n\nexport function GoogleMapSearchControl({\n  onSuggestionSelect,\n  onValueChange,\n  value: controlledValue,\n  defaultValue,\n  itemToStringValue = getGoogleMapSuggestionLabel,\n  debounceInterval = DEFAULT_DEBOUNCE_INTERVAL,\n  locale,\n  children,\n  ...props\n}: GoogleMapSearchControlProps) {\n  const [inputValue, setInputValue] = React.useState(defaultValue ?? ''),\n    [results, setResults] = React.useState<google.maps.places.AutocompleteSuggestion[]>([]),\n    autocompleteValue = controlledValue ?? inputValue,\n    places = useMapsLibrary('places'),\n    debouncer = useAsyncDebouncer(\n      async (query: string): Promise<google.maps.places.AutocompleteSuggestion[]> => {\n        const input = query.trim()\n\n        if (!input) {\n          setResults([])\n          return []\n        }\n\n        if (!places) {\n          return []\n        }\n\n        // oxlint-disable-next-line one-var\n        const request: google.maps.places.AutocompleteRequest = {\n            input,\n            language: locale?.toString(),\n          },\n          { suggestions: fetchedSuggestions } =\n            await places.AutocompleteSuggestion.fetchAutocompleteSuggestions(request)\n\n        setResults(fetchedSuggestions)\n        return fetchedSuggestions\n      },\n      {\n        wait: debounceInterval,\n      },\n      (state) => ({ isPending: state.isPending }),\n    ),\n    selectSuggestion = async (suggestion: google.maps.places.AutocompleteSuggestion) => {\n      if (!places) {\n        return\n      }\n      if (!suggestion.placePrediction) {\n        return\n      }\n\n      if (onSuggestionSelect) {\n        await onSuggestionSelect(suggestion)\n      }\n    },\n    selectFirstSuggestion = async () => {\n      const [firstSuggestion] = results\n\n      if (firstSuggestion) {\n        if (controlledValue === undefined) {\n          setInputValue(itemToStringValue(firstSuggestion))\n        }\n\n        await selectSuggestion(firstSuggestion)\n      }\n    },\n    handleValueChange: NonNullable<GoogleMapSearchControlProps['onValueChange']> = (\n      value,\n      eventDetails,\n    ) => {\n      if (controlledValue === undefined) {\n        setInputValue(value)\n      }\n\n      onValueChange?.(value, eventDetails)\n      void debouncer.maybeExecute(value)\n    }\n\n  return (\n    <GoogleMapSearchControlContext.Provider\n      value={{\n        debouncer,\n        locale,\n        results,\n        selectFirstSuggestion,\n        selectSuggestion,\n        setResults,\n      }}\n    >\n      <Autocomplete\n        filteredItems={results}\n        itemToStringValue={itemToStringValue}\n        mode=\"list\"\n        onValueChange={handleValueChange}\n        value={autocompleteValue}\n        {...props}\n      >\n        {children}\n      </Autocomplete>\n    </GoogleMapSearchControlContext.Provider>\n  )\n}\n","import { AutocompleteEmpty } from '@/components/autocomplete'\nimport { cn } from '@/utils/cn'\n\nimport { useGoogleMapSearchControl } from './google-map-search-control.context'\nimport type { GoogleMapSearchControlEmptyProps } from './google-map-search-control.types'\n\nexport function GoogleMapSearchControlEmpty({\n  className,\n  children,\n  ref,\n  ...props\n}: GoogleMapSearchControlEmptyProps) {\n  const { debouncer } = useGoogleMapSearchControl()\n\n  return (\n    <debouncer.Subscribe selector={(state) => ({ isPending: state.isPending })}>\n      {({ isPending }) =>\n        !isPending && (\n          <AutocompleteEmpty className={cn('', className)} ref={ref} {...props}>\n            {children}\n          </AutocompleteEmpty>\n        )\n      }\n    </debouncer.Subscribe>\n  )\n}\n","import { Autocomplete } from '@/components/autocomplete'\nimport { cn } from '@/utils'\n\nimport { useGoogleMapSearchControl } from './google-map-search-control.context'\nimport type { GoogleMapSearchControlInputProps } from './google-map-search-control.types'\n\nexport function GoogleMapSearchControlInput({\n  className,\n  onKeyDown,\n  ref,\n  ...props\n}: GoogleMapSearchControlInputProps) {\n  const { results, selectFirstSuggestion } = useGoogleMapSearchControl(),\n    handleSubmit: NonNullable<GoogleMapSearchControlInputProps['onKeyDown']> = (event) => {\n      onKeyDown?.(event)\n\n      if (event.key !== 'Enter' || event.defaultPrevented || !results.length) {\n        return\n      }\n\n      event.preventDefault()\n      void selectFirstSuggestion()\n    }\n\n  return (\n    <Autocomplete.InputGroupInput\n      onKeyDown={handleSubmit}\n      className={cn('', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Autocomplete } from '@/components/autocomplete'\nimport { cn } from '@/utils'\n\nimport type { GoogleMapSearchControlInputGroupProps } from './google-map-search-control.types'\n\nexport function GoogleMapSearchControlInputGroup({\n  className,\n  ref,\n  ...props\n}: GoogleMapSearchControlInputGroupProps) {\n  return <Autocomplete.InputGroup className={cn('', className)} ref={ref} {...props} />\n}\n","import { CircleNotchIcon } from '@phosphor-icons/react'\nimport React from 'react'\n\nimport { Button } from '@/components/button'\nimport { cn } from '@/utils'\n\nimport { useGoogleMapSearchControl } from './google-map-search-control.context'\nimport type { GoogleMapSearchControlSubmitProps } from './google-map-search-control.types'\n\nexport function GoogleMapSearchControlSubmit({\n  className,\n  onClick,\n  ref,\n  ...props\n}: GoogleMapSearchControlSubmitProps) {\n  const [isPending, startTransition] = React.useTransition(),\n    { selectFirstSuggestion } = useGoogleMapSearchControl(),\n    handleClick: NonNullable<GoogleMapSearchControlSubmitProps['onClick']> = async (event) => {\n      onClick?.(event)\n\n      if (!event.defaultPrevented) {\n        startTransition(async () => {\n          await selectFirstSuggestion()\n        })\n      }\n    }\n\n  if (isPending) {\n    return (\n      <Button\n        tone=\"neutral\"\n        size=\"medium\"\n        disabled\n        className={cn('animate-spin', className)}\n        ref={ref}\n        {...props}\n      >\n        <CircleNotchIcon weight=\"bold\" />\n      </Button>\n    )\n  }\n  return <Button className={cn('', className)} ref={ref} {...props} onClick={handleClick} />\n}\n","import { AutocompleteItem } from '@/components/autocomplete'\nimport { cn } from '@/utils'\n\nimport { useGoogleMapSearchControl } from './google-map-search-control.context'\nimport type { GoogleMapSearchControlSuggestionProps } from './google-map-search-control.types'\n\nexport function GoogleMapSearchControlSuggestion({\n  suggestion,\n  className,\n  children,\n  ref,\n  ...props\n}: GoogleMapSearchControlSuggestionProps) {\n  const { selectSuggestion } = useGoogleMapSearchControl()\n\n  return (\n    <AutocompleteItem\n      onClick={() => void selectSuggestion(suggestion)}\n      className={cn('', className)}\n      ref={ref}\n      {...props}\n    >\n      {children(suggestion)}\n    </AutocompleteItem>\n  )\n}\n","import { useMap } from '@vis.gl/react-google-maps'\nimport { useState } from 'react'\n\nimport { Button } from '@/components/button'\nimport { Icon } from '@/components/icon'\nimport { cn } from '@/utils'\n\nimport type { GoogleMapTiltControlProps } from './google-map.types'\n\nconst DEFAULT_TILT = 0,\n  NULL_TILT = 0,\n  MAX_TILT = 45\n\nexport function GoogleMapTiltControl({\n  className,\n  children,\n  ref,\n  ...props\n}: GoogleMapTiltControlProps) {\n  const map = useMap(),\n    [currentTilt, setCurrentTilt] = useState(map?.getTilt() || DEFAULT_TILT)\n\n  function handleClick() {\n    if (map) {\n      if (currentTilt === NULL_TILT) {\n        map.setTilt(MAX_TILT)\n        setCurrentTilt(MAX_TILT)\n      } else {\n        map.setTilt(DEFAULT_TILT)\n        setCurrentTilt(DEFAULT_TILT)\n      }\n    }\n  }\n\n  return (\n    <Button\n      onClick={handleClick}\n      variant=\"elevated\"\n      // oxlint-disable-next-line no-ternary\n      tone={currentTilt === MAX_TILT ? 'brand' : 'neutral'}\n      className={cn('', className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n      <Icon name=\"3d\" />\n    </Button>\n  )\n}\n","import { MinusIcon, PlusIcon } from '@phosphor-icons/react'\nimport { useMap } from '@vis.gl/react-google-maps'\n\nimport { Button } from '@/components/button'\nimport { ButtonGroup } from '@/components/button-group'\nimport { cn } from '@/utils'\n\nimport type { GoogleMapZoomControlProps } from './google-map.types'\n\nconst DEFAULT_ZOOM = 0,\n  ZOOM_STEP = 1\n\nexport function GoogleMapZoomControl({\n  step = ZOOM_STEP,\n  className,\n  children,\n  ref,\n  ...props\n}: GoogleMapZoomControlProps) {\n  const map = useMap(),\n    handleZoomIn = () => {\n      if (!map) {\n        return\n      }\n      map.setZoom((map.getZoom() ?? DEFAULT_ZOOM) + step)\n    },\n    handleZoomOut = () => {\n      if (!map) {\n        return\n      }\n      map.setZoom((map.getZoom() ?? DEFAULT_ZOOM) - step)\n    }\n\n  return (\n    <ButtonGroup\n      size=\"medium\"\n      tone=\"neutral\"\n      variant=\"elevated\"\n      className={cn('', className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n      <Button onClick={handleZoomIn}>\n        <PlusIcon weight=\"bold\" />\n      </Button>\n      <Button onClick={handleZoomOut}>\n        <MinusIcon weight=\"bold\" />\n      </Button>\n    </ButtonGroup>\n  )\n}\n","import { AutocompleteContent } from '@/components/autocomplete'\nimport { cn } from '@/utils'\n\nimport type { GoogleMapSearchControlContentProps } from './google-map-search-control.types'\n\nexport function GoogleMapSearchControlContent({\n  className,\n  ref,\n  ...props\n}: GoogleMapSearchControlContentProps) {\n  return <AutocompleteContent className={cn('', className)} ref={ref} {...props} />\n}\n","import { AutocompleteCollection } from '@/components/autocomplete'\n\nimport type { GoogleMapsSearchControlResultsProps } from './google-map-search-control.types'\n\nexport function GoogleMapsSearchControlResults({\n  children,\n  ...props\n}: GoogleMapsSearchControlResultsProps) {\n  return (\n    <AutocompleteCollection {...props}>\n      {(result: google.maps.places.AutocompleteSuggestion, index: number) =>\n        children(result, index)\n      }\n    </AutocompleteCollection>\n  )\n}\n","import { AutocompleteStatus } from '@/components/autocomplete'\nimport { cn } from '@/utils'\n\nimport { useGoogleMapSearchControl } from './google-map-search-control.context'\nimport type { GoogleMapsSearchControlStatusProps } from './google-map-search-control.types'\n\nexport function GoogleMapsSearchControlStatus({\n  className,\n  children,\n  ref,\n  ...props\n}: GoogleMapsSearchControlStatusProps) {\n  const { debouncer } = useGoogleMapSearchControl()\n\n  return (\n    <AutocompleteStatus className={cn('', className)} ref={ref} {...props}>\n      <debouncer.Subscribe\n        selector={(state) => ({ isPending: state.isPending, results: state.lastResult })}\n      >\n        {({ isPending, results }) =>\n          (isPending || Boolean(results?.length)) && children({ isPending, results })\n        }\n      </debouncer.Subscribe>\n    </AutocompleteStatus>\n  )\n}\n","import { useMap } from '@vis.gl/react-google-maps'\nimport type { BBox } from 'geojson'\nimport { useEffect, useState } from 'react'\n\ninterface UseGoogleMapViewportOptions {\n  padding?: number\n}\n\ninterface UseGoogleMapViewportResult {\n  bounds: BBox\n  zoom: number\n}\n\nconst DEFAULT_PADDING = 0,\n  MAX_LONGITUDE = 180,\n  MIN_LONGITUDE = -MAX_LONGITUDE,\n  MAX_LATITUDE = 90,\n  MIN_LATITUDE = -MAX_LATITUDE,\n  INITIAL_BOUNDS: BBox = [MIN_LONGITUDE, MIN_LATITUDE, MAX_LONGITUDE, MAX_LATITUDE],\n  INITIAL_ZOOM = 0,\n  WORLD_LONGITUDE_SPAN = 360,\n  ZOOM_BASE = 2,\n  TILE_SIZE = 256\n\nexport function useGoogleMapViewport({\n  padding = DEFAULT_PADDING,\n}: UseGoogleMapViewportOptions = {}): UseGoogleMapViewportResult {\n  const map = useMap(),\n    [bounds, setBounds] = useState<BBox>(INITIAL_BOUNDS),\n    [zoom, setZoom] = useState(INITIAL_ZOOM)\n\n  useEffect(() => {\n    if (!map) {\n      return undefined\n    }\n\n    const updateViewport = () => {\n        const mapBounds = map.getBounds(),\n          mapZoom = map.getZoom(),\n          southwest = mapBounds?.getSouthWest(),\n          northeast = mapBounds?.getNorthEast(),\n          paddingDegrees =\n            (WORLD_LONGITUDE_SPAN / (ZOOM_BASE ** (mapZoom ?? INITIAL_ZOOM) * TILE_SIZE)) * padding\n\n        if (!southwest || !northeast || mapZoom === undefined) {\n          return\n        }\n\n        setBounds([\n          southwest.lng() - paddingDegrees,\n          Math.max(MIN_LATITUDE, southwest.lat() - paddingDegrees),\n          northeast.lng() + paddingDegrees,\n          Math.min(MAX_LATITUDE, northeast.lat() + paddingDegrees),\n        ])\n        setZoom(mapZoom)\n      },\n      listener = map.addListener('idle', updateViewport)\n\n    updateViewport()\n    return () => listener.remove()\n  }, [map, padding])\n\n  return { bounds, zoom }\n}\n\nexport type { UseGoogleMapViewportOptions, UseGoogleMapViewportResult }\n","'use no memo'\n\nimport type { BBox, FeatureCollection, GeoJsonProperties, Point } from 'geojson'\nimport { useCallback, useMemo } from 'react'\nimport Supercluster from 'supercluster'\nimport type { ClusterFeature, ClusterProperties, Options, PointFeature } from 'supercluster'\n\nconst DEFAULT_OFFSET = 0\n\ninterface UseSuperclusterOptions<\n  Properties extends GeoJsonProperties,\n  ClusterPropertiesValue extends GeoJsonProperties,\n> {\n  geojson: FeatureCollection<Point, Properties>\n  bounds: BBox\n  zoom: number\n  options?: Options<Properties, ClusterPropertiesValue>\n}\n\ninterface UseSuperclusterResult<\n  Properties extends GeoJsonProperties,\n  ClusterPropertiesValue extends GeoJsonProperties,\n> {\n  clusters: (ClusterFeature<ClusterPropertiesValue> | PointFeature<Properties>)[]\n  getChildren: (\n    clusterId: number,\n  ) => (ClusterFeature<ClusterPropertiesValue> | PointFeature<Properties>)[]\n  getClusterExpansionZoom: (clusterId: number) => number\n  getLeaves: (clusterId: number, limit?: number, offset?: number) => PointFeature<Properties>[]\n}\n\nexport function useSupercluster<\n  Properties extends GeoJsonProperties,\n  ClusterPropertiesValue extends GeoJsonProperties = ClusterProperties,\n>({\n  geojson,\n  bounds,\n  zoom,\n  options,\n}: UseSuperclusterOptions<Properties, ClusterPropertiesValue>): UseSuperclusterResult<\n  Properties,\n  ClusterPropertiesValue\n> {\n  // Supercluster owns a mutable index; memoize it only when its input features or options change.\n  // eslint-disable-next-line react/preserve-manual-memoization\n  const index = useMemo(() => {\n      const clusterIndex = new Supercluster<Properties, ClusterPropertiesValue>(options)\n      return clusterIndex.load(geojson.features)\n    }, [geojson.features, options]),\n    clusters = useMemo(() => index.getClusters(bounds, zoom), [bounds, index, zoom]),\n    getChildren = useCallback((clusterId: number) => index.getChildren(clusterId), [index]),\n    getClusterExpansionZoom = useCallback(\n      (clusterId: number) => index.getClusterExpansionZoom(clusterId),\n      [index],\n    ),\n    getLeaves = useCallback(\n      (clusterId: number, limit = Infinity, offset = DEFAULT_OFFSET) =>\n        index.getLeaves(clusterId, limit, offset),\n      [index],\n    )\n\n  return { clusters, getChildren, getClusterExpansionZoom, getLeaves }\n}\n\nexport type { UseSuperclusterOptions, UseSuperclusterResult }\n","import { GoogleMap as GoogleMapRoot } from './google-map'\nimport { GoogleMapCluster } from './google-map-cluster'\nimport { GoogleMapClusterLayer } from './google-map-cluster-layer'\nimport { GoogleMapDeckGLOverlay } from './google-map-deckgl-overlay'\nimport { GoogleMapFrame } from './google-map-frame'\nimport { GoogleMapGeolocateControl } from './google-map-geolocate-control'\nimport { GoogleMapMarker } from './google-map-marker'\nimport { GoogleMapMarkerLayer } from './google-map-marker-layer'\nimport { GoogleMapSearchControl } from './google-map-search-control'\nimport { GoogleMapSearchControlEmpty } from './google-map-search-control-empty'\nimport { GoogleMapSearchControlInput } from './google-map-search-control-input'\nimport { GoogleMapSearchControlInputGroup } from './google-map-search-control-input-group'\nimport { GoogleMapSearchControlSubmit } from './google-map-search-control-submit'\nimport { GoogleMapSearchControlSuggestion } from './google-map-search-control-suggestion'\nimport { GoogleMapTiltControl } from './google-map-tilt-control'\nimport { GoogleMapZoomControl } from './google-map-zoom-control'\nimport { GoogleMapSearchControlContent } from './google-maps-search-control-content'\nimport { GoogleMapsSearchControlResults } from './google-maps-search-control-results'\nimport { GoogleMapsSearchControlStatus } from './google-maps-search-control-status'\n\nconst GoogleMap = Object.assign(GoogleMapRoot, {\n  Cluster: GoogleMapCluster,\n  ClusterLayer: GoogleMapClusterLayer,\n  DeckGLOverlay: GoogleMapDeckGLOverlay,\n  Frame: GoogleMapFrame,\n  GeolocateControl: GoogleMapGeolocateControl,\n  Marker: GoogleMapMarker,\n  MarkerLayer: GoogleMapMarkerLayer,\n  SearchControl: GoogleMapSearchControl,\n  SearchControlContent: GoogleMapSearchControlContent,\n  SearchControlEmpty: GoogleMapSearchControlEmpty,\n  SearchControlInput: GoogleMapSearchControlInput,\n  SearchControlInputGroup: GoogleMapSearchControlInputGroup,\n  SearchControlResults: GoogleMapsSearchControlResults,\n  SearchControlStatus: GoogleMapsSearchControlStatus,\n  SearchControlSubmit: GoogleMapSearchControlSubmit,\n  SearchControlSuggestion: GoogleMapSearchControlSuggestion,\n  TiltControl: GoogleMapTiltControl,\n  ZoomControl: GoogleMapZoomControl,\n})\n\nexport type {\n  GoogleMapProps,\n  GoogleMapGeolocateControlProps,\n  GoogleMapFrameProps,\n  GoogleMapZoomControlProps,\n  GoogleMapDeckGLOverlayProps,\n  GoogleMapTiltControlProps,\n  GoogleMapClusterLayerProps,\n  GoogleMapClusterLayerItem,\n  GoogleMapClusterRenderContext,\n} from './google-map.types'\nexport type { GoogleMapClusterProps } from './google-map-cluster'\nexport type { GoogleMapMarkerProps } from './google-map-marker'\nexport type { GoogleMapMarkerLayerProps } from './google-map-marker-layer'\nexport type {\n  GoogleMapSearchControlValue,\n  GoogleMapSearchControlContextProps,\n  GoogleMapSearchControlProps,\n  GoogleMapSearchControlInputProps,\n  GoogleMapSearchControlSubmitProps,\n  GoogleMapSearchControlSuggestionProps,\n  GoogleMapSearchControlEmptyProps,\n  GoogleMapsSearchControlResultsProps,\n  GoogleMapsSearchControlStatusProps,\n  GoogleMapSearchControlContentProps,\n  GoogleMapSearchControlInputGroupProps,\n} from './google-map-search-control.types'\n\nexport { GoogleMapFrame } from './google-map-frame'\nexport { GoogleMapGeolocateControl } from './google-map-geolocate-control'\nexport { GoogleMapSearchControl } from './google-map-search-control'\nexport { GoogleMapSearchControlInput } from './google-map-search-control-input'\nexport { GoogleMapSearchControlSubmit } from './google-map-search-control-submit'\nexport { GoogleMapSearchControlSuggestion } from './google-map-search-control-suggestion'\nexport { GoogleMapsSearchControlResults } from './google-maps-search-control-results'\nexport { GoogleMapZoomControl } from './google-map-zoom-control'\nexport { GoogleMapSearchControlEmpty } from './google-map-search-control-empty'\nexport { GoogleMapsSearchControlStatus } from './google-maps-search-control-status'\nexport { GoogleMapSearchControlContent } from './google-maps-search-control-content'\nexport { GoogleMapSearchControlInputGroup } from './google-map-search-control-input-group'\nexport { GoogleMapDeckGLOverlay } from './google-map-deckgl-overlay'\nexport { GoogleMapTiltControl } from './google-map-tilt-control'\nexport { GoogleMapMarker } from './google-map-marker'\nexport { GoogleMapCluster } from './google-map-cluster'\nexport { GoogleMapMarkerLayer } from './google-map-marker-layer'\nexport { GoogleMapClusterLayer } from './google-map-cluster-layer'\n\nexport { useGoogleMapSearchControl } from './google-map-search-control.context'\nexport { GoogleMap }\n\n// Google map hooks live here (not in `ixia-ui-react/hooks`) so their peer dependencies stay optional.\nexport { useGoogleMapViewport } from '@/hooks/use-google-map-viewport'\nexport type {\n  UseGoogleMapViewportOptions,\n  UseGoogleMapViewportResult,\n} from '@/hooks/use-google-map-viewport'\nexport { useSupercluster } from '@/hooks/use-supercluster'\nexport type { UseSuperclusterOptions, UseSuperclusterResult } from '@/hooks/use-supercluster'\n"],"mappings":"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"}

package/dist/map/index.d.ts

@@ -0,0 +1,94 @@
+import { t as Button } from "../index-bVyqfhJS.js";
+import { i as PopoverPanel } from "../index-DfNHJF0t.js";
+import { VariantProps } from "class-variance-authority";
+import React, { ComponentProps, ReactNode } from "react";
+import { Layer, LayerProps } from "@deck.gl/core";
+declare const mapControlGroupVariants: (props?: ({
+  position?: "bottom-left" | "bottom-right" | "top-left" | "top-right" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface MapLayerMetadata {
+  icon?: ReactNode;
+  id: string;
+  kind: 'deckgl' | 'marker';
+  name: string;
+  visibilityZoom?: number;
+  visible?: boolean;
+}
+interface DeckGLLayerConfig<LayerType extends Layer = Layer> extends MapLayerMetadata {
+  kind: 'deckgl';
+  layerProps: Omit<Partial<LayerType['props']> & LayerProps, 'id' | 'visible'>;
+  visualLayer: LayerType;
+}
+interface MarkerOverlayConfig extends MapLayerMetadata {
+  kind: 'marker';
+}
+interface MapLayerGroupConfig {
+  id: string;
+  name: string;
+  layers: MapLayerConfig[];
+}
+type GeometryLayerConfig<LayerType extends Layer = Layer> = DeckGLLayerConfig<LayerType>;
+type MapLayerConfig = DeckGLLayerConfig | MarkerOverlayConfig;
+interface MapContextValue {
+  layers: MapLayerConfig[];
+  onVisibilityChange?: (layer: MapLayerConfig, visible: boolean) => void;
+}
+interface MapProps extends MapContextValue {
+  children?: ReactNode;
+}
+type MapControlGroupProps = ComponentProps<'div'> & VariantProps<typeof mapControlGroupVariants>;
+type MapLayerListProps = Omit<ComponentProps<typeof PopoverPanel>, 'children'> & {
+  children: (layer: MapLayerConfig) => ReactNode;
+};
+type MapLayerGroupListProps = Omit<ComponentProps<typeof PopoverPanel>, 'children'> & {
+  groups: MapLayerGroupConfig[];
+  children: (group: MapLayerGroupConfig) => ReactNode;
+};
+type MapLayerGroupLayerListProps = Omit<ComponentProps<'ul'>, 'children'> & {
+  children: (layer: MapLayerConfig) => ReactNode;
+};
+type MapLayerItemProps = ComponentProps<'div'> & {
+  layer: MapLayerConfig;
+  fadeWhenInvisible?: boolean;
+};
+interface MapLayerItemContextValue {
+  layer: MapLayerConfig;
+}
+interface MapLayerGroupContextValue {
+  group: MapLayerGroupConfig;
+}
+type MapLayerVisibilityToggleProps = ComponentProps<typeof Button>;
+type MapLayerNameProps = ComponentProps<'span'>;
+type MapLayerIconProps = ComponentProps<'div'>;
+type MapLayerGroupProps = ComponentProps<'div'> & {
+  group: MapLayerGroupConfig;
+};
+type MapLayerGroupLabelProps = ComponentProps<'span'>;
+declare function Map$1({ layers, onVisibilityChange, children }: MapProps): import("react").JSX.Element;
+export declare function MapControlGroup({ position, className, children, ref, ...props }: MapControlGroupProps): import("react").JSX.Element;
+export declare function MapLayerGroup({ group, className, children, ref, ...props }: MapLayerGroupProps): import("react").JSX.Element;
+export declare function MapLayerGroupLabel({ className, children, ref, ...props }: MapLayerGroupLabelProps): import("react").JSX.Element;
+export declare function MapLayerGroupLayerList({ className, children, ...props }: MapLayerGroupLayerListProps): import("react").JSX.Element;
+export declare function MapLayerGroupList({ groups, className, children, ref, ...props }: MapLayerGroupListProps): import("react").JSX.Element;
+export declare function MapLayerIcon({ className, children, ref, ...props }: MapLayerIconProps): import("react").JSX.Element | undefined;
+export declare function MapLayerItem({ fadeWhenInvisible, layer, className, children, ref, ...props }: MapLayerItemProps): import("react").JSX.Element;
+export declare function MapLayerList({ className, children, ref, ...props }: MapLayerListProps): import("react").JSX.Element;
+export declare function MapLayerName({ className, children, ref, ...props }: MapLayerNameProps): import("react").JSX.Element;
+export declare function MapLayerVisibilityToggle({ className, children, ref, ...props }: MapLayerVisibilityToggleProps): import("react").JSX.Element;
+declare function useMapLayerItem(): MapLayerItemContextValue;
+declare function useIxiaMap(): MapContextValue;
+declare function useMapLayerGroup(): MapLayerGroupContextValue;
+declare const Map: typeof Map$1 & {
+  ControlGroup: typeof MapControlGroup;
+  LayerGroup: typeof MapLayerGroup;
+  LayerGroupLabel: typeof MapLayerGroupLabel;
+  LayerGroupLayerList: typeof MapLayerGroupLayerList;
+  LayerGroupList: typeof MapLayerGroupList;
+  LayerIcon: typeof MapLayerIcon;
+  LayerItem: typeof MapLayerItem;
+  LayerList: typeof MapLayerList;
+  LayerName: typeof MapLayerName;
+  LayerVisibilityToggle: typeof MapLayerVisibilityToggle;
+};
+export { type DeckGLLayerConfig, type GeometryLayerConfig, Map, type MapContextValue, type MapControlGroupProps, type MapLayerConfig, type MapLayerGroupConfig, type MapLayerGroupContextValue, type MapLayerGroupLabelProps, type MapLayerGroupLayerListProps, type MapLayerGroupListProps, type MapLayerGroupProps, type MapLayerIconProps, type MapLayerItemContextValue, type MapLayerItemProps, type MapLayerListProps, type MapLayerMetadata, type MapLayerNameProps, type MapLayerVisibilityToggleProps, type MapProps, type MarkerOverlayConfig, useIxiaMap, useMapLayerGroup, useMapLayerItem };
+//# sourceMappingURL=index.d.ts.map