@rousen/react-naver-maps 0.0.1

package/README.md

@@ -0,0 +1,275 @@
+# react-naver-maps
+
+네이버 지도 API를 React에서 쉽게 사용할 수 있도록 만든 라이브러리입니다.
+
+## 설치
+
+```bash
+npm install react-naver-maps
+# 또는
+yarn add react-naver-maps
+# 또는
+pnpm add 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

package/dist/components/ExampleComponent.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './ExampleComponent.css';
+export interface ExampleComponentProps {
+    /**
+     * 컴포넌트에 표시할 텍스트
+     */
+    text?: string;
+    /**
+     * 클릭 이벤트 핸들러
+     */
+    onClick?: () => void;
+}
+/**
+ * 예제 컴포넌트입니다.
+ */
+declare const ExampleComponent: React.FC<ExampleComponentProps>;
+export default ExampleComponent;
+//# sourceMappingURL=ExampleComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleComponent.d.ts","sourceRoot":"","sources":["../../src/components/ExampleComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CASrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/Map.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+import { NaverMapsSubmodule } from "../utils/scriptLoader";
+export declare const MapContext: import("react").Context<naver.maps.Map | undefined>;
+export interface MapProps {
+    ncpKeyId: string;
+    id?: string;
+    mapTypeId?: naver.maps.MapTypeId;
+    mapOptions?: naver.maps.MapOptions;
+    children: ReactNode;
+    submodules?: NaverMapsSubmodule[];
+    style?: React.CSSProperties;
+    onLoad?: (map: naver.maps.Map) => void;
+    onZoomStart?: (map: naver.maps.Map) => void;
+    onZoomEnd?: (map: naver.maps.Map) => void;
+    onDragEnd?: (map: naver.maps.Map) => void;
+    onDragStart?: (map: naver.maps.Map) => void;
+}
+declare const Map: import("react").ForwardRefExoticComponent<MapProps & import("react").RefAttributes<naver.maps.Map>>;
+export default Map;
+//# sourceMappingURL=Map.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../src/components/Map.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,SAAS,EAKV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAI3D,eAAO,MAAM,UAAU,qDAAuD,CAAC;AAC/E,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,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC;CAC7C;AAUD,QAAA,MAAM,GAAG,qGAgGR,CAAC;AAIF,eAAe,GAAG,CAAC"}

package/dist/components/MapProvider.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export interface MountedMapContextType {
+    maps: {
+        [id: string]: naver.maps.Map;
+    };
+    onMount: (map: naver.maps.Map, id?: string) => void;
+    onUnmount: (id?: string) => void;
+}
+export declare const MountedMapContext: React.Context<MountedMapContextType>;
+interface MapProviderProps {
+    children: React.ReactNode;
+}
+declare const MapProvider: ({ children }: MapProviderProps) => import("react/jsx-runtime").JSX.Element;
+export type MapCollection = {
+    [id: string]: naver.maps.Map | undefined;
+    current?: naver.maps.Map;
+};
+export declare const useMap: () => MapCollection;
+export default MapProvider;
+//# sourceMappingURL=MapProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapProvider.d.ts","sourceRoot":"","sources":["../../src/components/MapProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAI1E,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAA;KAAE,CAAC;IACvC,OAAO,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,iBAAiB,sCAI5B,CAAC;AAEH,UAAU,gBAAgB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,WAAW,GAAI,cAAc,gBAAgB,4CAwBlD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,EAAE,EAAE,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,MAAM,qBAQlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/Marker.d.ts

@@ -0,0 +1,19 @@
+interface MarkerClickEvent extends naver.maps.PointerEvent {
+    overlay: naver.maps.Marker;
+    domEvent: naver.maps.DOMEvent;
+}
+interface MarkerCallbacks {
+    click?: (marker: MarkerClickEvent) => void;
+    mouseenter?: (marker: naver.maps.Marker) => void;
+    mouseleave?: (marker: naver.maps.Marker) => void;
+    positionchanged?: (marker: naver.maps.Marker) => void;
+}
+export interface MarkerProps extends naver.maps.MarkerOptions {
+    onClick?: MarkerCallbacks["click"];
+    onMouseEnter?: MarkerCallbacks["mouseenter"];
+    onMouseLeave?: MarkerCallbacks["mouseleave"];
+    onPositionChanged?: MarkerCallbacks["positionchanged"];
+}
+declare const Marker: ({ onClick, onMouseEnter, onMouseLeave, onPositionChanged, ...markerOptions }: MarkerProps) => null;
+export default Marker;
+//# sourceMappingURL=Marker.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/Overlay.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+import { type OverlayAnchorType } from "../utils/customOverlay";
+interface Props {
+    children: ReactNode;
+    position: naver.maps.Coord | naver.maps.CoordLiteral;
+    zIndex: number;
+    anchor: OverlayAnchorType;
+}
+declare const Overlay: ({ children, ...options }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Overlay;
+//# sourceMappingURL=Overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAiC,EAE/B,KAAK,iBAAiB,EACvB,MAAM,wBAAwB,CAAC;AAEhC,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC;IACrD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,QAAA,MAAM,OAAO,GAAI,0BAA0B,KAAK,4CAyC/C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Polygon.d.ts

@@ -0,0 +1,11 @@
+export interface PolygonProps extends naver.maps.PolygonOptions {
+    onClick?: PolygonCallbacks["click"];
+    onMouseEnter?: PolygonCallbacks["mouseenter"];
+}
+interface PolygonCallbacks {
+    click?: (event: unknown) => void;
+    mouseenter?: (event: unknown) => void;
+}
+declare const Polygon: ({ onClick, onMouseEnter, ...options }: PolygonProps) => null;
+export default Polygon;
+//# sourceMappingURL=Polygon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Polygon.d.ts","sourceRoot":"","sources":["../../src/components/Polygon.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,IAAI,CAAC,cAAc;IAC7D,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;CAC/C;AAED,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AACD,QAAA,MAAM,OAAO,GAAI,uCAId,YAAY,SA0Cd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Polyline.d.ts

@@ -0,0 +1,12 @@
+export interface PolylineProps extends Omit<naver.maps.PolylineOptions, "path"> {
+    path: number[][];
+    onClick?: PolylineCallbacks["click"];
+    onMouseEnter?: PolylineCallbacks["mouseenter"];
+}
+interface PolylineCallbacks {
+    click?: (event: unknown) => void;
+    mouseenter?: (event: unknown) => void;
+}
+declare const Polyline: ({ path, strokeColor, strokeWeight, strokeLineCap, strokeLineJoin, clickable, onClick, onMouseEnter, }: PolylineProps) => null;
+export default Polyline;
+//# sourceMappingURL=Polyline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Polyline.d.ts","sourceRoot":"","sources":["../../src/components/Polyline.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IAChD,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;CAChD;AAED,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,QAAA,MAAM,QAAQ,GAAI,uGASf,aAAa,SAuDf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/const.d.ts

@@ -0,0 +1,3 @@
+export declare const NCP_KEY_ID = "c9ay3yq15z";
+export declare const MAP_OPTIONS: naver.maps.MapOptions;
+//# sourceMappingURL=const.d.ts.map

package/dist/const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../src/const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,eAAe,CAAC;AAEvC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,UAOpC,CAAC"}

package/dist/hooks/useScriptLoader.d.ts

@@ -0,0 +1,10 @@
+import { NaverMapsSubmodule } from "../utils/scriptLoader";
+export interface UseScriptLoaderOptions {
+    ncpKeyId: string;
+    submodules: NaverMapsSubmodule[];
+}
+declare const useScriptLoader: ({ ncpKeyId, submodules }: UseScriptLoaderOptions) => {
+    isScriptLoaded: boolean;
+};
+export default useScriptLoader;
+//# sourceMappingURL=useScriptLoader.d.ts.map

package/dist/hooks/useScriptLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScriptLoader.d.ts","sourceRoot":"","sources":["../../src/hooks/useScriptLoader.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE1E,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,kBAAkB,EAAE,CAAC;CAClC;AAED,QAAA,MAAM,eAAe,GAAI,0BAA0B,sBAAsB;;CAgBxE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/index.css

@@ -0,0 +1 @@
+.example-component{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s ease}.example-component:hover{background-color:#f0f0f0;border-color:#ccc}.example-component p{color:#333;font-size:16px;margin:0}

package/dist/index.d.ts

@@ -0,0 +1,83 @@
+import * as react from 'react';
+import react__default, { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type NaverMapsSubmodule = "gl" | "traffic" | "transit" | "drawing" | "event" | "heatmap" | "marker";
+
+interface MapProps {
+    ncpKeyId: string;
+    id?: string;
+    mapTypeId?: naver.maps.MapTypeId;
+    mapOptions?: naver.maps.MapOptions;
+    children: ReactNode;
+    submodules?: NaverMapsSubmodule[];
+    style?: React.CSSProperties;
+    onLoad?: (map: naver.maps.Map) => void;
+    onZoomStart?: (map: naver.maps.Map) => void;
+    onZoomEnd?: (map: naver.maps.Map) => void;
+    onDragEnd?: (map: naver.maps.Map) => void;
+    onDragStart?: (map: naver.maps.Map) => void;
+}
+declare const Map: react.ForwardRefExoticComponent<MapProps & react.RefAttributes<naver.maps.Map>>;
+
+interface MapProviderProps {
+    children: react__default.ReactNode;
+}
+declare const MapProvider: ({ children }: MapProviderProps) => react_jsx_runtime.JSX.Element;
+type MapCollection = {
+    [id: string]: naver.maps.Map | undefined;
+    current?: naver.maps.Map;
+};
+declare const useMap: () => MapCollection;
+
+interface MarkerClickEvent extends naver.maps.PointerEvent {
+    overlay: naver.maps.Marker;
+    domEvent: naver.maps.DOMEvent;
+}
+interface MarkerCallbacks {
+    click?: (marker: MarkerClickEvent) => void;
+    mouseenter?: (marker: naver.maps.Marker) => void;
+    mouseleave?: (marker: naver.maps.Marker) => void;
+    positionchanged?: (marker: naver.maps.Marker) => void;
+}
+interface MarkerProps extends naver.maps.MarkerOptions {
+    onClick?: MarkerCallbacks["click"];
+    onMouseEnter?: MarkerCallbacks["mouseenter"];
+    onMouseLeave?: MarkerCallbacks["mouseleave"];
+    onPositionChanged?: MarkerCallbacks["positionchanged"];
+}
+declare const Marker: ({ onClick, onMouseEnter, onMouseLeave, onPositionChanged, ...markerOptions }: MarkerProps) => null;
+
+type OverlayAnchorType = "top-left" | "top-center" | "top-right" | "center-left" | "center-center" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right";
+
+interface Props {
+    children: ReactNode;
+    position: naver.maps.Coord | naver.maps.CoordLiteral;
+    zIndex: number;
+    anchor: OverlayAnchorType;
+}
+declare const Overlay: ({ children, ...options }: Props) => react_jsx_runtime.JSX.Element;
+
+interface PolygonProps extends naver.maps.PolygonOptions {
+    onClick?: PolygonCallbacks["click"];
+    onMouseEnter?: PolygonCallbacks["mouseenter"];
+}
+interface PolygonCallbacks {
+    click?: (event: unknown) => void;
+    mouseenter?: (event: unknown) => void;
+}
+declare const Polygon: ({ onClick, onMouseEnter, ...options }: PolygonProps) => null;
+
+interface PolylineProps extends Omit<naver.maps.PolylineOptions, "path"> {
+    path: number[][];
+    onClick?: PolylineCallbacks["click"];
+    onMouseEnter?: PolylineCallbacks["mouseenter"];
+}
+interface PolylineCallbacks {
+    click?: (event: unknown) => void;
+    mouseenter?: (event: unknown) => void;
+}
+declare const Polyline: ({ path, strokeColor, strokeWeight, strokeLineCap, strokeLineJoin, clickable, onClick, onMouseEnter, }: PolylineProps) => null;
+
+export { Map, MapProvider, Marker, Overlay, Polygon, Polyline, useMap };
+export type { MapProps, MarkerProps, PolylineProps };

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/index.esm.css

@@ -0,0 +1 @@
+.example-component{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s ease}.example-component:hover{background-color:#f0f0f0;border-color:#ccc}.example-component p{color:#333;font-size:16px;margin:0}