@j3m-quantum/ui 2.1.8 → 2.1.10

package/README.md

@@ -408,11 +408,14 @@ const navItems: NavItem[] = [
 
 ## Map Components
 
-Leaflet-based map components for displaying interactive maps. **Requires optional peer dependencies.**
+Leaflet-based map components for displaying interactive maps. **Separate entry point - requires additional dependencies.**
+
+> **Note:** Map components are in a separate entry point (`@j3m-quantum/ui/map`) to avoid requiring leaflet for users who don't need maps.
 
 ### Installation
 
 ```bash
+# Install map dependencies
 npm install leaflet react-leaflet
 ```
 
@@ -425,13 +428,14 @@ Import Leaflet CSS in your app's entry CSS file:
 @import "tailwindcss";
 @import "tw-animate-css";
 @import "@j3m-quantum/ui/styles";
-@import "leaflet/dist/leaflet.css";
+@import "leaflet/dist/leaflet.css";  /* Required for maps */
 ```
 
 ### Basic Usage
 
 ```tsx
-import { Map, MapTileLayer, MapMarker, MapPopup } from '@j3m-quantum/ui'
+// Import from the /map entry point
+import { Map, MapTileLayer, MapMarker, MapPopup } from '@j3m-quantum/ui/map'
 
 function MyMap() {
   return (

package/dist/cli/index.js

@@ -535,14 +535,14 @@ var REGISTRY = {
     ]
   },
   map: {
-    label: "Map (requires leaflet)",
+    label: "Map (separate import: @j3m-quantum/ui/map)",
     components: [
-      { name: "Map", description: "Map container", import: "Map" },
-      { name: "MapTileLayer", description: "Map tile layer", import: "MapTileLayer" },
-      { name: "MapMarker", description: "Map marker", import: "MapMarker" },
-      { name: "MapPopup", description: "Marker popup", import: "MapPopup" },
-      { name: "MapTooltip", description: "Marker tooltip", import: "MapTooltip" },
-      { name: "MapZoomControl", description: "Zoom controls", import: "MapZoomControl" }
+      { name: "Map", description: "Map container", import: "Map from '@j3m-quantum/ui/map'" },
+      { name: "MapTileLayer", description: "Map tile layer", import: "MapTileLayer from '@j3m-quantum/ui/map'" },
+      { name: "MapMarker", description: "Map marker", import: "MapMarker from '@j3m-quantum/ui/map'" },
+      { name: "MapPopup", description: "Marker popup", import: "MapPopup from '@j3m-quantum/ui/map'" },
+      { name: "MapTooltip", description: "Marker tooltip", import: "MapTooltip from '@j3m-quantum/ui/map'" },
+      { name: "MapZoomControl", description: "Zoom controls", import: "MapZoomControl from '@j3m-quantum/ui/map'" }
     ]
   }
 };