@alexgorbatchev/shadcn 0.0.52 → 0.0.54

package/dist/{chunk-rc99vk8d.js → chunk-06ky09dc.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-en44w1pn.js";
 import {
   OptionSelect2
-} from "./chunk-xfryhw7e.js";
+} from "./chunk-p6z2m3zp.js";
 import {
   Badge2
 } from "./chunk-9t530p75.js";

package/dist/{chunk-yrp7xtb5.js → chunk-6j8ksqt9.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-bd09gygt.js";
 import {
   OptionSelect2
-} from "./chunk-xfryhw7e.js";
+} from "./chunk-p6z2m3zp.js";
 import {
   useAnalyticsCallback
 } from "./chunk-5mydsjp3.js";

package/dist/{chunk-5rxjvjkq.js → chunk-98s6zk9v.js}

@@ -24,7 +24,7 @@ import {
   TableHead2,
   TableCell2,
   TableCaption2
-} from "./chunk-tjn53x34.js";
+} from "./chunk-tmr0jqv8.js";
 import {
   safeHref
 } from "./chunk-xhtsnwnb.js";

package/dist/{chunk-k7cvfw0f.js → chunk-bmyw7q4w.js}

@@ -2,7 +2,7 @@ import {
   Table2,
   TableHeader2,
   TableBody2
-} from "./chunk-tjn53x34.js";
+} from "./chunk-tmr0jqv8.js";
 
 // src/components/virtual-table/VirtualTable.tsx
 import {

package/dist/{chunk-zs390b72.js → chunk-d5pabsj2.js}

@@ -117,7 +117,7 @@ import {
   SelectContent2,
   SelectItem2,
   OptionSelect2
-} from "./chunk-xfryhw7e.js";
+} from "./chunk-p6z2m3zp.js";
 import {
   ThemeContext
 } from "./chunk-1j2hz3w9.js";

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-zs4h45d8.js → chunk-k45r2rz0.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-bd09gygt.js";
 import {
   OptionSelect2
-} from "./chunk-xfryhw7e.js";
+} from "./chunk-p6z2m3zp.js";
 import {
   useAnalyticsCallback
 } from "./chunk-5mydsjp3.js";

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/{chunk-xfryhw7e.js → chunk-p6z2m3zp.js}

