'use client'; import {useMenuTrigger, useMenu, useMenuItem, type AriaMenuOptions} from 'react-aria/useMenu'; import {useObjectRef} from 'react-aria/useObjectRef'; import {useMenuTriggerState, type MenuTriggerProps} from 'react-stately/useMenuTriggerState'; import {useTreeState, type TreeProps, type TreeState} from 'react-stately/useTreeState'; import {CollectionBuilder, createLeafComponent} from 'react-aria/CollectionBuilder'; import {ItemNode} from 'react-aria/private/collections/BaseCollection'; import {Collection} from 'react-aria-components/Collection'; import {Button, ButtonContext} from 'react-aria-components/Button'; import {OverlayTriggerStateContext} from 'react-aria-components/Dialog'; import {Popover, PopoverContext} from 'react-aria-components/Popover'; import {Provider} from 'react-aria-components/slots'; import type {Collection as ICollection, Key, Node} from '@react-types/shared'; import {Ellipsis} from 'lucide-react'; import {createContext, Fragment, useContext, useRef} from 'react'; import type {ForwardedRef, ReactNode} from 'react'; import './Button.css'; import './Menu.css'; import './Popover.css'; let TreeStateContext = createContext | null>(null); export interface MenuItemProps { id?: Key; textValue?: string; children?: ReactNode; } export type MenuButtonProps = MenuTriggerProps & AriaMenuOptions