{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "context-chip",
  "type": "registry:ui",
  "title": "Context chip",
  "description": "Small toggle chip for picking context in AI prompts or filters, with an active accent state and hover styling. Passes through all native button props.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/context-chip.tsx",
      "type": "registry:ui",
      "target": "components/ui/context-chip.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction ContextChip({\n  children,\n  className,\n  active,\n  ...props\n}: React.ComponentProps<\"button\"> & { active?: boolean }) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"context-chip\"\n      data-active={active || undefined}\n      className={cn(\n        \"inline-flex h-6 items-center rounded-md border px-2 text-xs outline-none transition-[border-color,background-color] duration-[70ms]\",\n        \"focus-visible:ring-2 focus-visible:ring-accent\",\n        active\n          ? \"border-accent/40 bg-accent/10 text-fg\"\n          : \"border-border bg-sunken text-fg-muted hover:border-fg-subtle hover:text-fg\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\nexport { ContextChip }\n"
    }
  ]
}