62:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 63:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 64:T40e5,'use client' import * as React from 'react' import type mapboxgl from 'mapbox-gl' import Map, { Marker as MapboxMarker, Popup as MapboxPopup, Source as MapboxSource, Layer as MapboxLayer, NavigationControl as MapboxNavigationControl, FullscreenControl as MapboxFullscreenControl, type MapRef, type MapProps as MapboxMapProps, type MarkerProps as MapboxMarkerProps, type PopupProps as MapboxPopupProps, type SourceProps as MapboxSourceProps, type LayerProps as MapboxLayerProps, } from 'react-map-gl/mapbox' import { useTheme } from 'next-themes' import { cn } from '@/lib/utils' import { mapVariants, MAPBOX_STYLES, type MapVariant, type MapVariants } from './map.variants' import 'mapbox-gl/dist/mapbox-gl.css' import './map.css' export interface MapProps extends React.HTMLAttributes { /** Mapbox access token. */ accessToken?: string /** Named Mapbox basemap variant preset ('streets' | 'outdoors' | 'satellite' | 'satellite-streets' | 'light' | 'dark' | 'navigation-day' | 'navigation-night' | 'standard' | 'muted' | 'default'). */ variant?: MapVariant /** Height preset. Omit to size via `className` (blocks typically pass `size-full`). */ size?: MapVariants['size'] /** Override the base style with a custom style URL. Defaults to variant or theme-aware light/dark style. */ mapStyle?: string /** Initial [lng, lat]. */ center?: [number, number] zoom?: number /** Camera pitch tilt angle in degrees (0 - 85). */ pitch?: number /** Camera bearing rotation angle in degrees (0 - 360). */ bearing?: number /** Automatically add 3D extruded building footprints. */ buildings3d?: boolean /** Enable 3D digital elevation model terrain mesh. */ terrain3d?: boolean /** 'mercator' (flat) or 'globe'. */ projection?: string /** Show the zoom/compass control. */ navigation?: boolean /** Placement position of the navigation control ('top-left' | 'top-right' | 'bottom-left' | 'bottom-right'). Defaults to 'bottom-right'. */ navigationPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' /** Explicitly show/hide compass in navigation control. Defaults to true when pitch > 0. */ showCompass?: boolean /** Explicitly show/hide zoom buttons in navigation control. Defaults to true. */ showZoom?: boolean /** Show the HTML5 fullscreen toggle control button. */ fullscreen?: boolean /** Placement position of the fullscreen control ('top-left' | 'top-right' | 'bottom-left' | 'bottom-right'). Defaults to 'top-right'. */ fullscreenPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' /** Repaint the basemap to a quiet, desaturated canvas. */ muted?: boolean /** Hands you the raw mapbox-gl Map instance once the style has loaded. */ onCreated?: (map: mapboxgl.Map) => void } /** Desaturate the basemap to a quiet canvas. Each op is guarded — style layer * ids drift between style versions and the wrong property for a layer type * throws. */ function applyMuted(map: mapboxgl.Map, dark: boolean) { let styleLayers: any[] try { styleLayers = map.getStyle()?.layers ?? [] } catch { return // style not loaded yet } const P = dark ? { land: 'rgb(23,24,29)', water: 'rgb(17,18,22)', use: 'rgb(31,32,38)', road: 'rgb(50,52,60)', label: 'rgb(150,152,165)', halo: 'rgb(23,24,29)', admin: 'rgb(50,52,60)', } : { land: 'rgb(246,247,249)', water: 'rgb(226,230,235)', use: 'rgb(238,240,243)', road: 'rgb(221,224,229)', label: 'rgb(120,124,134)', halo: 'rgb(246,247,249)', admin: 'rgb(213,216,221)', } for (const l of styleLayers) { const id = l.id try { if (id === 'background' || id === 'land') map.setPaintProperty(id, 'background-color', P.land) else if (/water/.test(id) && l.type === 'fill') map.setPaintProperty(id, 'fill-color', P.water) else if (/landuse|landcover|national-park/.test(id) && l.type === 'fill') map.setPaintProperty(id, 'fill-color', P.use) else if (/^road-(motorway|trunk|primary)/.test(id) && l.type === 'line') { map.setPaintProperty(id, 'line-color', P.road) map.setPaintProperty(id, 'line-opacity', 0.55) } else if (/^road-(secondary|tertiary|street|minor|service|path|pedestrian)/.test(id)) { map.setLayoutProperty(id, 'visibility', 'none') } else if (/poi|transit|airport|natural-point|water-point|waterway-label|building/.test(id)) { map.setLayoutProperty(id, 'visibility', 'none') } else if ( /road-label|settlement-major-label|settlement-minor-label|state-label/.test(id) && l.type === 'symbol' ) { map.setPaintProperty(id, 'text-color', P.label) map.setPaintProperty(id, 'text-halo-color', P.halo) map.setPaintProperty(id, 'text-opacity', 0.6) } else if (id === 'admin-1-boundary' && l.type === 'line') { map.setPaintProperty(id, 'line-color', P.admin) map.setPaintProperty(id, 'line-opacity', 0.6) } else if (id === 'admin-1-boundary-bg') map.setPaintProperty(id, 'line-opacity', 0) } catch { /* skip */ } } } function apply3DBuildings(map: mapboxgl.Map, dark: boolean) { if (map.getLayer('3d-buildings')) return const layers = map.getStyle()?.layers let labelLayerId: string | undefined if (layers) { for (let i = 0; i < layers.length; i++) { if (layers[i].type === 'symbol' && (layers[i].layout as any)?.['text-field']) { labelLayerId = layers[i].id break } } } try { map.addLayer( { id: '3d-buildings', source: 'composite', 'source-layer': 'building', filter: ['==', 'extrude', 'true'], type: 'fill-extrusion', minzoom: 14, paint: { 'fill-extrusion-color': dark ? '#27272a' : '#d4d4d8', 'fill-extrusion-height': ['interpolate', ['linear'], ['zoom'], 14, 0, 14.05, ['get', 'height']], 'fill-extrusion-base': ['interpolate', ['linear'], ['zoom'], 14, 0, 14.05, ['get', 'min_height']], 'fill-extrusion-opacity': 0.8, }, }, labelLayerId, ) } catch { /* building layer not present in raster styles */ } } function apply3DTerrain(map: mapboxgl.Map) { try { if (!map.getSource('mapbox-dem')) { map.addSource('mapbox-dem', { type: 'raster-dem', url: 'mapbox://mapbox.mapbox-terrain-dem-v1', tileSize: 512, maxzoom: 14, }) } map.setTerrain({ source: 'mapbox-dem', exaggeration: 1.5 }) } catch { /* terrain not supported in current projection */ } } const DEFAULT_MAPBOX_TOKEN = '' const MapComponent = React.forwardRef( ( { className, accessToken, variant = 'default', size, mapStyle, center = [0, 20], zoom = 1.4, pitch = 0, bearing = 0, buildings3d = false, terrain3d = false, projection = 'mercator', navigation = true, navigationPosition = 'bottom-right', showCompass, showZoom = true, fullscreen = false, fullscreenPosition = 'top-right', muted = false, onCreated, children, ...props }, ref, ) => { const { resolvedTheme } = useTheme() const [htmlDark, setHtmlDark] = React.useState(false) const isDark = resolvedTheme === 'dark' || htmlDark const isMuted = muted || variant === 'muted' const resolvedToken = accessToken === '' ? '' : accessToken || (typeof process !== 'undefined' && (process.env?.NEXT_PUBLIC_MAPBOX_TOKEN || process.env?.PUBLIC_MAPBOX_TOKEN)) || (typeof import.meta !== 'undefined' && (import.meta as any).env?.PUBLIC_MAPBOX_TOKEN) || DEFAULT_MAPBOX_TOKEN const resolvedStyle = React.useMemo(() => { if (mapStyle) return mapStyle if ( variant && variant !== 'default' && variant !== 'muted' && MAPBOX_STYLES[variant as keyof typeof MAPBOX_STYLES] ) { return MAPBOX_STYLES[variant as keyof typeof MAPBOX_STYLES] } return isDark ? 'mapbox://styles/mapbox/dark-v11' : 'mapbox://styles/mapbox/light-v11' }, [mapStyle, variant, isDark]) const [mounted, setMounted] = React.useState(false) const [inView, setInView] = React.useState(false) const containerRef = React.useRef(null) React.useEffect(() => { const root = document.documentElement const sync = () => setHtmlDark(root.classList.contains('dark')) sync() setMounted(true) const obs = new MutationObserver(sync) obs.observe(root, { attributes: true, attributeFilter: ['class'] }) return () => obs.disconnect() }, []) React.useEffect(() => { const el = containerRef.current if (!el) { setInView(true) return } if (typeof IntersectionObserver === 'undefined') { setInView(true) return } // Latch: the observer only defers the first paint. Un-setting it on // scroll would tear the WebGL map down and rebuild it (fresh style fetch, // camera reset, markers re-laid-out against a stale canvas size) every // time the block leaves the viewport. const io = new IntersectionObserver( ([entry]) => { if (!entry.isIntersecting) return setInView(true) io.disconnect() }, { rootMargin: '160px', threshold: 0.01 }, ) io.observe(el) return () => io.disconnect() }, []) const mapRef = React.useRef(null) // react-map-gl fills its ref only once the map instance exists, which is // after this component's imperative handle has already published. Without a // re-render the caller's ref would stay null forever and every ref-driven // camera move (flyTo, fitBounds) would silently no-op. const [mapReady, setMapReady] = React.useState(false) const onLoad = React.useCallback(() => { setMapReady(true) const map = mapRef.current?.getMap() if (!map) return // The ResizeObserver's first callback runs before this instance exists, // so a container that settled its height during mount would leave the // canvas — and every marker laid out against it — at the stale size. map.resize() try { ;(map as any).setProjection(projection) } catch { /* older api */ } if (pitch) { try { map.setPitch(pitch) } catch { /* ignore */ } } if (bearing) { try { map.setBearing(bearing) } catch { /* ignore */ } } if (isMuted) applyMuted(map, isDark) if (buildings3d) apply3DBuildings(map, isDark) if (terrain3d) apply3DTerrain(map) onCreated?.(map) }, [projection, pitch, bearing, isMuted, isDark, buildings3d, terrain3d, onCreated]) const onStyleData = React.useCallback(() => { const map = mapRef.current?.getMap() if (!map) return if (isMuted) applyMuted(map, isDark) if (buildings3d) apply3DBuildings(map, isDark) if (terrain3d) apply3DTerrain(map) }, [isMuted, isDark, buildings3d, terrain3d]) React.useEffect(() => { const map = mapRef.current?.getMap() if (map && pitch !== undefined) { try { map.setPitch(pitch) } catch { /* ignore */ } } }, [pitch]) React.useImperativeHandle(ref, () => mapRef.current as MapRef, [mapReady]) React.useEffect(() => { const container = containerRef.current if (!container || typeof ResizeObserver === 'undefined') return const ro = new ResizeObserver(() => { const map = mapRef.current?.getMap() map?.resize() }) ro.observe(container) return () => { ro.disconnect() } }, [mounted]) React.useEffect(() => { const map = mapRef.current?.getMap() if (map && bearing !== undefined) { try { map.setBearing(bearing) } catch { /* ignore */ } } }, [bearing]) return (

{mounted && inView && resolvedToken && ( {navigation && ( 0} showZoom={showZoom} /> )} {fullscreen && } {children} )} {mounted && !resolvedToken && (

Mapbox token required Pass an access token to render the map.

)}

) }, ) MapComponent.displayName = 'Map' export type MapMarkerProps = | (Omit & { /** [lng, lat] — matches the Vue side's `:lng-lat` prop. */ lngLat: [number, number] }) | MapboxMarkerProps /** Marker accepting a `lngLat` tuple for parity with the Vue marker prop. */ const MapMarkerComponent = React.forwardRef( ({ lngLat, ...props }: MapMarkerProps & { lngLat?: [number, number] }, ref) => lngLat ? ( ) : ( ), ) MapMarkerComponent.displayName = 'MapMarker' export type MapPopupProps = | (Omit & { /** [lng, lat] — matches the Vue side's `:lng-lat` prop. */ lngLat: [number, number] }) | MapboxPopupProps /** Popup accepting a `lngLat` tuple for parity with the Vue popup prop. */ const MapPopupComponent = React.forwardRef( ({ lngLat, ...props }: MapPopupProps & { lngLat?: [number, number] }, ref) => lngLat ? ( ) : ( ), ) MapPopupComponent.displayName = 'MapPopup' type DistributiveOmit = T extends any ? Omit : never type MapSourceOptions = DistributiveOmit export type MapSourceProps = | (MapSourceOptions & { id: string; options?: undefined }) | { id: string /** Source spec — matches the Vue side's `:options` prop. */ options: MapSourceOptions children?: React.ReactNode } /** Source accepting either a Vue-parity `options` spec or direct props. */ function MapSourceComponent({ id, options, ...rest }: MapSourceProps & { options?: MapSourceOptions }) { return } type MapLayerOptions = DistributiveOmit export type MapLayerProps = | (MapLayerOptions & { id: string; options?: undefined }) | { id: string /** Layer spec — matches the Vue side's `:options` prop. */ options: MapLayerOptions } /** Layer accepting either a Vue-parity `options` spec or direct props. */ function MapLayerComponent({ id, options, ...rest }: MapLayerProps & { options?: MapLayerOptions }) { return } export { MapComponent as Map, MapMarkerComponent as MapMarker, MapPopupComponent as MapPopup, MapSourceComponent as MapSource, MapLayerComponent as MapLayer, } export type { MapboxMapProps } 65:T5ec,import { cva, type VariantProps } from 'class-variance-authority' export type MapVariant = | 'default' | 'muted' | 'streets' | 'outdoors' | 'light' | 'dark' | 'satellite' | 'satellite-streets' | 'navigation-day' | 'navigation-night' | 'standard' export const MAPBOX_STYLES: Record, string> = { streets: 'mapbox://styles/mapbox/streets-v12', outdoors: 'mapbox://styles/mapbox/outdoors-v12', light: 'mapbox://styles/mapbox/light-v11', dark: 'mapbox://styles/mapbox/dark-v11', satellite: 'mapbox://styles/mapbox/satellite-v9', 'satellite-streets': 'mapbox://styles/mapbox/satellite-streets-v12', 'navigation-day': 'mapbox://styles/mapbox/navigation-day-v1', 'navigation-night': 'mapbox://styles/mapbox/navigation-night-v1', standard: 'mapbox://styles/mapbox/standard', } export const mapVariants = cva('relative size-full overflow-hidden bg-muted', { variants: { variant: { default: '', muted: 'data-[muted=true]:grayscale-[25%]', streets: '', outdoors: '', light: '', dark: '', satellite: '', 'satellite-streets': '', 'navigation-day': '', 'navigation-night': '', standard: '', }, size: { default: 'h-96 w-full', sm: 'h-64 w-full', lg: 'h-[500px] w-full', xl: 'h-[650px] w-full', full: 'size-full', }, }, defaultVariants: { variant: 'default', }, }) export type MapVariants = VariantProps 66:T6dd,/** * Map chrome — re-skins Mapbox GL's controls + popups to the design-system * tokens so they sit naturally on light and dark surfaces. Global (Mapbox * renders this chrome outside the component subtree). Import once, e.g. in your * root CSS: `@import './components/ui/map/map.css';` */ .mapboxgl-ctrl-group { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm, 0 1px 2px rgb(0 0 0 / 0.08)); } .mapboxgl-ctrl-group button { background: transparent; } .mapboxgl-ctrl-group button + button { border-top-color: var(--border); } .mapboxgl-ctrl-group button .mapboxgl-ctrl-icon { filter: invert(var(--map-ctrl-invert, 0)) opacity(0.7); } .dark .mapboxgl-ctrl-group { background: var(--card, #18181b); border-color: var(--border, #27272a); } .dark .mapboxgl-ctrl-group button { background: transparent; } .dark .mapboxgl-ctrl-group button:hover { background: var(--muted, #27272a); } .dark .mapboxgl-ctrl-group button + button { border-top-color: var(--border, #27272a); } .dark .mapboxgl-ctrl-group button .mapboxgl-ctrl-icon { filter: invert(1) brightness(1.2); } .mapboxgl-ctrl-attrib { background: color-mix(in oklab, var(--card) 80%, transparent); color: var(--muted-foreground); } .mapboxgl-ctrl-attrib a { color: var(--muted-foreground); } .mapboxgl-popup-content { padding: 8px 12px; background: var(--popover); color: var(--popover-foreground); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-md, 0 4px 12px rgb(0 0 0 / 0.12)); } .mapboxgl-popup-close-button { color: var(--muted-foreground); } .mapboxgl-popup-tip { border-top-color: var(--popover); border-bottom-color: var(--popover); } 61:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","react-map-gl",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react-map-gl","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"react-map-gl"}]]}]}],["$","li","mapbox-gl",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/mapbox-gl","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"mapbox-gl"}]]}]}],["$","li","next-themes",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/next-themes","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"next-themes"}]]}]}],["$","li","class-variance-authority",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"class-variance-authority"}]]}]}]]}],["$","$L62",null,{"namespace":"@registrydirectory","registryDependencies":[]}]]}],null]}],["$","$L63",null,{"files":[{"path":"packages/registry-react/components/map/map.tsx","content":"$64","type":"registry:ui","target":"~/components/ui/map/map.tsx"},{"path":"packages/registry-react/components/map/map.variants.ts","content":"$65","type":"registry:ui","target":"~/components/ui/map/map.variants.ts"},{"path":"packages/registry-react/components/map/index.ts","content":"export {\n Map,\n MapMarker,\n MapPopup,\n MapSource,\n MapLayer,\n type MapMarkerProps,\n type MapPopupProps,\n type MapSourceProps,\n type MapLayerProps,\n} from './map'\nexport type { MapProps } from './map'\nexport type { MapRef } from 'react-map-gl/mapbox'\nexport { mapVariants, MAPBOX_STYLES, type MapVariant, type MapVariants } from './map.variants'\n\n// Re-exported from react-map-gl under Map* names so consumers get the whole map\n// toolkit from one import. Place these inside 's children — they read the\n// map instance from the wrapping react-map-gl context.\nexport {\n NavigationControl as MapNavigationControl,\n FullscreenControl as MapFullscreenControl,\n} from 'react-map-gl/mapbox'\n","type":"registry:ui","target":"~/components/ui/map/index.ts"},{"path":"packages/registry-react/components/map/map.css","content":"$66","type":"registry:ui","target":"~/components/ui/map/map.css"}],"className":"h-[70svh] min-h-80"}]]}]