@destyler/combobox 0.0.3 → 0.0.4

package/dist/shared/combobox.2a62f7db.d.cts

@@ -0,0 +1,1794 @@
+import * as vue from 'vue';
+import { PropType, Ref, SlotsType, VNode } from 'vue';
+import * as _destyler_primitive from '@destyler/primitive';
+import { ExtractPublicPropTypes, Direction } from '@destyler/shared';
+import * as _vue_shared from '@vue/shared';
+
+declare const comboboxAnchorProps: {
+    readonly as: {
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxAnchorProps = ExtractPublicPropTypes<typeof comboboxAnchorProps>;
+declare const ComboboxAnchor: vue.DefineComponent<{
+    readonly as: {
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly as: {
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+type AcceptableValue = string | number | boolean | Record<string, any>;
+type ArrayOrWrapped<T> = T extends any[] ? T : Array<T>;
+declare const comboboxRootProps: {
+    /**
+     * The controlled value of the Combobox. Can be binded-with with `v-model`.
+     *
+     * @default undefined
+     */
+    readonly modelValue: {
+        readonly type: PropType<AcceptableValue | AcceptableValue[]>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    /**
+     * The value of the combobox when initially rendered.
+     * Use when you do not need to control the state of the Combobox
+     *
+     * @default undefined
+     */
+    readonly defaultValue: {
+        readonly type: PropType<AcceptableValue | AcceptableValue[]>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    /**
+     * The controlled open state of the Combobox. Can be binded-with with `v-model:open`.
+     *
+     * @default undefined
+     */
+    readonly open: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    /**
+     * The open state of the combobox when it is initially rendered.
+     * Use when you do not need to control its open state.
+     */
+    readonly defaultOpen: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    /**
+     * The controlled search term of the Combobox.
+     * Can be binded-with with `v-model:searchTerm`.
+     */
+    readonly searchTerm: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    /**
+     * Whether multiple options can be selected or not.
+     *
+     * @default false
+     */
+    readonly multiple: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    /**
+     * When `true`, prevents the user from interacting with Combobox.
+     *
+     * @default false
+     */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    /**
+     * The name of the Combobox. Submitted with its owning form as part of a name/value pair.
+     */
+    readonly name: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    /**
+     * The reading direction of the combobox when applicable.
+     */
+    readonly dir: {
+        readonly type: PropType<Direction>;
+        readonly required: false;
+    };
+    /**
+     * The custom filter function for filtering `ComboboxItem`.
+     */
+    readonly filterFunction: {
+        readonly type: PropType<(val: ArrayOrWrapped<AcceptableValue>, term: string) => ArrayOrWrapped<AcceptableValue>>;
+        readonly required: false;
+    };
+    /**
+     * The display value of input for selected item. Does not work with `multiple`.
+     */
+    readonly displayValue: {
+        readonly type: PropType<(val: AcceptableValue) => string>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxRootProps = ExtractPublicPropTypes<typeof comboboxRootProps>;
+declare const comboboxRootEmits: {
+    /**
+     * Event handler called when the value changes.
+     */
+    'update:modelValue': (_value: AcceptableValue) => boolean;
+    /**
+     * Event handler called when the open state of the combobox changes.
+     */
+    'update:open': (_value: boolean) => boolean;
+    /**
+     * Event handler called when the searchTerm of the combobox changes.
+     */
+    'update:searchTerm': (_value: string) => boolean;
+};
+interface ComboboxRootContext<T> {
+    modelValue: Ref<T | Array<T>>;
+    onValueChange: (val: T) => void;
+    searchTerm: Ref<string>;
+    multiple: Ref<boolean>;
+    disabled: Ref<boolean>;
+    open: Ref<boolean>;
+    onOpenChange: (value: boolean) => void;
+    isUserInputted: Ref<boolean>;
+    filteredOptions: Ref<Array<T>>;
+    contentId: string;
+    contentElement: Ref<HTMLElement | undefined>;
+    onContentElementChange: (el: HTMLElement) => void;
+    inputElement: Ref<HTMLInputElement | undefined>;
+    onInputElementChange: (el: HTMLInputElement) => void;
+    onInputNavigation: (dir: 'up' | 'down' | 'home' | 'end') => void;
+    onInputEnter: () => void;
+    selectedValue: Ref<T | undefined>;
+    onSelectedValueChange: (val: T) => void;
+    parentElement: Ref<HTMLElement | undefined>;
+}
+declare const ComboboxRoot: vue.DefineComponent<{
+    /**
+     * The controlled value of the Combobox. Can be binded-with with `v-model`.
+     *
+     * @default undefined
+     */
+    readonly modelValue: {
+        readonly type: PropType<AcceptableValue | AcceptableValue[]>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    /**
+     * The value of the combobox when initially rendered.
+     * Use when you do not need to control the state of the Combobox
+     *
+     * @default undefined
+     */
+    readonly defaultValue: {
+        readonly type: PropType<AcceptableValue | AcceptableValue[]>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    /**
+     * The controlled open state of the Combobox. Can be binded-with with `v-model:open`.
+     *
+     * @default undefined
+     */
+    readonly open: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    /**
+     * The open state of the combobox when it is initially rendered.
+     * Use when you do not need to control its open state.
+     */
+    readonly defaultOpen: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    /**
+     * The controlled search term of the Combobox.
+     * Can be binded-with with `v-model:searchTerm`.
+     */
+    readonly searchTerm: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    /**
+     * Whether multiple options can be selected or not.
+     *
+     * @default false
+     */
+    readonly multiple: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    /**
+     * When `true`, prevents the user from interacting with Combobox.
+     *
+     * @default false
+     */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    /**
+     * The name of the Combobox. Submitted with its owning form as part of a name/value pair.
+     */
+    readonly name: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    /**
+     * The reading direction of the combobox when applicable.
+     */
+    readonly dir: {
+        readonly type: PropType<Direction>;
+        readonly required: false;
+    };
+    /**
+     * The custom filter function for filtering `ComboboxItem`.
+     */
+    readonly filterFunction: {
+        readonly type: PropType<(val: ArrayOrWrapped<AcceptableValue>, term: string) => ArrayOrWrapped<AcceptableValue>>;
+        readonly required: false;
+    };
+    /**
+     * The display value of input for selected item. Does not work with `multiple`.
+     */
+    readonly displayValue: {
+        readonly type: PropType<(val: AcceptableValue) => string>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+    isFormControl: vue.ComputedRef<boolean>;
+    open: Ref<boolean>;
+    modelValue: Ref<AcceptableValue | AcceptableValue[]>;
+    dir: vue.ComputedRef<Direction>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    /**
+     * Event handler called when the value changes.
+     */
+    'update:modelValue': (_value: AcceptableValue) => boolean;
+    /**
+     * Event handler called when the open state of the combobox changes.
+     */
+    'update:open': (_value: boolean) => boolean;
+    /**
+     * Event handler called when the searchTerm of the combobox changes.
+     */
+    'update:searchTerm': (_value: string) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The controlled value of the Combobox. Can be binded-with with `v-model`.
+     *
+     * @default undefined
+     */
+    readonly modelValue: {
+        readonly type: PropType<AcceptableValue | AcceptableValue[]>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    /**
+     * The value of the combobox when initially rendered.
+     * Use when you do not need to control the state of the Combobox
+     *
+     * @default undefined
+     */
+    readonly defaultValue: {
+        readonly type: PropType<AcceptableValue | AcceptableValue[]>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    /**
+     * The controlled open state of the Combobox. Can be binded-with with `v-model:open`.
+     *
+     * @default undefined
+     */
+    readonly open: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    /**
+     * The open state of the combobox when it is initially rendered.
+     * Use when you do not need to control its open state.
+     */
+    readonly defaultOpen: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    /**
+     * The controlled search term of the Combobox.
+     * Can be binded-with with `v-model:searchTerm`.
+     */
+    readonly searchTerm: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    /**
+     * Whether multiple options can be selected or not.
+     *
+     * @default false
+     */
+    readonly multiple: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    /**
+     * When `true`, prevents the user from interacting with Combobox.
+     *
+     * @default false
+     */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    /**
+     * The name of the Combobox. Submitted with its owning form as part of a name/value pair.
+     */
+    readonly name: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    /**
+     * The reading direction of the combobox when applicable.
+     */
+    readonly dir: {
+        readonly type: PropType<Direction>;
+        readonly required: false;
+    };
+    /**
+     * The custom filter function for filtering `ComboboxItem`.
+     */
+    readonly filterFunction: {
+        readonly type: PropType<(val: ArrayOrWrapped<AcceptableValue>, term: string) => ArrayOrWrapped<AcceptableValue>>;
+        readonly required: false;
+    };
+    /**
+     * The display value of input for selected item. Does not work with `multiple`.
+     */
+    readonly displayValue: {
+        readonly type: PropType<(val: AcceptableValue) => string>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((_value: AcceptableValue) => any) | undefined;
+    "onUpdate:open"?: ((_value: boolean) => any) | undefined;
+    "onUpdate:searchTerm"?: ((_value: string) => any) | undefined;
+}, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+    readonly modelValue: AcceptableValue | AcceptableValue[];
+    readonly defaultValue: AcceptableValue | AcceptableValue[];
+    readonly open: boolean;
+    readonly multiple: boolean;
+    readonly disabled: boolean;
+}, SlotsType<{
+    default: (opts: {
+        /**
+         * Current open state
+         */
+        open: boolean;
+        /**
+         * Current active value
+         */
+        modelValue: AcceptableValue;
+    }) => VNode[];
+}>>;
+
+declare const comboboxArrowProps: {
+    readonly as: {
+        readonly default: "svg";
+        readonly type: vue.PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+    };
+    readonly width: {
+        readonly type: vue.PropType<number>;
+        readonly required: false;
+        readonly default: 10;
+    };
+    readonly height: {
+        readonly type: vue.PropType<number>;
+        readonly required: false;
+        readonly default: 5;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxArrowProps = ExtractPublicPropTypes<typeof comboboxArrowProps>;
+declare const ComboboxArrow: vue.DefineComponent<{
+    readonly as: {
+        readonly default: "svg";
+        readonly type: vue.PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+    };
+    readonly width: {
+        readonly type: vue.PropType<number>;
+        readonly required: false;
+        readonly default: 10;
+    };
+    readonly height: {
+        readonly type: vue.PropType<number>;
+        readonly required: false;
+        readonly default: 5;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    rootContext: ComboboxRootContext<AcceptableValue>;
+    contentContext: {
+        position: vue.Ref<"inline" | "popper">;
+    };
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly as: {
+        readonly default: "svg";
+        readonly type: vue.PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+    };
+    readonly width: {
+        readonly type: vue.PropType<number>;
+        readonly required: false;
+        readonly default: 10;
+    };
+    readonly height: {
+        readonly type: vue.PropType<number>;
+        readonly required: false;
+        readonly default: 5;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag;
+    readonly asChild: boolean;
+    readonly width: number;
+    readonly height: number;
+}, {}>;
+
+declare const comboboxCancelProps: {
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxCancelProps = ExtractPublicPropTypes<typeof comboboxCancelProps>;
+declare const ComboboxCancel: vue.DefineComponent<{
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    rootContext: ComboboxRootContext<AcceptableValue>;
+    handleClick: () => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const comboboxContentProps: {
+    /**
+     * Used to force mounting when more control is needed.
+     * Useful when controlling animation with Vue animation libraries.
+     */
+    readonly forceMount: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly position: {
+        readonly type: PropType<"inline" | "popper">;
+        readonly required: false;
+        readonly default: "inline";
+    };
+    readonly bodyLock: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly dismissable: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly side: {
+        readonly type: PropType<"top" | "right" | "bottom" | "left">;
+        readonly required: false;
+        readonly default: "bottom";
+    };
+    readonly sideOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly align: {
+        readonly type: PropType<"end" | "center" | "start">;
+        readonly required: false;
+        readonly default: "center";
+    };
+    readonly alignOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly avoidCollisions: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly collisionBoundary: {
+        readonly type: PropType<Element | (Element | null)[] | null>;
+        readonly required: false;
+        readonly default: () => never[];
+    };
+    readonly collisionPadding: {
+        readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly arrowPadding: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly sticky: {
+        readonly type: PropType<"partial" | "always">;
+        readonly required: false;
+        readonly default: "partial";
+    };
+    readonly hideWhenDetached: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly updatePositionStrategy: {
+        readonly type: PropType<"optimized" | "always">;
+        readonly required: false;
+        readonly default: "optimized";
+    };
+    readonly prioritizePosition: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly as: {
+        readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly disableOutsidePointerEvents: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly isDismissable: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+};
+type ComboboxContentProps = ExtractPublicPropTypes<typeof comboboxContentProps>;
+declare const comboboxContentEmits: {
+    escapeKeyDown: (_event: KeyboardEvent) => boolean;
+    pointerDownOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => boolean;
+    focusOutside: (_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+    interactOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+};
+declare const ComboboxContent: vue.DefineComponent<{
+    /**
+     * Used to force mounting when more control is needed.
+     * Useful when controlling animation with Vue animation libraries.
+     */
+    readonly forceMount: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly position: {
+        readonly type: PropType<"inline" | "popper">;
+        readonly required: false;
+        readonly default: "inline";
+    };
+    readonly bodyLock: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly dismissable: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly side: {
+        readonly type: PropType<"top" | "right" | "bottom" | "left">;
+        readonly required: false;
+        readonly default: "bottom";
+    };
+    readonly sideOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly align: {
+        readonly type: PropType<"end" | "center" | "start">;
+        readonly required: false;
+        readonly default: "center";
+    };
+    readonly alignOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly avoidCollisions: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly collisionBoundary: {
+        readonly type: PropType<Element | (Element | null)[] | null>;
+        readonly required: false;
+        readonly default: () => never[];
+    };
+    readonly collisionPadding: {
+        readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly arrowPadding: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly sticky: {
+        readonly type: PropType<"partial" | "always">;
+        readonly required: false;
+        readonly default: "partial";
+    };
+    readonly hideWhenDetached: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly updatePositionStrategy: {
+        readonly type: PropType<"optimized" | "always">;
+        readonly required: false;
+        readonly default: "optimized";
+    };
+    readonly prioritizePosition: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly as: {
+        readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly disableOutsidePointerEvents: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly isDismissable: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+}, {
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+    forwarded: vue.ComputedRef<{
+        readonly as: vue.FunctionalComponent<any, {}, any, {}> | {
+            new (...args: any[]): any;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } | _destyler_primitive.AsTag | {
+            [x: string]: any;
+            setup?: ((this: void, props: _vue_shared.LooseRequired<any>, ctx: {
+                attrs: {
+                    [x: string]: unknown;
+                };
+                slots: Readonly<{
+                    [name: string]: vue.Slot<any> | undefined;
+                }>;
+                emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
+                expose: (exposed?: Record<string, any> | undefined) => void;
+            }) => any) | undefined;
+            name?: string | undefined;
+            template?: string | object | undefined;
+            render?: Function | undefined;
+            components?: Record<string, vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>> | undefined;
+            directives?: Record<string, vue.Directive<any, any>> | undefined;
+            inheritAttrs?: boolean | undefined;
+            emits?: any;
+            slots?: {} | undefined;
+            expose?: string[] | undefined;
+            serverPrefetch?: (() => void | Promise<any>) | undefined;
+            compilerOptions?: {
+                isCustomElement?: ((tag: string) => boolean) | undefined;
+                whitespace?: "preserve" | "condense" | undefined;
+                comments?: boolean | undefined;
+                delimiters?: [string, string] | undefined;
+            } | undefined;
+            call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+            __defaults?: any;
+            compatConfig?: {
+                GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
+                GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
+                GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
+                GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
+                GLOBAL_SET?: boolean | "suppress-warning" | undefined;
+                GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
+                GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
+                GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
+                CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
+                CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
+                CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
+                CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
+                CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
+                CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
+                CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
+                INSTANCE_SET?: boolean | "suppress-warning" | undefined;
+                INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
+                INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
+                INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
+                INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
+                INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
+                INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
+                INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
+                INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
+                OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
+                OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
+                OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
+                OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
+                WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
+                PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
+                V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
+                CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
+                ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
+                ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
+                TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
+                TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
+                COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
+                COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
+                COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
+                RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
+                FILTERS?: boolean | "suppress-warning" | undefined;
+                PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
+                MODE?: 2 | 3 | ((comp: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | null) => 2 | 3) | undefined;
+            } | undefined;
+            data?: ((this: any, vm: any) => any) | undefined;
+            computed?: vue.ComputedOptions | undefined;
+            methods?: vue.MethodOptions | undefined;
+            watch?: {
+                [x: string]: (string | vue.WatchCallback<any, any> | ({
+                    handler: string | vue.WatchCallback<any, any>;
+                } & vue.WatchOptions<boolean>)) | (string | vue.WatchCallback<any, any> | ({
+                    handler: string | vue.WatchCallback<any, any>;
+                } & vue.WatchOptions<boolean>))[];
+            } | undefined;
+            provide?: vue.ComponentProvideOptions | undefined;
+            inject?: {} | string[] | undefined;
+            filters?: Record<string, Function> | undefined;
+            mixins?: any[] | undefined;
+            extends?: any;
+            beforeCreate?: (() => void) | undefined;
+            created?: (() => void) | undefined;
+            beforeMount?: (() => void) | undefined;
+            mounted?: (() => void) | undefined;
+            beforeUpdate?: (() => void) | undefined;
+            updated?: (() => void) | undefined;
+            activated?: (() => void) | undefined;
+            deactivated?: (() => void) | undefined;
+            beforeDestroy?: (() => void) | undefined;
+            beforeUnmount?: (() => void) | undefined;
+            destroyed?: (() => void) | undefined;
+            unmounted?: (() => void) | undefined;
+            renderTracked?: ((e: vue.DebuggerEvent) => void) | undefined;
+            renderTriggered?: ((e: vue.DebuggerEvent) => void) | undefined;
+            errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | undefined;
+            delimiters?: [string, string] | undefined;
+            __differentiator?: string | number | symbol | undefined;
+            __isBuiltIn?: boolean | undefined;
+            __file?: string | undefined;
+            __name?: string | undefined;
+        };
+        readonly asChild: boolean;
+        readonly position: "inline" | "popper";
+        readonly dismissable: boolean;
+        readonly side: "top" | "right" | "bottom" | "left";
+        readonly sideOffset: number;
+        readonly align: "end" | "center" | "start";
+        readonly alignOffset: number;
+        readonly avoidCollisions: boolean;
+        readonly collisionBoundary: Element | (Element | null)[] | null;
+        readonly collisionPadding: number | {
+            top?: number | undefined;
+            right?: number | undefined;
+            bottom?: number | undefined;
+            left?: number | undefined;
+        };
+        readonly arrowPadding: number;
+        readonly sticky: "partial" | "always";
+        readonly hideWhenDetached: boolean;
+        readonly updatePositionStrategy: "optimized" | "always";
+        readonly prioritizePosition: boolean;
+        readonly disableOutsidePointerEvents: boolean;
+        readonly isDismissable: boolean;
+        readonly bodyLock: boolean | undefined;
+        readonly forceMount: boolean | undefined;
+        readonly onEscapeKeyDown: ((_event: KeyboardEvent) => any) | undefined;
+        readonly onPointerDownOutside: ((_event: CustomEvent<{
+            originalEvent: PointerEvent;
+        }>) => any) | undefined;
+        readonly onFocusOutside: ((_event: CustomEvent<{
+            originalEvent: FocusEvent;
+        }>) => any) | undefined;
+        readonly onInteractOutside: ((_event: CustomEvent<{
+            originalEvent: PointerEvent;
+        }> | CustomEvent<{
+            originalEvent: FocusEvent;
+        }>) => any) | undefined;
+    } & Record<string, any>>;
+    rootContext: ComboboxRootContext<AcceptableValue>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    escapeKeyDown: (_event: KeyboardEvent) => boolean;
+    pointerDownOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => boolean;
+    focusOutside: (_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+    interactOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Used to force mounting when more control is needed.
+     * Useful when controlling animation with Vue animation libraries.
+     */
+    readonly forceMount: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly position: {
+        readonly type: PropType<"inline" | "popper">;
+        readonly required: false;
+        readonly default: "inline";
+    };
+    readonly bodyLock: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly dismissable: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly side: {
+        readonly type: PropType<"top" | "right" | "bottom" | "left">;
+        readonly required: false;
+        readonly default: "bottom";
+    };
+    readonly sideOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly align: {
+        readonly type: PropType<"end" | "center" | "start">;
+        readonly required: false;
+        readonly default: "center";
+    };
+    readonly alignOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly avoidCollisions: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly collisionBoundary: {
+        readonly type: PropType<Element | (Element | null)[] | null>;
+        readonly required: false;
+        readonly default: () => never[];
+    };
+    readonly collisionPadding: {
+        readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly arrowPadding: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly sticky: {
+        readonly type: PropType<"partial" | "always">;
+        readonly required: false;
+        readonly default: "partial";
+    };
+    readonly hideWhenDetached: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly updatePositionStrategy: {
+        readonly type: PropType<"optimized" | "always">;
+        readonly required: false;
+        readonly default: "optimized";
+    };
+    readonly prioritizePosition: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly as: {
+        readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly disableOutsidePointerEvents: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly isDismissable: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+}>> & {
+    onEscapeKeyDown?: ((_event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any) | undefined;
+    onFocusOutside?: ((_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+    onInteractOutside?: ((_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+}, {
+    readonly as: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag;
+    readonly asChild: boolean;
+    readonly position: "inline" | "popper";
+    readonly dismissable: boolean;
+    readonly side: "top" | "right" | "bottom" | "left";
+    readonly sideOffset: number;
+    readonly align: "end" | "center" | "start";
+    readonly alignOffset: number;
+    readonly avoidCollisions: boolean;
+    readonly collisionBoundary: Element | (Element | null)[] | null;
+    readonly collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
+    readonly arrowPadding: number;
+    readonly sticky: "partial" | "always";
+    readonly hideWhenDetached: boolean;
+    readonly updatePositionStrategy: "optimized" | "always";
+    readonly prioritizePosition: boolean;
+    readonly disableOutsidePointerEvents: boolean;
+    readonly isDismissable: boolean;
+}, {}>;
+
+declare const comboboxEmptyProps: {
+    readonly as: {
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxEmptyProps = ExtractPublicPropTypes<typeof comboboxEmptyProps>;
+declare const ComboboxEmpty: vue.DefineComponent<{
+    readonly as: {
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    rootContext: ComboboxRootContext<AcceptableValue>;
+    isEmpty: vue.ComputedRef<boolean>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly as: {
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const comboboxGroupProps: {
+    readonly as: {
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxGroupProps = ExtractPublicPropTypes<typeof comboboxGroupProps>;
+interface ComboboxGroupContext {
+    id: string;
+}
+declare const ComboboxGroup: vue.DefineComponent<{
+    readonly as: {
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    currentRef: vue.Ref<Element | vue.ComponentPublicInstance | null | undefined>;
+    hasOptions: vue.Ref<boolean>;
+    id: string;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly as: {
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const comboboxInputProps: {
+    /**
+     * @default input
+     */
+    readonly as: {
+        readonly default: "input";
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    /**
+     * Native input type
+     *
+     * @default text
+     */
+    readonly type: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly default: "text";
+    };
+    /**
+     * When `true`, prevents the user from interacting with item
+     */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    /**
+     * Focus on element when mounted.
+     *
+     * @default false
+     */
+    readonly autoFocus: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxInputProps = ExtractPublicPropTypes<typeof comboboxInputProps>;
+declare const ComboboxInput: vue.DefineComponent<{
+    /**
+     * @default input
+     */
+    readonly as: {
+        readonly default: "input";
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    /**
+     * Native input type
+     *
+     * @default text
+     */
+    readonly type: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly default: "text";
+    };
+    /**
+     * When `true`, prevents the user from interacting with item
+     */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    /**
+     * Focus on element when mounted.
+     *
+     * @default false
+     */
+    readonly autoFocus: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    disabled: vue.ComputedRef<boolean>;
+    rootContext: ComboboxRootContext<AcceptableValue>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+    handleInput: (event: Event) => void;
+    handleKeyDown: (ev: KeyboardEvent) => void;
+    handleHomeEnd: (ev: KeyboardEvent) => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * @default input
+     */
+    readonly as: {
+        readonly default: "input";
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    /**
+     * Native input type
+     *
+     * @default text
+     */
+    readonly type: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly default: "text";
+    };
+    /**
+     * When `true`, prevents the user from interacting with item
+     */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    /**
+     * Focus on element when mounted.
+     *
+     * @default false
+     */
+    readonly autoFocus: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+    readonly type: string;
+}, {}>;
+
+type SelectEvent<T> = CustomEvent<{
+    originalEvent: PointerEvent;
+    value?: T;
+}>;
+declare const comboboxItemProps: {
+    /**
+     * The value given as data when submitted with a `name`.
+     */
+    readonly value: {
+        readonly type: PropType<AcceptableValue>;
+        readonly required: true;
+    };
+    /**
+     * When true, prevents the user from interacting with the `item`.
+     */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxItemProps = ExtractPublicPropTypes<typeof comboboxItemProps>;
+declare const comboboxItemEmits: {
+    /**
+     * Event handler called when the selecting item. <br>
+     * It can be prevented by calling `event.preventDefault`.
+     */
+    select: (_ev: SelectEvent<AcceptableValue>) => boolean;
+};
+interface ComboboxItemContext {
+    isSelected: Ref<boolean>;
+}
+declare const ComboboxItem: vue.DefineComponent<{
+    /**
+     * The value given as data when submitted with a `name`.
+     */
+    readonly value: {
+        readonly type: PropType<AcceptableValue>;
+        readonly required: true;
+    };
+    /**
+     * When true, prevents the user from interacting with the `item`.
+     */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+    textId: string;
+    isFocused: vue.ComputedRef<boolean>;
+    isSelected: vue.ComputedRef<boolean>;
+    isInOption: vue.ComputedRef<boolean>;
+    handleSelectCustomEvent: (ev?: PointerEvent) => void;
+    handlePointerMove: (event: PointerEvent) => Promise<void>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    /**
+     * Event handler called when the selecting item. <br>
+     * It can be prevented by calling `event.preventDefault`.
+     */
+    select: (_ev: SelectEvent<AcceptableValue>) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The value given as data when submitted with a `name`.
+     */
+    readonly value: {
+        readonly type: PropType<AcceptableValue>;
+        readonly required: true;
+    };
+    /**
+     * When true, prevents the user from interacting with the `item`.
+     */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>> & {
+    onSelect?: ((_ev: SelectEvent<AcceptableValue>) => any) | undefined;
+}, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const comboboxItemIndicatorProps: {
+    /**
+     * @default span
+     */
+    readonly as: {
+        readonly default: "span";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxItemIndicatorProps = ExtractPublicPropTypes<typeof comboboxItemIndicatorProps>;
+declare const ComboboxItemIndicator: vue.DefineComponent<{
+    /**
+     * @default span
+     */
+    readonly as: {
+        readonly default: "span";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    itemContext: ComboboxItemContext;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * @default span
+     */
+    readonly as: {
+        readonly default: "span";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const comboboxLabelProps: {
+    /**
+     * The id of the element the label is associated with.
+     */
+    readonly for: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxLabelProps = ExtractPublicPropTypes<typeof comboboxLabelProps>;
+declare const ComboboxLabel: vue.DefineComponent<{
+    /**
+     * The id of the element the label is associated with.
+     */
+    readonly for: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    groupContext: ComboboxGroupContext;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The id of the element the label is associated with.
+     */
+    readonly for: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const comboboxPortalProps: {
+    readonly to: {
+        readonly type: vue.PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly default: "body";
+    };
+    readonly disabled: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly forceMount: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxPortalProps = ExtractPublicPropTypes<typeof comboboxPortalProps>;
+declare const ComboboxPortal: vue.DefineComponent<{
+    readonly to: {
+        readonly type: vue.PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly default: "body";
+    };
+    readonly disabled: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly forceMount: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly to: {
+        readonly type: vue.PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly default: "body";
+    };
+    readonly disabled: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly forceMount: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly disabled: boolean;
+    readonly forceMount: boolean;
+    readonly to: string | HTMLElement;
+}, {}>;
+
+declare const comboboxSeparatorProps: {
+    readonly as: {
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxSeparatorProps = ExtractPublicPropTypes<typeof comboboxSeparatorProps>;
+declare const ComboboxSeparator: vue.DefineComponent<{
+    readonly as: {
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly as: {
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const comboboxTriggerProps: {
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    /**
+     * When `true`, prevents the user from interacting with item.
+     */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxTriggerProps = ExtractPublicPropTypes<typeof comboboxTriggerProps>;
+declare const ComboboxTrigger: vue.DefineComponent<{
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    /**
+     * When `true`, prevents the user from interacting with item.
+     */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    rootContext: ComboboxRootContext<AcceptableValue>;
+    disabled: vue.ComputedRef<boolean>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    /**
+     * When `true`, prevents the user from interacting with item.
+     */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const comboboxViewportProps: {
+    /**
+     * Will add `nonce` attribute to the style tag which can be used by Content Security Policy.
+     */
+    readonly nonce: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type ComboboxViewportProps = ExtractPublicPropTypes<typeof comboboxViewportProps>;
+declare const ComboboxViewport: vue.DefineComponent<{
+    /**
+     * Will add `nonce` attribute to the style tag which can be used by Content Security Policy.
+     */
+    readonly nonce: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Will add `nonce` attribute to the style tag which can be used by Content Security Policy.
+     */
+    readonly nonce: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+export { type AcceptableValue as A, ComboboxItemIndicator as B, type ComboboxRootContext as C, comboboxItemIndicatorProps as D, type ComboboxItemIndicatorProps as E, ComboboxLabel as F, comboboxLabelProps as G, type ComboboxLabelProps as H, ComboboxPortal as I, comboboxPortalProps as J, type ComboboxPortalProps as K, ComboboxRoot as L, comboboxRootProps as M, comboboxRootEmits as N, type ComboboxRootProps as O, ComboboxSeparator as P, comboboxSeparatorProps as Q, type ComboboxSeparatorProps as R, ComboboxTrigger as S, comboboxTriggerProps as T, type ComboboxTriggerProps as U, ComboboxViewport as V, comboboxViewportProps as W, type ComboboxViewportProps as X, ComboboxAnchor as a, type ComboboxAnchorProps as b, comboboxAnchorProps as c, ComboboxArrow as d, comboboxArrowProps as e, type ComboboxArrowProps as f, ComboboxCancel as g, comboboxCancelProps as h, type ComboboxCancelProps as i, ComboboxContent as j, comboboxContentProps as k, comboboxContentEmits as l, type ComboboxContentProps as m, ComboboxEmpty as n, comboboxEmptyProps as o, type ComboboxEmptyProps as p, ComboboxGroup as q, comboboxGroupProps as r, type ComboboxGroupProps as s, ComboboxInput as t, comboboxInputProps as u, type ComboboxInputProps as v, ComboboxItem as w, comboboxItemProps as x, comboboxItemEmits as y, type ComboboxItemProps as z };