/** * Outer MapMarker shell. Only the form-agnostic, state-agnostic base classes * live here — every property that varies per `form`/`size`/`state` is applied * inline in [MapMarker.tsx](../MapMarker.tsx) so the circle↔pill morph can * interpolate it. CVA class toggles never interpolate, so anything that needs * to animate (padding, gap, border-width, border-color, background, height * via padding) is set as an inline number with concrete from/to values in * both states. The inner indicator disc (`cvaMarkerIndicator` below) carries * its own per-size `h-* w-*`; the outer surface sizes intrinsically around it. * * `transitionProperty` is set inline in `MapMarker.tsx` to list only the * properties that need to animate, intentionally excluding `width` to prevent * non-composited layout thrashing. See `MarkerAnimatedSurface.tsx` for details. */ export declare const cvaMapMarker: import("cva").CVAComponent & { variants: unknown; defaultVariants: Omit<{}, never>; }, unknown>; /** * Label span inside pill markers. * * Deliberately NO `text-box-trim`. With `leading-none` the line box is exactly * one em, which already contains ascenders and descenders (g, y, p) and centres * the glyphs symmetrically inside the pill. Adding `text-box-trim` shrinks the * box to the cap/baseline band, so the wrapper's `overflow: hidden` (one level * up in {@link MarkerAnimatedSurface}, required so the grid track collapses to * `0fr` during the circle↔pill morph) clips the descenders, and `trim-start` * alone biases the text upward (extra space below). `overflow-x: clip` gives the * horizontal ellipsis without a vertical clip on the span itself. */ export declare const cvaPillLabel: import("cva").CVAComponent & { variants: unknown; defaultVariants: Omit<{}, never>; }, unknown>; /** * Inner indicator disc: marker fill via `--marker-color`, border via CSS `color-mix` on that token (plan §5). */ export declare const cvaMarkerIndicator: import("cva").CVAComponent & { variants: { size: { xs: string[]; sm: string[]; md: string[]; lg: string[]; xl: string[]; }; theme: { light: string[]; dark: string[]; }; }; defaultVariants: Omit<{}, "size" | "theme"> & { size: "md"; theme: "light"; }; }, { size: { xs: string[]; sm: string[]; md: string[]; lg: string[]; xl: string[]; }; theme: { light: string[]; dark: string[]; }; }>;