4e: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/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"],"RegistryDependencies"] 4f: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"] 50:T71cb,'use client' import { Button } from '@/components/ui/button' import { Checkbox } from '@/components/ui/checkbox' import { cn } from '@/lib/utils' import { ChevronDown, ChevronLeft, ChevronRight, SlidersHorizontal, X } from 'lucide-react' import { Suspense, useCallback, useRef, useState } from 'react' import type { Event } from './types' import { EventCard } from './event-card' import { demoEvents } from './demo/events' import { LazyLeafletMap, MapPlaceholder } from './shared' // SVG pin marker - teardrop shape like Google Maps function createPinSvg(isSelected: boolean) { const color = '#374151' // slate-700 const ringColor = isSelected ? '#9ca3af' : 'transparent' // gray-400 ring when selected return ` ` } // Filter options const categoryOptions = ['Music', 'Comedy', 'Classes', 'Sports', 'Food & Drink', 'Arts', 'Film', 'Nightlife', 'Wellness', 'Networking'] const dateOptions = ['Today', 'Tomorrow', 'This weekend', 'This week', 'Next week', 'This month', 'Custom range'] const neighborhoodOptions = ['Downtown', 'Hollywood', 'Santa Monica', 'Venice', 'Echo Park', 'Silver Lake', 'Los Feliz', 'DTLA', 'Arts District', 'Brentwood', 'Miracle Mile', 'Hollywood Hills', 'Elysian Park'] const priceOptions = ['Free', 'Under $25', '$25 - $50', '$50 - $100', '$100+'] const formatOptions = ['In-person', 'Online', 'Hybrid'] interface FilterState { categories: string[] dates: string[] neighborhoods: string[] prices: string[] formats: string[] } /** * Default empty filter state. * @constant */ const defaultFilters: FilterState = { categories: [], dates: [], neighborhoods: [], prices: [], formats: [] } /** * Filter section component with expandable checkbox list. * @component */ function FilterSection({ title, options, selected, onChange, defaultExpanded = true, showLimit = 5 }: { title: string options: string[] selected: string[] onChange: (values: string[]) => void defaultExpanded?: boolean showLimit?: number }) { const [expanded, setExpanded] = useState(defaultExpanded) const [showAll, setShowAll] = useState(false) const visibleOptions = showAll ? options : options.slice(0, showLimit) const hasMore = options.length > showLimit const toggleOption = (option: string) => { if (selected.includes(option)) { onChange(selected.filter(s => s !== option)) } else { onChange([...selected, option]) } } return (

{visibleOptions.map(option => ( toggleOption(option)} className="h-4 w-4" /> {option} ))} {hasMore && ( )}

) } // Filter panel that slides over the event list function FilterPanel({ isOpen, onClose, filters, onFiltersChange, onApply, onReset, resultCount }: { isOpen: boolean onClose: () => void filters: FilterState onFiltersChange: (filters: FilterState) => void onApply: () => void onReset: () => void resultCount: number }) { const activeFiltersCount = Object.values(filters).flat().length return ( <> {/* Backdrop */}

{/* Panel */}

{/* Header */}

Filters {activeFiltersCount > 0 && ( {activeFiltersCount} )}

{/* Filter sections */}

onFiltersChange({ ...filters, categories })} /> onFiltersChange({ ...filters, dates })} /> onFiltersChange({ ...filters, neighborhoods })} /> onFiltersChange({ ...filters, prices })} /> onFiltersChange({ ...filters, formats })} showLimit={3} />

{/* Footer with actions */}

