{
  "components": [
    {
      "id": "button",
      "name": "Button",
      "description": "Triggers an action on the current page, in three levels of emphasis and three sizes.",
      "variants": [
        "primary",
        "secondary",
        "ghost"
      ],
      "sizes": [
        "sm",
        "md",
        "lg"
      ],
      "stacks": [
        "react",
        "angular",
        "vue",
        "swift",
        "kotlin"
      ],
      "href": "/r/button.json"
    },
    {
      "id": "card",
      "name": "Card",
      "description": "A surface that groups related content, such as a title, a short text and one action.",
      "variants": [
        "elevated",
        "outlined",
        "filled"
      ],
      "sizes": [
        "sm",
        "md",
        "lg"
      ],
      "stacks": [
        "react",
        "angular",
        "vue",
        "swift",
        "kotlin"
      ],
      "href": "/r/card.json"
    },
    {
      "id": "input",
      "name": "Input",
      "description": "A single-line text field with a visible label and optional help text.",
      "variants": [
        "outline",
        "filled"
      ],
      "sizes": [
        "sm",
        "md",
        "lg"
      ],
      "stacks": [
        "react",
        "angular",
        "vue",
        "swift",
        "kotlin"
      ],
      "href": "/r/input.json"
    }
  ],
  "stacks": [
    {
      "id": "react",
      "label": "React"
    },
    {
      "id": "angular",
      "label": "Angular"
    },
    {
      "id": "vue",
      "label": "Vue"
    },
    {
      "id": "swift",
      "label": "Swift"
    },
    {
      "id": "kotlin",
      "label": "Kotlin"
    }
  ],
  "endpoints": {
    "index": "/r/index.json",
    "tokens": "/r/tokens.json",
    "rules": "/r/rules.json",
    "component": "/r/{component}.json?stack={stack}"
  }
}