@adea-ai/audio 0.22.2 → 0.23.1

package/README.md

@@ -1,4 +1,4 @@
 # Audio package
 
-Owns the optional music controller and React bindings used by Adea. Audio is
+Owns the optional music controller and Solid bindings used by Adea. Audio is
 lazy and non-blocking so scene loading does not depend on sound assets.

package/dist/config.js

@@ -1,6 +1,7 @@
+//#region src/config.ts
 /** Optional soundtrack hooks for Adea. */
-export const AUDIO_BASE_URL = '/assets/audio';
-export const MUSIC_DIR = `${AUDIO_BASE_URL}/sounds/music`;
-export const MUSIC_FILES = {
-    silent: '',
-};
+var AUDIO_BASE_URL = "/assets/audio";
+var MUSIC_DIR = `${AUDIO_BASE_URL}/sounds/music`;
+var MUSIC_FILES = { silent: "" };
+//#endregion
+export { AUDIO_BASE_URL, MUSIC_DIR, MUSIC_FILES };

package/dist/controller.js

@@ -1,152 +1,125 @@
-import { MUSIC_DIR, MUSIC_FILES } from './config';
-const MUSIC_MUTE_KEY = 'adea:audio:music-muted';
-const LEGACY_MUTE_KEY = 'adea:audio:muted';
-const DEFAULT_MUSIC_VOLUME = 0.8;
-const FADE_STEP_MS = 30;
+import { MUSIC_DIR, MUSIC_FILES } from "./config.js";
+//#region src/controller.ts
+var MUSIC_MUTE_KEY = "adea:audio:music-muted";
+var LEGACY_MUTE_KEY = "adea:audio:muted";
+var DEFAULT_MUSIC_VOLUME = .8;
+var FADE_STEP_MS = 30;
 function clampVolume(value) {
-    return value <= 0 ? 0 : value > 1 ? 1 : value;
+	return value <= 0 ? 0 : value > 1 ? 1 : value;
 }
 function readStorage(key) {
-    if (typeof window === 'undefined')
-        return null;
-    try {
-        return window.localStorage.getItem(key);
-    }
-    catch {
-        return null;
-    }
+	if (typeof window === "undefined") return null;
+	try {
+		return window.localStorage.getItem(key);
+	} catch {
+		return null;
+	}
 }
 function writeStorage(key, muted) {
-    if (typeof window === 'undefined')
-        return;
-    try {
-        if (muted)
-            window.localStorage.setItem(key, '1');
-        else
-            window.localStorage.removeItem(key);
-    }
-    catch {
-        // Storage can be unavailable; the in-memory mute still applies.
-    }
+	if (typeof window === "undefined") return;
+	try {
+		if (muted) window.localStorage.setItem(key, "1");
+		else window.localStorage.removeItem(key);
+	} catch {}
 }
 function loadMusicMuted() {
-    return readStorage(MUSIC_MUTE_KEY) === '1' || readStorage(LEGACY_MUTE_KEY) === '1';
+	return readStorage(MUSIC_MUTE_KEY) === "1" || readStorage(LEGACY_MUTE_KEY) === "1";
 }
