()

()

()

()

({ dark, isMobile, }: ListenbrainzPlaylistProps)

({ releaseId, title, size = 40, dark, }: { releaseId: string | null | undefined; title: string;

()

({ entries, dark, }: { entries: MatchedEntry[]; dark: boolean; })

()

({ isOpen, onClose, children, className, showCloseButton = true, // Default to true for backwards co

()

({ stats }: Props)

()

({ stats }: Props)

({ label, options, defaultSelected = [], value, onChange, disabled = false, placeholder = "Selec

({ navidromeId, title, size = 40, dark, }: { navidromeId: string; title: string; size?: number;

()

()

()

()

({ item }: { item: StoredSongState })

({ value, onChange, min, max, step, unit, }: { value: number; onChange: (v: number) => void;

({ value, onChange, min, max, inputBg, inputBorder, textPrimary, accent, width = 72, }: {

()

({ pageTitle })

({ title, description, }: { title: string; description: string; })

({ page, totalPages, onPage, dark, accentColor, }: { page: number; totalPages: number; onPage:

({ page, totalPages, onChange, dark, }: { page: number; totalPages: number; onChange: (p: number

({ page, total, onChange, dark, accent, cardBorder, }: { page: number; total: number; onChan

({ page, totalPages, onPage }: { page: number; totalPages: number; onPage: (p: number) => void })

({ page, totalPages, onPage, }: { page: number; totalPages: number; onPage: (p: number) => void; }

({ enabled, onChange, dark, }: { enabled: boolean; onChange: (v: boolean) => void; dark: boolean;

({ value, onChange }: { value: boolean; onChange: (v: boolean) => void })

({ value, onChange, }: { value: boolean; onChange: (v: boolean) => void; })

({ countries, placeholder = "+1 (555) 000-0000", onChange, selectPosition = "start", })

({ children }: { children: ReactNode })

()

({ item }: { item: StoredPlaylist })

({ playlist, active, onClick, dark, accentColor, }: { playlist: LBPlaylist; active: boolean; o

({ track, index, isActive = false, ghost = false, }: { track: Track; index?: number; isActive?:

({ id, name, value, checked, label, onChange, className = "", disabled = false, })

()

({ id, name, value, checked, label, onChange, className = "", })

({ values, }: { values: { label: string; value: number; color: string }[]; })

({ entries, loading, selectedIds, onToggle, onToggleAll, }: { entries: RecommendedSong[]; loading: boolean

()

({ label, hint, children, textPrimary, textMuted, }: { label: string; hint?: string; children:

({ score }: { score: number | null })

({ isOpen, onClose, script, shell, }: { isOpen: boolean; onClose: () => void; script: string;

()

({ title, desc, icon, children, defaultOpen = false, }: { title: string; desc: string; icon: R

({ children, color, }: { children: React.ReactNode; color: string; })

({ progress, currentTime, duration, canControl, onSeek, }: { progress: number; currentTime: numb

({ options, placeholder = "Select an option", onChange, className = "", defaultValue = "", })

()

()

({ border }: { border: string })

({ isOpen, onClose, settings, onSaved, }: { isOpen: boolean; onClose: () => void; settings: Skip

({ dark, isMobile, explicitFilter, setExplicitFilter, showExplicit, setShowExplicit, showCleaned

({ type, selected, onSelect, }: { type: ShellType; selected: boolean; onSelect: () => void; })

({ value, onChange, }: { value: ShellType; onChange: (v: ShellType) => void; })

({ children, })

()

()

()

()

({ signal, dark }: { signal: string; dark: boolean })

({ signal, dark, }: { signal: string; dark: boolean; })

({ signal, dark, }: { signal: string | null; dark: boolean; })

()

({ dark }: { dark: boolean })

({ count, dark, isMobile, }: { count: number; dark: boolean; isMobile: boolean; })

({ dark, isMobile, }: { dark: boolean; isMobile: boolean; })

({ dark, isMobile, }: { dark: boolean; isMobile: boolean; })

({ entries, loading, selectedIds, onToggle, onToggleAll, }: { entries: SkippedSong[]; loading: boolean;

()

({ label, value, min, max, step, color, onChange, }: { label: string; value: number; min:

({ slots }: { slots: SlotValues })

({ children, })

({ idx, art, title, artist, album, forUser, // dark, isMobile, t, }: { idx: number; ar

({ songs, coverArtMap, dark, isMobile, loading, usePagination, setUsePagination, currentPage,

({ k, label }: { k: SortKey; label: string })

({ label, active, onClick }: { label: string; active: boolean; onClick: () => void })

({ label, active, onClick, }: { label: string; active: boolean; onClick: () => void; })

({ track, index, isActive, isDragging, }: { track: Track; index: number; isActive: boolean; is

({ color, size = 14 }: { color: string; size?: number })

({ color, size = 14 }: { color: string; size?: number })

({ item }: { item: StoredStarredSong })

({ label, value, color, bg, textMuted, }: { label: string; value: number | string; color: stri

({ label, value, textPrimary, textMuted, }: { label: string; value: React.ReactNode; textPrimary

({ track, dark }: { track: LBTrack; dark: boolean })

({ label, color, bg, }: { label: string; color: string; bg: string; })

({ options, value, onChange, }: { options: { value: T; label: string }[]; value: T; onChange: (v:

({ label, children, defaultOpen = false, }: { label: string; children: React.ReactNode; defaultOpe

({ label, defaultChecked = false, disabled = false, onChange, color = "blue", // Default to blue col

({ children, style, }: { children?: React.ReactNode; style?: React.CSSProperties; })

({ active, onClick, children, accent, count, dark, }: { active: boolean; onClick: () => void;

({ children, className })

({ children, isHeader = false, className, })

({ filterEl, sortKeys, sort, paginated, onSortChange, onPaginatedChange, total, page, totalP