{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-dropdown-item",
  "title": "Z Dropdown Item",
  "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-list-item.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/atoms/z-dropdown/z-dropdown-item.tsx",
      "content": "\"use client\";\nimport ZListItem from \"../z-list-item/z-list-item\";\nimport type { HeroIcon } from \"../../../lib/types\";\nimport { cn } from \"../../../lib/ui-utils\";\nimport { Menu } from '@base-ui-components/react/menu';\nimport { useRouter } from \"../../../adapters/navigation\";\nimport { type ReactNode, useCallback } from 'react';\ntype Props = {\n    children?: ReactNode;\n    leading?: ReactNode;\n    trailing?: ReactNode;\n    leadingIcon?: HeroIcon;\n    trailingIcon?: HeroIcon;\n    shortcut?: string | ReactNode;\n    disabled?: boolean;\n    onClickAction?: () => void;\n    className?: string;\n    href?: string;\n    prefetch?: boolean;\n    highlighted?: boolean;\n};\nexport default function ZDropdownItem({ children, leading, trailing, leadingIcon, trailingIcon, shortcut, disabled = false, onClickAction: onClick, className, href, prefetch: _prefetch, highlighted = false, }: Props) {\n    const LeadingIcon = leadingIcon;\n    const TrailingIcon = trailingIcon;\n    const router = useRouter();\n    const handleClick = useCallback(() => {\n        onClick?.();\n        if (!href)\n            return;\n        if (href.startsWith('/')) {\n            router.navigate({ to: href });\n            return;\n        }\n        window.location.assign(href);\n    }, [href, onClick, router]);\n    return (<Menu.Item className={cn('group/zhover outline-none')} disabled={disabled} onClick={() => {\n            handleClick();\n        }} render={(props, state) => (<div {...(props as React.HTMLAttributes<HTMLDivElement>)} data-highlighted={state.highlighted || highlighted ? '' : undefined}>\n          <ZListItem className={cn(className)}>\n            {LeadingIcon && <LeadingIcon className=\"text-neutral-subtle size-4\"/>}\n            {leading && <span className=\"flex size-4 items-center justify-center\">{leading}</span>}\n            <span className=\"flex-1 text-left\">{children}</span>\n            {trailing && <span className=\"flex items-center\">{trailing}</span>}\n            {TrailingIcon && <TrailingIcon className=\"text-neutral-subtle size-4\"/>}\n            {shortcut && (<span className=\"text-copy-sm text-neutral-subtle flex items-center\">{shortcut}</span>)}\n          </ZListItem>\n        </div>)}/>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/atoms/z-dropdown/z-dropdown-item.tsx"
    }
  ],
  "type": "registry:ui"
}