{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-label-list-item",
  "title": "Z Label 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-hover.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/molecules/z-label-list-item/z-label-list-item.tsx",
      "content": "\"use client\";\nimport ZHover from \"../../atoms/z-hover/z-hover\";\nimport { cn } from \"../../../lib/ui-utils\";\ntype Props = {\n    className?: string;\n    name: string;\n    color: string;\n    ident: string;\n};\nexport default function ZLabelListItem({ className, name, color, ident }: Props) {\n    return (<ZHover borderRadius=\"rounded-lg\" background=\"bg-neutral-strong\" className={cn('flex items-center gap-1 px-2 py-2', className)}>\n      <div className=\"size-4 rounded\" style={{ backgroundColor: color }}/>\n      <div className=\"flex min-w-0 flex-1 justify-between gap-1\">\n        <span className=\"text-copy text-neutral truncate\">{name}</span>\n        <span className=\"text-copy text-neutral-subtle truncate\">{ident}</span>\n      </div>\n    </ZHover>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/molecules/z-label-list-item/z-label-list-item.tsx"
    }
  ],
  "type": "registry:ui"
}