Comparison Paths Stepper Block for React Aria

Edit QUICK and FULL at the top of the file. Each step has an id, a title, minutes, a line on what the customer controls and whether it is optional. The cards, the lists, the totals and the "sooner" sentence are all drawn from them.

Steps marked optional. Unticking Include strikes the step through, takes its minutes off that path and updates the other numbers. Steps without the mark show "Always part of this path". The list that is not chosen cannot be changed until you choose it.

It is the full path's minutes minus the quick path's, each counting only the steps still included. If the optional steps change the order, the sentence names the other path, and if they tie it says both take the same time.

The chosen path, the left-out steps and the request are component state, lost on reload. Pressing Request only changes the status line to say it was requested in this demo and turns the button into Undo request. To book for real, send path and skipped from that handler.

The two cards are one radio group: arrow keys move the choice and Tab leaves the group. In the live list, Tab visits each Include box and Space toggles it; the dimmed list is skipped entirely because it is inert.

The cards and the two lists stack, and the chosen list comes first so the part you can act on is on screen. The dimmed list follows it.