refactor: standardize state property names across core, HTML, and React packages

Remove 'media' prefix from state mediator properties (mediaPaused -> paused, mediaMuted -> muted, etc.) and action types (mediaplayrequest -> playrequest) for cleaner, more consistent API across all platform implementations.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

packages/html/html/src/components/media-mute-button.ts

@@ -56,16 +56,16 @@ export const useMuteButtonState: StateHook<{
   muted: boolean;
   volumeLevel: string;
 }> = {
-  keys: ['mediaMuted', 'mediaVolumeLevel'],
+  keys: ['muted', 'volumeLevel'],
   transform: (rawState, mediaStore) => ({
-    muted: rawState.mediaMuted ?? false,
-    volumeLevel: rawState.mediaVolumeLevel ?? 'off',
+    muted: rawState.muted ?? false,
+    volumeLevel: rawState.volumeLevel ?? 'off',
     requestMute() {
-      const type = 'mediamuterequest';
+      const type = 'muterequest';
       mediaStore.dispatch({ type });
     },
     requestUnmute() {
-      const type = 'mediaunmuterequest';
+      const type = 'unmuterequest';
       mediaStore.dispatch({ type });
     },
   }),

packages/html/html/src/components/media-play-button.ts

@@ -44,15 +44,15 @@ export class PlayButtonBase extends MediaChromeButton {
  * Handles media store state subscription and transformation
  */
 export const usePlayButtonState: StateHook<{ paused: boolean }> = {
-  keys: ['mediaPaused'],
+  keys: ['paused'],
   transform: (rawState, mediaStore) => ({
-    paused: rawState.mediaPaused ?? true,
+    paused: rawState.paused ?? true,
     requestPlay() {
-      const type = 'mediaplayrequest';
+      const type = 'playrequest';
       mediaStore.dispatch({ type });
     },
     requestPause() {
-      const type = 'mediapauserequest';
+      const type = 'pauserequest';
       mediaStore.dispatch({ type });
     },
   }),