UtilityCandidate

The class name as written, which is also the selector it emits.

The hover:, md:, [&>*]: prefixes, in order.

The utility name — p, bg, flex.

Its value — 4, accent, [37px] — or empty.

Whether it was written with a leading -. A property of the value rather than of the family, because -mt-4 sets exactly what mt-4 sets and differs only in sign.

The contents of […], when the value is one — and the value half of an arbitrary property, and the var(…) that bg-(--brand) was shorthand for.

The /50 suffix read as an opacity, or null.

The /50 suffix as written. Kept as well as Opacity because the two readings of a slash are genuinely different: bg-accent/50 is half-transparent, and w-2/3 is two thirds wide, which as an opacity would be three percent. Which one a slash means is the utility's to decide, not the parser's.

Whether it ended in !.

The CSS property named by an arbitrary property — the mask-type of [mask-type:luminance] — or null for every other candidate. ⚠ A separate field rather than a Name that happens to look like a property, because the two are read by different tables and confusing them is the bug. Name is a key into UtilityFamilies' registry; this is a property name to emit verbatim, and there is by construction no family for it. A candidate with a Property has an empty Name and its value in Arbitrary.

One class name, taken apart.