{activeFiltersCount > 0 && ( )}

) } /** * ═══════════════════════════════════════════════════════════════════════════ * EventListProps * ═══════════════════════════════════════════════════════════════════════════ * * Props for the EventList component. Supports list, grid, carousel, and * fullwidth (split-screen with map) layout variants with filtering capabilities. */ export interface EventListProps { data?: { /** Array of events to display. */ events?: Event[] /** Optional title displayed above the list. */ title?: string } actions?: { /** Called when an event card is clicked. */ onEventSelect?: (event: Event) => void } appearance?: { /** * Layout variant for the event list. * @default "list" */ variant?: 'list' | 'grid' | 'carousel' | 'fullwidth' /** Number of columns for grid layout. */ columns?: 2 | 3 | 4 } } /** * An event list component with multiple layout variants. * Supports list, grid, carousel, and fullwidth (split-screen with map) layouts. * * Features: * - Four layout variants (list, grid, carousel, fullwidth) * - Interactive map with event markers (fullwidth) * - Filter panel with categories, dates, neighborhoods, prices, formats * - Responsive carousel with navigation * - Event hover/selection sync between list and map * - Pagination support * * @component * @example * ```tsx * console.log("Selected:", event.title), * onExpand: () => console.log("Expand to fullscreen"), * onFiltersApply: (filters) => console.log("Filters:", filters) * }} * appearance={{ * variant: "grid", * columns: 3, * eventsPerPage: 10 * }} * /> * ``` */ export function EventList({ data, actions, appearance }: EventListProps) { const resolved: NonNullable = data ?? { events: demoEvents } const events = resolved.events ?? [] const title = resolved.title const onEventSelect = actions?.onEventSelect const variant = appearance?.variant ?? 'list' const [currentIndex, setCurrentIndex] = useState(0) const [selectedEventIndex, setSelectedEventIndex] = useState(null) // Filter state for fullwidth variant const [showFilters, setShowFilters] = useState(false) const [filters, setFilters] = useState(defaultFilters) const [appliedFilters, setAppliedFilters] = useState(defaultFilters) // Refs for fullwidth variant scroll functionality const listContainerRef = useRef(null) const eventItemRefs = useRef>(new Map()) // Scroll to event in list when selected from map const scrollToEvent = useCallback((eventIndex: number) => { const eventElement = eventItemRefs.current.get(eventIndex) if (eventElement && listContainerRef.current) { const container = listContainerRef.current const elementTop = eventElement.offsetTop const elementHeight = eventElement.offsetHeight const containerHeight = container.offsetHeight const scrollTo = elementTop - containerHeight / 2 + elementHeight / 2 container.scrollTo({ top: scrollTo, behavior: 'smooth' }) } }, []) // Filter events based on applied filters const filterEvents = useCallback((eventsToFilter: Event[], filtersToApply: FilterState): Event[] => { return eventsToFilter.filter(event => { // Category filter if (filtersToApply.categories.length > 0) { if (!event.category || !filtersToApply.categories.includes(event.category)) return false } // Date filter - parse dateTime string for keywords if (filtersToApply.dates.length > 0) { const dateTimeLower = event.dateTime.toLowerCase() const dateMatch = filtersToApply.dates.some(dateOption => { if (dateOption === 'Today') { return dateTimeLower.includes('today') || dateTimeLower.includes('tonight') } if (dateOption === 'Tomorrow') { return dateTimeLower.includes('tomorrow') } if (dateOption === 'This weekend') { return dateTimeLower.includes('saturday') || dateTimeLower.includes('sunday') } if (dateOption === 'This week') { // Match any day name or "In X days" where X <= 7 const dayNames = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'] if (dayNames.some(day => dateTimeLower.includes(day))) return true if (dateTimeLower.includes('today') || dateTimeLower.includes('tonight') || dateTimeLower.includes('tomorrow')) return true const inDaysMatch = dateTimeLower.match(/in (\d+) day/) if (inDaysMatch && parseInt(inDaysMatch[1]) <= 7) return true return false } if (dateOption === 'Next week') { const inDaysMatch = dateTimeLower.match(/in (\d+) day/) if (inDaysMatch) { const days = parseInt(inDaysMatch[1]) return days > 7 && days <= 14 } return false } if (dateOption === 'This month') { // Accept all events for "this month" as a broad filter return true } // Custom range - accept all for now return true }) if (!dateMatch) return false } // Neighborhood filter if (filtersToApply.neighborhoods.length > 0) { const eventNeighborhood = event.neighborhood || '' if (!filtersToApply.neighborhoods.some(n => eventNeighborhood.toLowerCase().includes(n.toLowerCase()) )) return false } // Price filter if (filtersToApply.prices.length > 0) { const priceMatch = filtersToApply.prices.some(priceRange => { const eventPriceRange = event.priceRange ?? '' if (priceRange === 'Free') { return eventPriceRange.toLowerCase().includes('free') } // Extract numeric price from event const priceNum = parseInt(eventPriceRange.replace(/[^0-9]/g, '')) || 0 if (priceRange === 'Under $25') return priceNum < 25 if (priceRange === '$25 - $50') return priceNum >= 25 && priceNum <= 50 if (priceRange === '$50 - $100') return priceNum >= 50 && priceNum <= 100 if (priceRange === '$100+') return priceNum >= 100 return true }) if (!priceMatch) return false } // Format filter - check if event is in-person, online, or hybrid if (filtersToApply.formats.length > 0) { const formatMatch = filtersToApply.formats.some(format => { // All demo events have venues, so they're all in-person // In a real app, you'd check for onlineUrl or locationType if (format === 'In-person') { return event.venue && event.city } if (format === 'Online') { // Would check for onlineUrl field return false } if (format === 'Hybrid') { // Would check for both venue and onlineUrl return false } return true }) if (!formatMatch) return false } return true }) }, []) // List variant if (variant === 'list') { return (

{title && (

{title}

)} {events.slice(0, 3).map((event, index) => ( ))}

) } // Grid variant (inline mode - show 3 events with images) if (variant === 'grid') { return (

