@sit-onyx/headless 0.1.0-alpha.7 → 0.1.0

package/README.md

@@ -1,9 +1,5 @@
-<div align="center">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-light.svg">
-    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-dark.svg">
-    <img alt="onyx logo" src="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-dark.svg" width="160px">
-  </picture>
+<div align="center" style="text-align: center">
+  <img alt="onyx logo" src="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo.svg" height="96px">
 </div>
 
 <br>
@@ -12,8 +8,6 @@
 
 A composable headless library for Vue created by [Schwarz IT](https://it.schwarz).
 
-> **Work in progress**: This library is currently in early / active development.
-
 <br />
 
 ## Documentation

package/dist/composables/comboBox/SelectOnlyCombobox.d.vue.ts

@@ -0,0 +1,299 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    comboBox: {
+        elements: {
+            option: import('vue').ComputedRef<(data: {
+                label: string;
+                value: string;
+                disabled?: boolean;
+                selected?: boolean;
+            }) => {
+                readonly id: string;
+                readonly role: "option";
+                readonly "aria-label": string;
+                readonly "aria-disabled": boolean | undefined;
+                readonly "aria-checked": boolean | undefined;
+                readonly "aria-selected": boolean | undefined;
+                readonly onClick: () => false | void | undefined;
+            }>;
+            group: import('vue').ComputedRef<(options: {
+                label: string;
+            }) => {
+                role: string;
+                "aria-label": string;
+            }>;
+            listbox: import('vue').ComputedRef<{
+                id: string;
+                onMousedown: (e: MouseEvent) => void;
+                innerHTML?: string | undefined;
+                class?: any;
+                style?: import('vue').StyleValue | undefined;
+                accesskey?: string | undefined;
+                contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+                contextmenu?: string | undefined;
+                dir?: string | undefined;
+                draggable?: (boolean | "true" | "false") | undefined;
+                hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
+                inert?: (boolean | "true" | "false") | undefined;
+                lang?: string | undefined;
+                placeholder?: string | undefined;
+                spellcheck?: (boolean | "true" | "false") | undefined;
+                tabindex?: (string | number) | undefined;
+                title?: string | undefined;
+                translate?: "yes" | "no" | undefined;
+                radiogroup?: string | undefined;
+                role?: string | undefined;
+                about?: string | undefined;
+                datatype?: string | undefined;
+                inlist?: any;
+                prefix?: string | undefined;
+                property?: string | undefined;
+                resource?: string | undefined;
+                typeof?: string | undefined;
+                vocab?: string | undefined;
+                autocapitalize?: string | undefined;
+                autocorrect?: string | undefined;
+                autosave?: string | undefined;
+                color?: string | undefined;
+                itemprop?: string | undefined;
+                itemscope?: (boolean | "true" | "false") | undefined;
+                itemtype?: string | undefined;
+                itemid?: string | undefined;
+                itemref?: string | undefined;
+                results?: (string | number) | undefined;
+                security?: string | undefined;
+                unselectable?: "on" | "off" | undefined;
+                inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+                is?: string | undefined;
+                'aria-activedescendant'?: string | undefined;
+                'aria-atomic'?: (boolean | "true" | "false") | undefined;
+                'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
+                'aria-busy'?: (boolean | "true" | "false") | undefined;
+                'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+                'aria-colcount'?: (string | number) | undefined;
+                'aria-colindex'?: (string | number) | undefined;
+                'aria-colspan'?: (string | number) | undefined;
+                'aria-controls'?: string | undefined;
+                'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+                'aria-describedby'?: string | undefined;
+                'aria-details'?: string | undefined;
+                'aria-disabled'?: (boolean | "true" | "false") | undefined;
+                'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+                'aria-errormessage'?: string | undefined;
+                'aria-expanded'?: (boolean | "true" | "false") | undefined;
+                'aria-flowto'?: string | undefined;
+                'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+                'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+                'aria-hidden'?: (boolean | "true" | "false") | undefined;
+                'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+                'aria-keyshortcuts'?: string | undefined;
+                'aria-label'?: string | undefined;
+                'aria-labelledby'?: string | undefined;
+                'aria-level'?: (string | number) | undefined;
+                'aria-live'?: "off" | "assertive" | "polite" | undefined;
+                'aria-modal'?: (boolean | "true" | "false") | undefined;
+                'aria-multiline'?: (boolean | "true" | "false") | undefined;
+                'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+                'aria-orientation'?: "horizontal" | "vertical" | undefined;
+                'aria-owns'?: string | undefined;
+                'aria-placeholder'?: string | undefined;
+                'aria-posinset'?: (string | number) | undefined;
+                'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+                'aria-readonly'?: (boolean | "true" | "false") | undefined;
+                'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+                'aria-required'?: (boolean | "true" | "false") | undefined;
+                'aria-roledescription'?: string | undefined;
+                'aria-rowcount'?: (string | number) | undefined;
+                'aria-rowindex'?: (string | number) | undefined;
+                'aria-rowspan'?: (string | number) | undefined;
+                'aria-selected'?: (boolean | "true" | "false") | undefined;
+                'aria-setsize'?: (string | number) | undefined;
+                'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+                'aria-valuemax'?: (string | number) | undefined;
+                'aria-valuemin'?: (string | number) | undefined;
+                'aria-valuenow'?: (string | number) | undefined;
+                'aria-valuetext'?: string | undefined;
+                onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+                onCut?: ((payload: ClipboardEvent) => void) | undefined;
+                onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+                onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+                onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+                onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+                onDrag?: ((payload: DragEvent) => void) | undefined;
+                onDragend?: ((payload: DragEvent) => void) | undefined;
+                onDragenter?: ((payload: DragEvent) => void) | undefined;
+                onDragexit?: ((payload: DragEvent) => void) | undefined;
+                onDragleave?: ((payload: DragEvent) => void) | undefined;
+                onDragover?: ((payload: DragEvent) => void) | undefined;
+                onDragstart?: ((payload: DragEvent) => void) | undefined;
+                onDrop?: ((payload: DragEvent) => void) | undefined;
+                onFocus?: ((payload: FocusEvent) => void) | undefined;
+                onFocusin?: ((payload: FocusEvent) => void) | undefined;
+                onFocusout?: ((payload: FocusEvent) => void) | undefined;
+                onBlur?: ((payload: FocusEvent) => void) | undefined;
+                onChange?: ((payload: Event) => void) | undefined;
+                onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+                onInput?: ((payload: Event) => void) | undefined;
+                onReset?: ((payload: Event) => void) | undefined;
+                onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+                onInvalid?: ((payload: Event) => void) | undefined;
+                onLoad?: ((payload: Event) => void) | undefined;
+                onError?: ((payload: Event) => void) | undefined;
+                onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+                onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+                onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+                onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+                onClick?: ((payload: PointerEvent) => void) | undefined;
+                onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+                onDblclick?: ((payload: MouseEvent) => void) | undefined;
+                onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+                onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+                onMousemove?: ((payload: MouseEvent) => void) | undefined;
+                onMouseout?: ((payload: MouseEvent) => void) | undefined;
+                onMouseover?: ((payload: MouseEvent) => void) | undefined;
+                onMouseup?: ((payload: MouseEvent) => void) | undefined;
+                onAbort?: ((payload: UIEvent) => void) | undefined;
+                onCanplay?: ((payload: Event) => void) | undefined;
+                onCanplaythrough?: ((payload: Event) => void) | undefined;
+                onDurationchange?: ((payload: Event) => void) | undefined;
+                onEmptied?: ((payload: Event) => void) | undefined;
+                onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+                onEnded?: ((payload: Event) => void) | undefined;
+                onLoadeddata?: ((payload: Event) => void) | undefined;
+                onLoadedmetadata?: ((payload: Event) => void) | undefined;
+                onLoadstart?: ((payload: Event) => void) | undefined;
+                onPause?: ((payload: Event) => void) | undefined;
+                onPlay?: ((payload: Event) => void) | undefined;
+                onPlaying?: ((payload: Event) => void) | undefined;
+                onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+                onRatechange?: ((payload: Event) => void) | undefined;
+                onSeeked?: ((payload: Event) => void) | undefined;
+                onSeeking?: ((payload: Event) => void) | undefined;
+                onStalled?: ((payload: Event) => void) | undefined;
+                onSuspend?: ((payload: Event) => void) | undefined;
+                onTimeupdate?: ((payload: Event) => void) | undefined;
+                onVolumechange?: ((payload: Event) => void) | undefined;
+                onWaiting?: ((payload: Event) => void) | undefined;
+                onSelect?: ((payload: Event) => void) | undefined;
+                onScroll?: ((payload: Event) => void) | undefined;
+                onScrollend?: ((payload: Event) => void) | undefined;
+                onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+                onTouchend?: ((payload: TouchEvent) => void) | undefined;
+                onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+                onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+                onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+                onPointermove?: ((payload: PointerEvent) => void) | undefined;
+                onPointerup?: ((payload: PointerEvent) => void) | undefined;
+                onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+                onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+                onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+                onPointerover?: ((payload: PointerEvent) => void) | undefined;
+                onPointerout?: ((payload: PointerEvent) => void) | undefined;
+                onWheel?: ((payload: WheelEvent) => void) | undefined;
+                onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+                onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+                onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+                onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+                onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+                ref?: import('vue').Ref<Element | ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {};
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{}> & Omit<{}, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $el: Element;
+                }) | null, Element | ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {};
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{}> & Omit<{}, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $el: Element;
+                }) | null> | undefined;
+            }>;
+            input: import('vue').ComputedRef<{
+                "aria-autocomplete"?: "none" | undefined;
+                type?: string | undefined;
+                role: string;
+                "aria-expanded": boolean;
+                "aria-controls": string;
+                "aria-label": string;
+                "aria-activedescendant": string | undefined;
+                onInput: (event: Event) => void;
+                onKeydown: (event: KeyboardEvent) => void;
+            }>;
+            button: import('vue').ComputedRef<{
+                tabindex: string;
+                onClick: () => void | undefined;
+            }>;
+        };
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    combobox: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/composables/comboBox/TestCombobox.ct.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/composables/comboBox/TestCombobox.d.vue.ts