-export class SoundController {
-    musicElements = new Map();
-    desiredMusic = null;
-    currentMusic = null;
-    activeFades = new Set();
-    _musicMuted;
-    constructor() {
-        this._musicMuted = loadMusicMuted();
-    }
-    get musicMuted() {
-        return this._musicMuted;
-    }
-    /** Retry queued playback after a user gesture. */
-    async unlock() {
-        this.startDesiredMusic();
-    }
-    /** Start or switch to a looping soundtrack. */
-    playMusic(id, options = {}) {
-        if (!MUSIC_FILES[id])
-            return;
-        this.desiredMusic = id;
-        this.prepareMusicElement(id);
-        if (!this.musicMuted)
-            this.startMusic(id, options);
-    }
-    setMusicMuted(muted) {
-        this._musicMuted = muted;
-        writeStorage(MUSIC_MUTE_KEY, muted);
-        for (const element of this.musicElements.values()) {
-            if (muted)
-                element.pause();
-        }
-        if (!muted)
-            this.startDesiredMusic();
-    }
-    toggleMusicMute() {
-        this.setMusicMuted(!this._musicMuted);
-        return this._musicMuted;
-    }
-    prepareMusicElement(id) {
-        if (this.musicElements.has(id))
-            return;
-        const element = new Audio(`${MUSIC_DIR}/${MUSIC_FILES[id]}`);
-        element.loop = true;
-        // Defer the request until playback is allowed so audio never competes with
-        // the scene's first visual and physics assets.
-        element.preload = 'none';
-        this.musicElements.set(id, element);
-    }
-    startMusic(id, options = {}) {
-        if (this.currentMusic === id) {
-            const active = this.musicElements.get(id);
-            if (active?.paused)
-                void active.play().catch(() => undefined);
-            return;
-        }
-        const fadeMs = options.fadeMs ?? 500;
-        const target = clampVolume(options.volume ?? DEFAULT_MUSIC_VOLUME);
-        const previousId = this.currentMusic;
-        const previous = previousId ? (this.musicElements.get(previousId) ?? null) : null;
-        this.currentMusic = id;
-        const element = this.musicElements.get(id);
-        if (!element)
-            return;
-        element.volume = 0;
-        element.currentTime = 0;
-        void element
-            .play()
-            .then(() => {
-            if (this.currentMusic !== id) {
-                element.pause();
-                return;
-            }
-            if (previous) {
-                this.fadeMusic(previous, 0, fadeMs, () => {
-                    previous.pause();
-                    previous.currentTime = 0;
-                });
-            }
-            this.fadeMusic(element, target, fadeMs);
-        })
-            .catch(() => {
-            // Autoplay is blocked before the first user gesture. Keep the desired
-            // track so unlock() can retry it later.
-            if (previous)
-                this.currentMusic = previousId;
-            else
-                this.currentMusic = null;
-        });
-    }
-    startDesiredMusic() {
-        if (this.musicMuted || !this.desiredMusic)
-            return;
-        const desired = this.desiredMusic;
-        if (this.currentMusic !== desired) {
-            this.startMusic(desired);
-            return;
-        }
-        const element = this.musicElements.get(desired);
-        if (element?.paused)
-            void element.play().catch(() => undefined);
-    }
-    fadeMusic(element, target, durationMs, onDone) {
-        const start = element.volume;
-        const startTime = performance.now();
-        const interval = window.setInterval(() => {
-            const progress = Math.min(1, (performance.now() - startTime) / Math.max(durationMs, 1));
-            element.volume = start + (target - start) * progress;
-            if (progress >= 1) {
-                window.clearInterval(interval);
-                this.activeFades.delete(interval);
-                onDone?.();
-            }
-        }, FADE_STEP_MS);
-        this.activeFades.add(interval);
-    }
-}
-export const soundController = new SoundController();
+var SoundController = class {
+	musicElements = /* @__PURE__ */ new Map();
+	desiredMusic = null;
+	currentMusic = null;
+	activeFades = /* @__PURE__ */ new Set();
+	_musicMuted;
+	constructor() {
+		this._musicMuted = loadMusicMuted();
+	}
+	get musicMuted() {
+		return this._musicMuted;
+	}
+	/** Retry queued playback after a user gesture. */
+	async unlock() {
+		this.startDesiredMusic();
+	}
+	/** Start or switch to a looping soundtrack. */
+	playMusic(id, options = {}) {
+		if (!MUSIC_FILES[id]) return;
+		this.desiredMusic = id;
+		this.prepareMusicElement(id);
+		if (!this.musicMuted) this.startMusic(id, options);
+	}
+	setMusicMuted(muted) {
+		this._musicMuted = muted;
+		writeStorage(MUSIC_MUTE_KEY, muted);
+		for (const element of this.musicElements.values()) if (muted) element.pause();
+		if (!muted) this.startDesiredMusic();
+	}
+	toggleMusicMute() {
+		this.setMusicMuted(!this._musicMuted);
+		return this._musicMuted;
+	}
+	prepareMusicElement(id) {
+		if (this.musicElements.has(id)) return;
+		const element = new Audio(`${MUSIC_DIR}/${MUSIC_FILES[id]}`);
+		element.loop = true;
+		element.preload = "none";
+		this.musicElements.set(id, element);
+	}
+	startMusic(id, options = {}) {
+		if (this.currentMusic === id) {
+			const active = this.musicElements.get(id);
+			if (active?.paused) active.play().catch(() => void 0);
+			return;
+		}
+		const fadeMs = options.fadeMs ?? 500;
+		const target = clampVolume(options.volume ?? DEFAULT_MUSIC_VOLUME);
+		const previousId = this.currentMusic;
+		const previous = previousId ? this.musicElements.get(previousId) ?? null : null;
+		this.currentMusic = id;
+		const element = this.musicElements.get(id);
+		if (!element) return;
+		element.volume = 0;
+		element.currentTime = 0;
+		element.play().then(() => {
+			if (this.currentMusic !== id) {
+				element.pause();
+				return;
+			}
+			if (previous) this.fadeMusic(previous, 0, fadeMs, () => {
+				previous.pause();
+				previous.currentTime = 0;
+			});
+			this.fadeMusic(element, target, fadeMs);
+		}).catch(() => {
+			if (previous) this.currentMusic = previousId;
+			else this.currentMusic = null;
+		});
+	}
+	startDesiredMusic() {
+		if (this.musicMuted || !this.desiredMusic) return;
+		const desired = this.desiredMusic;
+		if (this.currentMusic !== desired) {
+			this.startMusic(desired);
+			return;
+		}
+		const element = this.musicElements.get(desired);
+		if (element?.paused) element.play().catch(() => void 0);
+	}
+	fadeMusic(element, target, durationMs, onDone) {
+		const start = element.volume;
+		const startTime = performance.now();
+		const interval = window.setInterval(() => {
+			const progress = Math.min(1, (performance.now() - startTime) / Math.max(durationMs, 1));
+			element.volume = start + (target - start) * progress;
+			if (progress >= 1) {
+				window.clearInterval(interval);
+				this.activeFades.delete(interval);
+				onDone?.();
+			}
+		}, FADE_STEP_MS);
+		this.activeFades.add(interval);
+	}
+};
+var soundController = new SoundController();
+//#endregion
+export { SoundController, soundController };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export { AUDIO_BASE_URL, MUSIC_FILES, type MusicId } from './config';
 export { SoundController, soundController, type MusicOptions } from './controller';
 export { musicForScene, sceneMusicTracks } from './scene-music';
