{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-autocomplete-items",
  "title": "Z Autocomplete Items",
  "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-popover-container.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/atoms/z-autocomplete/z-autocomplete-items.tsx",
      "content": "\"use client\";\nimport { Autocomplete } from '@base-ui-components/react/autocomplete';\nimport { useContext, type ReactNode, Children } from 'react';\nimport { AutocompleteContext } from \"./z-autocomplete-root\";\nimport ZPopoverContainer from \"../z-popover/z-popover-container\";\ntype ZAutocompleteItemsProps = {\n    children: ReactNode;\n    className?: string;\n};\nexport default function ZAutocompleteItems({ children, className }: ZAutocompleteItemsProps) {\n    const { align, side, sideOffset, anchor } = useContext(AutocompleteContext);\n    if (!children || Children.count(children) === 0) {\n        return null;\n    }\n    return (<Autocomplete.Portal>\n      <Autocomplete.Positioner side={side} align={align} sideOffset={sideOffset} anchor={anchor} className=\"z-80\">\n        <Autocomplete.Popup className=\"outline-none\" initialFocus={false} finalFocus={false}>\n          <ZPopoverContainer className={className}>\n            <Autocomplete.List className=\"flex flex-col gap-0.5 select-none max-h-60 overflow-auto [--lh:1lh]\">\n              {children}\n            </Autocomplete.List>\n          </ZPopoverContainer>\n        </Autocomplete.Popup>\n      </Autocomplete.Positioner>\n    </Autocomplete.Portal>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/atoms/z-autocomplete/z-autocomplete-items.tsx"
    }
  ],
  "type": "registry:ui"
}