Container-aware bento and dashboard composition.
System role
Tier-0 design-system foundation used by dynamic projections.
Rendered component states
Use
1 column is selected by contract metadata, responsive context or explicit recipe configuration for Grid.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
2 columns is selected by contract metadata, responsive context or explicit recipe configuration for Grid.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
3 columns is selected by contract metadata, responsive context or explicit recipe configuration for Grid.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
auto-fit is selected by contract metadata, responsive context or explicit recipe configuration for Grid.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.