{
  "context": "This criteria evaluates how well the engineer uses @headlessui/react's flexible component composition pattern, specifically the Menu component family and its context-based parent-child communication system.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Menu parent component",
      "description": "Uses the Menu component as the parent container to establish context for child components",
      "max_score": 20
    },
    {
      "name": "MenuButton usage",
      "description": "Uses MenuButton component (not a regular button) to trigger the menu, which automatically connects to the Menu parent via context",
      "max_score": 20
    },
    {
      "name": "MenuItems container",
      "description": "Uses MenuItems component to wrap the list of menu options, which receives open/close state from Menu context",
      "max_score": 20
    },
    {
      "name": "MenuItem components",
      "description": "Uses MenuItem components for each individual menu option, which automatically receive state and event handlers from the Menu context",
      "max_score": 25
    },
    {
      "name": "Context-based composition",
      "description": "Demonstrates composition without explicit prop drilling - child components communicate with parent Menu through context rather than manually passing props",
      "max_score": 15
    }
  ]
}