{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-mention-pill",
  "title": "Z Mention Pill",
  "dependencies": [
    "@heroicons/react@2.2.0"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-theme.json",
    "https://ui.orchid.ai/r/z-provider-icon.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/atoms/z-mention-pill/z-mention-pill.tsx",
      "content": "\"use client\";\nimport { EnvelopeIcon, UserIcon } from '@heroicons/react/16/solid';\nimport ZProviderIcon from \"../z-provider-icon/z-provider-icon\";\nexport default function ZMentionPill({ type, name, provider, }: {\n    type: 'thread' | 'contact' | 'message' | 'label' | 'tool';\n    name: string;\n    provider?: string;\n}) {\n    const icon = type === 'tool' && provider ? (<ZProviderIcon provider={provider} className=\"size-(--icon-size)\"/>) : type === 'contact' ? (<UserIcon className=\"size-(--icon-size)\"/>) : (<EnvelopeIcon className=\"size-(--icon-size)\"/>);\n    return (<span className=\"text-neutral-subtle relative inline-flex items-center gap-1 align-baseline pl-[calc(var(--icon-size)+4px)] [--icon-size:16px]\">\n      <div className=\"absolute left-0\">{icon}</div>\n      <span className=\"max-w-[12rem] truncate\">{name}</span>\n    </span>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/atoms/z-mention-pill/z-mention-pill.tsx"
    }
  ],
  "type": "registry:ui"
}