chore: unconscious commit

Author: mym0404

.claude/patterns/018-fumadocs-usage.md

@@ -395,17 +395,6 @@ export { withArticle as default } from 'fumadocs-ui/page';
 ## Article Content
 ```
 
-### Headings with Custom Anchors
-```mdx
-## Normal Heading
-
-## Heading with Custom ID [#custom-id]
-
-## Hidden from TOC [!toc]
-
-## Only in TOC [toc]
-```
-
 ### Links
 ```mdx
 [Internal Link](./other-page.mdx)

docs/content/docs/components/overlays/naver-map-arrowhead-path-overlay.mdx

@@ -16,19 +16,19 @@ import { NaverMapView, NaverMapArrowheadPathOverlay } from '@mj-studio/react-nat
 function MapWithArrowPath() {
   return (
     <NaverMapView style={{ flex: 1 }}>
-      <NaverMapArrowheadPathOverlay // [!code highlight]
-        coords={[ // [!code highlight]
-          { latitude: 37.5, longitude: 126.9 }, // [!code highlight]
-          { latitude: 37.51, longitude: 126.91 }, // [!code highlight]
-          { latitude: 37.52, longitude: 126.92 }, // [!code highlight]
-        ]} // [!code highlight]
-        headSizeRatio={2.5} // [!code highlight]
-        width={8} // [!code highlight]
-        color={'red'} // [!code highlight]
-        outlineColor={'blue'} // [!code highlight]
-        outlineWidth={2} // [!code highlight]
-        onTap={() => console.log('Arrow path tapped')} // [!code highlight]
-      /> // [!code highlight]
+      <NaverMapArrowheadPathOverlay // [!code highlight:12]
+        coords={[
+          { latitude: 37.5, longitude: 126.9 },
+          { latitude: 37.51, longitude: 126.91 },
+          { latitude: 37.52, longitude: 126.92 },
+        ]}
+        headSizeRatio={2.5}
+        width={8}
+        color={'red'}
+        outlineColor={'blue'}
+        outlineWidth={2}
+        onTap={() => console.log('Arrow path tapped')}
+      />
     </NaverMapView>
   );
 }

docs/content/docs/components/overlays/naver-map-circle-overlay.mdx

@@ -16,14 +16,14 @@ import { NaverMapView, NaverMapCircleOverlay } from '@mj-studio/react-native-nav
 function MapWithCircle() {
   return (
     <NaverMapView style={{ flex: 1 }}>
-      <NaverMapCircleOverlay // [!code highlight]
-        latitude={37.5665} // [!code highlight]
-        longitude={126.9780} // [!code highlight]
-        radius={1000} // [!code highlight]
-        color={'#ff00ff33'} // [!code highlight]
-        outlineColor={'#ff00ff'} // [!code highlight]
-        outlineWidth={2} // [!code highlight]
-      /> // [!code highlight]
+      <NaverMapCircleOverlay // [!code highlight:7]
+        latitude={37.5665}
+        longitude={126.9780}
+        radius={1000}
+        color={'#ff00ff33'}
+        outlineColor={'#ff00ff'}
+        outlineWidth={2}
+      />
     </NaverMapView>
   );
 }

docs/content/docs/components/overlays/naver-map-ground-overlay.mdx

@@ -16,16 +16,16 @@ import { NaverMapView, NaverMapGroundOverlay } from '@mj-studio/react-native-nav
 function MapWithGroundOverlay() {
   return (
     <NaverMapView style={{ flex: 1 }}>
-      <NaverMapGroundOverlay // [!code highlight]
-        image={{ assetName: 'thumbnail' }} // [!code highlight]
-        region={{ // [!code highlight]
-          latitude: 37.5, // [!code highlight]
-          longitude: 126.9, // [!code highlight]
-          latitudeDelta: 0.1, // [!code highlight]
-          longitudeDelta: 0.1, // [!code highlight]
-        }} // [!code highlight]
-        onTap={() => console.log('Ground overlay tapped')} // [!code highlight]
-      /> // [!code highlight]
+      <NaverMapGroundOverlay // [!code highlight:9]
+        image={{ assetName: 'thumbnail' }}
+        region={{
+          latitude: 37.5,
+          longitude: 126.9,
+          latitudeDelta: 0.1,
+          longitudeDelta: 0.1,
+        }}
+        onTap={() => console.log('Ground overlay tapped')}
+      />
     </NaverMapView>
   );
 }