{title && (

{title}

)}

{events.slice(0, 3).map((event, index) => ( ))}

) } // Fullwidth variant with split-screen layout (list on left, map on right) if (variant === 'fullwidth') { const handleEventHover = (eventIndex: number | null) => { setSelectedEventIndex(eventIndex) } const handleEventClick = (event: Event, index: number) => { setSelectedEventIndex(index) onEventSelect?.(event) } const handleMapMarkerClick = (event: Event, index: number) => { setSelectedEventIndex(index) scrollToEvent(index) onEventSelect?.(event) } const handleFilterButtonClick = () => { setFilters(appliedFilters) setShowFilters(true) } const handleApplyFilters = () => { setAppliedFilters(filters) setShowFilters(false) } const handleResetFilters = () => { setFilters(defaultFilters) setAppliedFilters(defaultFilters) } // Get filtered events const filteredEvents = filterEvents(events, appliedFilters) // Get preview count for filter panel (shows what would be selected) const previewFilteredCount = filterEvents(events, filters).length // Count of active filters const activeFiltersCount = Object.values(appliedFilters).flat().length return (

{/* Left Panel - Event List */}

{/* Header */}

{title && {title}} | {filteredEvents.length}

{/* Scrollable Event List */}

{filteredEvents.length === 0 ? (

No events match your filters

) : ( filteredEvents.map((event, index) => (

{ if (el) eventItemRefs.current.set(index, el) }} className={cn( 'border-b transition-colors cursor-pointer', selectedEventIndex === index && 'bg-accent' )} onMouseEnter={() => handleEventHover(index)} onMouseLeave={() => handleEventHover(null)} onClick={() => handleEventClick(event, index)} >

{/* Thumbnail */} {event.image && (

)} {/* Event Info */}

{event.priceRange && (

{event.priceRange}

)} {(event.dateTime || event.category) && (

{[event.dateTime, event.category].filter(Boolean).join(' · ')}

)} {(event.venue || event.city) && (

{[event.venue, event.city].filter(Boolean).join(', ')}

)} {event.title && (

{event.title}

)}

)) )}

