Menubar

1"use client"
2
3import * as MenubarPrimitive from "@radix-ui/react-menubar"
4import { Check, ChevronRight, Circle } from "lucide-react"
5
6import * as React from "react"
7
8import { cn } from "@/lib/utils"
9
10function Menubar({
11  className,
12  ...props
13}: React.ComponentProps<typeof MenubarPrimitive.Root>) {
14  return (
15    <MenubarPrimitive.Root
16      data-slot="menubar"
17      className={cn(
18        "flex h-11 items-center space-x-1 rounded-base border-2 border-border bg-main p-1 font-base",
19        className,
20      )}
21      {...props}
22    />
23  )
24}
25
26function MenubarMenu({
27  ...props
28}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {
29  return <MenubarPrimitive.Menu data-slot="menubar-menu" {...props} />
30}
31
32function MenubarTrigger({
33  className,
34  ...props
35}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {
36  return (
37    <MenubarPrimitive.Trigger
38      data-slot="menubar-trigger"
39      className={cn(
40        "flex cursor-default select-none items-center text-main-foreground rounded-base px-3 py-1.5 text-sm border-2 border-transparent font-heading outline-none focus:border-border data-[state=open]:border-border",
41        className,
42      )}
43      {...props}
44    />
45  )
46}
47
48function MenubarContent({
49  className,
50  align = "start",
51  alignOffset = -4,
52  sideOffset = 8,
53  ...props
54}: React.ComponentProps<typeof MenubarPrimitive.Content>) {
55  return (
56    <MenubarPrimitive.Portal>
57      <MenubarPrimitive.Content
58        data-slot="menubar-content"
59        align={align}
60        alignOffset={alignOffset}
61        sideOffset={sideOffset}
62        className={cn(
63          "z-50 min-w-[12rem] overflow-hidden rounded-base border-2 border-border bg-main p-1 text-main-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 origin-(--radix-menubar-content-transform-origin)",
64          className,
65        )}
66        {...props}
67      />
68    </MenubarPrimitive.Portal>
69  )
70}
71
72function MenubarGroup({
73  ...props
74}: React.ComponentProps<typeof MenubarPrimitive.Group>) {
75  return <MenubarPrimitive.Group data-slot="menubar-group" {...props} />
76}
77
78function MenubarPortal({
79  ...props
80}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {
81  return <MenubarPrimitive.Portal data-slot="menubar-portal" {...props} />
82}
83
84function MenubarSub({
85  ...props
86// … truncated