@sit-onyx/headless 0.4.0 → 0.5.0-dev-20260111214528

package/dist/composables/calendar/TestCalendar.d.vue.ts

@@ -2,7 +2,7 @@ import { SelectionMode } from './createCalendar.js';
 type __VLS_Props = {
     mode?: SelectionMode;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const _default: import('@vue/runtime-core').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     mode: SelectionMode;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,6 +1,6 @@
-declare const _default: import('vue').DefineComponent<{}, {
+declare const _default: import('@vue/runtime-core').DefineComponent<{}, {
     comboBox: import('../../index.js', { with: { "resolution-mode": "import" } }).HeadlessComposable<{
-        option: import('vue').ComputedRef<(data: {
+        option: import('@vue/reactivity').ComputedRef<(data: {
             label: string;
             value: string;
             disabled?: boolean;
@@ -14,23 +14,25 @@ declare const _default: import('vue').DefineComponent<{}, {
             readonly "aria-selected": boolean | undefined;
             readonly onClick: () => false | void | undefined;
         }>;
-        group: import('vue').ComputedRef<(options: {
+        group: import('@vue/reactivity').ComputedRef<(options: {
             label: string;
         }) => {
             role: string;
             "aria-label": string;
         }>;
-        listbox: import('vue').ComputedRef<{
+        listbox: import('@vue/reactivity').ComputedRef<{
             id: string;
             onMousedown: (e: MouseEvent) => void;
             innerHTML?: string | undefined;
             class?: any;
-            style?: import('vue').StyleValue | undefined;
+            style?: import('vue', { with: { "resolution-mode": "import" } }).StyleValue | undefined;
             accesskey?: string | undefined;
             contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
             contextmenu?: string | undefined;
             dir?: string | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
+            enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+            enterKeyHint?: import('vue', { with: { "resolution-mode": "import" } }).HTMLAttributes["enterkeyhint"];
             hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             lang?: string | undefined;
@@ -63,6 +65,8 @@ declare const _default: import('vue').DefineComponent<{}, {
             unselectable?: "on" | "off" | undefined;
             inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
             is?: string | undefined;
+            exportparts?: string;
+            part?: string;
             'aria-activedescendant'?: string | undefined;
             'aria-atomic'?: (boolean | "true" | "false") | undefined;
             'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -204,8 +208,8 @@ declare const _default: import('vue').DefineComponent<{}, {
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-            ref?: import('vue').Ref<Element | ({
-                $: import('vue').ComponentInternalInstance;
+            ref?: import('@vue/reactivity').Ref<Element | ({
+                $: import('@vue/runtime-core').ComponentInternalInstance;
                 $data: {};
                 $props: {};
                 $attrs: {
@@ -215,14 +219,14 @@ declare const _default: import('vue').DefineComponent<{}, {
                     [x: string]: unknown;
                 };
                 $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
+                    [name: string]: import('@vue/runtime-core').Slot<any> | undefined;
                 }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
+                $root: import('@vue/runtime-core').ComponentPublicInstance | null;
+                $parent: import('@vue/runtime-core').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> & {
+                $options: import('@vue/runtime-core').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
                     beforeMount?: (() => void) | (() => void)[];
@@ -235,17 +239,17 @@ declare const _default: import('vue').DefineComponent<{}, {
                     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)[];
+                    renderTracked?: ((e: import('@vue/reactivity').DebuggerEvent) => void) | ((e: import('@vue/reactivity').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('@vue/reactivity').DebuggerEvent) => void) | ((e: import('@vue/reactivity').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('@vue/runtime-core').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('@vue/runtime-core').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 & {} & {
+                $nextTick: typeof import('@vue/runtime-core').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/runtime-core').WatchOptions): import('@vue/reactivity').WatchStopHandle;
+            } & Readonly<{}> & Omit<{}, never> & import('@vue/reactivity').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
                 $el: Element;
             }) | null, Element | ({
-                $: import('vue').ComponentInternalInstance;
+                $: import('@vue/runtime-core').ComponentInternalInstance;
                 $data: {};
                 $props: {};
                 $attrs: {
@@ -255,14 +259,14 @@ declare const _default: import('vue').DefineComponent<{}, {
                     [x: string]: unknown;
                 };
                 $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
+                    [name: string]: import('@vue/runtime-core').Slot<any> | undefined;
                 }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
+                $root: import('@vue/runtime-core').ComponentPublicInstance | null;
+                $parent: import('@vue/runtime-core').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> & {
+                $options: import('@vue/runtime-core').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
                     beforeMount?: (() => void) | (() => void)[];
@@ -275,18 +279,18 @@ declare const _default: import('vue').DefineComponent<{}, {
                     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)[];
+                    renderTracked?: ((e: import('@vue/reactivity').DebuggerEvent) => void) | ((e: import('@vue/reactivity').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('@vue/reactivity').DebuggerEvent) => void) | ((e: import('@vue/reactivity').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('@vue/runtime-core').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('@vue/runtime-core').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 & {} & {
+                $nextTick: typeof import('@vue/runtime-core').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/runtime-core').WatchOptions): import('@vue/reactivity').WatchStopHandle;
+            } & Readonly<{}> & Omit<{}, never> & import('@vue/reactivity').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
                 $el: Element;
             }) | null> | undefined;
         }>;
-        input: import('vue').ComputedRef<{
+        input: import('@vue/reactivity').ComputedRef<{
             "aria-autocomplete"?: "none" | undefined;
             type?: string | undefined;
             role: string;
@@ -297,7 +301,7 @@ declare const _default: import('vue').DefineComponent<{}, {
             onInput: (event: Event) => void;
             onKeydown: (event: KeyboardEvent) => void;
         }>;
-        button: import('vue').ComputedRef<{
+        button: import('@vue/reactivity').ComputedRef<{
             tabindex: string;
             onClick: () => void | undefined;
         }>;
@@ -305,7 +309,7 @@ declare const _default: import('vue').DefineComponent<{}, {
         getOptionId: (value: string) => string;
         getOptionValueById: (id: string) => string | undefined;
     }>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {
     combobox: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;

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

@@ -1,6 +1,6 @@
-declare const _default: import('vue').DefineComponent<{}, {
+declare const _default: import('@vue/runtime-core').DefineComponent<{}, {
     comboBox: import('../../index.js', { with: { "resolution-mode": "import" } }).HeadlessComposable<{
-        option: import('vue').ComputedRef<(data: {
+        option: import('@vue/reactivity').ComputedRef<(data: {
             label: string;
             value: string;
             disabled?: boolean;
@@ -14,23 +14,25 @@ declare const _default: import('vue').DefineComponent<{}, {
             readonly "aria-selected": boolean | undefined;
             readonly onClick: () => false | void | undefined;
         }>;
-        group: import('vue').ComputedRef<(options: {
+        group: import('@vue/reactivity').ComputedRef<(options: {
             label: string;
         }) => {
             role: string;
             "aria-label": string;
         }>;
-        listbox: import('vue').ComputedRef<{
+        listbox: import('@vue/reactivity').ComputedRef<{
             id: string;
             onMousedown: (e: MouseEvent) => void;
             innerHTML?: string | undefined;
             class?: any;
-            style?: import('vue').StyleValue | undefined;
+            style?: import('vue', { with: { "resolution-mode": "import" } }).StyleValue | undefined;
             accesskey?: string | undefined;
             contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
             contextmenu?: string | undefined;
             dir?: string | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
+            enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+            enterKeyHint?: import('vue', { with: { "resolution-mode": "import" } }).HTMLAttributes["enterkeyhint"];
             hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             lang?: string | undefined;
@@ -63,6 +65,8 @@ declare const _default: import('vue').DefineComponent<{}, {
             unselectable?: "on" | "off" | undefined;
             inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
             is?: string | undefined;
+            exportparts?: string;
+            part?: string;
             'aria-activedescendant'?: string | undefined;
             'aria-atomic'?: (boolean | "true" | "false") | undefined;
             'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -204,8 +208,8 @@ declare const _default: import('vue').DefineComponent<{}, {
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-            ref?: import('vue').Ref<Element | ({
-                $: import('vue').ComponentInternalInstance;
+            ref?: import('@vue/reactivity').Ref<Element | ({
+                $: import('@vue/runtime-core').ComponentInternalInstance;
                 $data: {};
                 $props: {};
                 $attrs: {
@@ -215,14 +219,14 @@ declare const _default: import('vue').DefineComponent<{}, {
                     [x: string]: unknown;
                 };
                 $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
+                    [name: string]: import('@vue/runtime-core').Slot<any> | undefined;
                 }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
+                $root: import('@vue/runtime-core').ComponentPublicInstance | null;
+                $parent: import('@vue/runtime-core').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> & {
+                $options: import('@vue/runtime-core').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
                     beforeMount?: (() => void) | (() => void)[];
@@ -235,17 +239,17 @@ declare const _default: import('vue').DefineComponent<{}, {
                     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)[];
+                    renderTracked?: ((e: import('@vue/reactivity').DebuggerEvent) => void) | ((e: import('@vue/reactivity').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('@vue/reactivity').DebuggerEvent) => void) | ((e: import('@vue/reactivity').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('@vue/runtime-core').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('@vue/runtime-core').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 & {} & {
+                $nextTick: typeof import('@vue/runtime-core').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/runtime-core').WatchOptions): import('@vue/reactivity').WatchStopHandle;
+            } & Readonly<{}> & Omit<{}, never> & import('@vue/reactivity').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
                 $el: Element;
             }) | null, Element | ({
-                $: import('vue').ComponentInternalInstance;
+                $: import('@vue/runtime-core').ComponentInternalInstance;
                 $data: {};
                 $props: {};
                 $attrs: {
@@ -255,14 +259,14 @@ declare const _default: import('vue').DefineComponent<{}, {
                     [x: string]: unknown;
                 };
                 $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
+                    [name: string]: import('@vue/runtime-core').Slot<any> | undefined;
                 }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
+                $root: import('@vue/runtime-core').ComponentPublicInstance | null;
+                $parent: import('@vue/runtime-core').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> & {
+                $options: import('@vue/runtime-core').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
                     beforeMount?: (() => void) | (() => void)[];
@@ -275,18 +279,18 @@ declare const _default: import('vue').DefineComponent<{}, {
                     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)[];
+                    renderTracked?: ((e: import('@vue/reactivity').DebuggerEvent) => void) | ((e: import('@vue/reactivity').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('@vue/reactivity').DebuggerEvent) => void) | ((e: import('@vue/reactivity').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('@vue/runtime-core').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('@vue/runtime-core').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 & {} & {
+                $nextTick: typeof import('@vue/runtime-core').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/runtime-core').WatchOptions): import('@vue/reactivity').WatchStopHandle;
+            } & Readonly<{}> & Omit<{}, never> & import('@vue/reactivity').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
                 $el: Element;
             }) | null> | undefined;
         }>;
-        input: import('vue').ComputedRef<{
+        input: import('@vue/reactivity').ComputedRef<{
             "aria-autocomplete"?: "list" | undefined;
             type?: string | undefined;
             role: string;
@@ -297,7 +301,7 @@ declare const _default: import('vue').DefineComponent<{}, {
             onInput: (event: Event) => void;
             onKeydown: (event: KeyboardEvent) => void;
         }>;
-        button: import('vue').ComputedRef<{
+        button: import('@vue/reactivity').ComputedRef<{
             tabindex: string;
             onClick: () => void | undefined;
         }>;
@@ -305,7 +309,7 @@ declare const _default: import('vue').DefineComponent<{}, {
         getOptionId: (value: string) => string;
         getOptionValueById: (id: string) => string | undefined;
     }>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {
     combobox: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;

package/dist/composables/comboBox/createComboBox.d.ts

@@ -99,6 +99,8 @@ export declare const createComboBox: <TValue extends ListboxValue, TAutoComplete
         contextmenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
+        enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        enterKeyHint?: import('vue').HTMLAttributes["enterkeyhint"];
         hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         inert?: (boolean | "true" | "false") | undefined;
         lang?: string | undefined;
@@ -131,6 +133,8 @@ export declare const createComboBox: <TValue extends ListboxValue, TAutoComplete
         unselectable?: "on" | "off" | undefined;
         inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        exportparts?: string;
+        part?: string;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
         'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;

package/dist/composables/dataGrid/TestDataGrid.ct.d.ts

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

package/dist/composables/dataGrid/TestDataGrid.d.vue.ts

@@ -0,0 +1,2 @@
+declare const _default: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, HTMLTableElement>;
+export default _default;

package/dist/composables/dataGrid/TestLazyDataGrid.d.vue.ts

@@ -0,0 +1,2 @@
+declare const _default: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, HTMLTableElement>;
+export default _default;

package/dist/composables/dataGrid/createDataGrid.d.ts

@@ -0,0 +1,80 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+type RequestLazyLoad = (colIndex: number, rowIndex: number) => Promise<void>;
+type CellIdentifier = {
+    rowId: string;
+    colKey: string;
+};
+export type LazyOptions<Lazy extends boolean> = Lazy extends true ? {
+    lazy: MaybeRefOrGetter<{
+        /**
+         * total number of rows that are viewable, this includes rows that are hidden because they are out of view
+         */
+        totalRows: number | "unknown";
+        /**
+         * total number of columns that are viewable, this includes columns that are hidden because they are out of view
+         */
+        totalCols: number | "unknown";
+        requestLazyLoad: RequestLazyLoad;
+    }>;
+} : {
+    lazy?: never;
+};
+export type CreateDataGridOptions<Lazy extends boolean> = {
+    /**
+     * TODO: Implement support according to https://w3c.github.io/aria/#desc-grid
+     */
+    readonly?: boolean;
+    /**
+     * TODO: Implement support according to https://w3c.github.io/aria/#desc-grid
+     */
+    multiselectable?: boolean;
+    loading?: MaybeRefOrGetter<boolean>;
+    selectedCell?: Ref<CellIdentifier>;
+} & LazyOptions<Lazy>;
+export type TrOptions<Lazy extends boolean> = {
+    rowId: PropertyKey;
+} & (Lazy extends true ? {
+    rowIndex: number;
+} : {
+    rowIndex?: never;
+});
+export type TdOptions<Lazy extends boolean> = CellIdentifier & (Lazy extends true ? {
+    colIndex: number;
+} : {
+    colIndex?: never;
+});
+export declare const createDataGrid: <Lazy extends boolean = false>(options: CreateDataGridOptions<Lazy>) => import('../../utils/builder.js').HeadlessComposable<{
+    label: {
+        id: string;
+    };
+    table: import('vue').ComputedRef<{
+        ref: import('../../utils/builder.js').HeadlessElRef<HTMLTableElement>;
+        onFocusin: (event: FocusEvent) => void;
+        onKeydown: (event: KeyboardEvent) => void;
+        role: string;
+        "aria-busy": boolean;
+        "aria-labelledby": string;
+        "aria-rowcount": number | undefined;
+        "aria-colcount": number | undefined;
+    }>;
+    tr: ({ rowId, rowIndex }: TrOptions<Lazy>) => {
+        "data-onyx-row-id": string;
+        "aria-rowindex": number | undefined;
+        role: string;
+    };
+    td: import('vue').ComputedRef<({ rowId, colKey, colIndex }: TdOptions<Lazy>) => {
+        tabindex: string;
+        ref: import('../../utils/builder.js').HeadlessElRef<HTMLElement> | undefined;
+        "data-onyx-col-key": string;
+        "aria-colindex": number | undefined;
+        role: string;
+    }>;
+}, {
+    /**
+     * Indicates that the data grid expects a content change soon, e.g. because more or other data is loaded.
+     * If `loading` is passed in via the options, this will mirror its value.
+     * Otherwise it will be dynamically set based on the running state of the `requestLazyLoad` promises.
+     */
+    busy: import('vue').ComputedRef<boolean>;
+}, {}>;
+export {};

package/dist/composables/dataGrid/createDataGrid.testing.d.ts

@@ -0,0 +1,5 @@
+import { Locator, Page } from '@playwright/test';
+/**
+ * Test an implementation of the data grid based on https://www.w3.org/WAI/ARIA/apg/patterns/grid/
+ */
+export declare const dataGridTesting: (page: Page, grid: Locator, rows: Locator) => Promise<void>;

package/dist/composables/helpers/useAllSettled.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Execute a callback, when all added promise are settled (either resolved or rejected).
+ * It allows for more promises to be added while waiting.
+ *
+ * @param cb callback to execute when all added promise are settled.
+ * @returns an object with an add function and the active state which is true as long as any promise is running.
+ */
+export declare const useAllSettled: (cb?: () => void) => {
+    add: (promise: Promise<unknown>) => void;
+    active: import('vue').Ref<boolean, boolean>;
+};

package/dist/composables/helpers/useAllSettled.spec.d.ts

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

package/dist/composables/helpers/useLastSettled.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Execute a callback, when the latest promise is settled (either resolved or rejected).
+ * This ensures that out-of-order settling promises are ignored and only the latest promise is considered.
+ *
+ * @param cb callback to execute when the last promise, that was added to the queue, is settled.
+ * @returns the active state of the last settled promise and a queue function to add new promises to the queue.
+ */
+export declare const useLastSettled: <T>(cb: (success: boolean, resolved?: T) => void) => {
+    active: import('vue').Ref<boolean, boolean>;
+    add: (promise: Promise<T>) => void;
+    cancel: () => void;
+};

package/dist/composables/helpers/useLastSettled.spec.d.ts

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

package/dist/composables/helpers/useOutsideClick.d.ts

@@ -1,6 +1,5 @@
-import { Arrayable } from 'vitest';
 import { MaybeRefOrGetter, Ref } from 'vue';
-import { Nullable } from '../../utils/types.js';
+import { Arrayable, Nullable } from '../../utils/types.js';
 export type UseOutsideClickOptions<TCheckOnTab extends boolean | undefined = undefined> = {
     /**
      * HTML element of the component where clicks should be ignored

package/dist/composables/listbox/TestListbox.d.vue.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLUListElement>;
+declare const _default: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, HTMLUListElement>;
 export default _default;

package/dist/composables/menuButton/TestMenuButton.d.vue.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/composables/navigationMenu/TestMenu.d.vue.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+declare const _default: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, HTMLElement>;
 export default _default;

package/dist/composables/slider/TestSlider.d.vue.ts

@@ -1,9 +1,9 @@
 type __VLS_PublicProps = {
     modelValue: number | [number, number];
 };
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('@vue/runtime-core').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {
     "update:modelValue": (value: number | [number, number]) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import('@vue/runtime-core').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/composables/slider/createSlider.d.ts

@@ -1,4 +1,4 @@
-import { MaybeRef, Ref } from 'vue';
+import { HTMLAttributes, MaybeRef, Ref } from 'vue';
 export type SliderMark = {
     value: number;
     label?: string;
@@ -77,6 +77,8 @@ export declare const _unstableCreateSlider: <TValue extends SliderValue>(options
         contextmenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
+        enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        enterKeyHint?: HTMLAttributes["enterkeyhint"];
         hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         id?: string | undefined;
         inert?: (boolean | "true" | "false") | undefined;
@@ -110,6 +112,8 @@ export declare const _unstableCreateSlider: <TValue extends SliderValue>(options
         unselectable?: "on" | "off" | undefined;
         inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        exportparts?: string;
+        part?: string;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
         'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -280,6 +284,8 @@ export declare const _unstableCreateSlider: <TValue extends SliderValue>(options
         contextmenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
+        enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        enterKeyHint?: HTMLAttributes["enterkeyhint"];
         hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         id?: string | undefined;
         inert?: (boolean | "true" | "false") | undefined;
@@ -313,6 +319,8 @@ export declare const _unstableCreateSlider: <TValue extends SliderValue>(options
         unselectable?: "on" | "off" | undefined;
         inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        exportparts?: string;
+        part?: string;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
         'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;

package/dist/composables/tabs/TestTabs.d.vue.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/index.js

@@ -4,7 +4,13 @@ function createElRef() {
   const elementRef = shallowRef();
   return computed({
     set: (element) => {
-      elementRef.value = element != null && "$el" in element ? element.$el : element;
+      if (Array.isArray(element)) {
+        elementRef.value = element.at(0);
+      } else if (element != null && "$el" in element) {
+        elementRef.value = element.$el;
+      } else {
+        elementRef.value = element;
+      }
     },
     get: () => elementRef.value
   });

package/dist/utils/FocusVisibleTest.d.vue.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+declare const _default: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {
     buttonRef: HTMLButtonElement;
 }, HTMLDivElement>;
 export default _default;

package/dist/utils/TouchEventTest.d.vue.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+declare const _default: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {
     buttonRef: HTMLButtonElement;
 }, HTMLDivElement>;
 export default _default;

package/dist/utils/builder.d.ts

@@ -1,16 +1,20 @@
 import { ComponentPublicInstance, HTMLAttributes, MaybeRef, Ref, WritableComputedRef } from 'vue';
 import { IfDefined } from './types.js';
+type DataAttributes = {
+    [name: `data-${string}`]: string | undefined;
+};
+export type HtmlWithDataAttributes = HTMLAttributes & DataAttributes;
 /**
  * Properties as they can be used by `v-bind` on an HTML element.
  * This includes generic html attributes and the vue reserved `ref` property.
  * `ref` is restricted to be a `HeadlessElRef` which only can by created through `createElRef`.
  */
-export type VBindAttributes<A extends HTMLAttributes = HTMLAttributes, E extends Element = Element> = A & {
+export type VBindAttributes<A extends HTMLAttributes = HTMLAttributes, E extends Element = Element> = A & DataAttributes & {
     ref?: VueTemplateRef<E>;
 };
-export type IteratedHeadlessElementFunc<A extends HTMLAttributes, T extends Record<string, unknown>> = (opts: T) => VBindAttributes<A>;
-export type HeadlessElementAttributes<A extends HTMLAttributes> = VBindAttributes<A> | IteratedHeadlessElementFunc<A, any>;
-export type HeadlessElements = Record<string, MaybeRef<HeadlessElementAttributes<HTMLAttributes>>>;
+export type IteratedHeadlessElementFunc<A extends HtmlWithDataAttributes, T extends Record<string, unknown>> = (opts: T) => VBindAttributes<A>;
+export type HeadlessElementAttributes<A extends HtmlWithDataAttributes> = VBindAttributes<A> | IteratedHeadlessElementFunc<A, any>;
+export type HeadlessElements = Record<string, MaybeRef<HeadlessElementAttributes<HtmlWithDataAttributes>>>;
 export type HeadlessState = Record<string, Ref>;
 export type HeadlessComposable<Elements extends HeadlessElements, State extends HeadlessState | undefined = undefined, Internals extends object | undefined = undefined> = {
     elements: Elements;

package/dist/utils/playwright.d.ts

@@ -0,0 +1,5 @@
+import { Locator, Page } from '@playwright/test';
+export declare const createFocusCatcher: (page: Page, target: Locator, location?: "before" | "after") => Promise<{
+    catcher: Locator;
+    cleanUp: () => Promise<void>;
+}>;

package/dist/utils/types.d.ts

@@ -23,3 +23,7 @@ export type Arrayable<T> = T | Array<T>;
  * Either the actual value or a nullish one.
  */
 export type Nullable<T = never> = T | null | undefined;
+/**
+ * An awaitable value.
+ */
+export type Awaitable<T = void> = PromiseLike<T> | T;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sit-onyx/headless",
   "description": "Headless composables for Vue",
-  "version": "0.4.0",
+  "version": "0.5.0-dev-20260111214528",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",
@@ -32,14 +32,14 @@
     "url": "https://github.com/SchwarzIT/onyx/issues"
   },
   "peerDependencies": {
-    "@playwright/experimental-ct-vue": "1.56.1",
-    "@playwright/test": "1.56.1",
+    "@playwright/experimental-ct-vue": "1.57.0",
+    "@playwright/test": "1.57.0",
     "typescript": ">= 5",
     "vue": ">= 3.5.0"
   },
   "devDependencies": {
-    "@vue/compiler-dom": "3.5.24",
-    "vue": "3.5.24",
+    "@vue/compiler-dom": "3.5.26",
+    "vue": "3.5.26",
     "@sit-onyx/shared": "^0.1.0"
   },
   "scripts": {