{
  "$schema": "../schemas/component-contract.schema.json",
  "id": "breadcrumb",
  "version": "2.0.0",
  "name": "Breadcrumb",
  "category": "navigation",
  "appStatus": "not-planned",
  "appNote": "RN 主要ライブラリ提供 0/5。Apple HIG が multisegment breadcrumb を明示的に否定。back ボタン + nav bar タイトルで代替",
  "intent": "階層パスナビゲーション。ol要素で構造化。",
  "docPath": "components/breadcrumb.md",
  "anatomy": ["nav", "orderedList", "linkItem", "separator", "currentPage", "ellipsis?", "homeIcon?"],
  "variants": {
    "text-separator": {
      "description": "スラッシュ（/）区切りの標準パンくず",
      "tokenRefs": {
        "text": "color.semantic.light.text-muted",
        "text-current": "color.semantic.light.text-heading"
      },
      "tailwind": "flex items-center gap-2 text-sm"
    },
    "chevron-separator": {
      "description": "Chevron（>）区切りのパンくず",
      "tokenRefs": {
        "text": "color.semantic.light.text-muted",
        "text-current": "color.semantic.light.text-heading"
      },
      "tailwind": "flex items-center gap-2 text-sm"
    }
  },
  "sizes": {},
  "states": [
    "default",
    "hover"
  ],
  "a11y": {
    "role": "navigation",
    "required": [
      "aria-label=\"パンくずリスト\"",
      "aria-current=\"page\""
    ],
    "keyboard": [],
    "focusRing": "focus:ring-2 focus:ring-primary-500/50"
  },
  "rules": [
    {
      "id": "SPACE_NO_MISSING_ARIA_CURRENT",
      "severity": "error"
    },
    {
      "id": "A11Y_NAV_ARIA_LABEL_REQUIRED",
      "severity": "error"
    }
  ],
  "htmlSample": "<nav aria-label=\"パンくずリスト\"><ol class=\"flex items-center gap-2 text-sm\"><li><a href=\"#\" class=\"text-slate-500 hover:text-slate-700\">ホーム</a></li><li class=\"text-slate-500\">/</li><li><span class=\"text-slate-900 font-medium\" aria-current=\"page\">詳細</span></li></ol></nav>"
}