@@ -183,7 +183,8 @@ function OptionSelect2({
   width = "fit",
   density,
   analytics,
-  "aria-label": ariaLabel
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy
 }) {
   return /* @__PURE__ */ jsxs2(Select2, {
     items: options,
@@ -201,6 +202,7 @@ function OptionSelect2({
       /* @__PURE__ */ jsx2(SelectTrigger2, {
         id,
         "aria-label": ariaLabel,
+        "aria-describedby": ariaDescribedBy,
         density,
         size,
         className: cn2(width === "full" && "w-full"),

package/dist/{chunk-tjn53x34.js → chunk-tmr0jqv8.js}

@@ -59,13 +59,15 @@ var visibilityClasses = {
   sm: "hidden sm:table-cell",
   lg: "hidden lg:table-cell",
   "container-sm": "hidden @min-[400px]/table:table-cell",
-  "container-md": "hidden @min-[480px]/table:table-cell"
+  "container-md": "hidden @min-[480px]/table:table-cell",
+  "container-lg": "hidden @min-[640px]/table:table-cell"
 };
 var columnVisibilityClasses = {
   sm: "hidden sm:table-column",
   lg: "hidden lg:table-column",
   "container-sm": "hidden @min-[400px]/table:table-column",
-  "container-md": "hidden @min-[480px]/table:table-column"
+  "container-md": "hidden @min-[480px]/table:table-column",
+  "container-lg": "hidden @min-[640px]/table:table-column"
 };
 function TableHead2({
   density,

package/dist/{chunk-p894n7r6.js → chunk-x7emg3jx.js}

@@ -10,10 +10,10 @@ import {
   TableCell2,
   TableColumnGroup2,
   TableColumn2
-} from "./chunk-tjn53x34.js";
+} from "./chunk-tmr0jqv8.js";
 import {
   OptionSelect2
-} from "./chunk-xfryhw7e.js";
+} from "./chunk-p6z2m3zp.js";
 import {
   Input2
 } from "./chunk-7vg045gd.js";

package/dist/components/OptionSelect.d.ts

@@ -22,8 +22,10 @@ type OptionSelectProps = IDensityProps & IAnalyticsProps & {
     /** `full` fills a form field; `fit` sits inline in a toolbar. */
     width?: "fit" | "full";
     "aria-label"?: string;
+    /** IDs of elements describing the select trigger. */
+    "aria-describedby"?: string;
 };
 /** A styled single-value `Select` for the common case of a flat list of options. */
-declare function OptionSelect({ options, value, defaultValue, onValueChange, placeholder, name, id, disabled, required, size, width, density, analytics, "aria-label": ariaLabel, }: OptionSelectProps): ReactElement;
+declare function OptionSelect({ options, value, defaultValue, onValueChange, placeholder, name, id, disabled, required, size, width, density, analytics, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, }: OptionSelectProps): ReactElement;
 export { OptionSelect };
 export type { OptionSelectOption, OptionSelectProps };

package/dist/components/Table.d.ts

@@ -14,7 +14,8 @@ declare function TableFooter({ density, className, ...props }: TableFooterProps)
 type TableRowProps = ComponentProps<"tr"> & IDensityProps;
 declare function TableRow({ density, className, ...props }: TableRowProps): ReactElement;
 type TableTextAlign = TextAlign;
-type TableVisibility = "sm" | "lg" | "container-sm" | "container-md";
+/** Viewport breakpoints, or table-container breakpoints at 400, 480, and 640 pixels. */
+type TableVisibility = "sm" | "lg" | "container-sm" | "container-md" | "container-lg";
 interface ITableCellOptions {
     truncate?: boolean;
     textAlign?: TableTextAlign;

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

@@ -1,8 +1,8 @@
 import {
   DataTable2
-} from "../../../chunk-5rxjvjkq.js";
+} from "../../../chunk-98s6zk9v.js";
 import"../../../chunk-1wz92wgg.js";
-import"../../../chunk-tjn53x34.js";
+import"../../../chunk-tmr0jqv8.js";
 import"../../../chunk-k1f35j55.js";
 import"../../../chunk-m4geb1s5.js";
 import"../../../chunk-9t530p75.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

@@ -203,8 +203,8 @@ import"../../chunk-1wz92wgg.js";
 import"../../chunk-9t530p75.js";
 import {
   DataTable2
-} from "../../chunk-5rxjvjkq.js";
-import"../../chunk-tjn53x34.js";
+} from "../../chunk-98s6zk9v.js";
+import"../../chunk-tmr0jqv8.js";
 import {
   DaySeparator2
 } from "../../chunk-3j9enr2q.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/components/assistant-ui/native/McpConfigDialog.js

@@ -1,11 +1,11 @@
 import {
   McpConfigDialog2
-} from "../../../chunk-rc99vk8d.js";
+} from "../../../chunk-06ky09dc.js";
 import"../../../chunk-m4geb1s5.js";
 import"../../../chunk-9t530p75.js";
 import"../../../chunk-m32ptxf3.js";
 import"../../../chunk-tcefvfr8.js";
-import"../../../chunk-xfryhw7e.js";
+import"../../../chunk-p6z2m3zp.js";
 import"../../../chunk-4t23yhc0.js";
 import"../../../chunk-7vg045gd.js";
 import"../../../chunk-7jpsybag.js";

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

@@ -133,12 +133,12 @@ import"../../../chunk-dyg4pwcd.js";
 import {
   DirectiveText2
 } from "../../../chunk-n8n3gp71.js";
-import"../../../chunk-xfryhw7e.js";
+import"../../../chunk-p6z2m3zp.js";
 import"../../../chunk-m32ptxf3.js";
 import"../../../chunk-52aadmkc.js";
 import {
   McpConfigDialog2
-} from "../../../chunk-rc99vk8d.js";
+} from "../../../chunk-06ky09dc.js";
 import"../../../chunk-ptdr68cq.js";
 import"../../../chunk-65xd5we6.js";
 import {

package/dist/components/calendar/index.js

@@ -10,8 +10,8 @@ import {
 import {
   Calendar2,
   CalendarDayButton2
-} from "../../chunk-yrp7xtb5.js";
-import"../../chunk-xfryhw7e.js";
+} from "../../chunk-6j8ksqt9.js";
+import"../../chunk-p6z2m3zp.js";
 import {
   Popover2,
   PopoverTrigger2,

package/dist/components/data-grid/index.js

@@ -7,8 +7,8 @@ import"../../chunk-jpvw9xqy.js";
 import {
   Button2
 } from "../../chunk-bd09gygt.js";
-import"../../chunk-tjn53x34.js";
-import"../../chunk-xfryhw7e.js";
+import"../../chunk-tmr0jqv8.js";
+import"../../chunk-p6z2m3zp.js";
 import"../../chunk-7jpsybag.js";
 import"../../chunk-7vg045gd.js";
 import {
@@ -19,7 +19,7 @@ import {
   DataGridColumnHeader2,
   DataGridFilter2,
   DataGridPagination2
-} from "../../chunk-p894n7r6.js";
+} from "../../chunk-x7emg3jx.js";
 import {
   Checkbox2
 } from "../../chunk-b5s5y5wq.js";

package/dist/components/gantt/index.js

@@ -7,7 +7,7 @@ import {
   DragSource2,
   DropTarget2,
   Kanban2
-} from "../../chunk-zs4h45d8.js";
+} from "../../chunk-k45r2rz0.js";
 import"../../chunk-en44w1pn.js";
 import"../../chunk-9t530p75.js";
 import"../../chunk-7ny0vyek.js";
@@ -20,7 +20,7 @@ import {
 } from "../../chunk-bd09gygt.js";
 import {
   OptionSelect2
-} from "../../chunk-xfryhw7e.js";
+} from "../../chunk-p6z2m3zp.js";
 import {
   Table2,
   TableHeader2,
@@ -28,7 +28,7 @@ import {
   TableRow2,
   TableHead2,
   TableCell2
-} from "../../chunk-tjn53x34.js";
+} from "../../chunk-tmr0jqv8.js";
 import"../../chunk-5mydsjp3.js";
 
 // src/components/gantt/Gantt.tsx

package/dist/components/json-render/index.js

@@ -31,7 +31,7 @@ import {
   DrawerHeader2,
   DrawerTitle2,
   DrawerDescription2
-} from "../../chunk-zs390b72.js";
+} from "../../chunk-d5pabsj2.js";
 import {
   MenuPopup,
   MenuItem2,
@@ -99,7 +99,7 @@ import {
   Tabs2,
   TabsList2,
   TabsTrigger2
-} from "../../chunk-zs4h45d8.js";
+} from "../../chunk-k45r2rz0.js";
 import {
   Badge2
 } from "../../chunk-9t530p75.js";
@@ -113,7 +113,7 @@ import {
   SelectTrigger2,
   SelectContent2,
   SelectItem2
-} from "../../chunk-xfryhw7e.js";
+} from "../../chunk-p6z2m3zp.js";
 import"../../chunk-1j2hz3w9.js";
 import"../../chunk-k99h6evz.js";
 import {
@@ -145,7 +145,7 @@ import {
   TableHead2,
   TableCell2,
   TableCaption2
-} from "../../chunk-tjn53x34.js";
+} from "../../chunk-tmr0jqv8.js";
 import"../../chunk-7vnpp3ya.js";
 import"../../chunk-m4geb1s5.js";
 import"../../chunk-9ecf92s6.js";

package/dist/components/persian-calendar/index.js

@@ -11,8 +11,8 @@ import {
   getCalendarClassNames,
   CalendarDayButton2,
   CalendarDropdown
-} from "../../chunk-yrp7xtb5.js";
-import"../../chunk-xfryhw7e.js";
+} from "../../chunk-6j8ksqt9.js";
+import"../../chunk-p6z2m3zp.js";
 import {
   useAnalyticsCallback
 } from "../../chunk-5mydsjp3.js";

package/dist/components/virtual-data-grid/index.js

@@ -1,14 +1,14 @@
 import"../../chunk-en44w1pn.js";
 import {
   TableRow2
-} from "../../chunk-tjn53x34.js";
+} from "../../chunk-tmr0jqv8.js";
 import"../../chunk-7ny0vyek.js";
 import"../../chunk-8ssktt4b.js";
 import"../../chunk-e6hk39ev.js";
 import"../../chunk-x90xmrba.js";
 import"../../chunk-jpvw9xqy.js";
 import"../../chunk-bd09gygt.js";
