{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "value-pill",
  "type": "registry:ui",
  "title": "Value pill",
  "description": "A soft inline pill that sets off a plain value (a date, amount, name or count) inside running text.",
  "categories": [
    "atoms"
  ],
  "registryDependencies": [
    "https://irisui.dev/r/foundation.json"
  ],
  "files": [
    {
      "path": "src/registry/components/value-pill/value-pill.tsx",
      "content": "type Tone = \"neutral\" | \"green\" | \"orange\" | \"red\" | \"accent\";\n\n/* fill, ink and a 1px ring mixed from the tone at 28 % */\nconst TONES: Record<Tone, string> = {\n  neutral: \"bg-field text-ink-2 shadow-hairline\",\n  green: \"bg-green-tint text-green shadow-[0_0_0_1px_color-mix(in_oklch,var(--green)_28%,transparent)]\",\n  orange: \"bg-orange-tint text-orange shadow-[0_0_0_1px_color-mix(in_oklch,var(--orange)_28%,transparent)]\",\n  red: \"bg-red-tint text-red shadow-[0_0_0_1px_color-mix(in_oklch,var(--red)_28%,transparent)]\",\n  accent: \"bg-accent-tint text-accent-ink shadow-[0_0_0_1px_color-mix(in_oklch,var(--accent)_28%,transparent)]\",\n};\n\n/** Inline value badge — a plain value (a date, a name, a count) set off in\n *  prose. Softer than a StatusPill (no dot) and not a mono token (see Chip). */\nexport function ValuePill({\n  children,\n  tone = \"neutral\",\n  className = \"\",\n}: {\n  children: React.ReactNode;\n  tone?: Tone;\n  className?: string;\n}) {\n  return (\n    <span\n      className={`mx-0.5 inline-flex items-center rounded-full px-1.5 py-0\n        align-middle text-[12px] font-medium ${TONES[tone]} ${className}`}\n    >\n      {children}\n    </span>\n  );\n}\n",
      "type": "registry:component",
      "target": "@components/iris/value-pill/value-pill.tsx"
    }
  ],
  "docs": "Docs and live preview: https://irisui.dev/components/value-pill",
  "meta": {
    "kind": "component",
    "group": "Data display",
    "export": "ValuePill",
    "docs": "https://irisui.dev/components/value-pill"
  }
}