docs/content/docs/components/overlays/naver-map-marker-overlay.mdx

@@ -16,12 +16,12 @@ import { NaverMapView, NaverMapMarkerOverlay } from '@mj-studio/react-native-nav
 function MapWithMarker() {
   return (
     <NaverMapView style={{ flex: 1 }}>
-      <NaverMapMarkerOverlay // [!code highlight]
-        latitude={37.5665} // [!code highlight]
-        longitude={126.9780} // [!code highlight]
-        caption={{ text: 'Seoul City Hall' }} // [!code highlight]
-        onTap={() => console.log('Marker tapped')} // [!code highlight]
-      /> // [!code highlight]
+      <NaverMapMarkerOverlay // [!code highlight:6]
+        latitude={37.5665}
+        longitude={126.9780}
+        caption={{ text: 'Seoul City Hall' }}
+        onTap={() => console.log('Marker tapped')}
+      />
     </NaverMapView>
   );
 }
@@ -38,3 +38,7 @@ function MapWithMarker() {
 `CaptionType`
 
 <AutoTypeTable path="../src/component/NaverMapMarkerOverlay.tsx" name="CaptionType" />
+
+`SubCaptionType`
+
+<AutoTypeTable path="../src/component/NaverMapMarkerOverlay.tsx" name="SubCaptionType" />

docs/content/docs/components/overlays/naver-map-multi-path-overlay.mdx

@@ -16,32 +16,32 @@ import { NaverMapView, NaverMapMultiPathOverlay } from '@mj-studio/react-native-
 function MapWithMultiPath() {
   return (
     <NaverMapView style={{ flex: 1 }}>
-      <NaverMapMultiPathOverlay // [!code highlight]
-        width={40} // [!code highlight]
-        patternInterval={120} // [!code highlight]
-        progress={0.5} // [!code highlight]
-        outlineWidth={10} // [!code highlight]
-        patternImage={{ symbol: 'blue' }} // [!code highlight]
-        pathParts={[ // [!code highlight]
-          { // [!code highlight]
-            coords: [ // [!code highlight]
-              { latitude: 37.5, longitude: 126.9 }, // [!code highlight]
-              { latitude: 37.51, longitude: 126.91 }, // [!code highlight]
-              { latitude: 37.52, longitude: 126.92 }, // [!code highlight]
-            ], // [!code highlight]
-            color: '#ff0000', // [!code highlight]
-          }, // [!code highlight]
-          { // [!code highlight]
-            coords: [ // [!code highlight]
-              { latitude: 37.52, longitude: 126.92 }, // [!code highlight]
-              { latitude: 37.53, longitude: 126.93 }, // [!code highlight]
-              { latitude: 37.54, longitude: 126.94 }, // [!code highlight]
-            ], // [!code highlight]
-            color: '#00ff00', // [!code highlight]
-          }, // [!code highlight]
-        ]} // [!code highlight]
-        onTap={() => console.log('Multi path tapped')} // [!code highlight]
-      /> // [!code highlight]
+      <NaverMapMultiPathOverlay // [!code highlight:25]
+        width={40}
+        patternInterval={120}
+        progress={0.5}
+        outlineWidth={10}
+        patternImage={{ symbol: 'blue' }}
+        pathParts={[
+          {
+            coords: [
+              { latitude: 37.5, longitude: 126.9 },
+              { latitude: 37.51, longitude: 126.91 },
+              { latitude: 37.52, longitude: 126.92 },
+            ],
+            color: '#ff0000',
+          },
+          {
+            coords: [
+              { latitude: 37.52, longitude: 126.92 },
+              { latitude: 37.53, longitude: 126.93 },
+              { latitude: 37.54, longitude: 126.94 },
+            ],
+            color: '#00ff00',
+          },
+        ]}
+        onTap={() => console.log('Multi path tapped')}
+      />
     </NaverMapView>
   );
 }

docs/content/docs/components/overlays/naver-map-path-overlay.mdx

@@ -16,19 +16,19 @@ import { NaverMapView, NaverMapPathOverlay } from '@mj-studio/react-native-naver
 function MapWithPath() {
   return (
     <NaverMapView style={{ flex: 1 }}>
-      <NaverMapPathOverlay // [!code highlight]
-        coords={[ // [!code highlight]
-          { latitude: 37.5, longitude: 126.9 }, // [!code highlight]
-          { latitude: 37.51, longitude: 126.91 }, // [!code highlight]
-          { latitude: 37.52, longitude: 126.92 }, // [!code highlight]
-        ]} // [!code highlight]
-        width={8} // [!code highlight]
-        color={'white'} // [!code highlight]
-        progress={0.5} // [!code highlight]
-        passedColor={'black'} // [!code highlight]
-        outlineWidth={1} // [!code highlight]
-        onTap={() => console.log('Path tapped')} // [!code highlight]
-      /> // [!code highlight]
+      <NaverMapPathOverlay // [!code highlight:12]
+        coords={[
+          { latitude: 37.5, longitude: 126.9 },
+          { latitude: 37.51, longitude: 126.91 },
+          { latitude: 37.52, longitude: 126.92 },
+        ]}
+        width={8}
+        color={'white'}
+        progress={0.5}
+        passedColor={'black'}
+        outlineWidth={1}
+        onTap={() => console.log('Path tapped')}
+      />
     </NaverMapView>
   );
 }

docs/content/docs/components/overlays/naver-map-polygon-overlay.mdx

@@ -16,18 +16,18 @@ import { NaverMapView, NaverMapPolygonOverlay } from '@mj-studio/react-native-na
 function MapWithPolygon() {
   return (
     <NaverMapView style={{ flex: 1 }}>
-      <NaverMapPolygonOverlay // [!code highlight]
-        coords={[ // [!code highlight]
-          { latitude: 37.5, longitude: 126.9 }, // [!code highlight]
-          { latitude: 37.51, longitude: 126.91 }, // [!code highlight]
-          { latitude: 37.52, longitude: 126.9 }, // [!code highlight]
-          { latitude: 37.51, longitude: 126.89 }, // [!code highlight]
-        ]} // [!code highlight]
-        color={'#00ff0033'} // [!code highlight]
-        outlineColor={'#00ff00'} // [!code highlight]
-        outlineWidth={2} // [!code highlight]
-        onTap={() => console.log('Polygon tapped')} // [!code highlight]
-      /> // [!code highlight]
+      <NaverMapPolygonOverlay // [!code highlight:11]
+        coords={[
+          { latitude: 37.5, longitude: 126.9 },
+          { latitude: 37.51, longitude: 126.91 },
+          { latitude: 37.52, longitude: 126.9 },
+          { latitude: 37.51, longitude: 126.89 },
+        ]}
+        color={'#00ff0033'}
+        outlineColor={'#00ff00'}
+        outlineWidth={2}
+        onTap={() => console.log('Polygon tapped')}
+      />
     </NaverMapView>
   );
 }

docs/content/docs/components/overlays/naver-map-polyline-overlay.mdx

@@ -16,16 +16,16 @@ import { NaverMapView, NaverMapPolylineOverlay } from '@mj-studio/react-native-n
 function MapWithPolyline() {
   return (
     <NaverMapView style={{ flex: 1 }}>
-      <NaverMapPolylineOverlay // [!code highlight]
-        coords={[ // [!code highlight]
-          { latitude: 37.5, longitude: 126.9 }, // [!code highlight]
-          { latitude: 37.51, longitude: 126.91 }, // [!code highlight]
-          { latitude: 37.52, longitude: 126.92 }, // [!code highlight]
-        ]} // [!code highlight]
-        width={5} // [!code highlight]
-        color={'#ff0000'} // [!code highlight]
-        onTap={() => console.log('Polyline tapped')} // [!code highlight]
-      /> // [!code highlight]
+      <NaverMapPolylineOverlay // [!code highlight:9]
+        coords={[
+          { latitude: 37.5, longitude: 126.9 },
+          { latitude: 37.51, longitude: 126.91 },
+          { latitude: 37.52, longitude: 126.92 },
+        ]}
+        width={5}
+        color={'#ff0000'}
+        onTap={() => console.log('Polyline tapped')}
+      />
     </NaverMapView>
   );
 }