import type { DropdownMenuRootProps, DropdownMenuRootEmits, DropdownMenuContentProps, DropdownMenuContentEmits, DropdownMenuArrowProps } from 'reka-ui'; import type { VNode } from 'vue'; import type { AppConfig } from '@nuxt/schema'; import theme from '#build/b24ui/dropdown-menu'; import type { AvatarProps, InputProps, KbdProps, LinkProps, IconComponent } from '../types'; import type { ArrayOrNested, DynamicSlots, GetItemKeys, MergeTypes, NestedItem, EmitsToProps } from '../types/utils'; import type { ComponentConfig } from '../types/tv'; type DropdownMenu = ComponentConfig; export interface DropdownMenuItem extends Omit { label?: string; description?: string; /** * @IconComponent */ icon?: IconComponent; color?: DropdownMenu['variants']['color']; avatar?: AvatarProps; content?: Omit & { class?: any; } & Partial>; kbds?: KbdProps['value'][] | KbdProps[]; /** * The item type. * @defaultValue 'link' */ type?: 'label' | 'separator' | 'link' | 'checkbox'; slot?: string; loading?: boolean; disabled?: boolean; checked?: boolean; open?: boolean; defaultOpen?: boolean; filter?: boolean | Omit; filterFields?: string[]; ignoreFilter?: boolean; children?: ArrayOrNested; onSelect?: (e: Event) => void; onUpdateChecked?: (checked: boolean) => void; class?: any; b24ui?: Pick; [key: string]: any; } export interface DropdownMenuProps = ArrayOrNested> extends Omit { items?: T; /** * The icon displayed when an item is checked. * @defaultValue icons.check * @IconComponent */ checkedIcon?: IconComponent; /** * The icon displayed when the item is an external link. * Set to `false` to hide the external icon. * @defaultValue icons.external * @IconComponent */ externalIcon?: boolean | IconComponent; /** * The content of the menu. * @defaultValue { side: 'bottom', sideOffset: 8, collisionPadding: 8 } */ content?: Omit & Partial>; /** * Display an arrow alongside the menu. * @defaultValue false */ arrow?: boolean | Omit; /** * Render the menu in a portal. * @defaultValue true */ portal?: boolean | string | HTMLElement; /** * The key used to get the label from the item. * @defaultValue 'label' */ labelKey?: GetItemKeys; /** * The key used to get the description from the item. * @defaultValue 'description' */ descriptionKey?: GetItemKeys; /** * Whether to display a filter input or not. * Can be an object to pass additional props to the input. * `{ placeholder: 'Search...', noBorder: true }`{lang="ts-type"} * @defaultValue false */ filter?: boolean | Omit; /** * The fields to filter by. * @defaultValue [labelKey] */ filterFields?: string[]; /** * When `true`, items will not be filtered which is useful for custom filtering. * @defaultValue false */ ignoreFilter?: boolean; /** * @defaultValue false */ disabled?: boolean; class?: any; b24ui?: DropdownMenu['slots']; } export interface DropdownMenuEmits extends DropdownMenuRootEmits { } type SlotProps = (props: { item: T; active: boolean; index: number; b24ui: DropdownMenu['b24ui']; }) => VNode[]; export type DropdownMenuSlots = ArrayOrNested, T extends NestedItem = NestedItem> = { 'default'?(props: { open: boolean; }): VNode[]; 'item'?: SlotProps; 'item-leading'?: SlotProps; 'item-label'?: (props: { item: T; active: boolean; index: number; }) => VNode[]; 'item-description'?: (props: { item: T; active: boolean; index: number; }) => VNode[]; 'item-trailing'?: SlotProps; 'empty'?(props: { searchTerm: string; }): VNode[]; 'content-top'?: (props: { sub: boolean; }) => VNode[]; 'content-bottom'?: (props: { sub: boolean; }) => VNode[]; } & DynamicSlots, 'label' | 'description', { active: boolean; index: number; }> & DynamicSlots, 'leading' | 'trailing', { active: boolean; index: number; b24ui: DropdownMenu['b24ui']; }>; declare const _default: typeof __VLS_export; export default _default; declare const __VLS_export: >(__VLS_props: NonNullable>["props"], __VLS_ctx?: __VLS_PrettifyLocal>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable>["expose"], __VLS_setup?: Promise<{ props: import("vue").PublicProps & __VLS_PrettifyLocal<(DropdownMenuProps & { searchTerm?: string; }) & { "onUpdate:open"?: ((payload: boolean) => any) | undefined; "onUpdate:searchTerm"?: ((value: string) => any) | undefined; }> & (typeof globalThis extends { __VLS_PROPS_FALLBACK: infer P; } ? P : {}); expose: (exposed: {}) => void; attrs: any; slots: DropdownMenuSlots>; emit: ((evt: "update:open", payload: boolean) => void) & ((event: "update:searchTerm", value: string) => void); }>) => import("vue").VNode & { __ctx?: Awaited; }; type __VLS_PrettifyLocal = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};