Core Host Icon Controls

• Resolve core Host icons through HOST_ICONOLOGY.
• Compose text actions with Button and icon-only actions with IconButton. Express state through active, pressed, open, and subordinate props.
• Icon controls are 32 by 32 pixels with 16 pixel icons. Text controls are 32 pixels high.
• Idle is transparent and muted; persistent state strength is active > pressed > open > hover; focus uses the shared 2 pixel ring.
• Core controls are borderless, shadowless, padding-free, and use the 6px control radius unless compound geometry joins controls.
• A subordinate control uses the shared subordinate behavior and never owns local opacity state classes.
• Pair icon-only controls with an accessible name and the shared Tooltip. Control groups share one handle and popup; native title tooltips are prohibited.
• Surface and elevation selection belongs to the Visual system.

Authority and evidence

• Recipes: packages/ui/src/recipes.ts
• Semantic icon keys: iconology.test.ts
• Rendered geometry, state, association, and focus: apps/canvas/e2e/host-control-states.spec.ts