@@ -0,0 +1,299 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    comboBox: {
+        elements: {
+            option: import('vue').ComputedRef<(data: {
+                label: string;
+                value: string;
+                disabled?: boolean;
+                selected?: boolean;
+            }) => {
+                readonly id: string;
+                readonly role: "option";
+                readonly "aria-label": string;
+                readonly "aria-disabled": boolean | undefined;
+                readonly "aria-checked": boolean | undefined;
+                readonly "aria-selected": boolean | undefined;
+                readonly onClick: () => false | void | undefined;
+            }>;
+            group: import('vue').ComputedRef<(options: {
+                label: string;
+            }) => {
+                role: string;
+                "aria-label": string;
+            }>;
+            listbox: import('vue').ComputedRef<{
+                id: string;
+                onMousedown: (e: MouseEvent) => void;
+                innerHTML?: string | undefined;
+                class?: any;
+                style?: import('vue').StyleValue | undefined;
+                accesskey?: string | undefined;
+                contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+                contextmenu?: string | undefined;
+                dir?: string | undefined;
+                draggable?: (boolean | "true" | "false") | undefined;
+                hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
+                inert?: (boolean | "true" | "false") | undefined;
+                lang?: string | undefined;
+                placeholder?: string | undefined;
+                spellcheck?: (boolean | "true" | "false") | undefined;
+                tabindex?: (string | number) | undefined;
+                title?: string | undefined;
+                translate?: "yes" | "no" | undefined;
+                radiogroup?: string | undefined;
+                role?: string | undefined;
+                about?: string | undefined;
+                datatype?: string | undefined;
+                inlist?: any;
+                prefix?: string | undefined;
+                property?: string | undefined;
+                resource?: string | undefined;
+                typeof?: string | undefined;
+                vocab?: string | undefined;
+                autocapitalize?: string | undefined;
+                autocorrect?: string | undefined;
+                autosave?: string | undefined;
+                color?: string | undefined;
+                itemprop?: string | undefined;
+                itemscope?: (boolean | "true" | "false") | undefined;
+                itemtype?: string | undefined;
+                itemid?: string | undefined;
+                itemref?: string | undefined;
+                results?: (string | number) | undefined;
+                security?: string | undefined;
+                unselectable?: "on" | "off" | undefined;
+                inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+                is?: string | undefined;
+                'aria-activedescendant'?: string | undefined;
+                'aria-atomic'?: (boolean | "true" | "false") | undefined;
+                'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
+                'aria-busy'?: (boolean | "true" | "false") | undefined;
+                'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+                'aria-colcount'?: (string | number) | undefined;
+                'aria-colindex'?: (string | number) | undefined;
+                'aria-colspan'?: (string | number) | undefined;
+                'aria-controls'?: string | undefined;
+                'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+                'aria-describedby'?: string | undefined;
+                'aria-details'?: string | undefined;
+                'aria-disabled'?: (boolean | "true" | "false") | undefined;
+                'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+                'aria-errormessage'?: string | undefined;
+                'aria-expanded'?: (boolean | "true" | "false") | undefined;
+                'aria-flowto'?: string | undefined;
+                'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+                'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+                'aria-hidden'?: (boolean | "true" | "false") | undefined;
+                'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+                'aria-keyshortcuts'?: string | undefined;
+                'aria-label'?: string | undefined;
+                'aria-labelledby'?: string | undefined;
+                'aria-level'?: (string | number) | undefined;
+                'aria-live'?: "off" | "assertive" | "polite" | undefined;
+                'aria-modal'?: (boolean | "true" | "false") | undefined;
+                'aria-multiline'?: (boolean | "true" | "false") | undefined;
+                'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+                'aria-orientation'?: "horizontal" | "vertical" | undefined;
+                'aria-owns'?: string | undefined;
+                'aria-placeholder'?: string | undefined;
+                'aria-posinset'?: (string | number) | undefined;
+                'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+                'aria-readonly'?: (boolean | "true" | "false") | undefined;
+                'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+                'aria-required'?: (boolean | "true" | "false") | undefined;
+                'aria-roledescription'?: string | undefined;
+                'aria-rowcount'?: (string | number) | undefined;
+                'aria-rowindex'?: (string | number) | undefined;
+                'aria-rowspan'?: (string | number) | undefined;
+                'aria-selected'?: (boolean | "true" | "false") | undefined;
+                'aria-setsize'?: (string | number) | undefined;
+                'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+                'aria-valuemax'?: (string | number) | undefined;
+                'aria-valuemin'?: (string | number) | undefined;
+                'aria-valuenow'?: (string | number) | undefined;
+                'aria-valuetext'?: string | undefined;
+                onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+                onCut?: ((payload: ClipboardEvent) => void) | undefined;
+                onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+                onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+                onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+                onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+                onDrag?: ((payload: DragEvent) => void) | undefined;
+                onDragend?: ((payload: DragEvent) => void) | undefined;
+                onDragenter?: ((payload: DragEvent) => void) | undefined;
+                onDragexit?: ((payload: DragEvent) => void) | undefined;
+                onDragleave?: ((payload: DragEvent) => void) | undefined;
+                onDragover?: ((payload: DragEvent) => void) | undefined;
+                onDragstart?: ((payload: DragEvent) => void) | undefined;
+                onDrop?: ((payload: DragEvent) => void) | undefined;
+                onFocus?: ((payload: FocusEvent) => void) | undefined;
+                onFocusin?: ((payload: FocusEvent) => void) | undefined;
+                onFocusout?: ((payload: FocusEvent) => void) | undefined;
+                onBlur?: ((payload: FocusEvent) => void) | undefined;
+                onChange?: ((payload: Event) => void) | undefined;
+                onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+                onInput?: ((payload: Event) => void) | undefined;
+                onReset?: ((payload: Event) => void) | undefined;
+                onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+                onInvalid?: ((payload: Event) => void) | undefined;
+                onLoad?: ((payload: Event) => void) | undefined;
+                onError?: ((payload: Event) => void) | undefined;
+                onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+                onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+                onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+                onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+                onClick?: ((payload: PointerEvent) => void) | undefined;
+                onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+                onDblclick?: ((payload: MouseEvent) => void) | undefined;
+                onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+                onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+                onMousemove?: ((payload: MouseEvent) => void) | undefined;
+                onMouseout?: ((payload: MouseEvent) => void) | undefined;
+                onMouseover?: ((payload: MouseEvent) => void) | undefined;
+                onMouseup?: ((payload: MouseEvent) => void) | undefined;
+                onAbort?: ((payload: UIEvent) => void) | undefined;
+                onCanplay?: ((payload: Event) => void) | undefined;
+                onCanplaythrough?: ((payload: Event) => void) | undefined;
+                onDurationchange?: ((payload: Event) => void) | undefined;
+                onEmptied?: ((payload: Event) => void) | undefined;
+                onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+                onEnded?: ((payload: Event) => void) | undefined;
+                onLoadeddata?: ((payload: Event) => void) | undefined;
+                onLoadedmetadata?: ((payload: Event) => void) | undefined;
+                onLoadstart?: ((payload: Event) => void) | undefined;
+                onPause?: ((payload: Event) => void) | undefined;
+                onPlay?: ((payload: Event) => void) | undefined;
+                onPlaying?: ((payload: Event) => void) | undefined;
+                onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+                onRatechange?: ((payload: Event) => void) | undefined;
+                onSeeked?: ((payload: Event) => void) | undefined;
+                onSeeking?: ((payload: Event) => void) | undefined;
+                onStalled?: ((payload: Event) => void) | undefined;
+                onSuspend?: ((payload: Event) => void) | undefined;
+                onTimeupdate?: ((payload: Event) => void) | undefined;
+                onVolumechange?: ((payload: Event) => void) | undefined;
+                onWaiting?: ((payload: Event) => void) | undefined;
+                onSelect?: ((payload: Event) => void) | undefined;
+                onScroll?: ((payload: Event) => void) | undefined;
+                onScrollend?: ((payload: Event) => void) | undefined;
+                onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+                onTouchend?: ((payload: TouchEvent) => void) | undefined;
+                onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+                onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+                onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+                onPointermove?: ((payload: PointerEvent) => void) | undefined;
+                onPointerup?: ((payload: PointerEvent) => void) | undefined;
+                onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+                onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+                onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+                onPointerover?: ((payload: PointerEvent) => void) | undefined;
+                onPointerout?: ((payload: PointerEvent) => void) | undefined;
+                onWheel?: ((payload: WheelEvent) => void) | undefined;
+                onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+                onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+                onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+                onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+                onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+                ref?: import('vue').Ref<Element | ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {};
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{}> & Omit<{}, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $el: Element;
+                }) | null, Element | ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {};
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{}> & Omit<{}, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $el: Element;
+                }) | null> | undefined;
+            }>;
+            input: import('vue').ComputedRef<{
+                "aria-autocomplete"?: "list" | undefined;
+                type?: string | undefined;
+                role: string;
+                "aria-expanded": boolean;
+                "aria-controls": string;
+                "aria-label": string;
+                "aria-activedescendant": string | undefined;
+                onInput: (event: Event) => void;
+                onKeydown: (event: KeyboardEvent) => void;
+            }>;
+            button: import('vue').ComputedRef<{
+                tabindex: string;
+                onClick: () => void | undefined;
+            }>;
+        };
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    combobox: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;