{/* Filter Panel Overlay */} setShowFilters(false)} filters={filters} onFiltersChange={setFilters} onApply={handleApplyFilters} onReset={handleResetFilters} resultCount={previewFilteredCount} />

{/* Right Panel - Map */}

}> ( <> {filteredEvents.map((event, index) => { if (!event.coordinates) return null const isSelected = selectedEventIndex === index const icon = L.divIcon({ className: '', html: `

${createPinSvg(isSelected)}

`, iconSize: [32, 42], iconAnchor: [16, 42] }) return ( handleMapMarkerClick(event, index) }} /> ) })} )} />

) } // Carousel variant const maxIndexMobile = events.length - 1 const maxIndexTablet = Math.max(0, events.length - 2) const maxIndexDesktop = Math.max(0, events.length - 3) const prev = () => { setCurrentIndex((i) => Math.max(0, i - 1)) } const next = () => { setCurrentIndex((i) => i + 1) } const isAtStart = currentIndex === 0 const isAtEndMobile = currentIndex >= maxIndexMobile const isAtEndTablet = currentIndex >= maxIndexTablet const isAtEndDesktop = currentIndex >= maxIndexDesktop return (

{title && (

{title}

)}

{/* Mobile: 1 card, slides by 100% */}

{events.map((event, index) => (

))}

{/* Tablet: 2 cards visible, slides by 50% */}

{events.map((event, index) => (

))}

{/* Desktop: 3 cards visible, slides by 33.333% */}

{events.map((event, index) => (

))}

