Aurora Context Menu

1"use client"
2 
3/**
4 * Aurora Design System — Context Menu
5 * peer dep: @radix-ui/react-context-menu
6 */
7 
8import * as React from "react"
9import * as ContextMenuPrimitive from "@radix-ui/react-context-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 styles (mirror dropdown-menu) ────────────────────────────────
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 ContextMenu({ ...rootProps }: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
43  const portalContainer = usePortalContainer()
44  return <ContextMenuPrimitive.Root {...rootProps} modal={portalContainer ? false : rootProps.modal} />
45}
46const ContextMenuTrigger = ContextMenuPrimitive.Trigger
47const ContextMenuGroup = ContextMenuPrimitive.Group
48const ContextMenuPortal = ContextMenuPrimitive.Portal
49const ContextMenuSub = ContextMenuPrimitive.Sub
50const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup
51 
52// ─── Content ──────────────────────────────────────────────────────────────────
53 
54function ContextMenuContent({ ref, className, style, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {
55// … truncated