{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-dropdown-items",
  "title": "Z Dropdown Items",
  "dependencies": [
    "@base-ui-components/react@1.0.0-beta.3"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-foundation.json",
    "https://ui.orchid.ai/r/orchid-theme.json",
    "https://ui.orchid.ai/r/z-dropdown-root.json",
    "https://ui.orchid.ai/r/z-popover-container.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/atoms/z-dropdown/z-dropdown-items.tsx",
      "content": "\"use client\";\nimport ZPopoverContainer from \"../z-popover/z-popover-container\";\nimport { Menu } from '@base-ui-components/react/menu';\nimport { DropdownContext } from \"./z-dropdown-root\";\nimport { useContext, type ReactNode } from 'react';\nimport { cn } from \"../../../lib/ui-utils\";\ntype Props = {\n    children: ReactNode;\n    className?: string;\n};\nexport default function ZDropdownItems({ children, className }: Props) {\n    const { align, side, sideOffset, anchorRef, triggerAnchorRef } = useContext(DropdownContext);\n    return (<Menu.Portal>\n      <Menu.Positioner side={side} align={align} sideOffset={sideOffset} anchor={anchorRef ?? triggerAnchorRef} className={cn('z-[110]')} onFocus={(event) => event.preventDefault()} onMouseDown={(event) => event.preventDefault()}>\n        <Menu.Popup autoFocus={false} tabIndex={-1} onFocus={(event) => event.preventDefault()} onMouseDown={(event) => event.preventDefault()} className=\"group outline-none\">\n          <ZPopoverContainer className={className}>\n            <div className=\"flex max-h-60 flex-col gap-0.5 overflow-auto select-none [--lh:1lh]\">\n              {children}\n            </div>\n          </ZPopoverContainer>\n        </Menu.Popup>\n      </Menu.Positioner>\n    </Menu.Portal>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/atoms/z-dropdown/z-dropdown-items.tsx"
    }
  ],
  "type": "registry:ui"
}