6c:I[8513,["/_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/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.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"],"ScrollBar"] 8a: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/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.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"] 53:["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","destructive-subtle",":"]}]}] 54:["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"color-mix(in oklch, var(--color-red-700) 8%, transparent)"}] 55:["$","div","success",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","success",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--color-green-700)"}]]}] 56:["$","div","success-foreground",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","success-foreground",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--color-neutral-50)"}]]}] 57:["$","div","success-subtle",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","success-subtle",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"color-mix(in oklch, var(--color-green-700) 6%, transparent)"}]]}] 58:["$","div","warning",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","warning",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--color-amber-700)"}]]}] 59:["$","div","warning-foreground",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","warning-foreground",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--color-neutral-50)"}]]}] 5a:["$","div","warning-subtle",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","warning-subtle",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"color-mix(in oklch, var(--color-amber-700) 6%, transparent)"}]]}] 5b:["$","div","info",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","info",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--color-blue-700)"}]]}] 5c:["$","div","info-foreground",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","info-foreground",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--color-neutral-50)"}]]}] 5d:["$","div","info-subtle",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","info-subtle",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"color-mix(in oklch, var(--color-blue-700) 6%, transparent)"}]]}] 5e:["$","div","ring-subtle",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","ring-subtle",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"color-mix(in oklch, var(--color-neutral-400) 50%, transparent)"}]]}] 5f:["$","div","destructive-text",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","destructive-text",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--destructive)"}]]}] 60:["$","div","destructive-border",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","destructive-border",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--destructive)"}]]}] 61:["$","div","success-text",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","success-text",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--color-green-800)"}]]}] 62:["$","div","success-border",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","success-border",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--success)"}]]}] 63:["$","div","warning-text",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","warning-text",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--color-amber-800)"}]]}] 64:["$","div","warning-border",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","warning-border",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--warning)"}]]}] 65:["$","div","info-text",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","info-text",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--info)"}]]}] 66:["$","div","info-border",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","info-border",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--info)"}]]}] 67:["$","$L6c",null,{"orientation":"horizontal"}] 68:["$","div",null,{"className":"flex flex-col border rounded-md","children":[["$","p",null,{"className":"text-sm font-medium border-b p-2","children":"Dark Mode"}],["$","div",null,{"children":["$","$L52",null,{"type":"always","className":"h-80 px-2","children":[["$","div",null,{"className":"gap-2 pb-8 flex flex-col pt-4","children":[["$","div","primary-subtle",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","primary-subtle",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"color-mix(in oklch, var(--color-neutral-50) 20%, transparent)"}]]}],["$","div","destructive-foreground",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","destructive-foreground",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--color-neutral-950)"}]]}],["$","div","destructive-subtle",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","destructive-subtle",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"color-mix(in oklch, var(--color-red-400) 20%, transparent)"}]]}],["$","div","success",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","success",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--color-green-400)"}]]}],["$","div","success-foreground",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","success-foreground",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--color-neutral-950)"}]]}],["$","div","success-subtle",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","success-subtle",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"color-mix(in oklch, var(--color-green-400) 20%, transparent)"}]]}],["$","div","warning",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","warning",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--color-amber-400)"}]]}],["$","div","warning-foreground",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","warning-foreground",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--color-neutral-950)"}]]}],["$","div","warning-subtle",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","warning-subtle",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"color-mix(in oklch, var(--color-amber-400) 20%, transparent)"}]]}],["$","div","info",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","info",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"$L6d"}]]}],"$L6e","$L6f","$L70","$L71","$L72","$L73","$L74","$L75","$L76","$L77","$L78"]}],"$L79"]}]}]]}] 69:["$","div",null,{"className":"flex flex-col border rounded-md","children":[["$","p",null,{"className":"text-sm font-medium border-b p-2","children":"Theme"}],["$","div",null,{"children":["$","$L52",null,{"type":"always","className":"h-80 px-2","children":[["$","div",null,{"className":"gap-2 pb-8 flex flex-col pt-4","children":[["$","div","color-primary-subtle",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-primary-subtle",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--primary-subtle)"}]]}],["$","div","color-destructive-foreground",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-destructive-foreground",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--destructive-foreground)"}]]}],["$","div","color-destructive-subtle",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-destructive-subtle",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--destructive-subtle)"}]]}],["$","div","color-success",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-success",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--success)"}]]}],["$","div","color-success-foreground",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-success-foreground",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--success-foreground)"}]]}],["$","div","color-success-subtle",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-success-subtle",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--success-subtle)"}]]}],["$","div","color-warning",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-warning",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--warning)"}]]}],["$","div","color-warning-foreground",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-warning-foreground",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--warning-foreground)"}]]}],["$","div","color-warning-subtle",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-warning-subtle",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--warning-subtle)"}]]}],["$","div","color-info",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-info",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--info)"}]]}],"$L7a","$L7b","$L7c","$L7d","$L7e","$L7f","$L80","$L81","$L82","$L83","$L84","$L85","$L86","$L87","$L88"]}],"$L89"]}]}]]}] 6a:null 8b:T2a32,"use client" import * as React from "react" import { Popover as PopoverPrimitive } from "@base-ui/react/popover" import { cva } from "class-variance-authority" import { MapPinIcon } from "lucide-react" import { cn } from "@/lib/utils" type MapPinProps = Omit< React.ComponentProps<"button">, "type" | "title" | "children" > & { /** The place's name. It's the pin's accessible name, and the text of a label pin unless `text` is set. */ label: string /** `dot` is a small point, `icon` a round pin with an icon, `label` a pill with text such as a price. */ type?: "dot" | "icon" | "label" /** What the color says: `default` for plain places, or a status such as `success` for open or `destructive` for closed. */ variant?: "default" | "success" | "warning" | "info" | "destructive" /** The icon for an `icon` pin, or a leading icon in a `label` pin. An `icon` pin falls back to a map-pin icon. */ icon?: React.ReactNode /** What a label pin shows, when it differs from `label`, such as "$120". */ text?: React.ReactNode /** `sm` for dense maps. */ size?: "sm" | "default" /** A photo at the top of the preview. */ image?: { src: string; alt: string } /** The preview's heading. */ title?: React.ReactNode /** A line or two under the title. */ description?: React.ReactNode /** A small label above the title, such as a category or distance. */ meta?: React.ReactNode /** Anything else for the preview, under the other fields: links, actions. */ children?: React.ReactNode /** Whether the preview is open, when controlled. */ open?: boolean /** Whether the preview starts open, when uncontrolled. */ defaultOpen?: boolean /** Called when the preview opens or closes. */ onOpenChange?: (open: boolean) => void /** Which side of the pin the preview opens on. It flips when there's no room. */ side?: "top" | "right" | "bottom" | "left" /** Classes for the preview. It's portalled to the body, out of reach of the pin's selectors. */ previewClassName?: string } type Variant = NonNullable // Filled pins, dots and icons, take the color as their fill and grow a // halo of it when open. const FILL: Record = { default: "bg-primary text-primary-foreground data-[popup-open]:shadow-[0_0_0_6px_var(--color-primary-subtle)]", success: "bg-success text-success-foreground data-[popup-open]:shadow-[0_0_0_6px_var(--color-success-subtle)]", warning: "bg-warning text-warning-foreground data-[popup-open]:shadow-[0_0_0_6px_var(--color-warning-subtle)]", info: "bg-info text-info-foreground data-[popup-open]:shadow-[0_0_0_6px_var(--color-info-subtle)]", destructive: "bg-destructive text-destructive-foreground data-[popup-open]:shadow-[0_0_0_6px_var(--color-destructive-subtle)]", } // A label stays light on the map with its text in the color, and fills in // when open, so the selected one stands out among the rest. const OUTLINE: Record = { default: "text-foreground data-[popup-open]:border-primary data-[popup-open]:bg-primary data-[popup-open]:text-primary-foreground", success: "text-success data-[popup-open]:border-success data-[popup-open]:bg-success data-[popup-open]:text-success-foreground", warning: "text-warning data-[popup-open]:border-warning data-[popup-open]:bg-warning data-[popup-open]:text-warning-foreground", info: "text-info data-[popup-open]:border-info data-[popup-open]:bg-info data-[popup-open]:text-info-foreground", destructive: "text-destructive data-[popup-open]:border-destructive data-[popup-open]:bg-destructive data-[popup-open]:text-destructive-foreground", } const VARIANTS = Object.keys(FILL) as Variant[] const mapPinVariants = cva( // The spring curve overshoots a little, so a pin settles into its open // size rather than stopping dead. Hover lifts a pin part of the way to // its open size, and stays off the open one so its selected look holds. "relative inline-flex shrink-0 cursor-pointer touch-manipulation items-center justify-center transition-[scale,translate,background-color,border-color,color,box-shadow] duration-300 ease-[cubic-bezier(0.34,1.56,0.64,1)] outline-none select-none hover:not-data-[popup-open]:shadow-md focus-visible:ring-[3px] focus-visible:ring-ring-subtle motion-reduce:transition-none", { variants: { type: { // The dot is small to look at, so its press area reaches past it. dot: "rounded-full shadow-sm ring-2 ring-background before:absolute before:-inset-2 before:rounded-full hover:not-data-[popup-open]:scale-110 data-[popup-open]:scale-125", icon: "rounded-full shadow-sm ring-2 ring-background hover:not-data-[popup-open]:scale-105 data-[popup-open]:scale-110 [&_svg]:shrink-0", label: "gap-1 rounded-full border border-border bg-background font-semibold whitespace-nowrap shadow-sm hover:not-data-[popup-open]:scale-[1.03] hover:not-data-[popup-open]:bg-muted data-[popup-open]:scale-105 [&_svg]:shrink-0", }, variant: { default: "", success: "", warning: "", info: "", destructive: "", }, size: { sm: "", default: "" }, }, compoundVariants: [ { type: "dot", size: "sm", className: "size-3" }, { type: "dot", size: "default", className: "size-4" }, { type: "icon", size: "sm", className: "size-6 [&_svg]:size-3" }, { type: "icon", size: "default", className: "size-7 [&_svg]:size-3.5" }, { type: "label", size: "sm", className: "h-6 px-2 text-[11px] [&_svg]:size-3", }, { type: "label", size: "default", className: "h-7 px-2.5 text-xs [&_svg]:size-3.5", }, ...VARIANTS.flatMap((variant) => [ { type: "dot" as const, variant, className: FILL[variant] }, { type: "icon" as const, variant, className: FILL[variant] }, { type: "label" as const, variant, className: OUTLINE[variant] }, ]), ], defaultVariants: { type: "dot", variant: "default", size: "default" }, } ) /** * A pin for a point on a map, with a preview that opens on click or tap. * It brings no map of its own: render it inside your map library's marker, * which places it and moves it as the map pans and zooms. */ function MapPin({ label, type = "dot", variant = "default", icon, text, size = "default", image, title, description, meta, children, open, defaultOpen, onOpenChange, side = "top", previewClassName, className, ...props }: MapPinProps) { const shown = type === "icon" ? ( (icon ?? ) ) : type === "label" ? ( <> {icon} {text ?? label} ) : null const pin = ( ) const hasPreview = image !== undefined || title !== undefined || description !== undefined || meta !== undefined || children !== undefined if (!hasPreview) return pin return ( onOpenChange?.(next)} > {image ? ( {image.alt}

) : null} {/* The words follow the card a beat behind, so it opens like a card turning over rather than a block appearing. */}

{meta !== undefined ? ( {meta} ) : null} {title !== undefined ? ( {title} ) : null} {description !== undefined ? (

{description}

) : null} {children !== undefined ? (

{children}

) : null}

) } export { MapPin, mapPinVariants, type MapPinProps } 6b:["$","$L8a",null,{"files":[{"path":"registry/ui/map-pin.tsx","content":"$8b","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]