-export { MusicToggle, SoundProvider, useSceneMusic, useSound, type SoundContextValue, } from './react';
+export { MusicToggle, SoundProvider, useSceneMusic, useSound, type SoundContextValue, } from './sound';

package/dist/index.js

@@ -1,5 +1,5 @@
-// Optional soundtrack hooks for Adea.
-export { AUDIO_BASE_URL, MUSIC_FILES } from './config';
-export { SoundController, soundController } from './controller';
-export { musicForScene, sceneMusicTracks } from './scene-music';
-export { MusicToggle, SoundProvider, useSceneMusic, useSound, } from './react';
+import { AUDIO_BASE_URL, MUSIC_FILES } from "./config.js";
+import { SoundController, soundController } from "./controller.js";
+import { musicForScene, sceneMusicTracks } from "./scene-music.js";
+import { MusicToggle, SoundProvider, useSceneMusic, useSound } from "./sound.js";
+export { AUDIO_BASE_URL, MUSIC_FILES, MusicToggle, SoundController, SoundProvider, musicForScene, sceneMusicTracks, soundController, useSceneMusic, useSound };

package/dist/scene-music.js

@@ -1,8 +1,11 @@
+//#region src/scene-music.ts
 /** Scene route id -> optional track. Deployments can add tracks without changing scene code. */
