Package Changelog Block for React

Edit VERSIONS at the top of the file. A version has an id, its tag (the label in the select), a bump (Minor or Major), a prerelease flag, an ISO date, downloads and its groups: a kind (Breaking, Features, Fixes, Dependencies) and a list of one-line changes. A kind with no changes is simply left out, and the first group in the list is the one that opens, so put Breaking first when a version has any. Counts and the polite summary are computed from the lists.

It is the catalog Select, so it opens with Enter, Space or the arrow keys, type-ahead picks an item, and Escape closes it. Choosing a version swaps the facts and rebuilds the accordion with its first group open. The block keeps its height because an unseen copy of every version's groups sits in the same grid cell.

It is Counting Number: choosing another version counts on from the figure showing to the new one, instead of jumping. Screen readers read the value, never the count, and with reduced motion the new value appears at once. The number sits in a fixed width so the facts around it don't shift.

Each group's heading is a button: Enter or Space opens and closes it, and a count beside the name says how many changes are inside. Tab moves between the group headings; the arrow keys don't.

It copies the install command for the chosen version, swaps its icon for a check and tells screen readers "Copied the install command for v4.2.0" through a polite line. If the clipboard refuses it says it couldn't copy. The command is plain text in a focusable region, so it can be selected by hand and scrolls on a phone.

The header, the facts and the groups fade up once on load, with CSS transitions, and the downloads figure counts when the version changes. With reduced motion the entrances are off, the figure changes at once and the accordion opens without its slide.