A headless transition component that coordinates CSS enter/leave animations via data attributes. Controls the animation lifecycle with a state machine — the parent sends Showed/Hidden messages, and the component manages the double-rAF timing, transition detection, and cleanup.
This content fades in and out using CSS transitions coordinated by the Transition component. The data attributes (data-closed, data-enter, data-leave, data-transition) drive the animation via Tailwind selectors.
