@rousen/react-naver-maps 0.0.7 → 0.0.9

package/README.md

@@ -1,271 +1,112 @@
-# react-naver-maps
-
-네이버 지도 API를 React에서 쉽게 사용할 수 있도록 만든 라이브러리입니다.
-
-## 설치
-
-```bash
-npm install @rousen/react-naver-maps
-# 또는
-yarn add @rousen/react-naver-maps
-# 또는
-pnpm add @rousen/react-naver-maps
-```
-
-## 사용법
-
-### 기본 사용법
-
-```tsx
-import { Map, MapProvider, Marker } from "react-naver-maps";
-
-function App() {
-  return (
-    <MapProvider>
-      <Map ncpKeyId="your-ncp-key-id">
-        <Marker position={[127.0276, 37.4979]} />
-      </Map>
-    </MapProvider>
-  );
-}
-```
-
-### MapProvider로 감싸기
-
-`MapProvider`는 여러 맵 인스턴스를 관리하고 `useMap` 훅을 통해 접근할 수 있게 해줍니다.
-
-```tsx
-import { Map, MapProvider, Marker, useMap } from "react-naver-maps";
-
-function MyComponent() {
-  const { current } = useMap(); // 현재 맵 인스턴스 접근
-
-  const handleClick = () => {
-    if (current) {
-      current.setCenter(new naver.maps.LatLng(37.4979, 127.0276));
-    }
-  };
-
-  return <button onClick={handleClick}>중심 이동</button>;
-}
-```
-
-### 주요 컴포넌트
-
-- **Map**: 네이버 지도 컨테이너 컴포넌트
-- **Marker**: 지도에 마커를 표시하는 컴포넌트
-- **Overlay**: 커스텀 오버레이 컴포넌트 (React 컴포넌트를 지도에 표시)
-- **Polygon**: 다각형 영역을 표시하는 컴포넌트
-- **Polyline**: 선을 표시하는 컴포넌트
-
-### Map 컴포넌트 Props
-
-```tsx
-interface MapProps {
-  ncpKeyId: string; // 필수: NCP 클라이언트 ID
-  id?: string; // 맵 인스턴스 ID (여러 맵 관리 시 사용)
-  mapTypeId?: naver.maps.MapTypeId; // 지도 타입 (기본값: "normal")
-  mapOptions?: naver.maps.MapOptions; // 네이버 맵 옵션
-  submodules?: NaverMapsSubmodule[]; // 서브모듈 (gl, traffic, transit 등)
-  style?: React.CSSProperties; // 컨테이너 스타일
-  onLoad?: (map: naver.maps.Map) => void;
-  onZoomStart?: (map: naver.maps.Map) => void;
-  onZoomEnd?: (map: naver.maps.Map) => void;
-  onDragStart?: (map: naver.maps.Map) => void;
-  onDragEnd?: (map: naver.maps.Map) => void;
-}
-```
-
-### Marker 컴포넌트 예제
-
-```tsx
-<Marker
-  position={[127.0276, 37.4979]}
-  title="마커 제목"
-  onClick={(event) => console.log("마커 클릭", event)}
-  onMouseEnter={(marker) => console.log("마우스 진입", marker)}
-/>
-```
-
-### Overlay 컴포넌트 예제
-
-```tsx
-<Overlay position={[127.0276, 37.4979]} zIndex={100} anchor="center">
-  <div style={{ background: "white", padding: "10px" }}>
-    커스텀 오버레이 내용
-  </div>
-</Overlay>
-```
-
-### Polygon 컴포넌트 예제
-
-```tsx
-<Polygon
-  paths={[
-    [127.0276, 37.4979],
-    [127.0286, 37.4989],
-    [127.0296, 37.4979],
-  ]}
-  fillColor="#ff0000"
-  fillOpacity={0.3}
-  strokeColor="#0000ff"
-  strokeWeight={2}
-/>
-```
-
-### Polyline 컴포넌트 예제
-
-```tsx
-<Polyline
-  path={[
-    [127.0276, 37.4979],
-    [127.0286, 37.4989],
-    [127.0296, 37.4979],
-  ]}
-  strokeColor="#ff0000"
-  strokeWeight={3}
-  onClick={(event) => console.log("선 클릭", event)}
-/>
-```
-
-## API
-
-### 컴포넌트
-
-- `Map` - 네이버 지도 컨테이너 컴포넌트
-- `MapProvider` - 맵 인스턴스 관리 프로바이더
-- `Marker` - 마커 컴포넌트
-- `Overlay` - 커스텀 오버레이 컴포넌트
-- `Polygon` - 다각형 컴포넌트
-- `Polyline` - 선 컴포넌트
-
-### 훅
-
-- `useMap()` - 현재 맵 인스턴스 및 모든 맵 인스턴스에 접근
-
-### 타입
-
-- `MapProps` - Map 컴포넌트 props 타입
-- `MarkerProps` - Marker 컴포넌트 props 타입
-- `PolylineProps` - Polyline 컴포넌트 props 타입
-
-## 개발
-
-### 의존성 설치
-
-```bash
-npm install
-```
-
-### 개발 모드 실행
-
-```bash
-npm run dev
-```
-
-### 빌드
-
-```bash
-npm run build
-```
-
-### Storybook 실행
-
-```bash
-npm run storybook
-```
-
-### Storybook 빌드
-
-```bash
-npm run build-storybook
-```
-
-### 타입 체크
-
-```bash
-npm run type-check
-```
-
-### 린트
-
-```bash
-npm run lint
-```
-
-## 프로젝트 구조
-
-```
-src/
-├── components/          # React 컴포넌트들
-│   ├── Map.tsx          # 지도 컴포넌트
-│   ├── Map.stories.tsx  # Map Storybook 스토리
-│   ├── MapProvider.tsx  # 맵 컨텍스트 프로바이더 및 useMap 훅
-│   ├── Marker.tsx       # 마커 컴포넌트
-│   ├── Marker.stories.tsx
-│   ├── Overlay.tsx      # 커스텀 오버레이 컴포넌트
-│   ├── Overlay.stories.tsx
-│   ├── Polygon.tsx      # 다각형 컴포넌트
-│   └── Polyline.tsx     # 선 컴포넌트
-├── hooks/              # 커스텀 훅들
-│   └── useScriptLoader.ts  # 네이버 맵스 SDK 스크립트 로더 훅
-├── utils/              # 유틸리티 함수들
-│   ├── scriptLoader.ts     # 네이버 맵스 SDK 동적 로딩
-│   └── customOverlay.ts    # 커스텀 오버레이 클래스 생성
-├── const.ts            # 상수 정의
-└── index.ts           # 라이브러리 진입점 (공개 API)
-```
-
-### 폴더 구조 설명
-
-- **`components/`**: 모든 React 컴포넌트와 Storybook 스토리 파일
-  - `Map.tsx`: 네이버 지도 컨테이너 컴포넌트 및 MapContext 제공
-  - `MapProvider.tsx`: 여러 맵 인스턴스를 관리하는 Provider와 `useMap` 훅
-  - `Marker.tsx`, `Overlay.tsx`, `Polygon.tsx`, `Polyline.tsx`: 각종 오버레이 컴포넌트
-- **`hooks/`**: 재사용 가능한 커스텀 훅들
-  - `useScriptLoader.ts`: 네이버 맵스 SDK 스크립트를 동적으로 로드하는 훅
-- **`utils/`**: 순수 함수 유틸리티들
-  - `scriptLoader.ts`: 네이버 맵스 SDK 스크립트 동적 로딩 로직
-  - `customOverlay.ts`: React 컴포넌트를 네이버 맵스 오버레이로 변환하는 유틸리티
-- **`index.ts`**: 라이브러리의 공개 API 진입점
-
-## 주요 기능
-
-- 🗺️ **네이버 지도 통합**: 네이버 지도 API를 React 컴포넌트로 쉽게 사용
-- 📍 **다양한 오버레이 지원**: Marker, Overlay, Polygon, Polyline 컴포넌트 제공
-- 🎯 **타입 안정성**: TypeScript로 작성되어 완전한 타입 정의 제공
-- 🔄 **동적 스크립트 로딩**: 네이버 맵스 SDK를 자동으로 로드
-- 🎨 **커스텀 오버레이**: React 컴포넌트를 지도 오버레이로 사용 가능
-- 📦 **트리 쉐이킹 지원**: 사용하지 않는 코드는 번들에서 제외
-- 🔌 **서브모듈 지원**: GL, Traffic, Transit 등 네이버 맵스 서브모듈 지원
-- 🎭 **Storybook**: 컴포넌트 예제 및 문서화
-
-## 호환성
-
-이 라이브러리는 다음 환경에서 테스트되었습니다:
-
-- ✅ **Vite** - 완전 지원
-- ✅ **Webpack 5** - 완전 지원
-- ✅ **Next.js** - 완전 지원
-- ✅ **Create React App** - 완전 지원
-- ✅ **TypeScript** - 타입 정의 포함
-- ✅ **ESM & CommonJS** - 양쪽 모두 지원
-- ✅ **트리 쉐이킹** - 지원
-
-## 요구사항
-
-- React >= 16.8.0 (Hooks 지원 필요)
-- React DOM >= 16.8.0
-- 네이버 클라우드 플랫폼(NCP) 클라이언트 ID
-
-## 기술 스택
-
-- **React** - UI 라이브러리
-- **TypeScript** - 타입 안정성
-- **Rollup** - 번들러
-- **Storybook** - 컴포넌트 문서화 및 개발 환경
-- **ESLint** - 코드 품질 관리
-
-## 라이선스
-
-MIT
+# react-naver-maps
+
+네이버 지도 API를 React에서 쉽게 사용할 수 있도록 만든 라이브러리입니다.
+
+## 설치
+
+```bash
+npm install @rousen/react-naver-maps
+# 또는
+yarn add @rousen/react-naver-maps
+# 또는
+pnpm add @rousen/react-naver-maps
+```
+
+## 빠른 시작
+
+```tsx
+import { Map, MapProvider, Marker } from "@rousen/react-naver-maps";
+
+function App() {
+  return (
+    <Map ncpKeyId="your-ncp-key-id">
+      <Marker position={{ x: 127.0276, y: 37.4979 }} />
+    </Map>
+  );
+}
+```
+
+더 자세한 사용법과 API 문서는 [문서 사이트](https://your-docusaurus-site.com)를 참고하세요.
+
+## 개발
+
+### 의존성 설치
+
+```bash
+npm install
+```
+
+### 개발 모드 실행
+
+```bash
+npm run dev
+```
+
+### 빌드
+
+```bash
+npm run build
+```
+
+### 타입 체크
+
+```bash
+npm run type-check
+```
+
+### 린트
+
+```bash
+npm run lint
+```
+
+## 문서
+
+상세한 사용법, API 문서, 예제는 [문서 사이트](https://your-docusaurus-site.com)에서 확인할 수 있습니다.
+
+로컬에서 문서를 실행하려면:
+
+```bash
+npm run docs:dev
+```
+
+## 주요 기능
+
+- 🗺️ 네이버 지도 API를 React 컴포넌트로 쉽게 사용
+- 📍 Marker, Overlay, Polygon, Polyline 등 다양한 오버레이 지원
+- 🎯 TypeScript로 작성되어 완전한 타입 정의 제공
+- 🔄 네이버 맵스 SDK 자동 로드
+- 🎨 React 컴포넌트를 지도 오버레이로 사용 가능
+- 📦 트리 쉐이킹 지원
+- 🔌 GL, Traffic, Transit 등 서브모듈 지원
+- ⚡ 풍부한 이벤트 핸들러 지원
+
+## 호환성
+
+이 라이브러리는 다음 환경에서 테스트되었습니다:
+
+- ✅ **Vite** - 완전 지원
+- ✅ **Webpack 5** - 완전 지원
+- ✅ **Next.js** - 완전 지원
+- ✅ **Create React App** - 완전 지원
+- ✅ **TypeScript** - 타입 정의 포함
+- ✅ **ESM & CommonJS** - 양쪽 모두 지원
+- ✅ **트리 쉐이킹** - 지원
+
+## 요구사항
+
+- React >= 16.8.0 (Hooks 지원 필요)
+- React DOM >= 16.8.0
+- 네이버 클라우드 플랫폼(NCP) 클라이언트 ID
+
+## 기술 스택
+
+- **React** - UI 라이브러리
+- **TypeScript** - 타입 안정성
+- **Rollup** - 번들러
+- **Docusaurus** - 문서 사이트 생성
+- **ESLint** - 코드 품질 관리
+
+## 라이선스
+
+MIT

package/dist/components/Map.d.ts

@@ -1,31 +1,93 @@
 import { ReactNode } from "react";
 import { NaverMapsSubmodule } from "../utils/scriptLoader";
+declare const EVENT_TO_PROP: {
+    readonly init: "onInit";
+    readonly zoomstart: "onZoomStart";
+    readonly zoomend: "onZoomEnd";
+    readonly bounds_changed: "onBoundsChanged";
+    readonly dragstart: "onDragStart";
+    readonly dragend: "onDragEnd";
+    readonly idle: "onIdle";
+    readonly resize: "onResize";
+    readonly scroll: "onScroll";
+    readonly addLayer: "onAddLayer";
+    readonly center_changed: "onCenterChanged";
+    readonly centerPoint_changed: "onCenterPointChanged";
+    readonly click: "onClick";
+    readonly dbclick: "onDbclick";
+    readonly doubletap: "onDoubletap";
+    readonly mapType_changed: "onMapTypeChanged";
+    readonly mapTypeId_changed: "onMapTypeIdChanged";
+    readonly mousedown: "onMousedown";
+    readonly mousemove: "onMousemove";
+    readonly mouseout: "onMouseout";
+    readonly mouseover: "onMouseover";
+    readonly mouseup: "onMouseup";
+    readonly panning: "onPanning";
+    readonly pinch: "onPinch";
+    readonly pinch_start: "onPinchStart";
+    readonly projection_changed: "onProjectionChanged";
+    readonly removeLayer: "onRemoveLayer";
+    readonly size_changed: "onSizeChanged";
+};
+type EventKey = keyof typeof EVENT_TO_PROP;
+type PropKey = (typeof EVENT_TO_PROP)[EventKey];
 interface MapCallbacks {
-    load?: (map: naver.maps.Map) => void;
-    zoomstart?: (map: naver.maps.Map) => void;
-    zoomend?: (map: naver.maps.Map) => void;
-    dragstart?: (map: naver.maps.Map) => void;
-    dragend?: (map: naver.maps.Map) => void;
-    idle?: (event: "idle", map: naver.maps.Map) => void;
-    resize?: (event: "resize", map: naver.maps.Map) => void;
-    scroll?: (event: "scroll", map: naver.maps.Map) => void;
+    addLayer?: (layer: naver.maps.Layer) => void;
+    center_changed?: (center: naver.maps.Coord) => void;
+    centerPoint_changed?: (centerPoint: naver.maps.LatLng) => void;
+    click?: (event: naver.maps.PointerEvent) => void;
+    dbclick?: (event: naver.maps.PointerEvent) => void;
+    doubletap?: (event: naver.maps.PointerEvent) => void;
+    bounds_changed?: (bounds: naver.maps.Bounds) => void;
+    zoomstart?: () => void;
+    zoomend?: () => void;
+    zoom_changed?: (zoom: number) => void;
+    drag?: (event: naver.maps.PointerEvent) => void;
+    dragstart?: (event: naver.maps.PointerEvent) => void;
+    dragend?: (event: naver.maps.PointerEvent) => void;
+    idle?: () => void;
+    init?: () => void;
+    scroll?: () => void;
+    rightclick?: (event: naver.maps.PointerEvent) => void;
+    tap?: (event: naver.maps.PointerEvent) => void;
+    tiles_loaded?: () => void;
+    touchend?: (event: naver.maps.PointerEvent) => void;
+    touchstart?: (event: naver.maps.PointerEvent) => void;
+    touchmove?: (event: naver.maps.PointerEvent) => void;
+    twofintertap?: (event: naver.maps.PointerEvent) => void;
+    keydown?: (event: naver.maps.DOMEvent) => void;
+    keyup?: (event: naver.maps.DOMEvent) => void;
+    longtap?: (event: naver.maps.PointerEvent) => void;
+    mapType_changed?: (mapType: naver.maps.MapType) => void;
+    mapTypeId_changed?: (mapTypeId: naver.maps.MapTypeId) => void;
+    mousedown?: (event: naver.maps.PointerEvent) => void;
+    mousemove?: (event: naver.maps.PointerEvent) => void;
+    mouseout?: (event: naver.maps.PointerEvent) => void;
+    mouseover?: (event: naver.maps.PointerEvent) => void;
+    mouseup?: (event: naver.maps.PointerEvent) => void;
+    panning?: () => void;
+    pinch?: (event: naver.maps.PointerEvent) => void;
+    pinch_start?: (event: naver.maps.PointerEvent) => void;
+    projection_changed?: (projection: naver.maps.Projection) => void;
+    removeLayer?: (layerName: naver.maps.Layer["name"]) => void;
+    resize?: () => void;
+    size_changed?: (size: naver.maps.Size) => void;
 }
-export interface MapProps {
+type HandlerOfProp<P extends PropKey> = MapCallbacks[{
+    [E in EventKey]: (typeof EVENT_TO_PROP)[E] extends P ? E : never;
+}[EventKey]];
+type MapEventProps = {
+    [P in PropKey]?: HandlerOfProp<P>;
+};
+export interface MapProps extends MapEventProps {
     ncpKeyId: string;
     id?: string;
     mapTypeId?: naver.maps.MapTypeId;
     mapOptions?: naver.maps.MapOptions;
-    children: ReactNode;
+    children?: ReactNode;
     submodules?: NaverMapsSubmodule[];
     style?: React.CSSProperties;
-    onLoad?: MapCallbacks["load"];
-    onZoomStart?: MapCallbacks["zoomstart"];
-    onZoomEnd?: MapCallbacks["zoomend"];
-    onDragEnd?: MapCallbacks["dragend"];
-    onDragStart?: MapCallbacks["dragstart"];
-    onIdle?: MapCallbacks["idle"];
-    onResize?: MapCallbacks["resize"];
-    onScroll?: MapCallbacks["scroll"];
 }
 declare const Map: import("react").ForwardRefExoticComponent<MapProps & import("react").RefAttributes<naver.maps.Map>>;
 export default Map;

package/dist/components/Map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../src/components/Map.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,SAAS,EAIV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAI3D,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC;CACzD;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACnC;AAED,QAAA,MAAM,GAAG,qGAyHR,CAAC;AAIF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../src/components/Map.tsx"],"names":[],"mappings":"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"}

package/dist/components/Marker.d.ts

@@ -1,19 +1,47 @@
-interface MarkerClickEvent extends naver.maps.PointerEvent {
-    overlay: naver.maps.Marker;
-    domEvent: naver.maps.DOMEvent;
-}
+declare const EVENT_TO_PROP: {
+    readonly click: "onClick";
+    readonly position_changed: "onPositionChanged";
+    readonly rightclick: "onRightclick";
+    readonly title_changed: "onTitleChanged";
+    readonly touchend: "onTouchEnd";
+    readonly touchstart: "onTouchStart";
+    readonly visible_changed: "onVisibleChanged";
+    readonly zindex_changed: "onZIndexChanged";
+    readonly clickable_changed: "onClickableChanged";
+    readonly dblclick: "onDblclick";
+    readonly draggable_changed: "onDraggableChanged";
+    readonly icon_changed: "onIconChanged";
+    readonly icon_loaded: "onIconLoaded";
+    readonly mousedown: "onMousedown";
+    readonly mouseup: "onMouseup";
+};
+type EventKey = keyof typeof EVENT_TO_PROP;
+type PropKey = (typeof EVENT_TO_PROP)[EventKey];
 interface MarkerCallbacks {
-    click?: (marker: MarkerClickEvent) => void;
-    mouseenter?: (marker: naver.maps.Marker) => void;
-    mouseleave?: (marker: naver.maps.Marker) => void;
-    positionchanged?: (marker: naver.maps.Marker) => void;
+    click?: (event: naver.maps.PointerEvent) => void;
+    clickable_changed?: (clickable: boolean) => void;
+    dblclick?: (event: naver.maps.PointerEvent) => void;
+    draggable_changed?: (draggable: boolean) => void;
+    icon_changed?: (icon: string | naver.maps.ImageIcon | naver.maps.SymbolIcon | naver.maps.HtmlIcon) => void;
+    icon_loaded?: (marker: naver.maps.Marker) => void;
+    mousedown?: (event: naver.maps.PointerEvent) => void;
+    mouseup?: (event: naver.maps.PointerEvent) => void;
+    position_changed?: (position: naver.maps.Coord) => void;
+    rightclick?: (event: naver.maps.PointerEvent) => void;
+    title_changed?: (title: string) => void;
+    touchend?: (event: naver.maps.PointerEvent) => void;
+    touchstart?: (event: naver.maps.PointerEvent) => void;
+    visible_changed?: (visible: boolean) => void;
+    zindex_changed?: (zIndex: number) => void;
 }
-export interface MarkerProps extends naver.maps.MarkerOptions {
-    onClick?: MarkerCallbacks["click"];
-    onMouseEnter?: MarkerCallbacks["mouseenter"];
-    onMouseLeave?: MarkerCallbacks["mouseleave"];
-    onPositionChanged?: MarkerCallbacks["positionchanged"];
+type HandlerOfProp<P extends PropKey> = MarkerCallbacks[{
+    [E in EventKey]: (typeof EVENT_TO_PROP)[E] extends P ? E : never;
+}[EventKey]];
+type MarkerEventProps = {
+    [P in PropKey]?: HandlerOfProp<P>;
+};
+export interface MarkerProps extends naver.maps.MarkerOptions, MarkerEventProps {
 }
-declare const Marker: ({ onClick, onMouseEnter, onMouseLeave, onPositionChanged, ...markerOptions }: MarkerProps) => null;
+declare const Marker: ({ position, zIndex, animation, clickable, cursor, draggable, icon, shape, title, visible, ...eventProps }: MarkerProps) => null;
 export default Marker;
 //# sourceMappingURL=Marker.d.ts.map

package/dist/components/Marker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Marker.d.ts","sourceRoot":"","sources":["../../src/components/Marker.tsx"],"names":[],"mappings":"AAIA,UAAU,gBAAiB,SAAQ,KAAK,CAAC,IAAI,CAAC,YAAY;IACxD,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;CAC/B;AAED,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC;IACjD,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC;CACvD;AACD,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,IAAI,CAAC,aAAa;IAC3D,OAAO,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C,YAAY,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C,iBAAiB,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;CACxD;AAED,QAAA,MAAM,MAAM,GAAI,8EAMb,WAAW,SAkDb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Marker.d.ts","sourceRoot":"","sources":["../../src/components/Marker.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;CAgBT,CAAC;AAEX,KAAK,QAAQ,GAAG,MAAM,OAAO,aAAa,CAAC;AAC3C,KAAK,OAAO,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC;AAEhD,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;IACjD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;IACpD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CACb,IAAI,EACA,MAAM,GACN,KAAK,CAAC,IAAI,CAAC,SAAS,GACpB,KAAK,CAAC,IAAI,CAAC,UAAU,GACrB,KAAK,CAAC,IAAI,CAAC,QAAQ,KACpB,IAAI,CAAC;IACV,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;IACnD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;IACtD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,KAAK,aAAa,CAAC,CAAC,SAAS,OAAO,IAAI,eAAe,CAAC;KACrD,CAAC,IAAI,QAAQ,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK;CACjE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEb,KAAK,gBAAgB,GAAG;KACrB,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,IAAI,CAAC,aAAa,EAC9B,gBAAgB;CAAG;AAEvB,QAAA,MAAM,MAAM,GAAI,2GAYb,WAAW,SA6Gb,CAAC;AAEF,eAAe,MAAM,CAAC"}