{events.map((_, i) => (

{/* Mobile navigation */}

{/* Tablet navigation */}

{/* Desktop navigation */}

) } 51:T2f14,// Demo data for Events category components // This file contains sample data used for component previews and documentation import type { Event, EventDetails } from '../types' // Helper to generate dates relative to today function getDateAt(daysFromNow: number, hour: number): string { const date = new Date() date.setDate(date.getDate() + daysFromNow) date.setHours(hour, 0, 0, 0) return date.toISOString() } // Single event for EventCard default export const demoEvent: Event = { title: 'NEON Vol. 9', category: 'Music', venue: 'Echoplex', neighborhood: 'Echo Park', city: 'Los Angeles', dateTime: 'Tonight 9:00 PM - 3:00 AM', priceRange: '$45 - $150', image: 'https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=800', vibeTags: ['High energy', 'Late night', 'Dressy'], vibeDescription: 'Immersive electronic experience with world-class DJs and stunning visuals.', aiSummary: "Immersive electronic night with world-class DJs and stunning visuals at LA's top-rated venue.", lineup: ['DJ Shadow', 'Bonobo', 'Four Tet', 'Caribou'], ticketTiers: [ 'General Admission $45', 'VIP Access $120', 'Backstage Pass $150' ], eventSignal: 'going-fast', organizerRating: 4.8, reviewCount: 12453, venueRating: 4.8, ageRestriction: '21+', hasMultipleDates: true } // 15 events for EventList default export const demoEvents: Event[] = [ { title: 'NEON Vol. 9', category: 'Music', venue: 'Echoplex', neighborhood: 'Echo Park', city: 'Los Angeles', dateTime: 'Tonight 9:00 PM - 3:00 AM', priceRange: '$45 - $150', image: 'https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=800', coordinates: { lat: 34.0781, lng: -118.2606 }, vibeTags: ['High energy', 'Late night'], eventSignal: 'going-fast', organizerRating: 4.8, reviewCount: 12453, ageRestriction: '21+' }, { title: 'The Midnight Show', category: 'Comedy', venue: 'The Comedy Underground', neighborhood: 'Santa Monica', city: 'Los Angeles', dateTime: 'Tonight 10:00 PM - 12:00 AM', priceRange: '$15 - $35', image: 'https://images.unsplash.com/photo-1585699324551-f6c309eedeca?w=800', coordinates: { lat: 34.0195, lng: -118.4912 }, vibeTags: ['Social', 'Late night'], eventSignal: 'popular', organizerRating: 4.7, reviewCount: 3241, discount: 'TONIGHT ONLY - 40% OFF' }, { title: 'Salsa Sundays @ Echo Park', category: 'Classes', venue: 'Echo Park Lake', neighborhood: 'Echo Park', city: 'Los Angeles', dateTime: 'Saturday 6:00 PM - 10:00 PM', priceRange: 'Free', image: 'https://images.unsplash.com/photo-1504609813442-a8924e83f76e?w=800', coordinates: { lat: 34.0731, lng: -118.2608 }, vibeTags: ['High energy', 'Social'], eventSignal: 'just-added', organizerRating: 4.9, reviewCount: 8764 }, { title: 'Dawn Flow: Griffith Park', category: 'Classes', venue: 'Griffith Park', neighborhood: 'Los Feliz', city: 'Los Angeles', dateTime: 'Tomorrow 6:00 AM - 8:00 AM', priceRange: 'Free', image: 'https://images.unsplash.com/photo-1545205597-3d9d02c29597?w=800', coordinates: { lat: 34.1365, lng: -118.2943 }, vibeTags: ['Chill', 'Wellness', 'Outdoor'], organizerRating: 4.9, reviewCount: 8764, discount: 'FREE - First 50 Only' }, { title: 'Lakers vs Celtics', category: 'Sports', venue: 'Crypto.com Arena', neighborhood: 'Downtown', city: 'Los Angeles', dateTime: 'Friday 7:30 PM - 10:30 PM', priceRange: '$125 - $850', image: 'https://images.unsplash.com/photo-1546519638-68e109498ffc?w=800', coordinates: { lat: 34.0430, lng: -118.2673 }, vibeTags: ['High energy', 'Social', 'Premium'], eventSignal: 'sales-end-soon', organizerRating: 4.5, reviewCount: 2341 }, { title: 'Smorgasburg LA: Sunday Market', category: 'Food & Drink', venue: 'ROW DTLA', neighborhood: 'Arts District', city: 'Los Angeles', dateTime: 'Sunday 10:00 AM - 4:00 PM', priceRange: 'Free', image: 'https://images.unsplash.com/photo-1555939594-58d7cb561ad1?w=800', coordinates: { lat: 34.0341, lng: -118.2324 }, vibeTags: ['Family-friendly', 'Outdoor', 'Social'], organizerRating: 4.8, reviewCount: 5632 }, { title: 'LACMA After Hours', category: 'Arts', venue: 'LACMA', neighborhood: 'Miracle Mile', city: 'Los Angeles', dateTime: 'Friday 7:00 PM - 11:00 PM', priceRange: '$35 - $75', image: 'https://images.unsplash.com/photo-1531243269054-5ebf6f34081e?w=800', coordinates: { lat: 34.0639, lng: -118.3592 }, vibeTags: ['Chill', 'Date night', 'Sophisticated'], organizerRating: 4.7, reviewCount: 1234, ageRestriction: '21+', discount: 'MEMBER PRICE' }, { title: 'Blue Note Under Stars', category: 'Music', venue: 'Hollywood Bowl', neighborhood: 'Hollywood Hills', city: 'Los Angeles', dateTime: 'Saturday 8:00 PM - 11:00 PM', priceRange: '$45 - $200', image: 'https://images.unsplash.com/photo-1514320291840-2e0a9bf2a9ae?w=800', coordinates: { lat: 34.1122, lng: -118.3391 }, vibeTags: ['Chill', 'Date night', 'Outdoor'], lineup: ['Kamasi Washington', 'Thundercat', 'Terrace Martin'], organizerRating: 4.8, reviewCount: 12453 }, { title: 'Meraki: Seth Troxler', category: 'Nightlife', venue: 'Sound Nightclub', neighborhood: 'Hollywood', city: 'Los Angeles', dateTime: 'Saturday 10:00 PM - 4:00 AM', priceRange: '$35 - $65', image: 'https://images.unsplash.com/photo-1571266028243-e4733b0f0bb0?w=800', coordinates: { lat: 34.0928, lng: -118.3287 }, vibeTags: ['High energy', 'Late night', 'Underground'], lineup: ['Amelie Lens', 'I Hate Models', 'FJAAK'], organizerRating: 4.6, reviewCount: 1876, ageRestriction: '21+' }, { title: 'Whitney Cummings + Friends', category: 'Comedy', venue: 'The Laugh Factory', neighborhood: 'Hollywood', city: 'Los Angeles', dateTime: 'In 2 days 8:00 PM - 11:00 PM', priceRange: '$25 - $55', image: 'https://images.unsplash.com/photo-1527224538127-2104bb71c51b?w=800', coordinates: { lat: 34.0901, lng: -118.3615 }, vibeTags: ['Chill', 'Social', 'Date night'], organizerRating: 4.7, reviewCount: 3241, ageRestriction: '18+' }, { title: 'Venice Beach Drum Circle', category: 'Music', venue: 'Venice Beach Boardwalk', neighborhood: 'Venice', city: 'Los Angeles', dateTime: 'Sunday 4:00 PM - 8:00 PM', priceRange: 'Free', image: 'https://images.unsplash.com/photo-1506157786151-b8491531f063?w=800', coordinates: { lat: 33.9850, lng: -118.4695 }, vibeTags: ['Outdoor', 'Social', 'Chill'], eventSignal: 'popular', organizerRating: 4.6, reviewCount: 2145 }, { title: 'Rooftop Cinema: Blade Runner', category: 'Film', venue: 'Rooftop Cinema Club', neighborhood: 'DTLA', city: 'Los Angeles', dateTime: 'Friday 8:30 PM - 11:00 PM', priceRange: '$25 - $45', image: 'https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?w=800', coordinates: { lat: 34.0407, lng: -118.2468 }, vibeTags: ['Date night', 'Views', 'Chill'], organizerRating: 4.8, reviewCount: 892 }, { title: 'Dodgers vs Giants', category: 'Sports', venue: 'Dodger Stadium', neighborhood: 'Elysian Park', city: 'Los Angeles', dateTime: 'Saturday 1:10 PM - 4:30 PM', priceRange: '$35 - $350', image: 'https://images.unsplash.com/photo-1566577739112-5180d4bf9390?w=800', coordinates: { lat: 34.0739, lng: -118.2400 }, vibeTags: ['Family-friendly', 'Social', 'High energy'], eventSignal: 'few-tickets-left', organizerRating: 4.7, reviewCount: 15678 }, { title: 'Natural Wine Fair', category: 'Food & Drink', venue: 'Grand Central Market', neighborhood: 'Downtown', city: 'Los Angeles', dateTime: 'Sunday 12:00 PM - 6:00 PM', priceRange: '$45 - $85', image: 'https://images.unsplash.com/photo-1510812431401-41d2bd2722f3?w=800', coordinates: { lat: 34.0508, lng: -118.2490 }, vibeTags: ['Tasting', 'Social', 'Sophisticated'], eventSignal: 'just-added', organizerRating: 4.5, reviewCount: 567, ageRestriction: '21+' }, { title: 'Meditation in the Gardens', category: 'Wellness', venue: 'The Getty Center', neighborhood: 'Brentwood', city: 'Los Angeles', dateTime: 'Sunday 7:00 AM - 9:00 AM', priceRange: 'Free', image: 'https://images.unsplash.com/photo-1506126613408-eca07ce68773?w=800', coordinates: { lat: 34.0780, lng: -118.4741 }, vibeTags: ['Wellness', 'Outdoor', 'Chill'], organizerRating: 4.9, reviewCount: 1234 } ] // Detailed event for EventDetail default export const demoEventDetails: EventDetails = { title: 'Sunglasses at Night: Underground Techno', category: 'Nightlife', venue: 'The White Rabbit', neighborhood: 'The Woodlands', city: 'Houston, TX', startDateTime: getDateAt(2, 22), endDateTime: getDateAt(3, 4), priceRange: '$15 - $30', images: [ 'https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=800', 'https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=800', 'https://images.unsplash.com/photo-1533174072545-7a4b6ad7a6c3?w=800' ], vibeTags: ['High energy', 'Late night', 'Underground'], eventSignal: 'going-fast', aiSummary: 'Raw, unfiltered techno in an authentic warehouse setting.', description: 'Experience the raw energy of underground techno. Industrial beats, immersive visuals, and a crowd that lives for the music.', lineup: ['Amelie Lens', 'I Hate Models', 'FJAAK'], attendeesCount: 537, friendsGoing: [ { name: 'Alex', avatar: 'https://i.pravatar.cc/40?u=alex' }, { name: 'Sam', avatar: 'https://i.pravatar.cc/40?u=sam' } ], organizer: { name: 'Midnight Lovers', image: 'https://i.pravatar.cc/80?u=midnight', rating: 4.5, reviewCount: 1067, verified: true, followers: 1200, eventsCount: 154, hostingYears: 8, trackRecord: 'great', responseRate: 'very responsive' }, venue_details: { name: 'The White Rabbit', address: '8827 Nasher Ave', city: 'Houston TX', coordinates: { lat: 29.7604, lng: -95.3698 } }, tiers: [ { name: 'General Admission', price: 15, available: 50 }, { name: 'VIP Access', price: 30, available: 20, benefits: ['Skip the line', 'Exclusive lounge'] } ], goodToKnow: { duration: '2 hours', doorsOpen: '7:00 PM', showtime: '7:30 PM', ageRestriction: '21+', dressCode: 'Casual', parking: 'Limited, leave early to avoid long queues' }, policies: { refund: 'No refunds. Tickets are transferable.', entry: 'Open 2 hours before event', idRequired: true, securityOnSite: true }, faq: [ { question: 'What is the refund policy?', answer: 'No refunds. Tickets are transferable.' }, { question: 'When do doors open?', answer: 'Open 2 hours before event.' }, { question: 'Is there parking?', answer: 'Limited, leave early to avoid long queues.' } ], relatedTags: ['Houston Events', 'Texas Nightlife', 'Techno Parties'] } // Ticket tiers for TicketTierSelect export const demoTicketTiers = [ { id: '1', name: 'General Admission', price: 45, fee: 5, available: 100, maxPerOrder: 10, }, { id: '2', name: 'VIP', price: 150, fee: 15, available: 20, maxPerOrder: 4, description: 'Includes backstage access', }, ] // Event confirmation data export const demoEventConfirmation = { orderNumber: 'EVT-12345', eventTitle: 'Summer Music Festival', ticketCount: 2, recipientEmail: 'customer@example.com', eventDate: 'Jan 20, 2024', eventLocation: 'Central Park, New York', organizer: { name: 'Live Nation', }, } 4d:["$","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","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","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":"lucide-react"}]]}]}],["$","li","react-leaflet",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react-leaflet","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-leaflet"}]]}]}],["$","li","leaflet",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/leaflet","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":"leaflet"}]]}]}]]}],["$","$L4e",null,{"namespace":"@manifest","registryDependencies":["button","checkbox","https://ui.manifest.build/r/event-card.json","https://ui.manifest.build/r/manifest-types.json","https://ui.manifest.build/r/event-shared.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/events/event-list.tsx","content":"$50","type":"registry:block","target":"components/ui/event-list.tsx"},{"path":"registry/events/demo/events.ts","content":"$51","type":"registry:lib","target":"components/ui/demo/events.ts"}],"className":"h-[70svh] min-h-80"}]]}]