Files
v10/packages/react
910b999359 refactor(react): implement hooks-based PlayButton architecture
- Consolidate three PlayButton variants into single composable component
- Implement Adobe React Spectrum inspired hooks pattern:
  - usePlayButtonState: manages paused state and play/pause actions
  - usePlayButtonProps: handles accessibility and data attributes
  - renderPlayButton: pure render function with semantic markup
- Add Base UI inspired component factory with render prop support
- Remove connected/, ui/, and connected-with-defaults/ PlayButton variants
- Update MediaSkinDefault to use consolidated PlayButton component
- Provide full TypeScript support and accessibility features
- Follow separation of concerns with testable, reusable hooks

This architecture enables component customization while preserving behavior
consistency and follows modern React design patterns.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-08 17:15:40 -07:00
..