@bitrix24/b24ui-nuxt

import type { DropdownMenuContentProps as RekaDropdownMenuContentProps } from 'reka-ui'; import type { DropdownMenuItem, DropdownMenuSlots, IconComponent } from '../types'; import type { ArrayOrNested, NestedItem } from '../types/utils'; declare const _dropdownMenu: { content: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; arrow: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; group: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; label: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; separator: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; item: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemLeadingIcon: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemLeadingAvatar: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemLeadingAvatarSize: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemTrailing: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemTrailingIcon: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemTrailingKbds: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemTrailingKbdsSize: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemLabel: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemLabelExternalIcon: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; } & { content: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; arrow: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; group: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; label: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; separator: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; item: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemLeadingIcon: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemLeadingAvatar: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemLeadingAvatarSize: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemTrailing: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemTrailingIcon: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemTrailingKbds: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemTrailingKbdsSize: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemLabel: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; itemLabelExternalIcon: (slotProps?: ({ size?: "md" | "xs" | "sm" | "lg" | undefined; color?: "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | undefined; active?: boolean | undefined; loading?: boolean | undefined; } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string; } & {}; interface DropdownMenuContentProps<T extends ArrayOrNested<DropdownMenuItem>> extends Omit<RekaDropdownMenuContentProps, 'as' | 'asChild' | 'forceMount'> { items?: T; portal?: boolean; sub?: boolean; labelKey: keyof NestedItem<T>; /** * @IconComponent */ checkedIcon?: IconComponent; /** * @IconComponent */ externalIcon?: boolean | IconComponent; class?: any; b24ui: typeof _dropdownMenu; b24uiOverride?: any; } declare const _default: <T extends ArrayOrNested<DropdownMenuItem>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{ props: __VLS_PrettifyLocal<any & DropdownMenuContentProps<T> & Partial<{}>> & (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps); expose(exposed: import("vue").ShallowUnwrapRef<{}>): void; attrs: any; slots: Readonly<Omit<DropdownMenuSlots<T>, "default"> & { default(props?: {}): any; }> & Omit<DropdownMenuSlots<T>, "default"> & { default(props?: {}): any; }; emit: ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: CustomEvent<{ originalEvent: PointerEvent; }>) => void) & ((evt: "focusOutside", event: CustomEvent<{ originalEvent: FocusEvent; }>) => void) & ((evt: "interactOutside", event: CustomEvent<{ originalEvent: PointerEvent; }> | CustomEvent<{ originalEvent: FocusEvent; }>) => void) & ((evt: "closeAutoFocus", event: Event) => void); }>) => import("vue").VNode & { __ctx?: Awaited<typeof __VLS_setup>; }; export default _default; type __VLS_PrettifyLocal<T> = { [K in keyof T]: T[K]; } & {};