"use client"; import { Menu as MenuPrimitive } from "@base-ui/react/menu"; import { ChevronRightIcon } from "lucide-react"; import type * as React from "react"; import { cn } from "@/registry/default/lib/utils"; export const MenuCreateHandle: typeof MenuPrimitive.createHandle = MenuPrimitive.createHandle; export const Menu: typeof MenuPrimitive.Root = MenuPrimitive.Root; export const MenuPortal: typeof MenuPrimitive.Portal = MenuPrimitive.Portal; export function MenuTrigger({ className, children, ...props }: MenuPrimitive.Trigger.Props): React.ReactElement { return ( {children} ); } export function MenuPopup({ children, className, sideOffset = 4, align = "center", alignOffset, side = "bottom", anchor, portalProps, ...props }: MenuPrimitive.Popup.Props & { align?: MenuPrimitive.Positioner.Props["align"]; sideOffset?: MenuPrimitive.Positioner.Props["sideOffset"]; alignOffset?: MenuPrimitive.Positioner.Props["alignOffset"]; side?: MenuPrimitive.Positioner.Props["side"]; anchor?: MenuPrimitive.Positioner.Props["anchor"]; portalProps?: MenuPrimitive.Portal.Props; }): React.ReactElement { return (

{children}

); } export function MenuGroup( props: MenuPrimitive.Group.Props, ): React.ReactElement { return ; } export function MenuItem({ className, inset, variant = "default", ...props }: MenuPrimitive.Item.Props & { inset?: boolean; variant?: "default" | "destructive"; }): React.ReactElement { return ( svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg]:pointer-events-none [&>svg]:-mx-0.5 [&>svg]:shrink-0", className, )} data-inset={inset} data-slot="menu-item" data-variant={variant} {...props} /> ); } export function MenuLinkItem({ className, inset, variant = "default", closeOnClick = true, ...props }: MenuPrimitive.LinkItem.Props & { inset?: boolean; variant?: "default" | "destructive"; }): React.ReactElement { return ( svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg]:pointer-events-none [&>svg]:-mx-0.5 [&>svg]:shrink-0", className, )} closeOnClick={closeOnClick} data-inset={inset} data-slot="menu-link-item" data-variant={variant} {...props} /> ); } export function MenuCheckboxItem({ className, children, checked, variant = "default", ...props }: MenuPrimitive.CheckboxItem.Props & { variant?: "default" | "switch"; }): React.ReactElement { return ( {variant === "switch" ? ( <> {children} ) : ( <> {children} )} ); } export function MenuRadioGroup( props: MenuPrimitive.RadioGroup.Props, ): React.ReactElement { return ; } export function MenuRadioItem({ className, children, ...props }: MenuPrimitive.RadioItem.Props): React.ReactElement { return ( {children} ); } export function MenuGroupLabel({ className, inset, ...props }: MenuPrimitive.GroupLabel.Props & { inset?: boolean; }): React.ReactElement { return ( ); } export function MenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): React.ReactElement { return ( ); } export function MenuShortcut({ className, ...props }: React.ComponentProps<"kbd">): React.ReactElement { return ( ); } export function MenuSub( props: MenuPrimitive.SubmenuRoot.Props, ): React.ReactElement { return ; } export function MenuSubTrigger({ className, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & { inset?: boolean; }): React.ReactElement { return ( svg:not(:last-child)]:-mx-0.5 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", className, )} data-inset={inset} data-slot="menu-sub-trigger" {...props} > {children} ); } export function MenuSubPopup({ className, sideOffset = 0, alignOffset, align = "start", ...props }: MenuPrimitive.Popup.Props & { align?: MenuPrimitive.Positioner.Props["align"]; sideOffset?: MenuPrimitive.Positioner.Props["sideOffset"]; alignOffset?: MenuPrimitive.Positioner.Props["alignOffset"]; }): React.ReactElement { const defaultAlignOffset = align !== "center" ? -5 : undefined; return ( ); } export { MenuPrimitive, MenuCreateHandle as DropdownMenuCreateHandle, Menu as DropdownMenu, MenuPortal as DropdownMenuPortal, MenuTrigger as DropdownMenuTrigger, MenuPopup as DropdownMenuContent, MenuGroup as DropdownMenuGroup, MenuItem as DropdownMenuItem, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuGroupLabel as DropdownMenuLabel, MenuSeparator as DropdownMenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuSub as DropdownMenuSub, MenuSubTrigger as DropdownMenuSubTrigger, MenuSubPopup as DropdownMenuSubContent, };

Menu

Instalação

Dependências