Aurora Dropdown Menu

1"use client"
2 
3/**
4 * Aurora Design System — Dropdown Menu
5 * peer dep: @radix-ui/react-dropdown-menu
6 */
7 
8import * as React from "react"
9import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
10import { Check, ChevronRight, Circle } from "lucide-react"
11import { cn } from "@/lib/utils"
12import { usePortalContainer } from "@/registry/aurora/lib/portal-container"
13 
14// ─── Shared menu content styles ───────────────────────────────────────────────
15 
16const menuContentStyle: React.CSSProperties = {
17  backgroundColor: "var(--aurora-panel-strong)",
18  borderColor: "var(--aurora-border-strong)",
19  boxShadow:
20    "var(--aurora-shadow-strong), var(--aurora-highlight-medium)",
21  color: "var(--aurora-text-primary)",
22}
23 
24const menuItemBase = [
25  "relative flex cursor-pointer select-none items-center gap-2",
26  "rounded-[6px] px-2 py-2 outline-none",
27  "transition-colors duration-100",
28].join(" ")
29 
30const menuTextStyle: React.CSSProperties = {
31  fontFamily: "var(--aurora-font-sans)",
32  fontSize: "var(--aurora-type-control)",
33  fontWeight: "var(--aurora-weight-ui)",
34  letterSpacing: "var(--aurora-letter-ui)",
35  lineHeight: "var(--aurora-line-dense)",
36}
37 
38// ─── Root primitives ──────────────────────────────────────────────────────────
39 
40// Inside a scoped preview container, force non-modal so an auto-open menu
41// preview never scroll-locks / focus-traps the surrounding page (mirrors Drawer).
42function DropdownMenu({ ...rootProps }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
43  const portalContainer = usePortalContainer()
44  return <DropdownMenuPrimitive.Root {...rootProps} modal={portalContainer ? false : rootProps.modal} />
45}
46 
47const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
48const DropdownMenuGroup = DropdownMenuPrimitive.Group
49const DropdownMenuPortal = DropdownMenuPrimitive.Portal
50const DropdownMenuSub = DropdownMenuPrimitive.Sub
51const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
52 
53// ─── Content ──────────────────────────────────────────────────────────────────
54 
55// … truncated