{
  "id": "mortar-segmented-control",
  "logicalId": "segmented-control",
  "name": "SegmentedControl",
  "description": "Mortar foundation segmented control, using central semantic tokens.",
  "stack": "react-tailwind",
  "package": "@tony-ui/mortar",
  "version": "0.1.0",
  "export": "SegmentedControl",
  "source": "src/inspection.tsx",
  "capabilities": ["theme", "foundation", "action", "keyboard"],
  "owner": "Mortar maintainers",
  "kitId": "foundation",
  "provenance": {
    "kitId": "foundation",
    "exampleId": "mortar-foundation-reference",
    "sourceDigest": "f132052b4ac52f3909ac437073c076b9f615849effea14dabf7d30759d714c2d"
  },
  "contract": {
    "props": {
      "label": "string",
      "value": "string",
      "options": "{ value: string; label: string }[]",
      "onChange": "(value: string) => void"
    },
    "states": [
      "Light",
      "Dark",
      "Neutral brand",
      "Green brand",
      "Keyboard and focus"
    ],
    "usage": "Import { SegmentedControl } from @tony-ui/mortar. Compose with the public typed props.",
    "avoid": "Do not copy implementations, override central colours or grant component approval.",
    "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
    "dependencies": []
  },
  "preview": {
    "source": "previews/SegmentedControlPreview.tsx"
  }
}