@adea-ai/audio 0.70.10 → 0.70.12

package/dist/sound.js

@@ -3,7 +3,7 @@ import { musicForScene } from "./scene-music.js";
 import { createComponent, memo } from "solid-js/web";
 import { Music, Music2 } from "lucide-solid";
 import { createContext, createEffect, createMemo, createSignal, on, onCleanup, onMount, useContext } from "solid-js";
-import { Button } from "@adea-ai/ui/components/ui/button";
+import { ActionButton } from "@adea-ai/ui/components/composites/action-button";
 //#region src/sound.tsx
 var SoundContext = createContext(null);
 function SoundProvider(props) {
@@ -60,8 +60,11 @@ function useSceneMusic(sceneId) {
 	}));
 }
 function MusicButton(props) {
-	return createComponent(Button, {
+	return createComponent(ActionButton, {
 		type: "button",
+		get tooltip() {
+			return props.muted ? "Unmute music" : "Mute music";
+		},
 		get ["aria-label"]() {
 			return props.muted ? "Unmute music" : "Mute music";
 		},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adea-ai/audio",
-  "version": "0.70.10",
+  "version": "0.70.12",
   "description": "Optional, lazy music controller and Solid bindings for Adea. Audio is non-blocking so scene loading never waits on sound assets.",
   "keywords": [
     "audio",

package/src/sound.tsx

@@ -13,7 +13,7 @@ import {
 import { soundController, type MusicOptions } from './controller'
 import { musicForScene } from './scene-music'
 import type { MusicId } from './config'
-import { Button } from '@adea-ai/ui/components/ui/button'
+import { ActionButton } from '@adea-ai/ui/components/composites/action-button'
 
 export type SoundContextValue = {
   controller: typeof soundController
@@ -88,8 +88,9 @@ export function useSceneMusic(sceneId: string | null | undefined): void {
 
 function MusicButton(props: { muted: boolean; onToggle: () => void }) {
   return (
-    <Button
+    <ActionButton
       type="button"
+      tooltip={props.muted ? 'Unmute music' : 'Mute music'}
       aria-label={props.muted ? 'Unmute music' : 'Mute music'}
       aria-pressed={props.muted}
       onClick={() => props.onToggle()}
@@ -101,7 +102,7 @@ function MusicButton(props: { muted: boolean; onToggle: () => void }) {
       ) : (
         <Music2 class="size-5" aria-hidden="true" />
       )}
-    </Button>
+    </ActionButton>
   )
 }