@j3m-quantum/ui 2.1.8 → 2.1.9

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'" }
     ]
   }
 };

package/dist/index.cjs

@@ -40,7 +40,6 @@ var PopoverPrimitive = require('@radix-ui/react-popover');
 var HoverCardPrimitive = require('@radix-ui/react-hover-card');
 var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 var ResizablePrimitive = require('react-resizable-panels');
-var reactLeaflet = require('react-leaflet');
 var reactTable = require('@tanstack/react-table');
 var dateFns = require('date-fns');
 var core = require('@dnd-kit/core');
@@ -6381,89 +6380,6 @@ var SectionFooter = React30__namespace.forwardRef(
   )
 );
 SectionFooter.displayName = "SectionFooter";
-function Map2({
-  center,
-  zoom = 13,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactLeaflet.MapContainer,
-    {
-      center,
-      zoom,
-      className: cn(
-        "w-full rounded-lg border border-border overflow-hidden",
-        "[&_.leaflet-control-zoom]:border-border",
-        "[&_.leaflet-control-zoom]:rounded-md",
-        "[&_.leaflet-control-zoom]:shadow-sm",
-        "[&_.leaflet-control-zoom-in]:rounded-t-md",
-        "[&_.leaflet-control-zoom-in]:border-b",
-        "[&_.leaflet-control-zoom-in]:border-border",
-        "[&_.leaflet-control-zoom-out]:rounded-b-md",
-        "[&_.leaflet-popup-content-wrapper]:rounded-lg",
-        "[&_.leaflet-popup-content-wrapper]:shadow-lg",
-        "[&_.leaflet-popup-content-wrapper]:border",
-        "[&_.leaflet-popup-content-wrapper]:border-border",
-        className
-      ),
-      scrollWheelZoom: true,
-      ...props,
-      children
-    }
-  );
-}
-var TILE_LAYERS = {
-  default: {
-    url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
-    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-  },
-  dark: {
-    url: "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png",
-    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>'
-  },
-  satellite: {
-    url: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
-    attribution: "&copy; Esri &mdash; Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community"
-  }
-};
-function MapTileLayer({
-  variant = "default",
-  ...props
-}) {
-  const layer = TILE_LAYERS[variant];
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactLeaflet.TileLayer,
-    {
-      url: layer.url,
-      attribution: layer.attribution,
-      ...props
-    }
-  );
-}
-function MapMarker({
-  position,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.Marker, { position, ...props, children });
-}
-function MapPopup({
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.Popup, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm", children }) });
-}
-function MapTooltip({
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.Tooltip, { ...props, children });
-}
-function MapZoomControl(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.ZoomControl, { ...props });
-}
 function DataTableColumnHeader({
   column,
   title,
@@ -19368,12 +19284,6 @@ exports.KanbanProvider = KanbanProvider;
 exports.Kbd = Kbd;
 exports.KbdGroup = KbdGroup;
 exports.Label = Label2;
-exports.Map = Map2;
-exports.MapMarker = MapMarker;
-exports.MapPopup = MapPopup;
-exports.MapTileLayer = MapTileLayer;
-exports.MapTooltip = MapTooltip;
-exports.MapZoomControl = MapZoomControl;
 exports.Menubar = Menubar;
 exports.MenubarCheckboxItem = MenubarCheckboxItem;
 exports.MenubarContent = MenubarContent;