@mantine-vue/core 2.0.0 → 2.1.0

package/lib/components/ComboboxPopover/ComboboxPopover.d.ts

@@ -0,0 +1,970 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode, type Primitive } from '../../core';
+import { type ComboboxData, type ComboboxItem, type ComboboxLikeRenderOptionInput, type ComboboxProps, type ComboboxStylesNames, type OptionsFilter } from '../Combobox';
+import type { ComboboxPopoverValue } from './ComboboxPopover.types';
+export type ComboboxPopoverStylesNames = ComboboxStylesNames;
+export interface ComboboxPopoverProps<Multiple extends boolean = false, Value extends Primitive = string> {
+    /** If set, multiple items can be selected at the same time */
+    multiple?: Multiple;
+    /** Controlled component value */
+    value?: ComboboxPopoverValue<Multiple, Value>;
+    /** Uncontrolled component default value */
+    defaultValue?: ComboboxPopoverValue<Multiple, Value>;
+    /** Called when value changes */
+    onChange?: (value: ComboboxPopoverValue<Multiple, Value>) => void;
+    /** Data used to generate options */
+    data?: ComboboxData<Value>;
+    /** Controlled dropdown opened state */
+    dropdownOpened?: boolean;
+    /** Uncontrolled dropdown initial opened state */
+    defaultDropdownOpened?: boolean;
+    /** Called when dropdown opens */
+    onDropdownOpen?: () => void;
+    /** Called when dropdown closes */
+    onDropdownClose?: () => void;
+    /** Called when option is submitted from dropdown with mouse click or Enter key */
+    onOptionSubmit?: (value: Value) => void;
+    /** Props passed down to Combobox component */
+    comboboxProps?: ComboboxProps;
+    /** Function based on which items are filtered and sorted */
+    filter?: OptionsFilter<Value>;
+    /** Maximum number of options displayed at a time @default Infinity */
+    limit?: number;
+    /** Determines whether the options should be wrapped with ScrollArea.AutoSize @default true */
+    withScrollArea?: boolean;
+    /** max-height of the dropdown @default 250 */
+    maxDropdownHeight?: number | string;
+    /** If set, the first option is selected when dropdown opens @default false */
+    selectFirstOptionOnDropdownOpen?: boolean;
+    /** Displays check icon near the selected option label @default true */
+    withCheckIcon?: boolean;
+    /** Aligns unchecked labels with the checked one @default false */
+    withAlignedLabels?: boolean;
+    /** Position of the check icon relative to the option label @default 'left' */
+    checkIconPosition?: 'left' | 'right';
+    /** Message displayed when no options match the search query or when there is no data. Can also be provided via the `#nothingFound` slot */
+    nothingFoundMessage?: MantineNode;
+    /** Allows searching through options @default false */
+    searchable?: boolean;
+    /** Controlled search value */
+    searchValue?: string;
+    /** Default search value */
+    defaultSearchValue?: string;
+    /** Called when search changes */
+    onSearchChange?: (value: string) => void;
+    /** Allows deselecting the selected option by clicking it (only for single mode) @default true */
+    allowDeselect?: boolean;
+    /** A function to render content of the option, replaces the default content of the option. Can also be provided via the `#option` slot */
+    renderOption?: (item: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild;
+    /** Props passed down to the underlying ScrollArea component in the dropdown */
+    scrollAreaProps?: Record<string, any>;
+    /** Props passed down to the hidden input */
+    hiddenInputProps?: Record<string, any>;
+    /** Hidden input name for form submission */
+    name?: string;
+    /** Hidden input form for form submission */
+    form?: string;
+    /** Divider used to separate values in the hidden input value attribute @default ',' */
+    hiddenInputValuesDivider?: string;
+    classNames?: any;
+    styles?: any;
+    vars?: any;
+    unstyled?: boolean;
+    [key: string]: any;
+}
+export interface ComboboxPopoverSlots {
+    /** Target element and any additional Combobox content */
+    default?: () => VNodeChild;
+    /** Custom option content, alternative to the `renderOption` prop */
+    option?: (input: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild;
+    /** Custom "nothing found" content, alternative to the `nothingFoundMessage` prop */
+    nothingFound?: () => VNodeChild;
+}
+export declare const ComboboxPopoverBase: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    multiple: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    value: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: any) => void>;
+        default: undefined;
+    };
+    data: {
+        type: PropType<ComboboxData<Primitive>>;
+        default: undefined;
+    };
+    dropdownOpened: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultDropdownOpened: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    onDropdownOpen: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onDropdownClose: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onOptionSubmit: {
+        type: PropType<(value: any) => void>;
+        default: undefined;
+    };
+    comboboxProps: {
+        type: PropType<ComboboxProps>;
+        default: undefined;
+    };
+    filter: {
+        type: PropType<OptionsFilter<Primitive>>;
+        default: undefined;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    withScrollArea: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    maxDropdownHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    selectFirstOptionOnDropdownOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    withCheckIcon: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    withAlignedLabels: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    checkIconPosition: {
+        type: PropType<"left" | "right">;
+        default: undefined;
+    };
+    nothingFoundMessage: {
+        type: PropType<MantineNode>;
+        default: undefined;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    searchValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultSearchValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onSearchChange: {
+        type: PropType<(value: string) => void>;
+        default: undefined;
+    };
+    allowDeselect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    renderOption: {
+        type: PropType<(item: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild>;
+        default: undefined;
+    };
+    scrollAreaProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    hiddenInputProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hiddenInputValuesDivider: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    classNames: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    styles: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    vars: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    multiple: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    value: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: any) => void>;
+        default: undefined;
+    };
+    data: {
+        type: PropType<ComboboxData<Primitive>>;
+        default: undefined;
+    };
+    dropdownOpened: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultDropdownOpened: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    onDropdownOpen: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onDropdownClose: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onOptionSubmit: {
+        type: PropType<(value: any) => void>;
+        default: undefined;
+    };
+    comboboxProps: {
+        type: PropType<ComboboxProps>;
+        default: undefined;
+    };
+    filter: {
+        type: PropType<OptionsFilter<Primitive>>;
+        default: undefined;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    withScrollArea: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    maxDropdownHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    selectFirstOptionOnDropdownOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    withCheckIcon: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    withAlignedLabels: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    checkIconPosition: {
+        type: PropType<"left" | "right">;
+        default: undefined;
+    };
+    nothingFoundMessage: {
+        type: PropType<MantineNode>;
+        default: undefined;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    searchValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultSearchValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onSearchChange: {
+        type: PropType<(value: string) => void>;
+        default: undefined;
+    };
+    allowDeselect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    renderOption: {
+        type: PropType<(item: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild>;
+        default: undefined;
+    };
+    scrollAreaProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    hiddenInputProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hiddenInputValuesDivider: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    classNames: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    styles: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    vars: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    data: ComboboxData<Primitive>;
+    form: string;
+    filter: OptionsFilter<Primitive>;
+    name: string;
+    onChange: (value: any) => void;
+    value: any;
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    defaultValue: any;
+    limit: number;
+    multiple: boolean;
+    vars: Function | Record<string, any>;
+    unstyled: boolean;
+    hiddenInputProps: Record<string, any>;
+    scrollAreaProps: Record<string, any>;
+    onOptionSubmit: (value: any) => void;
+    withCheckIcon: boolean;
+    withAlignedLabels: boolean;
+    withScrollArea: boolean;
+    maxDropdownHeight: string | number;
+    checkIconPosition: "left" | "right";
+    nothingFoundMessage: MantineNode;
+    renderOption: (item: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild;
+    dropdownOpened: boolean;
+    defaultDropdownOpened: boolean;
+    onDropdownOpen: () => void;
+    onDropdownClose: () => void;
+    comboboxProps: ComboboxProps;
+    selectFirstOptionOnDropdownOpen: boolean;
+    searchable: boolean;
+    searchValue: string;
+    defaultSearchValue: string;
+    onSearchChange: (value: string) => void;
+    allowDeselect: boolean;
+    hiddenInputValuesDivider: string;
+}, SlotsType<ComboboxPopoverSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const ComboboxPopover: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        multiple: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        value: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        defaultValue: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        onChange: {
+            type: PropType<(value: any) => void>;
+            default: undefined;
+        };
+        data: {
+            type: PropType<ComboboxData<Primitive>>;
+            default: undefined;
+        };
+        dropdownOpened: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultDropdownOpened: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        onDropdownOpen: {
+            type: PropType<() => void>;
+            default: undefined;
+        };
+        onDropdownClose: {
+            type: PropType<() => void>;
+            default: undefined;
+        };
+        onOptionSubmit: {
+            type: PropType<(value: any) => void>;
+            default: undefined;
+        };
+        comboboxProps: {
+            type: PropType<ComboboxProps>;
+            default: undefined;
+        };
+        filter: {
+            type: PropType<OptionsFilter<Primitive>>;
+            default: undefined;
+        };
+        limit: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        withScrollArea: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        maxDropdownHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        selectFirstOptionOnDropdownOpen: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        withCheckIcon: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        withAlignedLabels: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        checkIconPosition: {
+            type: PropType<"left" | "right">;
+            default: undefined;
+        };
+        nothingFoundMessage: {
+            type: PropType<MantineNode>;
+            default: undefined;
+        };
+        searchable: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        searchValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        defaultSearchValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        onSearchChange: {
+            type: PropType<(value: string) => void>;
+            default: undefined;
+        };
+        allowDeselect: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        renderOption: {
+            type: PropType<(item: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild>;
+            default: undefined;
+        };
+        scrollAreaProps: {
+            type: PropType<Record<string, any>>;
+            default: undefined;
+        };
+        hiddenInputProps: {
+            type: PropType<Record<string, any>>;
+            default: undefined;
+        };
+        name: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        form: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        hiddenInputValuesDivider: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        classNames: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        styles: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        vars: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        unstyled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        data: ComboboxData<Primitive>;
+        form: string;
+        filter: OptionsFilter<Primitive>;
+        name: string;
+        onChange: (value: any) => void;
+        value: any;
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        defaultValue: any;
+        limit: number;
+        multiple: boolean;
+        vars: Function | Record<string, any>;
+        unstyled: boolean;
+        hiddenInputProps: Record<string, any>;
+        scrollAreaProps: Record<string, any>;
+        onOptionSubmit: (value: any) => void;
+        withCheckIcon: boolean;
+        withAlignedLabels: boolean;
+        withScrollArea: boolean;
+        maxDropdownHeight: string | number;
+        checkIconPosition: "left" | "right";
+        nothingFoundMessage: MantineNode;
+        renderOption: (item: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild;
+        dropdownOpened: boolean;
+        defaultDropdownOpened: boolean;
+        onDropdownOpen: () => void;
+        onDropdownClose: () => void;
+        comboboxProps: ComboboxProps;
+        selectFirstOptionOnDropdownOpen: boolean;
+        searchable: boolean;
+        searchValue: string;
+        defaultSearchValue: string;
+        onSearchChange: (value: string) => void;
+        allowDeselect: boolean;
+        hiddenInputValuesDivider: string;
+    }, true, {}, SlotsType<ComboboxPopoverSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        multiple: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        value: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        defaultValue: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        onChange: {
+            type: PropType<(value: any) => void>;
+            default: undefined;
+        };
+        data: {
+            type: PropType<ComboboxData<Primitive>>;
+            default: undefined;
+        };
+        dropdownOpened: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultDropdownOpened: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        onDropdownOpen: {
+            type: PropType<() => void>;
+            default: undefined;
+        };
+        onDropdownClose: {
+            type: PropType<() => void>;
+            default: undefined;
+        };
+        onOptionSubmit: {
+            type: PropType<(value: any) => void>;
+            default: undefined;
+        };
+        comboboxProps: {
+            type: PropType<ComboboxProps>;
+            default: undefined;
+        };
+        filter: {
+            type: PropType<OptionsFilter<Primitive>>;
+            default: undefined;
+        };
+        limit: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        withScrollArea: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        maxDropdownHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        selectFirstOptionOnDropdownOpen: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        withCheckIcon: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        withAlignedLabels: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        checkIconPosition: {
+            type: PropType<"left" | "right">;
+            default: undefined;
+        };
+        nothingFoundMessage: {
+            type: PropType<MantineNode>;
+            default: undefined;
+        };
+        searchable: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        searchValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        defaultSearchValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        onSearchChange: {
+            type: PropType<(value: string) => void>;
+            default: undefined;
+        };
+        allowDeselect: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        renderOption: {
+            type: PropType<(item: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild>;
+            default: undefined;
+        };
+        scrollAreaProps: {
+            type: PropType<Record<string, any>>;
+            default: undefined;
+        };
+        hiddenInputProps: {
+            type: PropType<Record<string, any>>;
+            default: undefined;
+        };
+        name: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        form: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        hiddenInputValuesDivider: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        classNames: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        styles: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        vars: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        unstyled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, {
+        data: ComboboxData<Primitive>;
+        form: string;
+        filter: OptionsFilter<Primitive>;
+        name: string;
+        onChange: (value: any) => void;
+        value: any;
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        defaultValue: any;
+        limit: number;
+        multiple: boolean;
+        vars: Function | Record<string, any>;
+        unstyled: boolean;
+        hiddenInputProps: Record<string, any>;
+        scrollAreaProps: Record<string, any>;
+        onOptionSubmit: (value: any) => void;
+        withCheckIcon: boolean;
+        withAlignedLabels: boolean;
+        withScrollArea: boolean;
+        maxDropdownHeight: string | number;
+        checkIconPosition: "left" | "right";
+        nothingFoundMessage: MantineNode;
+        renderOption: (item: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild;
+        dropdownOpened: boolean;
+        defaultDropdownOpened: boolean;
+        onDropdownOpen: () => void;
+        onDropdownClose: () => void;
+        comboboxProps: ComboboxProps;
+        selectFirstOptionOnDropdownOpen: boolean;
+        searchable: boolean;
+        searchValue: string;
+        defaultSearchValue: string;
+        onSearchChange: (value: string) => void;
+        allowDeselect: boolean;
+        hiddenInputValuesDivider: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    multiple: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    value: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: any) => void>;
+        default: undefined;
+    };
+    data: {
+        type: PropType<ComboboxData<Primitive>>;
+        default: undefined;
+    };
+    dropdownOpened: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultDropdownOpened: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    onDropdownOpen: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onDropdownClose: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onOptionSubmit: {
+        type: PropType<(value: any) => void>;
+        default: undefined;
+    };
+    comboboxProps: {
+        type: PropType<ComboboxProps>;
+        default: undefined;
+    };
+    filter: {
+        type: PropType<OptionsFilter<Primitive>>;
+        default: undefined;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    withScrollArea: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    maxDropdownHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    selectFirstOptionOnDropdownOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    withCheckIcon: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    withAlignedLabels: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    checkIconPosition: {
+        type: PropType<"left" | "right">;
+        default: undefined;
+    };
+    nothingFoundMessage: {
+        type: PropType<MantineNode>;
+        default: undefined;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    searchValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultSearchValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onSearchChange: {
+        type: PropType<(value: string) => void>;
+        default: undefined;
+    };
+    allowDeselect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    renderOption: {
+        type: PropType<(item: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild>;
+        default: undefined;
+    };
+    scrollAreaProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    hiddenInputProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hiddenInputValuesDivider: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    classNames: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    styles: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    vars: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    data: ComboboxData<Primitive>;
+    form: string;
+    filter: OptionsFilter<Primitive>;
+    name: string;
+    onChange: (value: any) => void;
+    value: any;
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    defaultValue: any;
+    limit: number;
+    multiple: boolean;
+    vars: Function | Record<string, any>;
+    unstyled: boolean;
+    hiddenInputProps: Record<string, any>;
+    scrollAreaProps: Record<string, any>;
+    onOptionSubmit: (value: any) => void;
+    withCheckIcon: boolean;
+    withAlignedLabels: boolean;
+    withScrollArea: boolean;
+    maxDropdownHeight: string | number;
+    checkIconPosition: "left" | "right";
+    nothingFoundMessage: MantineNode;
+    renderOption: (item: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild;
+    dropdownOpened: boolean;
+    defaultDropdownOpened: boolean;
+    onDropdownOpen: () => void;
+    onDropdownClose: () => void;
+    comboboxProps: ComboboxProps;
+    selectFirstOptionOnDropdownOpen: boolean;
+    searchable: boolean;
+    searchValue: string;
+    defaultSearchValue: string;
+    onSearchChange: (value: string) => void;
+    allowDeselect: boolean;
+    hiddenInputValuesDivider: string;
+}, {}, string, SlotsType<ComboboxPopoverSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    classes: Record<string, string>;
+    Target: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        refProp: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        refProp: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        refProp: string;
+    }, SlotsType<import("./ComboboxPopoverTarget").ComboboxPopoverTargetSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};