menubar

1"use client"
2 
3import * as React from "react"
4import { Menubar as MenubarPrimitive } from "radix-ui"
5 
6import { cn } from "@/registry/bases/radix/lib/utils"
7import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
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("bg-background h-8 gap-0.5 rounded-lg border p-1 flex items-center", className)}
17      {...props}
18    />
19  )
20}
21 
22function MenubarMenu({
23  ...props
24}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {
25  return <MenubarPrimitive.Menu data-slot="menubar-menu" {...props} />
26}
27 
28function MenubarGroup({
29  ...props
30}: React.ComponentProps<typeof MenubarPrimitive.Group>) {
31  return <MenubarPrimitive.Group data-slot="menubar-group" {...props} />
32}
33 
34function MenubarPortal({
35  ...props
36}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {
37  return <MenubarPrimitive.Portal data-slot="menubar-portal" {...props} />
38}
39 
40function MenubarRadioGroup({
41  ...props
42}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {
43  return (
44    <MenubarPrimitive.RadioGroup data-slot="menubar-radio-group" {...props} />
45  )
46}
47 
48function MenubarTrigger({
49  className,
50  ...props
51}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {
52  return (
53    <MenubarPrimitive.Trigger
54      data-slot="menubar-trigger"
55      className={cn(
56        "hover:bg-muted aria-expanded:bg-muted rounded-sm px-1.5 py-px text-sm font-medium flex items-center outline-hidden select-none",
57        className
58      )}
59      {...props}
60    />
61  )
62}
63 
64function MenubarContent({
65  className,
66  align = "start",
67  alignOffset = -4,
68  sideOffset = 8,
69  ...props
70}: React.ComponentProps<typeof MenubarPrimitive.Content>) {
71  return (
72    <MenubarPortal>
73      <MenubarPrimitive.Content
74        data-slot="menubar-content"
75        align={align}
76        alignOffset={alignOffset}
77        sideOffset={sideOffset}
78        className={cn(
79          "bg-popover text-popover-foreground data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 cn-menu-target z-50 origin-(--radix-menubar-content-transform-origin) overflow-hidden",
80          className
81        )}
82        {...props}
83      />
84// … truncated