menubar

1"use client"
2 
3import * as React from "react"
4import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
5import { Menubar as MenubarPrimitive } from "radix-ui"
6 
7import { cn } from "@/lib/utils"
8 
9function Menubar({
10  className,
11  ...props
12}: React.ComponentProps<typeof MenubarPrimitive.Root>) {
13  return (
14    <MenubarPrimitive.Root
15      data-slot="menubar"
16      className={cn(
17        "flex h-9 items-center gap-1 rounded-md border bg-background p-1 shadow-xs",
18        className
19      )}
20      {...props}
21    />
22  )
23}
24 
25function MenubarMenu({
26  ...props
27}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {
28  return <MenubarPrimitive.Menu data-slot="menubar-menu" {...props} />
29}
30 
31function MenubarGroup({
32  ...props
33}: React.ComponentProps<typeof MenubarPrimitive.Group>) {
34  return <MenubarPrimitive.Group data-slot="menubar-group" {...props} />
35}
36 
37function MenubarPortal({
38  ...props
39}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {
40  return <MenubarPrimitive.Portal data-slot="menubar-portal" {...props} />
41}
42 
43function MenubarRadioGroup({
44  ...props
45}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {
46  return (
47    <MenubarPrimitive.RadioGroup data-slot="menubar-radio-group" {...props} />
48  )
49}
50 
51function MenubarTrigger({
52  className,
53  ...props
54}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {
55  return (
56    <MenubarPrimitive.Trigger
57      data-slot="menubar-trigger"
58      className={cn(
59        "flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
60        className
61      )}
62      {...props}
63    />
64  )
65}
66 
67function MenubarContent({
68  className,
69  align = "start",
70  alignOffset = -4,
71  sideOffset = 8,
72  ...props
73}: React.ComponentProps<typeof MenubarPrimitive.Content>) {
74  return (
75    <MenubarPortal>
76      <MenubarPrimitive.Content
77        data-slot="menubar-content"
78        align={align}
79        alignOffset={alignOffset}
80        sideOffset={sideOffset}
81        className={cn(
82// … truncated