{
  "id": "segmented-nav",
  "name": "SegmentedNav",
  "kind": "component",
  "status": "draft-stable",
  "summary": "Rounded grouped navigation control used in topbars and mode switchers.",
  "sourceRefs": [
    {
      "project": "nodedc_launcher",
      "file": "src/styles/globals.css",
      "classes": ["nodedc-expanded-nav-group", "nodedc-expanded-nav-button"]
    },
    {
      "project": "nodedc_taskmanager",
      "file": "plane-src/apps/web/styles/globals.css",
      "classes": ["nodedc-toolbar-group", "nodedc-toolbar-pill", "nodedc-toolbar-primary"]
    }
  ],
  "visualContract": {
    "groupRadius": "999px",
    "groupPadding": "0.25rem",
    "buttonRadius": "999px",
    "buttonHeight": "2.5rem to 3rem depending on header scale",
    "activeFill": "white or accent depending on context",
    "inactiveFill": "transparent or dark group surface"
  },
  "rules": [
    "No outlines.",
    "All items share height.",
    "Active segment does not resize the group.",
    "Use text labels only for route/mode tabs; icon-only actions use CircleActionButton."
  ]
}

