{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-autocomplete-item",
  "title": "Z Autocomplete Item",
  "dependencies": [
    "@base-ui-components/react@1.0.0-beta.3"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-theme.json",
    "https://ui.orchid.ai/r/z-autocomplete-root.json",
    "https://ui.orchid.ai/r/z-list-item.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/atoms/z-autocomplete/z-autocomplete-item.tsx",
      "content": "\"use client\";\nimport type { AutocompleteItem } from \"./z-autocomplete-root\";\nimport { AutocompleteContext } from \"./z-autocomplete-root\";\nimport { Autocomplete } from '@base-ui-components/react/autocomplete';\nimport ZListItem from \"../z-list-item/z-list-item\";\nimport { type ReactNode, useContext } from 'react';\ntype ZAutocompleteItemProps = {\n    item: AutocompleteItem;\n    children?: ReactNode;\n    className?: string;\n    disabled?: boolean;\n    index?: number;\n};\nexport default function ZAutocompleteItem({ item, children, className, disabled = false, index, }: ZAutocompleteItemProps) {\n    const { onItemSelect, highlightedIndex, setHighlightedIndex } = useContext(AutocompleteContext);\n    const isHighlighted = highlightedIndex !== undefined ? highlightedIndex === index : false;\n    return (<Autocomplete.Item key={item.value} value={item} disabled={disabled || item.disabled} className={className} render={(props, state) => (<div {...(props as React.HTMLAttributes<HTMLDivElement>)} data-highlighted={isHighlighted || state.highlighted ? '' : undefined} onMouseDown={(e) => {\n                e.preventDefault();\n            }} onClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                onItemSelect?.(item);\n            }} onMouseEnter={() => {\n                if (index !== undefined && setHighlightedIndex) {\n                    setHighlightedIndex(index);\n                }\n            }}>\n          <ZListItem active={isHighlighted || state.highlighted}>\n            {children || item.label}\n          </ZListItem>\n        </div>)}/>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/atoms/z-autocomplete/z-autocomplete-item.tsx"
    }
  ],
  "type": "registry:ui"
}