{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "chip",
  "type": "registry:ui",
  "title": "Chip",
  "description": "A small monospace token for code values such as field names, IDs and flags, set inline in text.",
  "categories": [
    "atoms"
  ],
  "registryDependencies": [
    "https://irisui.dev/r/foundation.json"
  ],
  "files": [
    {
      "path": "src/registry/components/chip/chip.tsx",
      "content": "/** Monospace token chip — for code values like `updated_at`. */\nexport function Chip({\n  children,\n  tone = \"neutral\",\n  className = \"\",\n}: {\n  children: React.ReactNode;\n  tone?: \"neutral\" | \"accent\" | \"orange\";\n  className?: string;\n}) {\n  const tones = {\n    neutral: \"bg-inset text-ink-2\",\n    accent: \"bg-accent-tint text-accent-ink\",\n    orange: \"bg-orange-tint text-orange\",\n  };\n  return (\n    <code\n      className={`inline rounded-chip px-1.5 py-0.5 font-mono text-[12px]\n        leading-none align-[-1px] ${tones[tone]} ${className}`}\n    >\n      {children}\n    </code>\n  );\n}\n",
      "type": "registry:component",
      "target": "@components/iris/chip/chip.tsx"
    }
  ],
  "docs": "Docs and live preview: https://irisui.dev/components/chip",
  "meta": {
    "kind": "component",
    "group": "Data display",
    "export": "Chip",
    "docs": "https://irisui.dev/components/chip"
  }
}