Pixelact Menubar

1import React from "react";
2import * as MenubarPrimitive from "@radix-ui/react-menubar";
3import { cva } from "class-variance-authority";
4import { Circle } from "lucide-react";
5import { cn } from "@/lib/utils";
6import "@/components/ui/pixelact-ui/styles/styles.css";
7 
8export const menubarVariants = cva(
9  "shadow-(--pixel-box-shadow) box-shadow-margin",
10  {
11    variants: {
12      font: {
13        normal: "",
14        pixel: "pixel-font",
15      },
16    },
17    defaultVariants: {
18      font: "pixel",
19    },
20  }
21);
22 
23function MenubarMenu({
24  ...props
25}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {
26  return <MenubarPrimitive.Menu {...props} />;
27}
28 
29function MenubarGroup({
30  ...props
31}: React.ComponentProps<typeof MenubarPrimitive.Group>) {
32  return <MenubarPrimitive.Group {...props} />;
33}
34 
35function MenubarPortal({
36  ...props
37}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {
38  return <MenubarPrimitive.Portal {...props} />;
39}
40 
41function MenubarRadioGroup({
42  ...props
43}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {
44  return <MenubarPrimitive.RadioGroup {...props} />;
45}
46 
47function MenubarSub({
48  ...props
49}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {
50  return <MenubarPrimitive.Sub data-slot="menubar-sub" {...props} />;
51}
52 
53const Menubar = React.forwardRef<
54  React.ComponentRef<typeof MenubarPrimitive.Root>,
55  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root> & {
56    font?: "normal" | "pixel";
57  }
58>(({ className, font, ...props }, ref) => (
59  <MenubarPrimitive.Root
60    ref={ref}
61    className={cn(
62      "flex h-10 items-center space-x-1 rounded-none bg-background p-1",
63      menubarVariants({ font }),
64      className
65    )}
66    {...props}
67  />
68));
69Menubar.displayName = MenubarPrimitive.Root.displayName;
70 
71const MenubarTrigger = React.forwardRef<
72  React.ComponentRef<typeof MenubarPrimitive.Trigger>,
73  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>
74>(({ className, ...props }, ref) => (
75  <MenubarPrimitive.Trigger
76    ref={ref}
77    className={cn(
78      "flex cursor-default select-none items-center rounded-none px-3 py-1.5 text-sm font-medium text-foreground outline-none focus:border-b-4 focus:border-foreground focus:dark:border-ring focus:border-dashed focus:text-accent-foreground data-[state=open]:border-b-4 data-[state=open]:border-foreground data-[state=open]:dark:border-ring data-[state=open]:text-accent-foreground data-[state=open]:border-dashed border-b-4 border-transparent pt-2",
79      className
80    )}
81// … truncated