menubar

1"use client"
2 
3import * as React from "react"
4import { Menubar as MenubarPrimitive } from "radix-ui"
5 
6import { cn } from "@/registry/radix-sera/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(
17        "flex h-10 items-center rounded-none border p-1",
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-none px-2 py-0.75 text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted",
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          "cn-menu-target cn-menu-translucent z-50 min-w-48 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-none bg-popover p-1.5 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
83          className
84// … truncated