Inputs

A checkbox marks an item as selected (in a set, in a form to be submitted); a switch flips a state that takes effect immediately — auto-reply on, a connector enabled, a consent granted. HIG and Material draw the same line.

• One switch, no size or color variants — variants are how the fragmentation this ended starts over.
• label renders the visible text as part of the same control (clicking it toggles); pass ariaLabel only when no visible label sits with it.
• Review heuristic: a new type="checkbox" whose handler mutates server state immediately (not on form submit) is a switch wearing the wrong control — rejected.

Pills — four roles, one discipline

Rounded tinted surfaces serve FOUR distinct roles. Every pill on any surface must be one of these, via its named utility — never a hand-rolled variant:

Rule 1 — utilities are complete by default. Every utility above renders correctly bare. Active/selected variants carry the FULL base shape so both standalone and composed usage render identically. Call-site utilities still override the baked defaults when a context truly differs.

Rule 2 — one state, one signal. A state already carried by an icon/shape (a check circle, a filled dot) does NOT also get a badge. Duplicated signals read as clutter and make the static badge look like a stray button.

Rule 3 — status is never dressed as an action. Size is the separator: badges stay tiny with no hover/press states; anything 44pt-tall and tinted reads as tappable and must actually be tappable.