Grid

Composes with the classes `Box` computes instead of replacing them.

How many columns a full row spans. It is the unit `Grid.Col`'s `span` counts against, so changing it rescales every child at once.

The element it paints.

Lets the columns of the last row stretch to fill it instead of leaving a gap on the end. Only affects a row that did not fill up.

Gap between columns and rows. Replaces `gap`, which `Grid` does not accept.

Animates the element in when it first scrolls into view. `true` takes the catalogue entrance; an object tunes it — `preset`, `distance`, `spring`, `duration`, `once`, `amount`, `rootMargin` and `index` for a stagger. It lives here rather than on each surface so that `Card`, `Paper`, `GradientBorder`, `Section` and anything else built on `Box` inherit one implementation. Without it `Box` stays a server component; with it the root swaps for a client shell and the children keep rendering on the server. The entrance is a CSS transition, not a JavaScript animation: it is the only motion in the catalogue that fires WHILE the user scrolls, and the compositor should own it.

Wraps columns that do not fit onto the next row. Turn it off and they shrink instead, which is what you want for a row that must stay one line.