{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-list-item",
  "title": "Z 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/atoms/z-list-item/z-list-item.tsx",
      "content": "\"use client\";\nimport ZHover from \"../z-hover/z-hover\";\nimport { type ReactNode } from 'react';\nimport { cn } from \"../../../lib/ui-utils\";\ntype Props = {\n    children: ReactNode;\n    active?: boolean;\n    onClick?: () => void;\n    className?: string;\n    background?: string;\n    borderRadius?: string;\n};\nexport default function ZListItem({ children, active = false, onClick, className, background = 'bg-surface-subtle', borderRadius = 'rounded-lg', }: Props) {\n    return (<div onClick={onClick} className={cn(className)}>\n      <ZHover className={cn('cursor-pointer px-2 py-1.5 transition-colors', className)} active={active} background={background} borderRadius={borderRadius}>\n        {children}\n      </ZHover>\n    </div>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/atoms/z-list-item/z-list-item.tsx"
    }
  ],
  "type": "registry:ui"
}