{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "edge-label",
  "type": "registry:component",
  "title": "Edge Label",
  "description": "Inline edge label for relationship semantics such as streams, handoffs, or policies.",
  "dependencies": [
    "@vllnt/ui@^0.2.1"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/edge-label/edge-label.tsx",
      "content": "import { forwardRef } from \"react\";\n\nimport { cn } from \"@vllnt/ui\";\n\nexport type EdgeLabelProps = React.ComponentPropsWithoutRef<\"span\"> & {\n  emphasis?: \"active\" | \"subtle\";\n};\n\nconst emphasisClasses: Record<\n  NonNullable<EdgeLabelProps[\"emphasis\"]>,\n  string\n> = {\n  active: \"border-sky-500/30 bg-sky-500/10 text-sky-700 dark:text-sky-300\",\n  subtle: \"border-border/60 bg-background/90 text-muted-foreground\",\n};\n\nconst EdgeLabel = forwardRef<HTMLSpanElement, EdgeLabelProps>(\n  ({ className, emphasis = \"subtle\", ...props }, ref) => (\n    <span\n      className={cn(\n        \"inline-flex items-center rounded-full border px-2.5 py-1 text-[11px] font-medium uppercase tracking-[0.18em] shadow-sm\",\n        emphasisClasses[emphasis],\n        className,\n      )}\n      data-emphasis={emphasis}\n      ref={ref}\n      {...props}\n    />\n  ),\n);\n\nEdgeLabel.displayName = \"EdgeLabel\";\n\nexport { EdgeLabel };\n",
      "type": "registry:component"
    }
  ],
  "version": "0.2.1",
  "stability": "stable"
}
