Density Switch

The component is self-contained: one file, no dependencies, the palette in --vibeui-datagrid-027-*. A client component: useState holds the mode, which goes into data-density on the root; three variables — the padding, the type size and the leading — are overridden by a single selector per mode, so no new rules for the cells are needed. Density here is not only about padding: in the roomy mode a second line with a note is shown, which the compact mode does not have — otherwise "roomy" is just air. The switch is assembled from radio buttons inside a fieldset: this is a choice of one out of three, not three independent buttons. The current state is duplicated in text with role=status. The theme comes from the surrounding color-scheme through light-dark(): by default the table lays no panel under itself, it sits directly on the page background and darkens along with it.