react-naver-maps-kit 1.1.0 → 1.2.0

package/dist/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_dom = require("react-dom");
-let react_dom_client = require("react-dom/client");
+let module$1 = require("module");
 
 //#region src/core/loader/loadNaverMapsScript.ts
 const NAVER_MAPS_SCRIPT_BASE_URL = "https://oapi.map.naver.com/openapi/v3/maps.js";
@@ -876,15 +876,23 @@ function useNaverMapInstance(options = {}) {
 //#endregion
 //#region src/overlays/marker-clusterer/ClustererContext.ts
 /**
-* `<MarkerClusterer>`가 제공하는 React Context.
+* `<MarkerClusterer>`가 제공하는 registry Context.
+* register/unregister/enabled만 포함하며, enabled가 바뀔 때만 갱신됩니다.
 *
-* `<Marker>`는 이 context를 통해 클러스터러에 자신을 등록합니다.
-* `null`이면 클러스터러 밖에 있는 것이므로 일반 마커로 동작합니다.
-*
-* @internal 라이브러리 내부 전용. 직접 사용하지 마세요.
+* @internal
 */
 const ClustererContext = (0, react.createContext)(null);
 ClustererContext.displayName = "ClustererContext";
+/**
+* `<MarkerClusterer>`가 제공하는 visibility Context.
+* 재계산 시마다 갱신되며, 클러스터링 안 된 마커 ID 집합을 담습니다.
+*
+* `<Marker>`는 이 context를 읽어 자신이 보여야 할지 판단합니다.
+*
+* @internal
+*/
+const ClustererVisibilityContext = (0, react.createContext)(/* @__PURE__ */ new Set());
+ClustererVisibilityContext.displayName = "ClustererVisibilityContext";
 
 //#endregion
 //#region src/overlays/marker/Marker.tsx
@@ -1036,11 +1044,15 @@ function toLatLngLiteral(position) {
 const Marker = (0, react.forwardRef)(function MarkerInner(props, ref) {
 	const { map: contextMap, sdkStatus } = useNaverMap();
 	const clustererRegistry = (0, react.useContext)(ClustererContext);
+	const visibleIds = (0, react.useContext)(ClustererVisibilityContext);
 	const isInsideClusterer = clustererRegistry !== null && clustererRegistry.enabled;
+	const autoId = (0, react.useId)();
+	const effectiveId = props.clustererItemId ?? autoId;
+	const isHiddenByClusterer = isInsideClusterer && !visibleIds.has(effectiveId);
 	const markerRef = (0, react.useRef)(null);
 	const markerEventListenersRef = (0, react.useRef)([]);
 	const onMarkerDestroyRef = (0, react.useRef)(props.onMarkerDestroy);
-	const [markerDiv, setMarkerDiv] = (0, react.useState)(null);
+	const [markerDiv] = (0, react.useState)(() => document.createElement("div"));
 	const [portalReady, setPortalReady] = (0, react.useState)(false);
 	const hasChildren = props.children !== void 0 && props.children !== null;
 	const targetMap = props.map ?? contextMap;
@@ -1050,8 +1062,7 @@ const Marker = (0, react.forwardRef)(function MarkerInner(props, ref) {
 	});
 	(0, react.useEffect)(() => {
 		if (!clustererRegistry) return;
-		const id = props.clustererItemId;
-		if (id === void 0 || id === null) return;
+		const id = props.clustererItemId ?? autoId;
 		const latLng = toLatLngLiteral(props.position);
 		if (!latLng) return;
 		clustererRegistry.register({
@@ -1064,6 +1075,7 @@ const Marker = (0, react.forwardRef)(function MarkerInner(props, ref) {
 			clustererRegistry.unregister(id);
 		};
 	}, [
+		autoId,
 		clustererRegistry,
 		props.clustererItemId,
 		props.position,
@@ -1071,17 +1083,10 @@ const Marker = (0, react.forwardRef)(function MarkerInner(props, ref) {
 		props.icon
 	]);
 	(0, react.useEffect)(() => {
-		if (isInsideClusterer) return;
 		onMarkerDestroyRef.current = props.onMarkerDestroy;
-	}, [isInsideClusterer, props.onMarkerDestroy]);
+	}, [props.onMarkerDestroy]);
 	(0, react.useEffect)(() => {
-		if (isInsideClusterer) return;
-		if (typeof document === "undefined") return;
-		setMarkerDiv(document.createElement("div"));
-	}, [isInsideClusterer]);
-	(0, react.useEffect)(() => {
-		if (isInsideClusterer) return;
-		if (!hasChildren || !markerDiv) {
+		if (!hasChildren) {
 			setPortalReady(false);
 			return;
 		}
@@ -1097,11 +1102,7 @@ const Marker = (0, react.forwardRef)(function MarkerInner(props, ref) {
 		return () => {
 			observer.disconnect();
 		};
-	}, [
-		isInsideClusterer,
-		hasChildren,
-		markerDiv
-	]);
+	}, [hasChildren, markerDiv]);
 	const invokeMarkerMethod = (0, react.useCallback)((methodName, ...args) => {
 		const marker = markerRef.current;
 		if (!marker) return;
@@ -1157,7 +1158,7 @@ const Marker = (0, react.forwardRef)(function MarkerInner(props, ref) {
 		setZIndex: (...args) => invokeMarkerMethod("setZIndex", ...args)
 	}), [invokeMarkerMethod]);
 	(0, react.useEffect)(() => {
-		if (isInsideClusterer) return;
+		if (isHiddenByClusterer) return;
 		if (sdkStatus !== "ready" || !targetMap || markerRef.current) return;
 		if (hasChildren && !portalReady) return;
 		try {
@@ -1173,7 +1174,7 @@ const Marker = (0, react.forwardRef)(function MarkerInner(props, ref) {
 			propsRef.current.onMarkerError?.(normalizedError);
 		}
 	}, [
-		isInsideClusterer,
+		isHiddenByClusterer,
 		hasChildren,
 		markerDiv,
 		portalReady,
@@ -1181,7 +1182,7 @@ const Marker = (0, react.forwardRef)(function MarkerInner(props, ref) {
 		targetMap
 	]);
 	(0, react.useLayoutEffect)(() => {
-		if (isInsideClusterer) return;
+		if (isHiddenByClusterer) return;
 		const marker = markerRef.current;
 		if (!marker || !targetMap) return;
 		const rafId = requestAnimationFrame(() => {
@@ -1195,7 +1196,7 @@ const Marker = (0, react.forwardRef)(function MarkerInner(props, ref) {
 			cancelAnimationFrame(rafId);
 		};
 	}, [
-		isInsideClusterer,
+		isHiddenByClusterer,
 		hasChildren,
 		markerDiv,
 		portalReady,
@@ -1214,7 +1215,7 @@ const Marker = (0, react.forwardRef)(function MarkerInner(props, ref) {
 		props.collisionBoxSize
 	]);
 	(0, react.useEffect)(() => {
-		if (isInsideClusterer) return;
+		if (isHiddenByClusterer) return;
 		const marker = markerRef.current;
 		if (!marker) return;
 		bindMarkerEventListeners(marker, markerEventListenersRef, buildMarkerEventBindings(propsRef));
@@ -1224,14 +1225,14 @@ const Marker = (0, react.forwardRef)(function MarkerInner(props, ref) {
 				markerEventListenersRef.current = [];
 			}
 		};
-	}, [isInsideClusterer]);
+	}, [isHiddenByClusterer]);
 	(0, react.useEffect)(() => {
-		if (isInsideClusterer) return;
+		if (isHiddenByClusterer) return;
 		return () => {
 			teardownMarker();
 		};
-	}, [isInsideClusterer, teardownMarker]);
-	if (isInsideClusterer) return null;
+	}, [isHiddenByClusterer, teardownMarker]);
+	if (isHiddenByClusterer) return null;
 	if (!hasChildren || !markerDiv) return null;
 	return (0, react_dom.createPortal)(props.children, markerDiv);
 });
@@ -2225,7 +2226,8 @@ function padBounds(bounds, padding) {
 *    내부 registry에 위치·데이터를 등록합니다.
 * 2. `MarkerClusterer`는 지도 이벤트(`idle`, `move`, `zoom`) 발생 시
 *    현재 줌·뷰포트 기준으로 클러스터를 재계산합니다.
-* 3. 클러스터 마커는 `createRoot`를 이용해 React 컴포넌트를 HTML 아이콘으로 렌더링합니다.
+* 3. 클러스터 마커는 `<Marker>` JSX로 렌더링되며, children으로 클러스터 아이콘이 전달됩니다.
+* 4. 클러스터에 포함되지 않은 단독 포인트는 원래 `<Marker>` children을 그대로 표시합니다.
 *
 * ## 기본 사용법
 *
@@ -2241,10 +2243,11 @@ function padBounds(bounds, padding) {
 *     {points.map(p => (
 *       <Marker
 *         key={p.id}
-*         clustererItemId={p.id}
 *         position={p.position}
 *         item={p}
-*       />
+*       >
+*         <CustomPin />
+*       </Marker>
 *     ))}
 *   </MarkerClusterer>
 * </NaverMap>
@@ -2252,7 +2255,6 @@ function padBounds(bounds, padding) {
 *
 * ## 주의 사항
 *
-* - `<Marker>`에 반드시 `clustererItemId` prop을 지정해야 합니다.
 * - `<MarkerClusterer>`는 반드시 `<NaverMap>` 내부에 위치해야 합니다.
 * - `enabled={false}`로 설정하면 클러스터링이 해제되고 각 `<Marker>`가 개별 마커로 렌더링됩니다.
 *
@@ -2291,10 +2293,8 @@ function MarkerClusterer(props) {
 			if (prev && prev !== algorithm) prev.destroy?.();
 		};
 	}, [algorithm]);
-	const pointMarkersRef = (0, react.useRef)(/* @__PURE__ */ new Map());
-	const clusterMarkersRef = (0, react.useRef)(/* @__PURE__ */ new Map());
-	const clusterIconRootsRef = (0, react.useRef)(/* @__PURE__ */ new Map());
-	const clusterIconContainersRef = (0, react.useRef)(/* @__PURE__ */ new Map());
+	const [clusters, setClusters] = (0, react.useState)([]);
+	const [visibleIds, setVisibleIds] = (0, react.useState)(/* @__PURE__ */ new Set());
 	const helpersRef = (0, react.useRef)({
 		zoomToCluster: () => {},
 		fitBounds: () => {}
@@ -2327,94 +2327,22 @@ function MarkerClusterer(props) {
 	(0, react.useEffect)(() => {
 		onClusterClickRef.current = onClusterClick;
 	}, [onClusterClick]);
-	const clusterIconRef = (0, react.useRef)(clusterIcon);
-	(0, react.useEffect)(() => {
-		clusterIconRef.current = clusterIcon;
-	}, [clusterIcon]);
 	const recompute = (0, react.useCallback)(() => {
 		if (!map || sdkStatus !== "ready" || !enabled) return;
 		const zoom = map.getZoom();
 		const bounds = getMapBounds(map);
 		const items = Array.from(registryRef.current.values());
-		const { clusters, points } = algorithm.cluster(items, {
+		const { clusters: rawClusters, points } = algorithm.cluster(items, {
 			zoom,
 			bounds
 		});
 		const maxItems = clusterData?.maxItemsInCluster;
 		const includeItems = clusterData?.includeItems ?? true;
-		const processedClusters = clusters.map((c) => ({
+		setClusters(rawClusters.map((c) => ({
 			...c,
 			items: includeItems ? maxItems !== void 0 ? c.items?.slice(0, maxItems) : c.items : void 0
-		}));
-		const nextPointIds = new Set(points.map((p) => p.id));
-		const prevPointMarkers = pointMarkersRef.current;
-		for (const [id, marker] of prevPointMarkers) if (!nextPointIds.has(id)) {
-			marker.setMap(null);
-			prevPointMarkers.delete(id);
-		}
-		for (const point of points) {
-			const existing = prevPointMarkers.get(point.id);
-			if (existing) {
-				const pos = new naver.maps.LatLng(point.position.lat, point.position.lng);
-				existing.setPosition(pos);
-				if (point.markerOptions) existing.setOptions({ ...point.markerOptions });
-			} else {
-				const opts = {
-					position: new naver.maps.LatLng(point.position.lat, point.position.lng),
-					map
-				};
-				if (point.markerOptions) Object.assign(opts, point.markerOptions);
-				const marker = new naver.maps.Marker(opts);
-				prevPointMarkers.set(point.id, marker);
-			}
-		}
-		const nextClusterIds = new Set(processedClusters.map((c) => c.id));
-		const prevClusterMarkers = clusterMarkersRef.current;
-		const prevRoots = clusterIconRootsRef.current;
-		const prevContainers = clusterIconContainersRef.current;
-		for (const [id, marker] of prevClusterMarkers) if (!nextClusterIds.has(id)) {
-			marker.setMap(null);
-			prevClusterMarkers.delete(id);
-			const root = prevRoots.get(id);
-			if (root) {
-				root.unmount();
-				prevRoots.delete(id);
-			}
-			prevContainers.delete(id);
-		}
-		for (const cluster of processedClusters) {
-			const existingMarker = prevClusterMarkers.get(cluster.id);
-			const renderer = clusterIconRef.current;
-			const iconNode = renderer ? renderer({
-				cluster,
-				count: cluster.count
-			}) : DefaultClusterIcon({ count: cluster.count });
-			if (existingMarker) {
-				existingMarker.setPosition(new naver.maps.LatLng(cluster.position.lat, cluster.position.lng));
-				const root = prevRoots.get(cluster.id);
-				if (root) root.render(iconNode);
-			} else {
-				const container = document.createElement("div");
-				container.style.cursor = "pointer";
-				const root = (0, react_dom_client.createRoot)(container);
-				root.render(iconNode);
-				prevContainers.set(cluster.id, container);
-				prevRoots.set(cluster.id, root);
-				const marker = new naver.maps.Marker({
-					position: new naver.maps.LatLng(cluster.position.lat, cluster.position.lng),
-					map,
-					icon: { content: container },
-					clickable: true
-				});
-				naver.maps.Event.addListener(marker, "click", () => {
-					onClusterClickRef.current?.({
-						cluster,
-						helpers: helpersRef.current
-					});
-				});
-				prevClusterMarkers.set(cluster.id, marker);
-			}
-		}
+		})));
+		setVisibleIds(new Set(points.map((p) => p.id)));
 	}, [
 		map,
 		sdkStatus,
@@ -2455,31 +2383,31 @@ function MarkerClusterer(props) {
 		behavior?.debounceMs,
 		recompute
 	]);
-	(0, react.useEffect)(() => {
-		return () => {
-			for (const marker of pointMarkersRef.current.values()) marker.setMap(null);
-			pointMarkersRef.current.clear();
-			for (const marker of clusterMarkersRef.current.values()) marker.setMap(null);
-			clusterMarkersRef.current.clear();
-			for (const root of clusterIconRootsRef.current.values()) root.unmount();
-			clusterIconRootsRef.current.clear();
-			clusterIconContainersRef.current.clear();
-		};
-	}, []);
 	(0, react.useEffect)(() => {
 		if (enabled) return;
-		for (const marker of pointMarkersRef.current.values()) marker.setMap(null);
-		pointMarkersRef.current.clear();
-		for (const marker of clusterMarkersRef.current.values()) marker.setMap(null);
-		clusterMarkersRef.current.clear();
-		for (const root of clusterIconRootsRef.current.values()) root.unmount();
-		clusterIconRootsRef.current.clear();
-		clusterIconContainersRef.current.clear();
+		setClusters([]);
+		setVisibleIds(/* @__PURE__ */ new Set());
 	}, [enabled]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClustererContext.Provider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClustererContext.Provider, {
 		value: registry,
-		children
-	});
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClustererVisibilityContext.Provider, {
+			value: visibleIds,
+			children
+		})
+	}), enabled && clusters.map((cluster) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Marker, {
+		position: cluster.position,
+		clickable: true,
+		onClick: () => {
+			onClusterClickRef.current?.({
+				cluster,
+				helpers: helpersRef.current
+			});
+		},
+		children: clusterIcon ? clusterIcon({
+			cluster,
+			count: cluster.count
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultClusterIcon, { count: cluster.count })
+	}, cluster.id))] });
 }
 MarkerClusterer.displayName = "MarkerClusterer";
 
@@ -3960,16 +3888,928 @@ const Rectangle = (0, react.forwardRef)(function RectangleInner(props, ref) {
 });
 Rectangle.displayName = "Rectangle";
 
+//#endregion
+//#region src/overlays/data/GeoJson.tsx
+function buildGeoJsonEventBindings(props) {
+	return [
+		{
+			eventName: "addfeature",
+			invoke: props.onAddFeature ? (event) => props.onAddFeature?.(event) : void 0
+		},
+		{
+			eventName: "removefeature",
+			invoke: props.onRemoveFeature ? (event) => props.onRemoveFeature?.(event) : void 0
+		},
+		{
+			eventName: "property_changed",
+			invoke: props.onPropertyChanged ? (event) => props.onPropertyChanged?.(event) : void 0
+		},
+		{
+			eventName: "click",
+			invoke: props.onClick ? (event) => props.onClick?.(event) : void 0
+		},
+		{
+			eventName: "dblclick",
+			invoke: props.onDblClick ? (event) => props.onDblClick?.(event) : void 0
+		},
+		{
+			eventName: "rightclick",
+			invoke: props.onRightClick ? (event) => props.onRightClick?.(event) : void 0
+		},
+		{
+			eventName: "mousedown",
+			invoke: props.onMouseDown ? (event) => props.onMouseDown?.(event) : void 0
+		},
+		{
+			eventName: "mouseup",
+			invoke: props.onMouseUp ? (event) => props.onMouseUp?.(event) : void 0
+		},
+		{
+			eventName: "mouseover",
+			invoke: props.onMouseOver ? (event) => props.onMouseOver?.(event) : void 0
+		},
+		{
+			eventName: "mouseout",
+			invoke: props.onMouseOut ? (event) => props.onMouseOut?.(event) : void 0
+		}
+	];
+}
+const GeoJson = (0, react.forwardRef)(function GeoJsonInner(props, ref) {
+	const { map: contextMap, sdkStatus } = useNaverMap();
+	const dataRef = (0, react.useRef)(null);
+	const dataEventListenersRef = (0, react.useRef)([]);
+	const onDataDestroyRef = (0, react.useRef)(props.onDataDestroy);
+	const prevDataRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		onDataDestroyRef.current = props.onDataDestroy;
+	}, [props.onDataDestroy]);
+	const invokeDataMethod = (0, react.useCallback)((methodName, ...args) => {
+		const data = dataRef.current;
+		if (!data) return;
+		const method = data[methodName];
+		if (typeof method !== "function") return;
+		return method.apply(data, args);
+	}, []);
+	const teardownData = (0, react.useCallback)(() => {
+		const data = dataRef.current;
+		if (!data) return;
+		try {
+			removeOverlayEventListeners(dataEventListenersRef.current);
+			dataEventListenersRef.current = [];
+			naver.maps.Event.clearInstanceListeners(data);
+		} catch (error) {
+			console.error("[react-naver-maps-kit] failed to clear GeoJson data layer listeners", error);
+		}
+		data.setMap(null);
+		dataRef.current = null;
+		prevDataRef.current = null;
+		onDataDestroyRef.current?.();
+	}, []);
+	(0, react.useImperativeHandle)(ref, () => ({
+		getInstance: () => dataRef.current,
+		getAllFeature: (...args) => invokeDataMethod("getAllFeature", ...args),
+		getFeatureById: (...args) => invokeDataMethod("getFeatureById", ...args),
+		getMap: (...args) => invokeDataMethod("getMap", ...args),
+		getStyle: (...args) => invokeDataMethod("getStyle", ...args),
+		overrideStyle: (...args) => invokeDataMethod("overrideStyle", ...args),
+		removeFeature: (...args) => invokeDataMethod("removeFeature", ...args),
+		revertStyle: (...args) => invokeDataMethod("revertStyle", ...args),
+		setStyle: (...args) => invokeDataMethod("setStyle", ...args),
+		toGeoJson: (...args) => invokeDataMethod("toGeoJson", ...args)
+	}), [invokeDataMethod]);
+	(0, react.useEffect)(() => {
+		if (sdkStatus !== "ready" || !contextMap || dataRef.current) return;
+		try {
+			const data = new naver.maps.Data();
+			data.setMap(contextMap);
+			if (props.style) data.setStyle(props.style);
+			const features = data.addGeoJson(props.data, props.autoStyle ?? true);
+			prevDataRef.current = props.data;
+			dataRef.current = data;
+			bindOverlayEventListeners(data, dataEventListenersRef, buildGeoJsonEventBindings(props));
+			props.onDataReady?.(data);
+			props.onFeaturesAdded?.(features);
+		} catch (error) {
+			const normalizedError = error instanceof Error ? error : /* @__PURE__ */ new Error("Failed to create naver.maps.Data instance for GeoJson.");
+			props.onDataError?.(normalizedError);
+		}
+	}, [sdkStatus, contextMap]);
+	(0, react.useEffect)(() => {
+		const data = dataRef.current;
+		if (!data || props.data === prevDataRef.current) return;
+		try {
+			if (prevDataRef.current) data.removeGeoJson(prevDataRef.current);
+			const features = data.addGeoJson(props.data, props.autoStyle ?? true);
+			prevDataRef.current = props.data;
+			props.onFeaturesAdded?.(features);
+		} catch (error) {
+			const normalizedError = error instanceof Error ? error : /* @__PURE__ */ new Error("Failed to update GeoJson data.");
+			props.onDataError?.(normalizedError);
+		}
+	}, [props.data, props.autoStyle]);
+	(0, react.useEffect)(() => {
+		const data = dataRef.current;
+		if (!data) return;
+		if (props.style) data.setStyle(props.style);
+	}, [props.style]);
+	(0, react.useEffect)(() => {
+		const data = dataRef.current;
+		if (!data) return;
+		bindOverlayEventListeners(data, dataEventListenersRef, buildGeoJsonEventBindings(props));
+		return () => {
+			removeOverlayEventListeners(dataEventListenersRef.current);
+			dataEventListenersRef.current = [];
+		};
+	}, [props]);
+	(0, react.useEffect)(() => {
+		return () => {
+			teardownData();
+		};
+	}, [teardownData]);
+	return null;
+});
+GeoJson.displayName = "GeoJson";
+
+//#endregion
+//#region src/overlays/data/Gpx.tsx
+function buildGpxEventBindings(props) {
+	return [
+		{
+			eventName: "addfeature",
+			invoke: props.onAddFeature ? (event) => props.onAddFeature?.(event) : void 0
+		},
+		{
+			eventName: "removefeature",
+			invoke: props.onRemoveFeature ? (event) => props.onRemoveFeature?.(event) : void 0
+		},
+		{
+			eventName: "property_changed",
+			invoke: props.onPropertyChanged ? (event) => props.onPropertyChanged?.(event) : void 0
+		},
+		{
+			eventName: "click",
+			invoke: props.onClick ? (event) => props.onClick?.(event) : void 0
+		},
+		{
+			eventName: "dblclick",
+			invoke: props.onDblClick ? (event) => props.onDblClick?.(event) : void 0
+		},
+		{
+			eventName: "rightclick",
+			invoke: props.onRightClick ? (event) => props.onRightClick?.(event) : void 0
+		},
+		{
+			eventName: "mousedown",
+			invoke: props.onMouseDown ? (event) => props.onMouseDown?.(event) : void 0
+		},
+		{
+			eventName: "mouseup",
+			invoke: props.onMouseUp ? (event) => props.onMouseUp?.(event) : void 0
+		},
+		{
+			eventName: "mouseover",
+			invoke: props.onMouseOver ? (event) => props.onMouseOver?.(event) : void 0
+		},
+		{
+			eventName: "mouseout",
+			invoke: props.onMouseOut ? (event) => props.onMouseOut?.(event) : void 0
+		}
+	];
+}
+function parseXml(xmlString) {
+	const doc = new DOMParser().parseFromString(xmlString, "application/xml");
+	const parseError = doc.querySelector("parsererror");
+	if (parseError) throw new Error(`XML parse error: ${parseError.textContent}`);
+	return doc;
+}
+const Gpx = (0, react.forwardRef)(function GpxInner(props, ref) {
+	const { map: contextMap, sdkStatus } = useNaverMap();
+	const dataRef = (0, react.useRef)(null);
+	const dataEventListenersRef = (0, react.useRef)([]);
+	const onDataDestroyRef = (0, react.useRef)(props.onDataDestroy);
+	const prevUrlRef = (0, react.useRef)(null);
+	const abortRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		onDataDestroyRef.current = props.onDataDestroy;
+	}, [props.onDataDestroy]);
+	const invokeDataMethod = (0, react.useCallback)((methodName, ...args) => {
+		const data = dataRef.current;
+		if (!data) return;
+		const method = data[methodName];
+		if (typeof method !== "function") return;
+		return method.apply(data, args);
+	}, []);
+	const teardownData = (0, react.useCallback)(() => {
+		abortRef.current?.abort();
+		abortRef.current = null;
+		const data = dataRef.current;
+		if (!data) return;
+		try {
+			removeOverlayEventListeners(dataEventListenersRef.current);
+			dataEventListenersRef.current = [];
+			naver.maps.Event.clearInstanceListeners(data);
+		} catch (error) {
+			console.error("[react-naver-maps-kit] failed to clear GPX data layer listeners", error);
+		}
+		data.setMap(null);
+		dataRef.current = null;
+		prevUrlRef.current = null;
+		onDataDestroyRef.current?.();
+	}, []);
+	(0, react.useImperativeHandle)(ref, () => ({
+		getInstance: () => dataRef.current,
+		getAllFeature: (...args) => invokeDataMethod("getAllFeature", ...args),
+		getFeatureById: (...args) => invokeDataMethod("getFeatureById", ...args),
+		getMap: (...args) => invokeDataMethod("getMap", ...args),
+		getStyle: (...args) => invokeDataMethod("getStyle", ...args),
+		overrideStyle: (...args) => invokeDataMethod("overrideStyle", ...args),
+		removeFeature: (...args) => invokeDataMethod("removeFeature", ...args),
+		revertStyle: (...args) => invokeDataMethod("revertStyle", ...args),
+		setStyle: (...args) => invokeDataMethod("setStyle", ...args),
+		toGeoJson: (...args) => invokeDataMethod("toGeoJson", ...args)
+	}), [invokeDataMethod]);
+	const loadAndAddGpx = (0, react.useCallback)(async (data, url, isInitial) => {
+		const controller = new AbortController();
+		abortRef.current = controller;
+		try {
+			const response = await fetch(url, { signal: controller.signal });
+			if (!response.ok) throw new Error(`Failed to fetch GPX: ${response.status} ${response.statusText}`);
+			const xmlDoc = parseXml(await response.text());
+			if (controller.signal.aborted) return;
+			if (!isInitial) data.getAllFeature().forEach((feature) => data.removeFeature(feature));
+			const features = data.addGpx(xmlDoc, props.autoStyle ?? true);
+			prevUrlRef.current = url;
+			props.onFeaturesAdded?.(features);
+		} catch (error) {
+			if (controller.signal.aborted) return;
+			const normalizedError = error instanceof Error ? error : /* @__PURE__ */ new Error("Failed to load GPX data.");
+			props.onDataError?.(normalizedError);
+		}
+	}, [
+		props.autoStyle,
+		props.onFeaturesAdded,
+		props.onDataError
+	]);
+	(0, react.useEffect)(() => {
+		if (sdkStatus !== "ready" || !contextMap || dataRef.current) return;
+		try {
+			const data = new naver.maps.Data();
+			data.setMap(contextMap);
+			if (props.style) data.setStyle(props.style);
+			dataRef.current = data;
+			bindOverlayEventListeners(data, dataEventListenersRef, buildGpxEventBindings(props));
+			props.onDataReady?.(data);
+			loadAndAddGpx(data, props.url, true);
+		} catch (error) {
+			const normalizedError = error instanceof Error ? error : /* @__PURE__ */ new Error("Failed to create naver.maps.Data instance.");
+			props.onDataError?.(normalizedError);
+		}
+	}, [sdkStatus, contextMap]);
+	(0, react.useEffect)(() => {
+		const data = dataRef.current;
+		if (!data || props.url === prevUrlRef.current) return;
+		abortRef.current?.abort();
+		loadAndAddGpx(data, props.url, false);
+	}, [props.url, loadAndAddGpx]);
+	(0, react.useEffect)(() => {
+		const data = dataRef.current;
+		if (!data) return;
+		if (props.style) data.setStyle(props.style);
+	}, [props.style]);
+	(0, react.useEffect)(() => {
+		const data = dataRef.current;
+		if (!data) return;
+		bindOverlayEventListeners(data, dataEventListenersRef, buildGpxEventBindings(props));
+		return () => {
+			removeOverlayEventListeners(dataEventListenersRef.current);
+			dataEventListenersRef.current = [];
+		};
+	}, [props]);
+	(0, react.useEffect)(() => {
+		return () => {
+			teardownData();
+		};
+	}, [teardownData]);
+	return null;
+});
+Gpx.displayName = "Gpx";
+
+//#endregion
+//#region ../../node_modules/.pnpm/fflate@0.8.2/node_modules/fflate/esm/index.mjs
+var require$1 = (0, module$1.createRequire)("/");
+var Worker;
+try {
+	Worker = require$1("worker_threads").Worker;
+} catch (e) {}
+var u8 = Uint8Array, u16 = Uint16Array, i32 = Int32Array;
+var fleb = new u8([
+	0,
+	0,
+	0,
+	0,
+	0,
+	0,
+	0,
+	0,
+	1,
+	1,
+	1,
+	1,
+	2,
+	2,
+	2,
+	2,
+	3,
+	3,
+	3,
+	3,
+	4,
+	4,
+	4,
+	4,
+	5,
+	5,
+	5,
+	5,
+	0,
+	0,
+	0,
+	0
+]);
+var fdeb = new u8([
+	0,
+	0,
+	0,
+	0,
+	1,
+	1,
+	2,
+	2,
+	3,
+	3,
+	4,
+	4,
+	5,
+	5,
+	6,
+	6,
+	7,
+	7,
+	8,
+	8,
+	9,
+	9,
+	10,
+	10,
+	11,
+	11,
+	12,
+	12,
+	13,
+	13,
+	0,
+	0
+]);
+var clim = new u8([
+	16,
+	17,
+	18,
+	0,
+	8,
+	7,
+	9,
+	6,
+	10,
+	5,
+	11,
+	4,
+	12,
+	3,
+	13,
+	2,
+	14,
+	1,
+	15
+]);
+var freb = function(eb, start) {
+	var b = new u16(31);
+	for (var i = 0; i < 31; ++i) b[i] = start += 1 << eb[i - 1];
+	var r = new i32(b[30]);
+	for (var i = 1; i < 30; ++i) for (var j = b[i]; j < b[i + 1]; ++j) r[j] = j - b[i] << 5 | i;
+	return {
+		b,
+		r
+	};
+};
+var _a = freb(fleb, 2), fl = _a.b, revfl = _a.r;
+fl[28] = 258, revfl[258] = 28;
+var _b = freb(fdeb, 0), fd = _b.b, revfd = _b.r;
+var rev = new u16(32768);
+for (var i = 0; i < 32768; ++i) {
+	var x = (i & 43690) >> 1 | (i & 21845) << 1;
+	x = (x & 52428) >> 2 | (x & 13107) << 2;
+	x = (x & 61680) >> 4 | (x & 3855) << 4;
+	rev[i] = ((x & 65280) >> 8 | (x & 255) << 8) >> 1;
+}
+var hMap = (function(cd, mb, r) {
+	var s = cd.length;
+	var i = 0;
+	var l = new u16(mb);
+	for (; i < s; ++i) if (cd[i]) ++l[cd[i] - 1];
+	var le = new u16(mb);
+	for (i = 1; i < mb; ++i) le[i] = le[i - 1] + l[i - 1] << 1;
+	var co;
+	if (r) {
+		co = new u16(1 << mb);
+		var rvb = 15 - mb;
+		for (i = 0; i < s; ++i) if (cd[i]) {
+			var sv = i << 4 | cd[i];
+			var r_1 = mb - cd[i];
+			var v = le[cd[i] - 1]++ << r_1;
+			for (var m = v | (1 << r_1) - 1; v <= m; ++v) co[rev[v] >> rvb] = sv;
+		}
+	} else {
+		co = new u16(s);
+		for (i = 0; i < s; ++i) if (cd[i]) co[i] = rev[le[cd[i] - 1]++] >> 15 - cd[i];
+	}
+	return co;
+});
+var flt = new u8(288);
+for (var i = 0; i < 144; ++i) flt[i] = 8;
+for (var i = 144; i < 256; ++i) flt[i] = 9;
+for (var i = 256; i < 280; ++i) flt[i] = 7;
+for (var i = 280; i < 288; ++i) flt[i] = 8;
+var fdt = new u8(32);
+for (var i = 0; i < 32; ++i) fdt[i] = 5;
+var flm = /* @__PURE__ */ hMap(flt, 9, 0), flrm = /* @__PURE__ */ hMap(flt, 9, 1);
+var fdm = /* @__PURE__ */ hMap(fdt, 5, 0), fdrm = /* @__PURE__ */ hMap(fdt, 5, 1);
+var max = function(a) {
+	var m = a[0];
+	for (var i = 1; i < a.length; ++i) if (a[i] > m) m = a[i];
+	return m;
+};
+var bits = function(d, p, m) {
+	var o = p / 8 | 0;
+	return (d[o] | d[o + 1] << 8) >> (p & 7) & m;
+};
+var bits16 = function(d, p) {
+	var o = p / 8 | 0;
+	return (d[o] | d[o + 1] << 8 | d[o + 2] << 16) >> (p & 7);
+};
+var shft = function(p) {
+	return (p + 7) / 8 | 0;
+};
+var slc = function(v, s, e) {
+	if (s == null || s < 0) s = 0;
+	if (e == null || e > v.length) e = v.length;
+	return new u8(v.subarray(s, e));
+};
+var ec = [
+	"unexpected EOF",
+	"invalid block type",
+	"invalid length/literal",
+	"invalid distance",
+	"stream finished",
+	"no stream handler",
+	,
+	"no callback",
+	"invalid UTF-8 data",
+	"extra field too long",
+	"date not in range 1980-2099",
+	"filename too long",
+	"stream finishing",
+	"invalid zip data"
+];
+var err = function(ind, msg, nt) {
+	var e = new Error(msg || ec[ind]);
+	e.code = ind;
+	if (Error.captureStackTrace) Error.captureStackTrace(e, err);
+	if (!nt) throw e;
+	return e;
+};
+var inflt = function(dat, st, buf, dict) {
+	var sl = dat.length, dl = dict ? dict.length : 0;
+	if (!sl || st.f && !st.l) return buf || new u8(0);
+	var noBuf = !buf;
+	var resize = noBuf || st.i != 2;
+	var noSt = st.i;
+	if (noBuf) buf = new u8(sl * 3);
+	var cbuf = function(l) {
+		var bl = buf.length;
+		if (l > bl) {
+			var nbuf = new u8(Math.max(bl * 2, l));
+			nbuf.set(buf);
+			buf = nbuf;
+		}
+	};
+	var final = st.f || 0, pos = st.p || 0, bt = st.b || 0, lm = st.l, dm = st.d, lbt = st.m, dbt = st.n;
+	var tbts = sl * 8;
+	do {
+		if (!lm) {
+			final = bits(dat, pos, 1);
+			var type = bits(dat, pos + 1, 3);
+			pos += 3;
+			if (!type) {
+				var s = shft(pos) + 4, l = dat[s - 4] | dat[s - 3] << 8, t = s + l;
+				if (t > sl) {
+					if (noSt) err(0);
+					break;
+				}
+				if (resize) cbuf(bt + l);
+				buf.set(dat.subarray(s, t), bt);
+				st.b = bt += l, st.p = pos = t * 8, st.f = final;
+				continue;
+			} else if (type == 1) lm = flrm, dm = fdrm, lbt = 9, dbt = 5;
+			else if (type == 2) {
+				var hLit = bits(dat, pos, 31) + 257, hcLen = bits(dat, pos + 10, 15) + 4;
+				var tl = hLit + bits(dat, pos + 5, 31) + 1;
+				pos += 14;
+				var ldt = new u8(tl);
+				var clt = new u8(19);
+				for (var i = 0; i < hcLen; ++i) clt[clim[i]] = bits(dat, pos + i * 3, 7);
+				pos += hcLen * 3;
+				var clb = max(clt), clbmsk = (1 << clb) - 1;
+				var clm = hMap(clt, clb, 1);
+				for (var i = 0; i < tl;) {
+					var r = clm[bits(dat, pos, clbmsk)];
+					pos += r & 15;
+					var s = r >> 4;
+					if (s < 16) ldt[i++] = s;
+					else {
+						var c = 0, n = 0;
+						if (s == 16) n = 3 + bits(dat, pos, 3), pos += 2, c = ldt[i - 1];
+						else if (s == 17) n = 3 + bits(dat, pos, 7), pos += 3;
+						else if (s == 18) n = 11 + bits(dat, pos, 127), pos += 7;
+						while (n--) ldt[i++] = c;
+					}
+				}
+				var lt = ldt.subarray(0, hLit), dt = ldt.subarray(hLit);
+				lbt = max(lt);
+				dbt = max(dt);
+				lm = hMap(lt, lbt, 1);
+				dm = hMap(dt, dbt, 1);
+			} else err(1);
+			if (pos > tbts) {
+				if (noSt) err(0);
+				break;
+			}
+		}
+		if (resize) cbuf(bt + 131072);
+		var lms = (1 << lbt) - 1, dms = (1 << dbt) - 1;
+		var lpos = pos;
+		for (;; lpos = pos) {
+			var c = lm[bits16(dat, pos) & lms], sym = c >> 4;
+			pos += c & 15;
+			if (pos > tbts) {
+				if (noSt) err(0);
+				break;
+			}
+			if (!c) err(2);
+			if (sym < 256) buf[bt++] = sym;
+			else if (sym == 256) {
+				lpos = pos, lm = null;
+				break;
+			} else {
+				var add = sym - 254;
+				if (sym > 264) {
+					var i = sym - 257, b = fleb[i];
+					add = bits(dat, pos, (1 << b) - 1) + fl[i];
+					pos += b;
+				}
+				var d = dm[bits16(dat, pos) & dms], dsym = d >> 4;
+				if (!d) err(3);
+				pos += d & 15;
+				var dt = fd[dsym];
+				if (dsym > 3) {
+					var b = fdeb[dsym];
+					dt += bits16(dat, pos) & (1 << b) - 1, pos += b;
+				}
+				if (pos > tbts) {
+					if (noSt) err(0);
+					break;
+				}
+				if (resize) cbuf(bt + 131072);
+				var end = bt + add;
+				if (bt < dt) {
+					var shift = dl - dt, dend = Math.min(dt, end);
+					if (shift + bt < 0) err(3);
+					for (; bt < dend; ++bt) buf[bt] = dict[shift + bt];
+				}
+				for (; bt < end; ++bt) buf[bt] = buf[bt - dt];
+			}
+		}
+		st.l = lm, st.p = lpos, st.b = bt, st.f = final;
+		if (lm) final = 1, st.m = lbt, st.d = dm, st.n = dbt;
+	} while (!final);
+	return bt != buf.length && noBuf ? slc(buf, 0, bt) : buf.subarray(0, bt);
+};
+var et = /* @__PURE__ */ new u8(0);
+var b2 = function(d, b) {
+	return d[b] | d[b + 1] << 8;
+};
+var b4 = function(d, b) {
+	return (d[b] | d[b + 1] << 8 | d[b + 2] << 16 | d[b + 3] << 24) >>> 0;
+};
+var b8 = function(d, b) {
+	return b4(d, b) + b4(d, b + 4) * 4294967296;
+};
+/**
+* Expands DEFLATE data with no wrapper
+* @param data The data to decompress
+* @param opts The decompression options
+* @returns The decompressed version of the data
+*/
+function inflateSync(data, opts) {
+	return inflt(data, { i: 2 }, opts && opts.out, opts && opts.dictionary);
+}
+var td = typeof TextDecoder != "undefined" && /* @__PURE__ */ new TextDecoder();
+var tds = 0;
+try {
+	td.decode(et, { stream: true });
+	tds = 1;
+} catch (e) {}
+var dutf8 = function(d) {
+	for (var r = "", i = 0;;) {
+		var c = d[i++];
+		var eb = (c > 127) + (c > 223) + (c > 239);
+		if (i + eb > d.length) return {
+			s: r,
+			r: slc(d, i - 1)
+		};
+		if (!eb) r += String.fromCharCode(c);
+		else if (eb == 3) c = ((c & 15) << 18 | (d[i++] & 63) << 12 | (d[i++] & 63) << 6 | d[i++] & 63) - 65536, r += String.fromCharCode(55296 | c >> 10, 56320 | c & 1023);
+		else if (eb & 1) r += String.fromCharCode((c & 31) << 6 | d[i++] & 63);
+		else r += String.fromCharCode((c & 15) << 12 | (d[i++] & 63) << 6 | d[i++] & 63);
+	}
+};
+/**
+* Converts a Uint8Array to a string
+* @param dat The data to decode to string
+* @param latin1 Whether or not to interpret the data as Latin-1. This should
+*               not need to be true unless encoding to binary string.
+* @returns The original UTF-8/Latin-1 string
+*/
+function strFromU8(dat, latin1) {
+	if (latin1) {
+		var r = "";
+		for (var i = 0; i < dat.length; i += 16384) r += String.fromCharCode.apply(null, dat.subarray(i, i + 16384));
+		return r;
+	} else if (td) return td.decode(dat);
+	else {
+		var _a = dutf8(dat), s = _a.s, r = _a.r;
+		if (r.length) err(8);
+		return s;
+	}
+}
+var slzh = function(d, b) {
+	return b + 30 + b2(d, b + 26) + b2(d, b + 28);
+};
+var zh = function(d, b, z) {
+	var fnl = b2(d, b + 28), fn = strFromU8(d.subarray(b + 46, b + 46 + fnl), !(b2(d, b + 8) & 2048)), es = b + 46 + fnl, bs = b4(d, b + 20);
+	var _a = z && bs == 4294967295 ? z64e(d, es) : [
+		bs,
+		b4(d, b + 24),
+		b4(d, b + 42)
+	], sc = _a[0], su = _a[1], off = _a[2];
+	return [
+		b2(d, b + 10),
+		sc,
+		su,
+		fn,
+		es + b2(d, b + 30) + b2(d, b + 32),
+		off
+	];
+};
+var z64e = function(d, b) {
+	for (; b2(d, b) != 1; b += 4 + b2(d, b + 2));
+	return [
+		b8(d, b + 12),
+		b8(d, b + 4),
+		b8(d, b + 20)
+	];
+};
+/**
+* Synchronously decompresses a ZIP archive. Prefer using `unzip` for better
+* performance with more than one file.
+* @param data The raw compressed ZIP file
+* @param opts The ZIP extraction options
+* @returns The decompressed files
+*/
+function unzipSync(data, opts) {
+	var files = {};
+	var e = data.length - 22;
+	for (; b4(data, e) != 101010256; --e) if (!e || data.length - e > 65558) err(13);
+	var c = b2(data, e + 8);
+	if (!c) return {};
+	var o = b4(data, e + 16);
+	var z = o == 4294967295 || c == 65535;
+	if (z) {
+		var ze = b4(data, e - 12);
+		z = b4(data, ze) == 101075792;
+		if (z) {
+			c = b4(data, ze + 32);
+			o = b4(data, ze + 48);
+		}
+	}
+	var fltr = opts && opts.filter;
+	for (var i = 0; i < c; ++i) {
+		var _a = zh(data, o, z), c_2 = _a[0], sc = _a[1], su = _a[2], fn = _a[3], no = _a[4], off = _a[5], b = slzh(data, off);
+		o = no;
+		if (!fltr || fltr({
+			name: fn,
+			size: sc,
+			originalSize: su,
+			compression: c_2
+		})) if (!c_2) files[fn] = slc(data, b, b + sc);
+		else if (c_2 == 8) files[fn] = inflateSync(data.subarray(b, b + sc), { out: new u8(su) });
+		else err(14, "unknown compression type " + c_2);
+	}
+	return files;
+}
+
+//#endregion
+//#region src/overlays/data/Kmz.tsx
+function buildKmzEventBindings(props) {
+	return [
+		{
+			eventName: "addfeature",
+			invoke: props.onAddFeature ? (event) => props.onAddFeature?.(event) : void 0
+		},
+		{
+			eventName: "removefeature",
+			invoke: props.onRemoveFeature ? (event) => props.onRemoveFeature?.(event) : void 0
+		},
+		{
+			eventName: "property_changed",
+			invoke: props.onPropertyChanged ? (event) => props.onPropertyChanged?.(event) : void 0
+		},
+		{
+			eventName: "click",
+			invoke: props.onClick ? (event) => props.onClick?.(event) : void 0
+		},
+		{
+			eventName: "dblclick",
+			invoke: props.onDblClick ? (event) => props.onDblClick?.(event) : void 0
+		},
+		{
+			eventName: "rightclick",
+			invoke: props.onRightClick ? (event) => props.onRightClick?.(event) : void 0
+		},
+		{
+			eventName: "mousedown",
+			invoke: props.onMouseDown ? (event) => props.onMouseDown?.(event) : void 0
+		},
+		{
+			eventName: "mouseup",
+			invoke: props.onMouseUp ? (event) => props.onMouseUp?.(event) : void 0
+		},
+		{
+			eventName: "mouseover",
+			invoke: props.onMouseOver ? (event) => props.onMouseOver?.(event) : void 0
+		},
+		{
+			eventName: "mouseout",
+			invoke: props.onMouseOut ? (event) => props.onMouseOut?.(event) : void 0
+		}
+	];
+}
+function extractKmlFromKmz(arrayBuffer) {
+	const files = unzipSync(new Uint8Array(arrayBuffer));
+	const kmlFileName = Object.keys(files).find((name) => name.endsWith(".kml") || name === "doc.kml");
+	if (!kmlFileName) throw new Error("No KML file found in KMZ archive.");
+	const kmlBytes = files[kmlFileName];
+	const kmlString = new TextDecoder("utf-8").decode(kmlBytes);
+	const doc = new DOMParser().parseFromString(kmlString, "application/xml");
+	const parseError = doc.querySelector("parsererror");
+	if (parseError) throw new Error(`KML parse error: ${parseError.textContent}`);
+	return doc;
+}
+const Kmz = (0, react.forwardRef)(function KmzInner(props, ref) {
+	const { map: contextMap, sdkStatus } = useNaverMap();
+	const dataRef = (0, react.useRef)(null);
+	const dataEventListenersRef = (0, react.useRef)([]);
+	const onDataDestroyRef = (0, react.useRef)(props.onDataDestroy);
+	const prevUrlRef = (0, react.useRef)(null);
+	const abortRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		onDataDestroyRef.current = props.onDataDestroy;
+	}, [props.onDataDestroy]);
+	const invokeDataMethod = (0, react.useCallback)((methodName, ...args) => {
+		const data = dataRef.current;
+		if (!data) return;
+		const method = data[methodName];
+		if (typeof method !== "function") return;
+		return method.apply(data, args);
+	}, []);
+	const teardownData = (0, react.useCallback)(() => {
+		abortRef.current?.abort();
+		abortRef.current = null;
+		const data = dataRef.current;
+		if (!data) return;
+		try {
+			removeOverlayEventListeners(dataEventListenersRef.current);
+			dataEventListenersRef.current = [];
+			naver.maps.Event.clearInstanceListeners(data);
+		} catch (error) {
+			console.error("[react-naver-maps-kit] failed to clear KMZ data layer listeners", error);
+		}
+		data.setMap(null);
+		dataRef.current = null;
+		prevUrlRef.current = null;
+		onDataDestroyRef.current?.();
+	}, []);
+	(0, react.useImperativeHandle)(ref, () => ({
+		getInstance: () => dataRef.current,
+		getAllFeature: (...args) => invokeDataMethod("getAllFeature", ...args),
+		getFeatureById: (...args) => invokeDataMethod("getFeatureById", ...args),
+		getMap: (...args) => invokeDataMethod("getMap", ...args),
+		getStyle: (...args) => invokeDataMethod("getStyle", ...args),
+		overrideStyle: (...args) => invokeDataMethod("overrideStyle", ...args),
+		removeFeature: (...args) => invokeDataMethod("removeFeature", ...args),
+		revertStyle: (...args) => invokeDataMethod("revertStyle", ...args),
+		setStyle: (...args) => invokeDataMethod("setStyle", ...args),
+		toGeoJson: (...args) => invokeDataMethod("toGeoJson", ...args)
+	}), [invokeDataMethod]);
+	const loadAndAddKmz = (0, react.useCallback)(async (data, url, isInitial) => {
+		const controller = new AbortController();
+		abortRef.current = controller;
+		try {
+			const response = await fetch(url, { signal: controller.signal });
+			if (!response.ok) throw new Error(`Failed to fetch KMZ: ${response.status} ${response.statusText}`);
+			const arrayBuffer = await response.arrayBuffer();
+			if (controller.signal.aborted) return;
+			const kmlDoc = extractKmlFromKmz(arrayBuffer);
+			if (!isInitial) data.getAllFeature().forEach((feature) => data.removeFeature(feature));
+			const features = data.addKml(kmlDoc, props.autoStyle ?? true);
+			prevUrlRef.current = url;
+			props.onFeaturesAdded?.(features);
+		} catch (error) {
+			if (controller.signal.aborted) return;
+			const normalizedError = error instanceof Error ? error : /* @__PURE__ */ new Error("Failed to load KMZ data.");
+			props.onDataError?.(normalizedError);
+		}
+	}, [
+		props.autoStyle,
+		props.onFeaturesAdded,
+		props.onDataError
+	]);
+	(0, react.useEffect)(() => {
+		if (sdkStatus !== "ready" || !contextMap || dataRef.current) return;
+		try {
+			const data = new naver.maps.Data();
+			data.setMap(contextMap);
+			if (props.style) data.setStyle(props.style);
+			dataRef.current = data;
+			bindOverlayEventListeners(data, dataEventListenersRef, buildKmzEventBindings(props));
+			props.onDataReady?.(data);
+			loadAndAddKmz(data, props.url, true);
+		} catch (error) {
+			const normalizedError = error instanceof Error ? error : /* @__PURE__ */ new Error("Failed to create naver.maps.Data instance.");
+			props.onDataError?.(normalizedError);
+		}
+	}, [sdkStatus, contextMap]);
+	(0, react.useEffect)(() => {
+		const data = dataRef.current;
+		if (!data || props.url === prevUrlRef.current) return;
+		abortRef.current?.abort();
+		loadAndAddKmz(data, props.url, false);
+	}, [props.url, loadAndAddKmz]);
+	(0, react.useEffect)(() => {
+		const data = dataRef.current;
+		if (!data) return;
+		if (props.style) data.setStyle(props.style);
+	}, [props.style]);
+	(0, react.useEffect)(() => {
+		const data = dataRef.current;
+		if (!data) return;
+		bindOverlayEventListeners(data, dataEventListenersRef, buildKmzEventBindings(props));
+		return () => {
+			removeOverlayEventListeners(dataEventListenersRef.current);
+			dataEventListenersRef.current = [];
+		};
+	}, [props]);
+	(0, react.useEffect)(() => {
+		return () => {
+			teardownData();
+		};
+	}, [teardownData]);
+	return null;
+});
+Kmz.displayName = "Kmz";
+
 //#endregion
 //#region src/index.ts
-const version = "0.0.1";
+const version = "1.2.0";
 
 //#endregion
 exports.Circle = Circle;
 exports.ClustererContext = ClustererContext;
 exports.Ellipse = Ellipse;
+exports.GeoJson = GeoJson;
+exports.Gpx = Gpx;
 exports.GroundOverlay = GroundOverlay;
 exports.InfoWindow = InfoWindow;
+exports.Kmz = Kmz;
 exports.Marker = Marker;
 exports.MarkerClusterer = MarkerClusterer;
 exports.NaverMap = NaverMap;