@alexgorbatchev/shadcn 0.0.52 → 0.0.53

package/dist/{chunk-6en4vrjc.js → chunk-hf4prmk6.js}

@@ -35,6 +35,8 @@ var DEFAULT_ATTRIBUTION = "© OpenStreetMap contributors";
 function GeoMap2({
   places,
   routes,
+  circles,
+  onViewportChange,
   selectedId,
   onSelect,
   theme = "auto",
@@ -45,6 +47,8 @@ function GeoMap2({
   variant = "default",
   ...props
 }) {
+  const viewportCallbackRef = useRef(onViewportChange);
+  viewportCallbackRef.current = onViewportChange;
   const containerRef = useRef(null);
   const mapRef = useRef(null);
   const leafletRef = useRef(null);
@@ -61,13 +65,15 @@ function GeoMap2({
     return {
       signature: JSON.stringify([
         places.map((place) => [place.id, place.lat, place.lng, place.label, place.description]),
-        routes?.map((route) => [route.id, route.points, route.label]) ?? []
+        routes?.map((route) => [route.id, route.points, route.label]) ?? [],
+        circles?.map((circle) => [circle.id, circle.lat, circle.lng, circle.radiusMeters, circle.label]) ?? []
       ]),
+      validCircles: circles?.filter((circle) => isCoordinate(circle.lat, circle.lng) && Number.isFinite(circle.radiusMeters) && circle.radiusMeters > 0) ?? [],
       validPlaces,
       routePoints,
       validRoutes
     };
-  }, [places, routes]);
+  }, [places, routes, circles]);
   const { signature: contentSignature, validPlaces } = mapContent;
   const mapContentRef = useRef(mapContent);
   mapContentRef.current = mapContent;
@@ -100,6 +106,17 @@ function GeoMap2({
       leafletRef.current = leaflet;
       map = leaflet.map(container, { keyboard: true });
       mapRef.current = map;
+      const observedMap = map;
+      map.on("moveend", () => {
+        const bounds = observedMap.getBounds();
+        viewportCallbackRef.current?.({
+          zoom: observedMap.getZoom(),
+          north: bounds.getNorth(),
+          south: bounds.getSouth(),
+          east: bounds.getEast(),
+          west: bounds.getWest()
+        });
+      });
       leaflet.tileLayer(resolvedTileUrl).addTo(map);
       const resizedMap = map;
       resizeObserver = new ResizeObserver(() => resizedMap.invalidateSize());
@@ -137,20 +154,41 @@ function GeoMap2({
     const map = mapRef.current;
     if (!leaflet || !map || !mapReady)
       return;
-    const { routePoints, validPlaces, validRoutes } = mapContentRef.current;
+    const { routePoints, validPlaces, validRoutes, validCircles } = mapContentRef.current;
     const markers = markersRef.current;
     const layer = leaflet.layerGroup().addTo(map);
     const points = [
       ...validPlaces.map((place) => [place.lat, place.lng]),
       ...routePoints
     ];
+    const firstCircle = validCircles[0];
+    if (firstCircle)
+      map.setView([firstCircle.lat, firstCircle.lng], 13, { animate: false });
+    for (const circle of validCircles) {
+      const overlay = leaflet.circle([circle.lat, circle.lng], {
+        radius: circle.radiusMeters,
+        color: "var(--primary)",
+        fillColor: "var(--primary)",
+        fillOpacity: 0.12,
+        weight: 2
+      }).addTo(layer);
+      const label = document.createElement("span");
+      label.textContent = circle.label;
+      overlay.bindTooltip(label);
+      const path = overlay.getElement();
+      path?.setAttribute("role", "graphics-symbol");
+      path?.setAttribute("aria-label", circle.label);
+      path?.setAttribute("tabindex", "0");
+      const bounds = overlay.getBounds();
+      points.push([bounds.getSouth(), bounds.getWest()], [bounds.getNorth(), bounds.getEast()]);
+    }
     const [first] = points;
     if (points.length === 1 && first) {
-      map.setView(first, 13);
+      map.setView(first, 13, { animate: false });
     } else if (points.length > 1) {
-      map.fitBounds(leaflet.latLngBounds(points), { padding: [24, 24] });
+      map.fitBounds(leaflet.latLngBounds(points), { padding: [24, 24], animate: false });
     } else {
-      map.setView([0, 0], 2);
+      map.setView([0, 0], 2, { animate: false });
     }
     for (const route of validRoutes) {
       const polyline = leaflet.polyline(route.points, {

package/dist/{chunk-gremnsj0.js → chunk-nt4jdzh2.js}

@@ -1,6 +1,6 @@
 import {
   GeoMap2
-} from "./chunk-6en4vrjc.js";
+} from "./chunk-hf4prmk6.js";
 import {
   MermaidDiagram3
 } from "./chunk-65xd5we6.js";

package/dist/components/assistant-ui/elements/GenerativeUi.js

@@ -1,8 +1,8 @@
 import {
   styledGenerativeUILibrary2,
   GenerativeUi2
-} from "../../../chunk-gremnsj0.js";
-import"../../../chunk-6en4vrjc.js";
+} from "../../../chunk-nt4jdzh2.js";
+import"../../../chunk-hf4prmk6.js";
 import"../../../chunk-65xd5we6.js";
 import"../../../chunk-ptdr68cq.js";
 import"../../../chunk-f9sm5zpv.js";

package/dist/components/assistant-ui/elements/GeoMap.d.ts

@@ -7,6 +7,20 @@ export interface IGeoMapPlace {
     label: string;
     description?: string | undefined;
 }
+export interface IGeoMapViewport {
+    zoom: number;
+    north: number;
+    south: number;
+    east: number;
+    west: number;
+}
+export interface IGeoMapCircle {
+    id: string;
+    lat: number;
+    lng: number;
+    radiusMeters: number;
+    label: string;
+}
 export interface IGeoMapRoute {
     id: string;
     points: readonly (readonly [lat: number, lng: number])[];
@@ -15,6 +29,10 @@ export interface IGeoMapRoute {
 export interface IGeoMapProps extends Omit<ComponentProps<"div">, "children" | "onSelect" | "className" | "style"> {
     places: readonly IGeoMapPlace[];
     routes?: readonly IGeoMapRoute[] | undefined;
+    /** Geographic radius overlays, in meters; the initial view includes their full bounds. */
+    circles?: readonly IGeoMapCircle[] | undefined;
+    /** Reports the visible bounds after fitting, panning, or zooming, for viewport attribution. */
+    onViewportChange?: ((viewport: IGeoMapViewport) => void) | undefined;
     selectedId?: string | undefined;
     onSelect?: ((id: string) => void) | undefined;
     theme?: "light" | "dark" | "auto" | undefined;
@@ -28,4 +46,4 @@ export interface IGeoMapProps extends Omit<ComponentProps<"div">, "children" | "
     showPlaces?: boolean | undefined;
     variant?: "default" | "embedded";
 }
-export declare function GeoMap({ places, routes, selectedId, onSelect, theme, tileUrl, attribution, height, showPlaces, variant, ...props }: IGeoMapProps): JSX.Element;
+export declare function GeoMap({ places, routes, circles, onViewportChange, selectedId, onSelect, theme, tileUrl, attribution, height, showPlaces, variant, ...props }: IGeoMapProps): JSX.Element;

package/dist/components/assistant-ui/elements/GeoMap.js

@@ -1,6 +1,6 @@
 import {
   GeoMap2
-} from "../../../chunk-6en4vrjc.js";
+} from "../../../chunk-hf4prmk6.js";
 import"../../../chunk-f9sm5zpv.js";
 import"../../../chunk-bd09gygt.js";
 import"../../../chunk-x90xmrba.js";

package/dist/components/assistant-ui/index.d.ts

@@ -146,6 +146,8 @@ export type { IFlowEdge } from "./elements/FlowGraph.js";
 export type { IFlowNode } from "./elements/FlowGraph.js";
 export type { IGalleryImage } from "./elements/ImageGallery.js";
 export type { IGenerationLoaderProps } from "./elements/GenerationLoader.js";
+export type { IGeoMapViewport } from "./elements/GeoMap.js";
+export type { IGeoMapCircle } from "./elements/GeoMap.js";
 export type { IGeoMapPlace } from "./elements/GeoMap.js";
 export type { IGeoMapProps } from "./elements/GeoMap.js";
 export type { IGeoMapRoute } from "./elements/GeoMap.js";

package/dist/components/assistant-ui/index.js

@@ -293,7 +293,7 @@ import {
 import"../../chunk-f9sm5zpv.js";
 import {
   GeoMap2
-} from "../../chunk-6en4vrjc.js";
+} from "../../chunk-hf4prmk6.js";
 import {
   GitHubIcon2
 } from "../../chunk-4bjqbky7.js";
@@ -542,7 +542,7 @@ import"../../chunk-65xd5we6.js";
 import {
   styledGenerativeUILibrary2,
   GenerativeUi2
-} from "../../chunk-gremnsj0.js";
+} from "../../chunk-nt4jdzh2.js";
 import {
   Sub2
 } from "../../chunk-f1mdtq5p.js";

package/dist/prototype.js

@@ -2051,7 +2051,7 @@ var program = new Command;
 // package.json
 var package_default = {
   name: "@alexgorbatchev/shadcn",
-  version: "0.0.52",
+  version: "0.0.53",
   description: "Sharp, monospace React components with compact and comfortable densities.",
   license: "MIT",
   repository: {

package/llms/components/assistant-ui/elements/data-visualization/GeoMap.md

@@ -44,6 +44,7 @@ GeoMap
     tileUrl: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Crect width='256' height='256' fill='lightgray'/%3E%3C/svg%3E",
     attribution: "Deterministic map fixture",
     onSelect: fn(),
+    onViewportChange: fn(),
 }
 ```
 
@@ -146,3 +147,17 @@ Storybook CSF excerpts. Default args and render apply unless overridden. Local h
     render: (args) => <ControlledSelectionMap {...args}/>
 }
 ```
+
+### Radius
+
+```tsx
+{
+    args: {
+        places: [{ id: "origin", lat: 51.5, lng: -0.12, label: "Origin" }],
+        routes: [],
+        showPlaces: false,
+        variant: "embedded",
+    },
+    render: (args) => <ChangingRadiusMap {...args}/>
+}
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexgorbatchev/shadcn",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "description": "Sharp, monospace React components with compact and comfortable densities.",
   "license": "MIT",
   "repository": {