menubar

1"use client"
2 
3import * as React from "react"
4import * as MenubarPrimitive from "@radix-ui/react-menubar"
5import { Check, ChevronRight, Circle } from "lucide-react"
6 
7import { cn } from "@/lib/utils"
8 
9function MenubarMenu({
10  ...props
11}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {
12  return <MenubarPrimitive.Menu {...props} />
13}
14 
15function MenubarGroup({
16  ...props
17}: React.ComponentProps<typeof MenubarPrimitive.Group>) {
18  return <MenubarPrimitive.Group {...props} />
19}
20 
21function MenubarPortal({
22  ...props
23}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {
24  return <MenubarPrimitive.Portal {...props} />
25}
26 
27function MenubarRadioGroup({
28  ...props
29}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {
30  return <MenubarPrimitive.RadioGroup {...props} />
31}
32 
33function MenubarSub({
34  ...props
35}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {
36  return <MenubarPrimitive.Sub data-slot="menubar-sub" {...props} />
37}
38 
39const Menubar = React.forwardRef<
40  React.ElementRef<typeof MenubarPrimitive.Root>,
41  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>
42>(({ className, ...props }, ref) => (
43  <MenubarPrimitive.Root
44    ref={ref}
45    className={cn(
46      "flex h-10 items-center space-x-1 rounded-md border bg-background p-1",
47      className
48    )}
49    {...props}
50  />
51))
52Menubar.displayName = MenubarPrimitive.Root.displayName
53 
54const MenubarTrigger = React.forwardRef<
55  React.ElementRef<typeof MenubarPrimitive.Trigger>,
56  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>
57>(({ className, ...props }, ref) => (
58  <MenubarPrimitive.Trigger
59    ref={ref}
60    className={cn(
61      "flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
62      className
63    )}
64    {...props}
65  />
66))
67MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName
68 
69const MenubarSubTrigger = React.forwardRef<
70  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,
71  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {
72    inset?: boolean
73  }
74>(({ className, inset, children, ...props }, ref) => (
75  <MenubarPrimitive.SubTrigger
76    ref={ref}
77    className={cn(
78      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
79// … truncated