@mantine-vue/core 2.4.0 → 3.1.0

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

@@ -1,960 +1,103 @@
-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;
-    /** Exact-name alias for the `renderOption` prop */
-    renderOption?: (input: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild;
-    /** Custom "nothing found" content, alternative to the `nothingFoundMessage` prop */
-    nothingFound?: () => VNodeChild;
-    /** Exact-name alias for the `nothingFoundMessage` prop */
-    nothingFoundMessage?: () => 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 ComboboxPopoverBase: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
+        onChange?: ((value: any) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        "onOption-submit"?: ((value: any) => any) | undefined;
+        "onDropdown-open"?: (() => any) | undefined;
+        "onDropdown-close"?: (() => any) | undefined;
+        "onSearch-change"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: any) => any;
+        "update:modelValue": (value: any) => any;
+        "option-submit": (value: any) => any;
+        "dropdown-open": () => any;
+        "dropdown-close": () => any;
+        "search-change": (value: string) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{
+        onChange?: ((value: any) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        "onOption-submit"?: ((value: any) => any) | undefined;
+        "onDropdown-open"?: (() => any) | undefined;
+        "onDropdown-close"?: (() => any) | undefined;
+        "onSearch-change"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{
+    onChange?: ((value: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onOption-submit"?: ((value: any) => any) | undefined;
+    "onDropdown-open"?: (() => any) | undefined;
+    "onDropdown-close"?: (() => any) | undefined;
+    "onSearch-change"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: any) => any;
+    "update:modelValue": (value: any) => any;
+    "option-submit": (value: any) => any;
+    "dropdown-open": () => any;
+    "dropdown-close": () => any;
+    "search-change": (value: string) => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./ComboboxPopover.types").ComboboxPopoverSlots;
+});
 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, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
+        onChange?: ((value: any) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        "onOption-submit"?: ((value: any) => any) | undefined;
+        "onDropdown-open"?: (() => any) | undefined;
+        "onDropdown-close"?: (() => any) | undefined;
+        "onSearch-change"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: any) => any;
+        "update:modelValue": (value: any) => any;
+        "option-submit": (value: any) => any;
+        "dropdown-open": () => any;
+        "dropdown-close": () => any;
+        "search-change": (value: string) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, 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;
-    }>;
+    }, Readonly<{}> & Readonly<{
+        onChange?: ((value: any) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        "onOption-submit"?: ((value: any) => any) | undefined;
+        "onDropdown-open"?: (() => any) | undefined;
+        "onDropdown-close"?: (() => any) | undefined;
+        "onSearch-change"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
     __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 & {
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{
+    onChange?: ((value: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onOption-submit"?: ((value: any) => any) | undefined;
+    "onDropdown-open"?: (() => any) | undefined;
+    "onDropdown-close"?: (() => any) | undefined;
+    "onSearch-change"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: any) => any;
+    "update:modelValue": (value: any) => any;
+    "option-submit": (value: any) => any;
+    "dropdown-open": () => any;
+    "dropdown-close": () => any;
+    "search-change": (value: string) => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./ComboboxPopover.types").ComboboxPopoverSlots;
+}) & {
     classes: Record<string, string>;
     Target: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         refProp: {
@@ -970,5 +113,6 @@ export declare const ComboboxPopover: {
         };
     }>> & Readonly<{}>, {
         refProp: string;
-    }, SlotsType<import("./ComboboxPopoverTarget").ComboboxPopoverTargetSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, import("vue").SlotsType<import("./ComboboxPopoverTarget").ComboboxPopoverTargetSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 };
+export type { ComboboxPopoverProps, ComboboxPopoverSlots, ComboboxPopoverStylesNames, } from './ComboboxPopover.types';