-import"../../chunk-xfryhw7e.js";
+import"../../chunk-p6z2m3zp.js";
 import"../../chunk-7jpsybag.js";
 import"../../chunk-7vg045gd.js";
 import {
@@ -16,10 +16,10 @@ import {
   DataGridHeaderRows,
   DataGridCells2,
   DataGridColumns
-} from "../../chunk-p894n7r6.js";
+} from "../../chunk-x7emg3jx.js";
 import {
   VirtualTable2
-} from "../../chunk-k7cvfw0f.js";
+} from "../../chunk-bmyw7q4w.js";
 import"../../chunk-5mydsjp3.js";
 
 // src/components/virtual-data-grid/VirtualDataGrid.tsx

package/dist/components/virtual-table/index.js

@@ -1,8 +1,8 @@
 import"../../chunk-en44w1pn.js";
-import"../../chunk-tjn53x34.js";
+import"../../chunk-tmr0jqv8.js";
 import {
   VirtualTable2
-} from "../../chunk-k7cvfw0f.js";
+} from "../../chunk-bmyw7q4w.js";
 export {
   VirtualTable2 as VirtualTable
 };

package/dist/index.js

@@ -171,7 +171,7 @@ import {
   StatusTracker2,
   DashboardLayout2,
   BillingUsage2
-} from "./chunk-zs390b72.js";
+} from "./chunk-d5pabsj2.js";
 import {
   Tabs2,
   tabsListVariants2,
@@ -186,7 +186,7 @@ import {
   useDropTarget2,
   DropTarget2,
   Kanban2
-} from "./chunk-zs4h45d8.js";
+} from "./chunk-k45r2rz0.js";
 import {
   Toolbar2,
   ToolbarButton2,
@@ -260,7 +260,7 @@ import {
   TableColumnGroup2,
   TableColumn2,
   TableCaption2
-} from "./chunk-tjn53x34.js";
+} from "./chunk-tmr0jqv8.js";
 import {
   ScrollArea2,
   ScrollBar2
@@ -406,7 +406,7 @@ import {
   SelectScrollUpButton2,
   SelectScrollDownButton2,
   OptionSelect2
-} from "./chunk-xfryhw7e.js";
+} from "./chunk-p6z2m3zp.js";
 import {
   Dialog2,
   DialogTrigger2,

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.54",
   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/llms/components/data-display/TableResponsive.md

@@ -0,0 +1,34 @@
+# TableResponsive
+
+Story: @alexgorbatchev/shadcn/components/data-display/TableResponsive
+Source: src/components/stories/data-display/TableResponsive.stories.tsx
+
+[Full source and local helpers](https://github.com/alexgorbatchev/shadcn/blob/main/src/components/stories/data-display/TableResponsive.stories.tsx)
+
+## Public imports
+
+```tsx
+import { Table } from "@alexgorbatchev/shadcn";
+```
+
+## Default component
+
+```tsx
+Table
+```
+
+## Default render
+
+```tsx
+() => <ResponsiveTablesExample />
+```
+
+## Examples
+
+Storybook CSF excerpts. Default args and render apply unless overridden. Local helpers, fixtures, decorators, and providers may be required; these are reference excerpts, not standalone consumer modules. Interaction tests are omitted.
+
+### ContainerBoundaries
+
+```tsx
+{}
+```

package/llms/components/forms/OptionSelect.md

@@ -14,7 +14,7 @@ import { Button, OptionSelect } from "@alexgorbatchev/shadcn";
 ## Supporting imports
 
 ```tsx
-import { useState } from "react";
+import { useId, useState } from "react";
 ```
 
 ## Default component
@@ -63,6 +63,20 @@ Storybook CSF excerpts. Default args and render apply unless overridden. Local h
 }
 ```
 
+### DescribedTrigger
+
+```tsx
+{
+    render: function DescribedTrigger(args) {
+        const descriptionId = useId();
+        return (<>
+        <OptionSelect {...args} aria-describedby={descriptionId}/>
+        <p id={descriptionId}>Choose the runtime used for this project.</p>
+      </>);
+    }
+}
+```
+
 ### Controlled
 
 ```tsx

package/llms.txt

@@ -349,6 +349,7 @@ Generated from the public package exports and Storybook sources.
 - [StatCard](./llms/components/data-display/StatCard.md)
 - [StatusTracker](./llms/components/data-display/StatusTracker.md)
 - [Table](./llms/components/data-display/Table.md)
+- [TableResponsive](./llms/components/data-display/TableResponsive.md)
 - [Text](./llms/components/data-display/Text.md): Text renders body copy as a paragraph with semantic `size` (xs, sm, base, lg), `tone` (default, muted, faint, primary, success, warning, destructive), `weight`, and `align`. `truncate` keeps one line with an ellipsis; otherwise long words wrap. `tabular` aligns digits. Use `render={<span />}` for inline text, or another element such as `<li />` or `<time />`.
 - [VirtualDataGrid](./llms/components/data-display/VirtualDataGrid.md)
 - [VirtualTable](./llms/components/data-display/VirtualTable.md)

package/package.json

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