@bitrix24/b24ui-nuxt

import type { InputHTMLAttributes } from 'vue'; import type { VariantProps } from 'tailwind-variants'; import type { ComboboxRootProps, ComboboxRootEmits, ComboboxContentProps, ComboboxContentEmits, ComboboxArrowProps } from 'reka-ui'; import type { UseComponentIconsProps } from '../composables/useComponentIcons'; import type { AvatarProps, ChipProps, IconComponent } from '../types'; import type { AcceptableValue, ArrayOrNested, GetItemKeys, GetModelValue, GetModelValueEmits, NestedItem, PartialString, EmitsToProps } from '../types/utils'; declare const inputMenu: import("tailwind-variants").TVReturnType<{ buttonGroup: { horizontal: { root: string; base: string; }; vertical: { root: string; base: string; }; }; noSplit: { false: string; }; size: { xs: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; sm: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; md: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; lg: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; }; color: { default: string; danger: string; success: string; warning: string; primary: string; secondary: string; collab: string; ai: string; }; tagColor: { default: { tag: string; }; danger: { tag: string; }; success: { tag: string; }; warning: { tag: string; }; primary: { tag: string; }; secondary: { tag: string; }; collab: { tag: string; }; ai: { tag: string; }; }; rounded: { true: string; false: string; }; noPadding: { true: { base: string; }; }; noBorder: { true: string; }; underline: { true: string; }; leading: { true: string; }; trailing: { true: string; }; loading: { true: string; }; highlight: { true: string; }; type: { file: string; }; addNew: { true: { group: string; item: string; itemLabel: string; itemLeadingIcon: string; }; }; multiple: { true: { root: string; base: string; tagsInput: string; }; false: { base: string; }; }; colorItem: { default: string; danger: { item: string; itemLeadingIcon: string; }; success: { item: string; itemLeadingIcon: string; }; warning: { item: string; itemLeadingIcon: string; }; primary: { item: string; itemLeadingIcon: string; }; secondary: { item: string; itemLeadingIcon: string; }; collab: { item: string; itemLeadingIcon: string; }; ai: { item: string; itemLeadingIcon: string; }; }; }, { root: string; base: string; leading: string; leadingIcon: string; leadingAvatar: string; leadingAvatarSize: string; trailing: string; trailingIcon: string; tag: string; arrow: string; content: string; viewport: string; group: string; empty: string; label: string; separator: string; item: string; itemLeadingIcon: string; itemLeadingAvatar: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailing: string; itemTrailingIcon: string; itemLabel: string; tagsItem: string; tagsItemText: string; tagsItemDelete: string; tagsItemDeleteIcon: string; tagsInput: string; }, undefined, { buttonGroup: { horizontal: { root: string; base: string; }; vertical: { root: string; base: string; }; }; noSplit: { false: string; }; size: { xs: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; sm: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; md: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; lg: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; }; color: { default: string; danger: string; success: string; warning: string; primary: string; secondary: string; collab: string; ai: string; }; tagColor: { default: { tag: string; }; danger: { tag: string; }; success: { tag: string; }; warning: { tag: string; }; primary: { tag: string; }; secondary: { tag: string; }; collab: { tag: string; }; ai: { tag: string; }; }; rounded: { true: string; false: string; }; noPadding: { true: { base: string; }; }; noBorder: { true: string; }; underline: { true: string; }; leading: { true: string; }; trailing: { true: string; }; loading: { true: string; }; highlight: { true: string; }; type: { file: string; }; addNew: { true: { group: string; item: string; itemLabel: string; itemLeadingIcon: string; }; }; multiple: { true: { root: string; base: string; tagsInput: string; }; false: { base: string; }; }; colorItem: { default: string; danger: { item: string; itemLeadingIcon: string; }; success: { item: string; itemLeadingIcon: string; }; warning: { item: string; itemLeadingIcon: string; }; primary: { item: string; itemLeadingIcon: string; }; secondary: { item: string; itemLeadingIcon: string; }; collab: { item: string; itemLeadingIcon: string; }; ai: { item: string; itemLeadingIcon: string; }; }; }, { root: string; base: string; leading: string; leadingIcon: string; leadingAvatar: string; leadingAvatarSize: string; trailing: string; trailingIcon: string; tag: string; arrow: string; content: string; viewport: string; group: string; empty: string; label: string; separator: string; item: string; itemLeadingIcon: string; itemLeadingAvatar: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailing: string; itemTrailingIcon: string; itemLabel: string; tagsItem: string; tagsItemText: string; tagsItemDelete: string; tagsItemDeleteIcon: string; tagsInput: string; }, import("tailwind-variants").TVReturnType<{ buttonGroup: { horizontal: { root: string; base: string; }; vertical: { root: string; base: string; }; }; noSplit: { false: string; }; size: { xs: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; sm: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; md: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; lg: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; }; color: { default: string; danger: string; success: string; warning: string; primary: string; secondary: string; collab: string; ai: string; }; tagColor: { default: { tag: string; }; danger: { tag: string; }; success: { tag: string; }; warning: { tag: string; }; primary: { tag: string; }; secondary: { tag: string; }; collab: { tag: string; }; ai: { tag: string; }; }; rounded: { true: string; false: string; }; noPadding: { true: { base: string; }; }; noBorder: { true: string; }; underline: { true: string; }; leading: { true: string; }; trailing: { true: string; }; loading: { true: string; }; highlight: { true: string; }; type: { file: string; }; addNew: { true: { group: string; item: string; itemLabel: string; itemLeadingIcon: string; }; }; multiple: { true: { root: string; base: string; tagsInput: string; }; false: { base: string; }; }; colorItem: { default: string; danger: { item: string; itemLeadingIcon: string; }; success: { item: string; itemLeadingIcon: string; }; warning: { item: string; itemLeadingIcon: string; }; primary: { item: string; itemLeadingIcon: string; }; secondary: { item: string; itemLeadingIcon: string; }; collab: { item: string; itemLeadingIcon: string; }; ai: { item: string; itemLeadingIcon: string; }; }; }, { root: string; base: string; leading: string; leadingIcon: string; leadingAvatar: string; leadingAvatarSize: string; trailing: string; trailingIcon: string; tag: string; arrow: string; content: string; viewport: string; group: string; empty: string; label: string; separator: string; item: string; itemLeadingIcon: string; itemLeadingAvatar: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailing: string; itemTrailingIcon: string; itemLabel: string; tagsItem: string; tagsItemText: string; tagsItemDelete: string; tagsItemDeleteIcon: string; tagsInput: string; }, undefined, { buttonGroup: { horizontal: { root: string; base: string; }; vertical: { root: string; base: string; }; }; noSplit: { false: string; }; size: { xs: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; sm: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; md: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; lg: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; }; color: { default: string; danger: string; success: string; warning: string; primary: string; secondary: string; collab: string; ai: string; }; tagColor: { default: { tag: string; }; danger: { tag: string; }; success: { tag: string; }; warning: { tag: string; }; primary: { tag: string; }; secondary: { tag: string; }; collab: { tag: string; }; ai: { tag: string; }; }; rounded: { true: string; false: string; }; noPadding: { true: { base: string; }; }; noBorder: { true: string; }; underline: { true: string; }; leading: { true: string; }; trailing: { true: string; }; loading: { true: string; }; highlight: { true: string; }; type: { file: string; }; addNew: { true: { group: string; item: string; itemLabel: string; itemLeadingIcon: string; }; }; multiple: { true: { root: string; base: string; tagsInput: string; }; false: { base: string; }; }; colorItem: { default: string; danger: { item: string; itemLeadingIcon: string; }; success: { item: string; itemLeadingIcon: string; }; warning: { item: string; itemLeadingIcon: string; }; primary: { item: string; itemLeadingIcon: string; }; secondary: { item: string; itemLeadingIcon: string; }; collab: { item: string; itemLeadingIcon: string; }; ai: { item: string; itemLeadingIcon: string; }; }; }, { root: string; base: string; leading: string; leadingIcon: string; leadingAvatar: string; leadingAvatarSize: string; trailing: string; trailingIcon: string; tag: string; arrow: string; content: string; viewport: string; group: string; empty: string; label: string; separator: string; item: string; itemLeadingIcon: string; itemLeadingAvatar: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailing: string; itemTrailingIcon: string; itemLabel: string; tagsItem: string; tagsItemText: string; tagsItemDelete: string; tagsItemDeleteIcon: string; tagsInput: string; }, import("tailwind-variants").TVReturnType<{ buttonGroup: { horizontal: { root: string; base: string; }; vertical: { root: string; base: string; }; }; noSplit: { false: string; }; size: { xs: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; sm: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; md: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; lg: { base: string; leading: string; trailing: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; tagsItem: string; tagsItemDeleteIcon: string; label: string; item: string; itemLeadingIcon: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailingIcon: string; }; }; color: { default: string; danger: string; success: string; warning: string; primary: string; secondary: string; collab: string; ai: string; }; tagColor: { default: { tag: string; }; danger: { tag: string; }; success: { tag: string; }; warning: { tag: string; }; primary: { tag: string; }; secondary: { tag: string; }; collab: { tag: string; }; ai: { tag: string; }; }; rounded: { true: string; false: string; }; noPadding: { true: { base: string; }; }; noBorder: { true: string; }; underline: { true: string; }; leading: { true: string; }; trailing: { true: string; }; loading: { true: string; }; highlight: { true: string; }; type: { file: string; }; addNew: { true: { group: string; item: string; itemLabel: string; itemLeadingIcon: string; }; }; multiple: { true: { root: string; base: string; tagsInput: string; }; false: { base: string; }; }; colorItem: { default: string; danger: { item: string; itemLeadingIcon: string; }; success: { item: string; itemLeadingIcon: string; }; warning: { item: string; itemLeadingIcon: string; }; primary: { item: string; itemLeadingIcon: string; }; secondary: { item: string; itemLeadingIcon: string; }; collab: { item: string; itemLeadingIcon: string; }; ai: { item: string; itemLeadingIcon: string; }; }; }, { root: string; base: string; leading: string; leadingIcon: string; leadingAvatar: string; leadingAvatarSize: string; trailing: string; trailingIcon: string; tag: string; arrow: string; content: string; viewport: string; group: string; empty: string; label: string; separator: string; item: string; itemLeadingIcon: string; itemLeadingAvatar: string; itemLeadingAvatarSize: string; itemLeadingChip: string; itemLeadingChipSize: string; itemTrailing: string; itemTrailingIcon: string; itemLabel: string; tagsItem: string; tagsItemText: string; tagsItemDelete: string; tagsItemDeleteIcon: string; tagsInput: string; }, undefined, unknown, unknown, undefined>>>; type InputMenuVariants = VariantProps<typeof inputMenu>; interface _InputMenuItem { label?: string; /** * Display an icon on the left side. * @IconComponent */ icon?: IconComponent; avatar?: AvatarProps; color?: InputMenuVariants['color']; chip?: ChipProps; /** * The item type. * @defaultValue 'item' */ type?: 'label' | 'separator' | 'item'; disabled?: boolean; onSelect?(e?: Event): void; [key: string]: any; } export type InputMenuItem = _InputMenuItem | AcceptableValue | boolean; export interface InputMenuProps<T extends ArrayOrNested<InputMenuItem> = ArrayOrNested<InputMenuItem>, VK extends GetItemKeys<T> | undefined = undefined, M extends boolean = false> extends Pick<ComboboxRootProps<T>, 'open' | 'defaultOpen' | 'disabled' | 'name' | 'resetSearchTermOnBlur' | 'resetSearchTermOnSelect' | 'highlightOnHover'>, UseComponentIconsProps { /** * The element or component this component should render as. * @defaultValue 'div' */ as?: any; id?: string; /** * @defaultValue 'text' */ type?: InputHTMLAttributes['type']; /** * The placeholder text when the input is empty */ placeholder?: string; /** * @defaultValue 'primary' */ color?: InputMenuVariants['color']; /** * @defaultValue 'md' */ size?: InputMenuVariants['size']; /** * Removes padding from input * @defaultValue false */ noPadding?: boolean; /** * Removes all borders (rings) * @defaultValue false */ noBorder?: boolean; /** * Removes all borders (rings) except the bottom one * @defaultValue false */ underline?: boolean; /** * Rounds the corners of the button * @defaultValue false */ rounded?: boolean; /** * @defaultValue false */ required?: boolean; /** * @defaultValue false */ autofocus?: boolean; /** * @defaultValue 0 */ autofocusDelay?: number; /** * The icon displayed to open the menu. * @defaultValue icons.chevronDown * @IconComponent */ trailingIcon?: IconComponent; /** * The icon displayed when an item is selected. * @defaultValue icons.check * @IconComponent */ selectedIcon?: IconComponent; /** * The icon displayed to delete a tag. * Works only when `multiple` is `true`. * @defaultValue icons.close * @IconComponent */ deleteIcon?: IconComponent; /** * The content of the menu. * @defaultValue { side: 'bottom', sideOffset: 8, collisionPadding: 8, position: 'popper' } */ content?: Omit<ComboboxContentProps, 'as' | 'asChild' | 'forceMount'> & Partial<EmitsToProps<ComboboxContentEmits>>; /** * Display an arrow alongside the menu. * @defaultValue false */ arrow?: boolean | Omit<ComboboxArrowProps, 'as' | 'asChild'>; /** * Render the menu in a portal. * @defaultValue true */ portal?: boolean; /** * When `items` is an array of objects, select the field to use as the value instead of the object itself. * @defaultValue undefined */ valueKey?: VK; /** * When `items` is an array of objects, select the field to use as the label. * @defaultValue 'label' */ labelKey?: keyof NestedItem<T>; items?: T; /** * The value of the InputMenu when initially rendered. Use when you do not need to control the state of the InputMenu */ defaultValue?: GetModelValue<T, VK, M>; /** * The controlled value of the InputMenu. Can be binded-with with `v-model` */ modelValue?: GetModelValue<T, VK, M>; /** * Whether multiple options can be selected or not * @defaultValue false */ multiple?: M & boolean; tag?: string; /** * @defaultValue 'primary' */ tagColor?: InputMenuVariants['tagColor']; /** * Highlight the ring color like a focus state * @defaultValue false */ highlight?: boolean; /** * Determines if custom user input that does not exist in options can be added. * @defaultValue false */ createItem?: boolean | 'always' | { position?: 'top' | 'bottom'; when?: 'empty' | 'always'; }; /** * Fields to filter items by. * @defaultValue [labelKey] */ filterFields?: string[]; /** * When `true`, disable the default filters, useful for custom filtering (useAsyncData, useFetch, etc.). * @defaultValue false */ ignoreFilter?: boolean; class?: any; b24ui?: PartialString<typeof inputMenu.slots>; } export type InputMenuEmits<A extends ArrayOrNested<InputMenuItem>, VK extends GetItemKeys<A> | undefined, M extends boolean> = Pick<ComboboxRootEmits, 'update:open'> & { change: [payload: Event]; blur: [payload: FocusEvent]; focus: [payload: FocusEvent]; create: [item: string]; /** Event handler when highlighted element changes. */ highlight: [ payload: { ref: HTMLElement; value: GetModelValue<A, VK, M>; } | undefined ]; } & GetModelValueEmits<A, VK, M>; type SlotProps<T extends InputMenuItem> = (props: { item: T; index: number; }) => any; export interface InputMenuSlots<A extends ArrayOrNested<InputMenuItem> = ArrayOrNested<InputMenuItem>, VK extends GetItemKeys<A> | undefined = undefined, M extends boolean = false, T extends NestedItem<A> = NestedItem<A>> { 'leading'(props: { modelValue?: GetModelValue<A, VK, M>; open: boolean; b24ui: ReturnType<typeof inputMenu>; }): any; 'trailing'(props: { modelValue?: GetModelValue<A, VK, M>; open: boolean; b24ui: ReturnType<typeof inputMenu>; }): any; 'empty'(props: { searchTerm?: string; }): any; 'item': SlotProps<T>; 'item-leading': SlotProps<T>; 'item-label': SlotProps<T>; 'item-trailing': SlotProps<T>; 'tags-item-text': SlotProps<T>; 'tags-item-delete': SlotProps<T>; 'create-item-label'(props: { item: string; }): any; } declare const _default: <T extends ArrayOrNested<InputMenuItem>, VK extends GetItemKeys<T> | undefined = undefined, M extends boolean = false>(__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<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & ({ searchTerm?: string; } & InputMenuProps<T, VK, M>) & Partial<{}>> & (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps); expose(exposed: import("vue").ShallowUnwrapRef<{ inputRef: import("vue").Ref<({ $: import("vue").ComponentInternalInstance; $data: {}; $props: { readonly displayValue?: ((val: any) => string) | undefined; readonly modelValue?: string | undefined; readonly autoFocus?: boolean | undefined; readonly disabled?: boolean | undefined; readonly asChild?: boolean | undefined; readonly as?: (import("reka-ui").AsTag | import("vue").Component) | undefined; readonly "onUpdate:modelValue"?: ((args_0: string) => any) | undefined | undefined; } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("vue").Slot<any> | undefined; }>; $root: import("vue").ComponentPublicInstance | null; $parent: import("vue").ComponentPublicInstance | null; $host: Element | null; $emit: (event: "update:modelValue", args_0: string) => void; $el: any; $options: import("vue").ComponentOptionsBase<Readonly<import("reka-ui").ComboboxInputProps> & Readonly<{ "onUpdate:modelValue"?: ((args_0: string) => any) | undefined; }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { "update:modelValue": (args_0: string) => any; }, string, { as: import("reka-ui").AsTag | import("vue").Component; }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; beforeUnmount?: (() => void) | (() => void)[]; destroyed?: (() => void) | (() => void)[]; unmounted?: (() => void) | (() => void)[]; renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]; renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: typeof import("vue").nextTick; $watch<T_1 extends string | (( /** * The icon displayed to open the menu. * @defaultValue icons.chevronDown * @IconComponent */ ... /** * The icon displayed to open the menu. * @defaultValue icons.chevronDown * @IconComponent */args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle; } & Readonly<{ as: import("reka-ui").AsTag | import("vue").Component; }> & Omit<Readonly<import("reka-ui").ComboboxInputProps> & Readonly<{ "onUpdate:modelValue"?: ((args_0: string) => any) | undefined; }>, "as"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & { $slots: { default?(_: {}): any; }; }) | null, ({ $: import("vue").ComponentInternalInstance; $data: {}; $props: { readonly displayValue?: ((val: any) => string) | undefined; readonly modelValue?: string | undefined; readonly autoFocus?: boolean | undefined; readonly disabled?: boolean | undefined; readonly asChild?: boolean | undefined; readonly as?: (import("reka-ui").AsTag | import("vue").Component) | undefined; readonly "onUpdate:modelValue"?: ((args_0: string) => any) | undefined | undefined; } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("vue").Slot<any> | undefined; }>; $root: import("vue").ComponentPublicInstance | null; $parent: import("vue").ComponentPublicInstance | null; $host: Element | null; $emit: (event: "update:modelValue", args_0: string) => void; $el: any; $options: import("vue").ComponentOptionsBase<Readonly<import("reka-ui").ComboboxInputProps> & Readonly<{ "onUpdate:modelValue"?: ((args_0: string) => any) | undefined; }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { "update:modelValue": (args_0: string) => any; }, string, { as: import("reka-ui").AsTag | import("vue").Component; }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; beforeUnmount?: (() => void) | (() => void)[]; destroyed?: (() => void) | (() => void)[]; unmounted?: (() => void) | (() => void)[]; renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]; renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: typeof import("vue").nextTick; $watch<T_1 extends string | (( /** * The icon displayed to open the menu. * @defaultValue icons.chevronDown * @IconComponent */ ... /** * The icon displayed to open the menu. * @defaultValue icons.chevronDown * @IconComponent */args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle; } & Readonly<{ as: import("reka-ui").AsTag | import("vue").Component; }> & Omit<Readonly<import("reka-ui").ComboboxInputProps> & Readonly<{ "onUpdate:modelValue"?: ((args_0: string) => any) | undefined; }>, "as"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & { $slots: { default?(_: {}): any; }; }) | null>; }>): void; attrs: any; slots: Readonly<InputMenuSlots<T, VK, M, NestedItem<T>>> & InputMenuSlots<T, VK, M, NestedItem<T>>; emit: (((evt: "create", item: string) => void) & ((evt: "blur", payload: FocusEvent) => void) & ((evt: "change", payload: Event) => void) & ((evt: "focus", payload: FocusEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: GetModelValue<T, VK, M>) => void) & ((evt: "highlight", payload: { ref: HTMLElement; value: GetModelValue<T, VK, M>; } | undefined) => void)) & ((evt: "update:searchTerm", value: string) => void); }>) => import("vue").VNode & { __ctx?: Awaited<typeof __VLS_setup>; }; export default _default; type __VLS_PrettifyLocal<T> = { [K in keyof T]: T[K]; } & {};