"use client"; import * as MenubarPrimitive from "@radix-ui/react-menubar"; import { Check, ChevronRight, Circle } from "lucide-react"; import { forwardRef } from "react"; import { cn } from "@/lib/utils"; import { glass, glassBase, textOnGlass } from "@/lib/glass"; import { menuContentClass, menuItemClass, menuLabelClass, menuSeparatorClass, } from "@/lib/menu-classes"; export const Menubar = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )); Menubar.displayName = MenubarPrimitive.Root.displayName; export const MenubarMenu: typeof MenubarPrimitive.Menu = MenubarPrimitive.Menu; export const MenubarTrigger = forwardRef< HTMLButtonElement, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )); MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName; export const MenubarContent = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >( ( { className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref, ) => ( ), ); MenubarContent.displayName = MenubarPrimitive.Content.displayName; export const MenubarItem = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef & { inset?: boolean; } >(({ className, inset, ...props }, ref) => ( )); MenubarItem.displayName = MenubarPrimitive.Item.displayName; export const MenubarCheckboxItem = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >(({ className, children, checked, ...props }, ref) => ( {children} )); MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName; export const MenubarRadioItem = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( {children} )); MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName; export const MenubarLabel = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef & { inset?: boolean; } >(({ className, inset, ...props }, ref) => ( )); MenubarLabel.displayName = MenubarPrimitive.Label.displayName; export const MenubarSeparator = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )); MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName; export const MenubarShortcut = ({ className, ...props }: React.ComponentProps<"span">) => ( ); export const MenubarSub = MenubarPrimitive.Sub; export const MenubarSubTrigger = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef & { inset?: boolean; } >(({ className, inset, children, ...props }, ref) => ( {children} )); MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName; export const MenubarSubContent = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )); MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName; export const MenubarRadioGroup = MenubarPrimitive.RadioGroup; export const MenubarGroup = MenubarPrimitive.Group;

Menubar

Installation

Usage

API Reference