Aurora 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"
6import { cn } from "@/lib/utils"
7 
8export type MenubarProps = React.ComponentProps<typeof MenubarPrimitive.Root>
9export type MenubarTriggerProps = React.ComponentProps<typeof MenubarPrimitive.Trigger>
10 
11function Menubar({
12  className,
13  style,
14  ...props
15}: MenubarProps) {
16  return (
17    <MenubarPrimitive.Root
18      data-slot="menubar"
19      className={cn(
20        "flex items-center gap-1 rounded-[var(--aurora-radius-2)] border p-1.5",
21        className
22      )}
23      style={{
24        background: "var(--aurora-control-surface)",
25        borderColor: "var(--aurora-border-default)",
26        boxShadow: "var(--aurora-highlight-medium)",
27        ...style,
28      }}
29      {...props}
30    />
31  )
32}
33 
34const MenubarMenu = MenubarPrimitive.Menu
35const MenubarGroup = MenubarPrimitive.Group
36const MenubarPortal = MenubarPrimitive.Portal
37const MenubarRadioGroup = MenubarPrimitive.RadioGroup
38const MenubarSub = MenubarPrimitive.Sub
39 
40function MenubarTrigger({
41  className,
42  style,
43  ...props
44}: MenubarTriggerProps) {
45  return (
46    <MenubarPrimitive.Trigger
47      data-slot="menubar-trigger"
48      className={cn(
49        "flex items-center rounded-[8px] px-3 py-1.5 aurora-text-control outline-none transition-[background-color,border-color,box-shadow,color] duration-150",
50        "focus-visible:ring-2 focus-visible:ring-[var(--aurora-focus-ring)] focus-visible:ring-offset-0",
51        "data-[state=open]:shadow-[var(--aurora-active-glow)]",
52        className
53      )}
54      style={{
55        color: "var(--aurora-text-primary)",
56        background: "transparent",
57        ...style,
58      }}
59      {...props}
60    />
61  )
62}
63 
64function MenubarContent({
65  className,
66  align = "start",
67  alignOffset = -4,
68  sideOffset = 8,
69  style,
70  ...props
71}: React.ComponentProps<typeof MenubarPrimitive.Content>) {
72  return (
73    <MenubarPortal>
74      <MenubarPrimitive.Content
75        data-slot="menubar-content"
76        align={align}
77        alignOffset={alignOffset}
78        sideOffset={sideOffset}
79        className={cn(
80          "z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-[var(--aurora-radius-2)] border p-1 outline-none",
81          "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",
82// … truncated