-export const sceneMusicTracks = {
-    'hq-home': 'silent',
-    'hq-work': 'silent',
+var sceneMusicTracks = {
+	"hq-home": "silent",
+	"hq-work": "silent"
 };
-export function musicForScene(sceneId) {
-    return sceneMusicTracks[sceneId ?? ''] ?? 'silent';
+function musicForScene(sceneId) {
+	return sceneMusicTracks[sceneId ?? ""] ?? "silent";
 }
+//#endregion
+export { musicForScene, sceneMusicTracks };

package/dist/{react.d.ts → sound.d.ts}

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ParentProps } from 'solid-js';
 import { soundController, type MusicOptions } from './controller';
 import type { MusicId } from './config';
 export type SoundContextValue = {
@@ -8,9 +8,7 @@ export type SoundContextValue = {
     toggleMusicMute: () => void;
     playMusic: (id: MusicId, options?: MusicOptions) => void;
 };
-export declare function SoundProvider({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;
+export declare function SoundProvider(props: ParentProps): import("solid-js").JSX.Element;
 export declare function useSound(): SoundContextValue;
 export declare function useSceneMusic(sceneId: string | null | undefined): void;
-export declare function MusicToggle(): import("react").JSX.Element;
+export declare function MusicToggle(): import("solid-js").JSX.Element;

package/dist/sound.js

@@ -0,0 +1,99 @@
+import { soundController } from "./controller.js";
+import { musicForScene } from "./scene-music.js";
+import { className, createComponent, delegateEvents, effect, insert, memo, setAttribute, template } from "solid-js/web";
+import { Music, Music2 } from "lucide-solid";
+import { createContext, createEffect, createMemo, createSignal, on, onCleanup, onMount, useContext } from "solid-js";
+//#region src/sound.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<button type=button>`);
+var SoundContext = createContext(null);
+function SoundProvider(props) {
+	const [musicMuted, setMusicMuted] = createSignal(false);
+	const [ready, setReady] = createSignal(false);
+	onMount(() => {
+		let mounted = true;
+		queueMicrotask(() => {
+			if (mounted) setMusicMuted(soundController.musicMuted);
+		});
+		const onGesture = () => {
+			soundController.unlock().then(() => {
+				if (mounted) setReady(true);
+			});
+		};
+		window.addEventListener("pointerdown", onGesture, { capture: true });
+		window.addEventListener("keydown", onGesture, { capture: true });
+		window.addEventListener("touchstart", onGesture, { capture: true });
+		if (new URLSearchParams(window.location.search).has("debug")) window.__agentHqSound = soundController;
+		onCleanup(() => {
+			mounted = false;
+			window.removeEventListener("pointerdown", onGesture, { capture: true });
+			window.removeEventListener("keydown", onGesture, { capture: true });
+			window.removeEventListener("touchstart", onGesture, { capture: true });
+		});
+	});
+	const value = createMemo(() => ({
+		controller: soundController,
+		ready: ready(),
+		musicMuted: musicMuted(),
+		toggleMusicMute: () => setMusicMuted(soundController.toggleMusicMute()),
+		playMusic: (id, options) => soundController.playMusic(id, options)
+	}));
+	return createComponent(SoundContext.Provider, {
+		get value() {
+			return value();
+		},
+		get children() {
+			return props.children;
+		}
+	});
+}
+function useSound() {
+	const value = useContext(SoundContext);
+	if (!value) throw new Error("useSound must be used within <SoundProvider>");
+	return value;
+}
+function useSceneMusic(sceneId) {
+	createEffect(on(() => sceneId, (scene) => {
+		const timeout = window.setTimeout(() => {
+			soundController.playMusic(musicForScene(scene));
+		}, 1500);
+		onCleanup(() => window.clearTimeout(timeout));
+	}));
+}
+function MusicButton(props) {
+	return (() => {
+		var _el$ = _tmpl$();
+		_el$.$$click = () => props.onToggle();
+		insert(_el$, (() => {
+			var _c$ = memo(() => !!props.muted);
+			return () => _c$() ? createComponent(Music, {
+				"class": "size-5",
+				"aria-hidden": "true"
+			}) : createComponent(Music2, {
+				"class": "size-5",
+				"aria-hidden": "true"
+			});
+		})());
+		effect((_p$) => {
+			var _v$ = props.muted ? "Unmute music" : "Mute music", _v$2 = props.muted, _v$3 = `inline-flex size-9 items-center justify-center rounded-lg border border-input bg-background transition-colors ${props.muted ? "text-muted-foreground hover:text-foreground" : "bg-primary text-primary-foreground"}`;
+			_v$ !== _p$.e && setAttribute(_el$, "aria-label", _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$, "aria-pressed", _p$.t = _v$2);
+			_v$3 !== _p$.a && className(_el$, _p$.a = _v$3);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		});
+		return _el$;
+	})();
+}
+function MusicToggle() {
+	const { musicMuted, toggleMusicMute } = useSound();
+	return createComponent(MusicButton, {
+		muted: musicMuted,
+		onToggle: toggleMusicMute
+	});
+}
+delegateEvents(["click"]);
+//#endregion
+export { MusicToggle, SoundProvider, useSceneMusic, useSound };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@adea-ai/audio",
-  "version": "0.22.2",
-  "description": "Optional, lazy music controller and React bindings for Adea. Audio is non-blocking so scene loading never waits on sound assets.",
+  "version": "0.23.1",
+  "description": "Optional, lazy music controller and Solid bindings for Adea. Audio is non-blocking so scene loading never waits on sound assets.",
   "keywords": [
     "audio",
     "music",
-    "react",
+    "solid",
     "threejs",
     "workspace"
   ],
@@ -27,21 +27,23 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "solid": "./src/index.ts",
       "development": "./src/index.ts",
       "import": "./dist/index.js"
     }
   },
   "scripts": {
     "lint": "oxlint",
-    "build": "tsc -p tsconfig.json",
-    "dev": "tsc -p tsconfig.json --watch --preserveWatchOutput",
+    "build": "vite build && tsc -p tsconfig.json --emitDeclarationOnly",
+    "dev": "vite build --watch",
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },
   "dependencies": {
-    "lucide-react": "^1.33.0",
-    "react": "19.3.0"
+    "lucide-solid": "^1.45.0",
+    "solid-js": "^1.9.15"
   },
   "devDependencies": {
-    "@types/react": "^19.2.18"
+    "vite": "^8.0.14",
+    "vite-plugin-solid": "^2.11.14"
   }
 }

package/src/index.ts

@@ -9,4 +9,4 @@ export {
   useSceneMusic,
   useSound,
   type SoundContextValue,
-} from './react'
+} from './sound'

