{
	"$schema": "https://shadcn-svelte.com/schema/registry-item.json",
	"name": "music-player-02",
	"title": "Music Player 02",
	"type": "registry:block",
	"description": "A minimal single-track music player with play/pause, progress, time, and duration.",
	"registryDependencies": [
		"https://sv11.ui.twango.dev/r/audio-player.json",
		"card"
	],
	"files": [
		{
			"content": "<script lang=\"ts\">\n\timport { AudioPlayer } from \"$UI$/audio-player/index.js\";\n\timport MusicPlayer02Demo from \"./music-player-02-demo.svelte\";\n</script>\n\n<AudioPlayer>\n\t<MusicPlayer02Demo />\n</AudioPlayer>\n",
			"type": "registry:block",
			"target": "components/blocks/music-player-02/music-player-02.svelte"
		},
		{
			"content": "<script lang=\"ts\">\n\timport {\n\t\tAudioPlayerButton,\n\t\tAudioPlayerDuration,\n\t\tAudioPlayerProgress,\n\t\tAudioPlayerTime,\n\t\texampleTracks,\n\t\tuseAudioPlayer,\n\t} from \"$UI$/audio-player/index.js\";\n\timport { Card } from \"$UI$/card/index.js\";\n\n\tconst player = useAudioPlayer<{ name: string }>();\n\tconst track = exampleTracks[9];\n</script>\n\n<Card class=\"w-full overflow-hidden p-4\">\n\t<div class=\"space-y-4\">\n\t\t<div>\n\t\t\t<h3 class=\"text-base font-semibold\">\n\t\t\t\t{player.activeItem?.data?.name || track.name}\n\t\t\t</h3>\n\t\t</div>\n\t\t<div class=\"flex items-center gap-3\">\n\t\t\t<AudioPlayerButton\n\t\t\t\tvariant=\"outline\"\n\t\t\t\tsize=\"default\"\n\t\t\t\tclass=\"h-10 w-10 shrink-0\"\n\t\t\t\titem={{ id: track.id, src: track.url, data: track }}\n\t\t\t/>\n\t\t\t<div class=\"flex flex-1 items-center gap-2\">\n\t\t\t\t<AudioPlayerTime class=\"text-xs tabular-nums\" />\n\t\t\t\t<AudioPlayerProgress class=\"flex-1\" />\n\t\t\t\t<AudioPlayerDuration class=\"text-xs tabular-nums\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</Card>\n",
			"type": "registry:block",
			"target": "components/blocks/music-player-02/music-player-02-demo.svelte"
		},
		{
			"content": "import MusicPlayer02 from \"./music-player-02.svelte\";\n\nexport { MusicPlayer02, MusicPlayer02 as default };\n",
			"type": "registry:block",
			"target": "components/blocks/music-player-02/index.ts"
		}
	]
}