{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dropdown-menu",
  "title": "Dropdown Menu",
  "description": "A short list of actions behind a button.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "https://spotcheckui.com/r/spotcheck-base.json"
  ],
  "files": [
    {
      "path": "registry/spotcheck/components/spotcheck/dropdown-menu.tsx",
      "content": "\"use client\"\n\nimport { Menu } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport const DropdownMenu = Menu.Root\nexport const DropdownMenuTrigger = Menu.Trigger\n\ntype ClassName = { className?: string }\n\nexport function DropdownMenuContent({ className, ...props }: Omit<Menu.Popup.Props, \"className\"> & ClassName) {\n  return (\n    <Menu.Portal>\n      <Menu.Positioner sideOffset={6} align=\"start\" className=\"z-50\">\n        <Menu.Popup\n          className={cn(\n            \"border-ink bg-paper text-ink min-w-44 border-(length:--rule) py-1 font-(family-name:--f-body) shadow-[6px_6px_0_var(--ink)] outline-none\",\n            className,\n          )}\n          {...props}\n        />\n      </Menu.Positioner>\n    </Menu.Portal>\n  )\n}\n\nexport function DropdownMenuItem({ className, ...props }: Omit<Menu.Item.Props, \"className\"> & ClassName) {\n  return (\n    <Menu.Item\n      className={cn(\n        \"data-highlighted:bg-ink data-highlighted:text-paper data-disabled:text-mute cursor-pointer px-3 py-1.5 text-sm outline-none data-disabled:cursor-not-allowed\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function DropdownMenuSeparator() {\n  return <div role=\"separator\" className=\"bg-ink my-1 h-0.5\" />\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "core"
  ],
  "type": "registry:component"
}