Context Menu

1import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuGroup } from "@/components/ui/context-menu";
2
3<ContextMenu />

1"use client";
2
3import { Menu as ArkMenu, useMenuContext } from "@ark-ui/react/menu";
4import type React from "react";
5import { cn } from "@/lib/utils";
6import {
7  Menu,
8  MenuContent,
9  MenuGroup,
10  MenuItem,
11  MenuSeparator,
12  MenuShortcut,
13  MenuSub,
14  MenuSubContent,
15  MenuSubTrigger,
16} from "@/registry/react/components/menu";
17
18export const useContextMenu = useMenuContext;
19
20export const ContextMenu = (props: React.ComponentProps<typeof Menu>) => (
21  <Menu data-slot="context-menu" {...props} />
22);
23
24export const ContextMenuTrigger = (
25  props: React.ComponentProps<typeof ArkMenu.ContextTrigger>
26) => {
27  const { className, ...rest } = props;
28