Render surface toggles in an anatomical cross/plus layout:
buccal (top), mesial (left), occlusal (center), distal (right), lingual (bottom).
Each item: { value, labelKey?, label?, letter, pos }. pos is one of
buccal|mesial|occlusal|distal|lingual and drives grid placement via a CSS class.
Keeps a hidden checkbox input (value=item.value) so existing state-sync works.
Render surface toggles in an anatomical cross/plus layout: buccal (top), mesial (left), occlusal (center), distal (right), lingual (bottom). Each item: { value, labelKey?, label?, letter, pos }.
posis one of buccal|mesial|occlusal|distal|lingual and drives grid placement via a CSS class. Keeps a hidden checkbox input (value=item.value) so existing state-sync works.