package/src/{react.tsx → sound.tsx}

@@ -1,7 +1,15 @@
-'use client'
-
-import { createContext, useContext, useEffect, useMemo, useState, type ReactNode } from 'react'
-import { Music, Music2 } from 'lucide-react'
+import { Music, Music2 } from 'lucide-solid'
+import {
+  createContext,
+  createMemo,
+  createSignal,
+  on,
+  onCleanup,
+  onMount,
+  createEffect,
+  useContext,
+  type ParentProps,
+} from 'solid-js'
 import { soundController, type MusicOptions } from './controller'
 import { musicForScene } from './scene-music'
 import type { MusicId } from './config'
@@ -16,11 +24,11 @@ export type SoundContextValue = {
 
 const SoundContext = createContext<SoundContextValue | null>(null)
 
-export function SoundProvider({ children }: { children: ReactNode }) {
-  const [musicMuted, setMusicMuted] = useState(false)
-  const [ready, setReady] = useState(false)
+export function SoundProvider(props: ParentProps) {
+  const [musicMuted, setMusicMuted] = createSignal(false)
+  const [ready, setReady] = createSignal(false)
 
-  useEffect(() => {
+  onMount(() => {
     let mounted = true
     queueMicrotask(() => {
       if (mounted) setMusicMuted(soundController.musicMuted)
@@ -38,26 +46,23 @@ export function SoundProvider({ children }: { children: ReactNode }) {
       ;(window as unknown as { __agentHqSound?: typeof soundController }).__agentHqSound =
         soundController
     }
-    return () => {
+    onCleanup(() => {
       mounted = false
       window.removeEventListener('pointerdown', onGesture, { capture: true })
       window.removeEventListener('keydown', onGesture, { capture: true })
       window.removeEventListener('touchstart', onGesture, { capture: true })
-    }
-  }, [])
+    })
+  })
 
-  const value = useMemo<SoundContextValue>(
-    () => ({
-      controller: soundController,
-      ready,
-      musicMuted,
-      toggleMusicMute: () => setMusicMuted(soundController.toggleMusicMute()),
-      playMusic: (id, options) => soundController.playMusic(id, options),
-    }),
-    [musicMuted, ready]
-  )
+  const value = createMemo<SoundContextValue>(() => ({
+    controller: soundController,
+    ready: ready(),
+    musicMuted: musicMuted(),
+    toggleMusicMute: () => setMusicMuted(soundController.toggleMusicMute()),
+    playMusic: (id, options) => soundController.playMusic(id, options),
+  }))
 
-  return <SoundContext.Provider value={value}>{children}</SoundContext.Provider>
+  return <SoundContext.Provider value={value()}>{props.children}</SoundContext.Provider>
 }
 
 export function useSound(): SoundContextValue {
@@ -67,27 +72,32 @@ export function useSound(): SoundContextValue {
 }
 
 export function useSceneMusic(sceneId: string | null | undefined): void {
-  useEffect(() => {
-    const timeout = window.setTimeout(() => {
-      soundController.playMusic(musicForScene(sceneId))
-    }, 1500)
-    return () => window.clearTimeout(timeout)
-  }, [sceneId])
+  createEffect(
+    on(
+      () => sceneId,
+      (scene) => {
+        const timeout = window.setTimeout(() => {
+          soundController.playMusic(musicForScene(scene))
+        }, 1500)
+        onCleanup(() => window.clearTimeout(timeout))
+      }
+    )
+  )
 }
 
-function MusicButton({ muted, onToggle }: { muted: boolean; onToggle: () => void }) {
+function MusicButton(props: { muted: boolean; onToggle: () => void }) {
   return (
     <button
       type="button"
-      aria-label={muted ? 'Unmute music' : 'Mute music'}
-      aria-pressed={muted}
-      onClick={onToggle}
-      className={`inline-flex size-9 items-center justify-center rounded-lg border border-input bg-background transition-colors ${muted ? 'text-muted-foreground hover:text-foreground' : 'bg-primary text-primary-foreground'}`}
+      aria-label={props.muted ? 'Unmute music' : 'Mute music'}
+      aria-pressed={props.muted}
+      onClick={() => props.onToggle()}
+      class={`inline-flex size-9 items-center justify-center rounded-lg border border-input bg-background transition-colors ${props.muted ? 'text-muted-foreground hover:text-foreground' : 'bg-primary text-primary-foreground'}`}
     >
-      {muted ? (
-        <Music className="size-5" aria-hidden="true" />
+      {props.muted ? (
+        <Music class="size-5" aria-hidden="true" />
       ) : (
-        <Music2 className="size-5" aria-hidden="true" />
+        <Music2 class="size-5" aria-hidden="true" />
       )}
     </button>
   )

package/tsconfig.json

@@ -4,7 +4,8 @@
     "rootDir": "src",
     "outDir": "dist",
     "declaration": true,
-    "jsx": "react-jsx"
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js"
   },
   "include": ["src"]
 }

package/dist/react.js

@@ -1,67 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useMemo, useState } from 'react';
-import { Music, Music2 } from 'lucide-react';
-import { soundController } from './controller';
-import { musicForScene } from './scene-music';
-const SoundContext = createContext(null);
-export function SoundProvider({ children }) {
-    const [musicMuted, setMusicMuted] = useState(false);
-    const [ready, setReady] = useState(false);
-    useEffect(() => {
-        let mounted = true;
-        queueMicrotask(() => {
-            if (mounted)
-                setMusicMuted(soundController.musicMuted);
-        });
-        const onGesture = () => {
-            void soundController.unlock().then(() => {
-                if (mounted)
-                    setReady(true);
-            });
-        };
-        window.addEventListener('pointerdown', onGesture, { capture: true });
-        window.addEventListener('keydown', onGesture, { capture: true });
-        window.addEventListener('touchstart', onGesture, { capture: true });
-        if (new URLSearchParams(window.location.search).has('debug')) {
-            ;
-            window.__agentHqSound =
-                soundController;
-        }
-        return () => {
-            mounted = false;
-            window.removeEventListener('pointerdown', onGesture, { capture: true });
-            window.removeEventListener('keydown', onGesture, { capture: true });
-            window.removeEventListener('touchstart', onGesture, { capture: true });
-        };
-    }, []);
-    const value = useMemo(() => ({
-        controller: soundController,
-        ready,
-        musicMuted,
-        toggleMusicMute: () => setMusicMuted(soundController.toggleMusicMute()),
-        playMusic: (id, options) => soundController.playMusic(id, options),
-    }), [musicMuted, ready]);
-    return _jsx(SoundContext.Provider, { value: value, children: children });
-}
-export function useSound() {
-    const value = useContext(SoundContext);
-    if (!value)
-        throw new Error('useSound must be used within <SoundProvider>');
-    return value;
-}
-export function useSceneMusic(sceneId) {
-    useEffect(() => {
-        const timeout = window.setTimeout(() => {
-            soundController.playMusic(musicForScene(sceneId));
-        }, 1500);
-        return () => window.clearTimeout(timeout);
-    }, [sceneId]);
-}
-function MusicButton({ muted, onToggle }) {
-    return (_jsx("button", { type: "button", "aria-label": muted ? 'Unmute music' : 'Mute music', "aria-pressed": muted, onClick: onToggle, className: `inline-flex size-9 items-center justify-center rounded-lg border border-input bg-background transition-colors ${muted ? 'text-muted-foreground hover:text-foreground' : 'bg-primary text-primary-foreground'}`, children: muted ? (_jsx(Music, { className: "size-5", "aria-hidden": "true" })) : (_jsx(Music2, { className: "size-5", "aria-hidden": "true" })) }));
-}
-export function MusicToggle() {
-    const { musicMuted, toggleMusicMute } = useSound();
-    return _jsx(MusicButton, { muted: musicMuted, onToggle: toggleMusicMute });
-}