Add MiniCard molecule and component tokens for MiniCard + MapPin

MiniCard: compact vertical card for grids, recommendations, and map
popups. Image + title + optional price/badges/chips/meta. Lighter
than ProviderCard — no verified tiers, no logo. Audit: 20/20.

MapPin tokens added (build next): price-pill markers for map views.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/theme/generated/tokens.js

@@ -72,6 +72,15 @@ export const InputFontSizeDefault = "1rem"; // 16px — prevents iOS auto-zoom o
 export const InputBorderRadiusDefault = "4px"; // 4px — subtle rounding, consistent with Figma design
 export const InputGapDefault = "8px"; // 8px — vertical rhythm between label/input/helper, slightly more generous than Figma's 6px for readability
 export const InputIconSizeDefault = "20px"; // 20px — icon size inside input field, matches Figma trailing icon
+export const MapPinHeight = "28px"; // Pill height — compact for map density
+export const MapPinPaddingX = "8px"; // 8px horizontal padding inside pill
+export const MapPinFontSize = "12px"; // Small but legible price text
+export const MapPinBorderRadius = "9999px"; // Fully rounded pill shape
+export const MapPinDotSize = "12px"; // Small circle marker
+export const MapPinNubSize = "6px"; // Nub triangle size
+export const MiniCardImageHeight = "120px"; // Shorter image than full listing cards (180px) for compact grids
+export const MiniCardContentPadding = "12px"; // 12px — matches ProviderCard/VenueCard content padding
+export const MiniCardContentGap = "4px"; // 4px vertical gap between content rows
 export const ProviderCardImageHeight = "180px"; // Fixed image height for consistent card sizing in list layouts
 export const ProviderCardLogoSize = "64px"; // Logo width/height — rounded rectangle, overlapping image bottom into content row
 export const ProviderCardLogoBorderRadius = "8px"; // 8px rounded rectangle — softer than circle, matches card border radius