{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-contact-list-item",
  "title": "Z Contact List Item",
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-foundation.json",
    "https://ui.orchid.ai/r/orchid-theme.json",
    "https://ui.orchid.ai/r/z-avatar.json",
    "https://ui.orchid.ai/r/z-hover.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/molecules/z-contact-list-item/z-contact-list-item.tsx",
      "content": "\"use client\";\nimport ZAvatar from \"../../atoms/z-avatar/z-avatar\";\nimport ZHover from \"../../atoms/z-hover/z-hover\";\nimport { cn } from \"../../../lib/ui-utils\";\ntype Props = {\n    className?: string;\n    name: string;\n    email: string;\n    fallback?: string;\n    avatar?: string;\n};\nexport default function ZContactListItem({ className, name, email, fallback, avatar }: Props) {\n    return (<ZHover borderRadius=\"rounded-lg\" background=\"bg-neutral-strong\" className={cn('flex items-center gap-1 px-2 py-1', className)}>\n      <ZAvatar size=\"sm\" src={avatar} fallback={fallback || name}/>\n      <div className=\"flex min-w-0 flex-col pl-2\">\n        <span className=\"text-copy text-neutral truncate\">{name}</span>\n        <span className=\"text-copy text-neutral-subtle truncate\">{email}</span>\n      </div>\n    </ZHover>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/molecules/z-contact-list-item/z-contact-list-item.tsx"
    }
  ],
  "type": "registry:ui"
}