@cnamts/synapse 1.0.21 → 1.0.23

package/dist/components/Customs/Selects/SySelect/SySelect.d.ts

@@ -17,230 +17,316 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-                nav: boolean;
                 style: import('vue').StyleValue;
-                disabled: boolean;
-                tag: string | import('vuetify/lib/types.mjs').JSXComponent;
-                lines: false | "one" | "two" | "three";
-                mandatory: boolean;
-                returnObject: boolean;
-                selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
                 density: import('vuetify/lib/composables/density.mjs').Density;
                 rounded: string | number | boolean;
                 tile: boolean;
-                slim: boolean;
-                filterable: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+                variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
+                itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+                returnObject: boolean;
                 activatable: boolean;
                 selectable: boolean;
+                selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
                 openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
-                itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
-            }> & Omit<{
-                variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-                nav: boolean;
-                style: import('vue').StyleValue;
-                disabled: boolean;
-                tag: string | import('vuetify/lib/types.mjs').JSXComponent;
-                lines: false | "one" | "two" | "three";
                 mandatory: boolean;
-                returnObject: boolean;
-                selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
+                itemsRegistration: import('vuetify/lib/composables/nested/nested.mjs').ItemsRegistrationType;
+                disabled: boolean;
+                filterable: boolean;
+                lines: "one" | "three" | "two" | false;
+                slim: boolean;
+                nav: boolean;
+                navigationStrategy: "focus" | "track";
+            }> & Omit<{
+                style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;
                 density: import('vuetify/lib/composables/density.mjs').Density;
                 tile: boolean;
-                slim: boolean;
-                filterable: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+                variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
+                itemType: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
+                returnObject: boolean;
                 activatable: boolean;
                 selectable: boolean;
+                selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
                 openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
-                itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
-                height?: string | number | undefined | undefined;
-                width?: string | number | undefined | undefined;
+                mandatory: boolean;
+                itemsRegistration: import('vuetify/lib/composables/nested/nested.mjs').ItemsRegistrationType;
+                disabled: boolean;
+                filterable: boolean;
+                lines: "one" | "three" | "two" | false;
+                slim: boolean;
+                nav: boolean;
+                navigationStrategy: "focus" | "track";
+                theme?: string | undefined | undefined;
+                class?: any;
                 border?: string | number | boolean | undefined | undefined;
+                elevation?: string | number | undefined | undefined;
+                rounded?: string | number | boolean | undefined | undefined;
                 color?: string | undefined | undefined;
+                height?: string | number | undefined | undefined;
                 maxHeight?: string | number | undefined | undefined;
                 maxWidth?: string | number | undefined | undefined;
                 minHeight?: string | number | undefined | undefined;
                 minWidth?: string | number | undefined | undefined;
-                activated?: any;
-                class?: any;
-                theme?: string | undefined | undefined;
-                elevation?: string | number | undefined | undefined;
-                valueComparator?: typeof import('vuetify/lib/util/helpers.mjs').deepEqual | undefined;
-                rounded?: string | number | boolean | undefined | undefined;
+                width?: string | number | undefined | undefined;
+                valueComparator?: import('vuetify/lib/util/deepEqual.mjs').ValueComparator | undefined;
+                activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
                 baseColor?: string | undefined | undefined;
-                bgColor?: string | undefined | undefined;
                 activeColor?: string | undefined | undefined;
                 activeClass?: string | undefined | undefined;
-                activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
-                collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                bgColor?: string | undefined | undefined;
                 expandIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                "onUpdate:activated"?: ((value: unknown) => any) | undefined | undefined;
+                collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                prependGap?: string | number | undefined | undefined;
+                indent?: string | number | undefined | undefined;
+                navigationIndex?: number | undefined | undefined;
                 "onClick:activate"?: ((value: {
                     id: unknown;
                     value: boolean;
                     path: unknown[];
                 }) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "nav" | "style" | "tag" | "disabled" | "variant" | "rounded" | "tile" | "density" | "slim" | "itemType" | "returnObject" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "mandatory" | "filterable" | "lines">;
-            $attrs: {
-                [x: string]: unknown;
-            };
+                "onUpdate:navigationIndex"?: ((value: number) => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "nav" | "style" | "tag" | "disabled" | "density" | "rounded" | "tile" | "variant" | "slim" | "itemType" | "returnObject" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "mandatory" | "itemsRegistration" | "filterable" | "lines" | "navigationStrategy">;
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             };
             $slots: Readonly<{
-                title?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot & {
+                prepend?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
                     item: any;
-                }) => import('vue').VNode[]) | undefined;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
                 append?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
                     item: any;
-                }) => import('vue').VNode[]) | undefined;
-                prepend?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                title?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot & {
                     item: any;
-                }) => import('vue').VNode[]) | undefined;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
                 subtitle?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSubtitleSlot & {
                     item: any;
-                }) => import('vue').VNode[]) | undefined;
-                default?: (() => import('vue').VNode[]) | undefined;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                default?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
                 item?: ((arg: {
-                    props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-                }) => import('vue').VNode[]) | undefined;
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    } & {
+                        index: number;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
                 divider?: ((arg: {
-                    props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-                }) => import('vue').VNode[]) | undefined;
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
                 subheader?: ((arg: {
-                    props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-                }) => import('vue').VNode[]) | undefined;
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
                 header?: ((arg: {
-                    props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-                }) => import('vue').VNode[]) | undefined;
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
             }>;
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "update:activated", value: unknown) => void) & ((event: "click:activate", value: {
+            $emit: ((event: "update:navigationIndex", value: number) => void) & ((event: "click:activate", value: {
                 id: unknown;
                 value: boolean;
                 path: unknown[];
             }) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<{
-                variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-                nav: boolean;
-                style: import('vue').StyleValue;
-                disabled: boolean;
-                tag: string | import('vuetify/lib/types.mjs').JSXComponent;
-                lines: false | "one" | "two" | "three";
-                mandatory: boolean;
-                returnObject: boolean;
-                selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
+                style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;
                 density: import('vuetify/lib/composables/density.mjs').Density;
                 tile: boolean;
-                slim: boolean;
-                filterable: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+                variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
+                itemType: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
+                returnObject: boolean;
                 activatable: boolean;
                 selectable: boolean;
+                selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
                 openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
-                itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+                mandatory: boolean;
+                itemsRegistration: import('vuetify/lib/composables/nested/nested.mjs').ItemsRegistrationType;
+                disabled: boolean;
+                filterable: boolean;
+                lines: "one" | "three" | "two" | false;
+                slim: boolean;
+                nav: boolean;
+                navigationStrategy: "focus" | "track";
             } & {
-                height?: string | number | undefined;
-                width?: string | number | undefined;
+                theme?: string | undefined;
+                class?: any;
                 border?: string | number | boolean | undefined;
+                elevation?: string | number | undefined;
+                rounded?: string | number | boolean | undefined;
                 color?: string | undefined;
+                height?: string | number | undefined;
                 maxHeight?: string | number | undefined;
                 maxWidth?: string | number | undefined;
                 minHeight?: string | number | undefined;
                 minWidth?: string | number | undefined;
-                activated?: any;
-                class?: any;
-                theme?: string | undefined;
-                elevation?: string | number | undefined;
-                valueComparator?: typeof import('vuetify/lib/util/helpers.mjs').deepEqual | undefined;
-                rounded?: string | number | boolean | undefined;
+                width?: string | number | undefined;
+                valueComparator?: import('vuetify/lib/util/deepEqual.mjs').ValueComparator | undefined;
+                activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
                 baseColor?: string | undefined;
-                bgColor?: string | undefined;
                 activeColor?: string | undefined;
                 activeClass?: string | undefined;
-                activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
-                collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                bgColor?: string | undefined;
                 expandIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                prependGap?: string | number | undefined;
+                indent?: string | number | undefined;
+                navigationIndex?: number | undefined;
             } & {
-                "onUpdate:activated"?: ((value: unknown) => any) | undefined;
                 "onClick:activate"?: ((value: {
                     id: unknown;
                     value: boolean;
                     path: unknown[];
                 }) => any) | undefined;
+                "onUpdate:navigationIndex"?: ((value: number) => any) | undefined;
             }, {
-                open: (id: unknown, value: boolean, event?: Event) => void;
-                select: (id: unknown, value: boolean, event?: Event) => void;
-                focus: (location?: "next" | "prev" | "first" | "last" | number) => void;
+                open: (id: unknown, value: boolean, event?: Event | undefined) => void;
+                select: (id: unknown, value: boolean, event?: Event | undefined) => void;
+                focus: (location?: number | "first" | "last" | "next" | "prev" | undefined) => void;
                 children: import('vue').Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
                 parents: import('vue').Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
                 getPath: (id: unknown) => unknown[];
+                navigationIndex: import('vue').Ref<number, number> & {
+                    readonly externalValue: number | undefined;
+                };
             }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
-                'update:selected': (value: unknown) => true;
-                'update:activated': (value: unknown) => true;
-                'update:opened': (value: unknown) => true;
-                'click:open': (value: {
+                "update:selected": (value: unknown) => true;
+                "update:activated": (value: unknown) => true;
+                "update:opened": (value: unknown) => true;
+                "update:navigationIndex": (value: number) => true;
+                "click:open": (value: {
                     id: unknown;
                     value: boolean;
                     path: unknown[];
                 }) => true;
-                'click:activate': (value: {
+                "click:activate": (value: {
                     id: unknown;
                     value: boolean;
                     path: unknown[];
                 }) => true;
-                'click:select': (value: {
+                "click:select": (value: {
                     id: unknown;
                     value: boolean;
                     path: unknown[];
                 }) => true;
-            }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "items" | "selected" | "opened" | "itemValue" | "v-slot:title" | "click:open" | "click:select" | "v-slot:subtitle" | "v-slot:item" | "v-slot:header" | "v-slot:divider" | "v-slot:subheader" | "itemTitle" | "itemChildren" | "itemProps" | "update:selected" | "update:opened">, string, {
-                variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-                nav: boolean;
+            }, "$children" | "v-slots" | "v-slot:default" | "v-slot:append" | "v-slot:prepend" | "items" | "activated" | "click:open" | "click:select" | "itemChildren" | "itemProps" | "itemTitle" | "itemValue" | "opened" | "selected" | "update:activated" | "update:opened" | "update:selected" | "v-slot:divider" | "v-slot:header" | "v-slot:item" | "v-slot:subheader" | "v-slot:subtitle" | "v-slot:title">, string, {
                 style: import('vue').StyleValue;
-                disabled: boolean;
-                tag: string | import('vuetify/lib/types.mjs').JSXComponent;
-                lines: false | "one" | "two" | "three";
-                mandatory: boolean;
-                returnObject: boolean;
-                selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
                 density: import('vuetify/lib/composables/density.mjs').Density;
                 rounded: string | number | boolean;
                 tile: boolean;
-                slim: boolean;
-                filterable: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+                variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
+                itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+                returnObject: boolean;
                 activatable: boolean;
                 selectable: boolean;
+                selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
                 openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
-                itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+                mandatory: boolean;
+                itemsRegistration: import('vuetify/lib/composables/nested/nested.mjs').ItemsRegistrationType;
+                disabled: boolean;
+                filterable: boolean;
+                lines: "one" | "three" | "two" | false;
+                slim: boolean;
+                nav: boolean;
+                navigationStrategy: "focus" | "track";
             }, {}, string, import('vue').SlotsType<Partial<{
-                title: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot & {
+                prepend: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
                     item: any;
-                }) => import('vue').VNode[];
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
                 append: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
                     item: any;
-                }) => import('vue').VNode[];
-                prepend: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                title: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot & {
                     item: any;
-                }) => import('vue').VNode[];
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
                 subtitle: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSubtitleSlot & {
                     item: any;
-                }) => import('vue').VNode[];
-                default: () => import('vue').VNode[];
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
                 item: (arg: {
-                    props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-                }) => import('vue').VNode[];
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    } & {
+                        index: number;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
                 divider: (arg: {
-                    props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-                }) => import('vue').VNode[];
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
                 subheader: (arg: {
-                    props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-                }) => import('vue').VNode[];
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
                 header: (arg: {
-                    props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-                }) => import('vue').VNode[];
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
             }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -262,78 +348,87 @@ declare function __VLS_template(): {
             $nextTick: typeof 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<{
-            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-            nav: boolean;
             style: import('vue').StyleValue;
-            disabled: boolean;
-            tag: string | import('vuetify/lib/types.mjs').JSXComponent;
-            lines: false | "one" | "two" | "three";
-            mandatory: boolean;
-            returnObject: boolean;
-            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
             density: import('vuetify/lib/composables/density.mjs').Density;
             rounded: string | number | boolean;
             tile: boolean;
-            slim: boolean;
-            filterable: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+            variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
+            itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+            returnObject: boolean;
             activatable: boolean;
             selectable: boolean;
+            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
             openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
-            itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
-        }> & Omit<{
-            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-            nav: boolean;
-            style: import('vue').StyleValue;
-            disabled: boolean;
-            tag: string | import('vuetify/lib/types.mjs').JSXComponent;
-            lines: false | "one" | "two" | "three";
             mandatory: boolean;
-            returnObject: boolean;
-            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
+            itemsRegistration: import('vuetify/lib/composables/nested/nested.mjs').ItemsRegistrationType;
+            disabled: boolean;
+            filterable: boolean;
+            lines: "one" | "three" | "two" | false;
+            slim: boolean;
+            nav: boolean;
+            navigationStrategy: "focus" | "track";
+        }> & Omit<{
+            style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;
             density: import('vuetify/lib/composables/density.mjs').Density;
             tile: boolean;
-            slim: boolean;
-            filterable: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+            variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
+            itemType: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
+            returnObject: boolean;
             activatable: boolean;
             selectable: boolean;
+            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
             openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
-            itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+            mandatory: boolean;
+            itemsRegistration: import('vuetify/lib/composables/nested/nested.mjs').ItemsRegistrationType;
+            disabled: boolean;
+            filterable: boolean;
+            lines: "one" | "three" | "two" | false;
+            slim: boolean;
+            nav: boolean;
+            navigationStrategy: "focus" | "track";
         } & {
-            height?: string | number | undefined;
-            width?: string | number | undefined;
+            theme?: string | undefined;
+            class?: any;
             border?: string | number | boolean | undefined;
+            elevation?: string | number | undefined;
+            rounded?: string | number | boolean | undefined;
             color?: string | undefined;
+            height?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            activated?: any;
-            class?: any;
-            theme?: string | undefined;
-            elevation?: string | number | undefined;
-            valueComparator?: typeof import('vuetify/lib/util/helpers.mjs').deepEqual | undefined;
-            rounded?: string | number | boolean | undefined;
+            width?: string | number | undefined;
+            valueComparator?: import('vuetify/lib/util/deepEqual.mjs').ValueComparator | undefined;
+            activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
             baseColor?: string | undefined;
-            bgColor?: string | undefined;
             activeColor?: string | undefined;
             activeClass?: string | undefined;
-            activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
-            collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+            bgColor?: string | undefined;
             expandIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+            collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+            prependGap?: string | number | undefined;
+            indent?: string | number | undefined;
+            navigationIndex?: number | undefined;
         } & {
-            "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "nav" | "select" | "style" | "tag" | "disabled" | "children" | "variant" | "rounded" | "tile" | "density" | "slim" | "focus" | "itemType" | "returnObject" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "mandatory" | "filterable" | "lines" | "open" | "parents" | "getPath"> & import('vue').ShallowUnwrapRef<{
-            open: (id: unknown, value: boolean, event?: Event) => void;
-            select: (id: unknown, value: boolean, event?: Event) => void;
-            focus: (location?: "next" | "prev" | "first" | "last" | number) => void;
+            "onUpdate:navigationIndex"?: ((value: number) => any) | undefined;
+        }, "nav" | "select" | "style" | "tag" | "disabled" | "children" | "density" | "rounded" | "tile" | "variant" | "slim" | "focus" | "itemType" | "returnObject" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "mandatory" | "itemsRegistration" | "filterable" | "lines" | "navigationStrategy" | "navigationIndex" | "open" | "parents" | "getPath"> & import('vue').ShallowUnwrapRef<{
+            open: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            select: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            focus: (location?: number | "first" | "last" | "next" | "prev" | undefined) => void;
             children: import('vue').Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
             parents: import('vue').Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
             getPath: (id: unknown) => unknown[];
+            navigationIndex: import('vue').Ref<number, number> & {
+                readonly externalValue: number | undefined;
+            };
         }> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             items?: readonly any[] | undefined;
             itemTitle?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<any>;
@@ -341,19 +436,21 @@ declare function __VLS_template(): {
             itemChildren?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<any>;
             itemProps?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<any>;
             selected?: unknown;
+            activated?: unknown;
+            opened?: unknown;
             "onUpdate:selected"?: ((value: unknown) => void) | undefined;
-            "onClick:open"?: (value: {
+            "onUpdate:activated"?: ((value: unknown) => void) | undefined;
+            "onUpdate:opened"?: ((value: unknown) => void) | undefined;
+            "onClick:open"?: ((value: {
                 id: unknown;
                 value: boolean;
                 path: unknown[];
-            }) => void;
-            "onClick:select"?: (value: {
+            }) => void) | undefined;
+            "onClick:select"?: ((value: {
                 id: unknown;
                 value: boolean;
                 path: unknown[];
-            }) => void;
-            opened?: unknown;
-            "onUpdate:opened"?: ((value: unknown) => void) | undefined;
+            }) => void) | undefined;
         }, import('vuetify/lib/components/VList/VListChildren.mjs').VListChildrenSlots<any>>) | null;
         htmlItemRefs: HTMLSpanElement;
     };
@@ -687,230 +784,316 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-            nav: boolean;
             style: import('vue').StyleValue;
-            disabled: boolean;
-            tag: string | import('vuetify/lib/types.mjs').JSXComponent;
-            lines: false | "one" | "two" | "three";
-            mandatory: boolean;
-            returnObject: boolean;
-            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
             density: import('vuetify/lib/composables/density.mjs').Density;
             rounded: string | number | boolean;
             tile: boolean;
-            slim: boolean;
-            filterable: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+            variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
+            itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+            returnObject: boolean;
             activatable: boolean;
             selectable: boolean;
+            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
             openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
-            itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
-        }> & Omit<{
-            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-            nav: boolean;
-            style: import('vue').StyleValue;
-            disabled: boolean;
-            tag: string | import('vuetify/lib/types.mjs').JSXComponent;
-            lines: false | "one" | "two" | "three";
             mandatory: boolean;
-            returnObject: boolean;
-            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
+            itemsRegistration: import('vuetify/lib/composables/nested/nested.mjs').ItemsRegistrationType;
+            disabled: boolean;
+            filterable: boolean;
+            lines: "one" | "three" | "two" | false;
+            slim: boolean;
+            nav: boolean;
+            navigationStrategy: "focus" | "track";
+        }> & Omit<{
+            style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;
             density: import('vuetify/lib/composables/density.mjs').Density;
             tile: boolean;
-            slim: boolean;
-            filterable: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+            variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
+            itemType: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
+            returnObject: boolean;
             activatable: boolean;
             selectable: boolean;
+            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
             openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
-            itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
-            height?: string | number | undefined | undefined;
-            width?: string | number | undefined | undefined;
+            mandatory: boolean;
+            itemsRegistration: import('vuetify/lib/composables/nested/nested.mjs').ItemsRegistrationType;
+            disabled: boolean;
+            filterable: boolean;
+            lines: "one" | "three" | "two" | false;
+            slim: boolean;
+            nav: boolean;
+            navigationStrategy: "focus" | "track";
+            theme?: string | undefined | undefined;
+            class?: any;
             border?: string | number | boolean | undefined | undefined;
+            elevation?: string | number | undefined | undefined;
+            rounded?: string | number | boolean | undefined | undefined;
             color?: string | undefined | undefined;
+            height?: string | number | undefined | undefined;
             maxHeight?: string | number | undefined | undefined;
             maxWidth?: string | number | undefined | undefined;
             minHeight?: string | number | undefined | undefined;
             minWidth?: string | number | undefined | undefined;
-            activated?: any;
-            class?: any;
-            theme?: string | undefined | undefined;
-            elevation?: string | number | undefined | undefined;
-            valueComparator?: typeof import('vuetify/lib/util/helpers.mjs').deepEqual | undefined;
-            rounded?: string | number | boolean | undefined | undefined;
+            width?: string | number | undefined | undefined;
+            valueComparator?: import('vuetify/lib/util/deepEqual.mjs').ValueComparator | undefined;
+            activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
             baseColor?: string | undefined | undefined;
-            bgColor?: string | undefined | undefined;
             activeColor?: string | undefined | undefined;
             activeClass?: string | undefined | undefined;
-            activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
-            collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+            bgColor?: string | undefined | undefined;
             expandIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-            "onUpdate:activated"?: ((value: unknown) => any) | undefined | undefined;
+            collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+            prependGap?: string | number | undefined | undefined;
+            indent?: string | number | undefined | undefined;
+            navigationIndex?: number | undefined | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "nav" | "style" | "tag" | "disabled" | "variant" | "rounded" | "tile" | "density" | "slim" | "itemType" | "returnObject" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "mandatory" | "filterable" | "lines">;
-        $attrs: {
-            [x: string]: unknown;
-        };
+            "onUpdate:navigationIndex"?: ((value: number) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "nav" | "style" | "tag" | "disabled" | "density" | "rounded" | "tile" | "variant" | "slim" | "itemType" | "returnObject" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "mandatory" | "itemsRegistration" | "filterable" | "lines" | "navigationStrategy">;
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            title?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot & {
+            prepend?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
                 item: any;
-            }) => import('vue').VNode[]) | undefined;
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
             append?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
                 item: any;
-            }) => import('vue').VNode[]) | undefined;
-            prepend?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            title?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot & {
                 item: any;
-            }) => import('vue').VNode[]) | undefined;
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
             subtitle?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSubtitleSlot & {
                 item: any;
-            }) => import('vue').VNode[]) | undefined;
-            default?: (() => import('vue').VNode[]) | undefined;
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            default?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
             item?: ((arg: {
-                props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-            }) => import('vue').VNode[]) | undefined;
+                props: {
+                    [key: string]: any;
+                    title: string;
+                    value: any;
+                } & {
+                    index: number;
+                };
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
             divider?: ((arg: {
-                props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-            }) => import('vue').VNode[]) | undefined;
+                props: {
+                    [key: string]: any;
+                    title: string;
+                    value: any;
+                };
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
             subheader?: ((arg: {
-                props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-            }) => import('vue').VNode[]) | undefined;
+                props: {
+                    [key: string]: any;
+                    title: string;
+                    value: any;
+                };
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
             header?: ((arg: {
-                props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-            }) => import('vue').VNode[]) | undefined;
+                props: {
+                    [key: string]: any;
+                    title: string;
+                    value: any;
+                };
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
         }>;
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "update:activated", value: unknown) => void) & ((event: "click:activate", value: {
+        $emit: ((event: "update:navigationIndex", value: number) => void) & ((event: "click:activate", value: {
             id: unknown;
             value: boolean;
             path: unknown[];
         }) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<{
-            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-            nav: boolean;
-            style: import('vue').StyleValue;
-            disabled: boolean;
-            tag: string | import('vuetify/lib/types.mjs').JSXComponent;
-            lines: false | "one" | "two" | "three";
-            mandatory: boolean;
-            returnObject: boolean;
-            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
+            style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;
             density: import('vuetify/lib/composables/density.mjs').Density;
             tile: boolean;
-            slim: boolean;
-            filterable: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+            variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
+            itemType: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
+            returnObject: boolean;
             activatable: boolean;
             selectable: boolean;
+            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
             openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
-            itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+            mandatory: boolean;
+            itemsRegistration: import('vuetify/lib/composables/nested/nested.mjs').ItemsRegistrationType;
+            disabled: boolean;
+            filterable: boolean;
+            lines: "one" | "three" | "two" | false;
+            slim: boolean;
+            nav: boolean;
+            navigationStrategy: "focus" | "track";
         } & {
-            height?: string | number | undefined;
-            width?: string | number | undefined;
+            theme?: string | undefined;
+            class?: any;
             border?: string | number | boolean | undefined;
+            elevation?: string | number | undefined;
+            rounded?: string | number | boolean | undefined;
             color?: string | undefined;
+            height?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            activated?: any;
-            class?: any;
-            theme?: string | undefined;
-            elevation?: string | number | undefined;
-            valueComparator?: typeof import('vuetify/lib/util/helpers.mjs').deepEqual | undefined;
-            rounded?: string | number | boolean | undefined;
+            width?: string | number | undefined;
+            valueComparator?: import('vuetify/lib/util/deepEqual.mjs').ValueComparator | undefined;
+            activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
             baseColor?: string | undefined;
-            bgColor?: string | undefined;
             activeColor?: string | undefined;
             activeClass?: string | undefined;
-            activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
-            collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+            bgColor?: string | undefined;
             expandIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+            collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+            prependGap?: string | number | undefined;
+            indent?: string | number | undefined;
+            navigationIndex?: number | undefined;
         } & {
-            "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
+            "onUpdate:navigationIndex"?: ((value: number) => any) | undefined;
         }, {
-            open: (id: unknown, value: boolean, event?: Event) => void;
-            select: (id: unknown, value: boolean, event?: Event) => void;
-            focus: (location?: "next" | "prev" | "first" | "last" | number) => void;
+            open: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            select: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            focus: (location?: number | "first" | "last" | "next" | "prev" | undefined) => void;
             children: import('vue').Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
             parents: import('vue').Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
             getPath: (id: unknown) => unknown[];
+            navigationIndex: import('vue').Ref<number, number> & {
+                readonly externalValue: number | undefined;
+            };
         }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
-            'update:selected': (value: unknown) => true;
-            'update:activated': (value: unknown) => true;
-            'update:opened': (value: unknown) => true;
-            'click:open': (value: {
+            "update:selected": (value: unknown) => true;
+            "update:activated": (value: unknown) => true;
+            "update:opened": (value: unknown) => true;
+            "update:navigationIndex": (value: number) => true;
+            "click:open": (value: {
                 id: unknown;
                 value: boolean;
                 path: unknown[];
             }) => true;
-            'click:activate': (value: {
+            "click:activate": (value: {
                 id: unknown;
                 value: boolean;
                 path: unknown[];
             }) => true;
-            'click:select': (value: {
+            "click:select": (value: {
                 id: unknown;
                 value: boolean;
                 path: unknown[];
             }) => true;
-        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "items" | "selected" | "opened" | "itemValue" | "v-slot:title" | "click:open" | "click:select" | "v-slot:subtitle" | "v-slot:item" | "v-slot:header" | "v-slot:divider" | "v-slot:subheader" | "itemTitle" | "itemChildren" | "itemProps" | "update:selected" | "update:opened">, string, {
-            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-            nav: boolean;
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:append" | "v-slot:prepend" | "items" | "activated" | "click:open" | "click:select" | "itemChildren" | "itemProps" | "itemTitle" | "itemValue" | "opened" | "selected" | "update:activated" | "update:opened" | "update:selected" | "v-slot:divider" | "v-slot:header" | "v-slot:item" | "v-slot:subheader" | "v-slot:subtitle" | "v-slot:title">, string, {
             style: import('vue').StyleValue;
-            disabled: boolean;
-            tag: string | import('vuetify/lib/types.mjs').JSXComponent;
-            lines: false | "one" | "two" | "three";
-            mandatory: boolean;
-            returnObject: boolean;
-            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
             density: import('vuetify/lib/composables/density.mjs').Density;
             rounded: string | number | boolean;
             tile: boolean;
-            slim: boolean;
-            filterable: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+            variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
+            itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+            returnObject: boolean;
             activatable: boolean;
             selectable: boolean;
+            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
             openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
-            itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+            mandatory: boolean;
+            itemsRegistration: import('vuetify/lib/composables/nested/nested.mjs').ItemsRegistrationType;
+            disabled: boolean;
+            filterable: boolean;
+            lines: "one" | "three" | "two" | false;
+            slim: boolean;
+            nav: boolean;
+            navigationStrategy: "focus" | "track";
         }, {}, string, import('vue').SlotsType<Partial<{
-            title: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot & {
+            prepend: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
                 item: any;
-            }) => import('vue').VNode[];
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[];
             append: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
                 item: any;
-            }) => import('vue').VNode[];
-            prepend: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[];
+            title: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot & {
                 item: any;
-            }) => import('vue').VNode[];
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[];
             subtitle: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSubtitleSlot & {
                 item: any;
-            }) => import('vue').VNode[];
-            default: () => import('vue').VNode[];
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[];
+            default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[];
             item: (arg: {
-                props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-            }) => import('vue').VNode[];
+                props: {
+                    [key: string]: any;
+                    title: string;
+                    value: any;
+                } & {
+                    index: number;
+                };
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[];
             divider: (arg: {
-                props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-            }) => import('vue').VNode[];
+                props: {
+                    [key: string]: any;
+                    title: string;
+                    value: any;
+                };
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[];
             subheader: (arg: {
-                props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-            }) => import('vue').VNode[];
+                props: {
+                    [key: string]: any;
+                    title: string;
+                    value: any;
+                };
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[];
             header: (arg: {
-                props: import('vuetify/lib/components/VList/VList.mjs').InternalListItem["props"];
-            }) => import('vue').VNode[];
+                props: {
+                    [key: string]: any;
+                    title: string;
+                    value: any;
+                };
+            }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[];
         }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -932,78 +1115,87 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         $nextTick: typeof 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<{
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        nav: boolean;
         style: import('vue').StyleValue;
-        disabled: boolean;
-        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
-        lines: false | "one" | "two" | "three";
-        mandatory: boolean;
-        returnObject: boolean;
-        selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
         density: import('vuetify/lib/composables/density.mjs').Density;
         rounded: string | number | boolean;
         tile: boolean;
-        slim: boolean;
-        filterable: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
+        itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+        returnObject: boolean;
         activatable: boolean;
         selectable: boolean;
+        selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
         openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
-        itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
-    }> & Omit<{
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        nav: boolean;
-        style: import('vue').StyleValue;
-        disabled: boolean;
-        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
-        lines: false | "one" | "two" | "three";
         mandatory: boolean;
-        returnObject: boolean;
-        selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
+        itemsRegistration: import('vuetify/lib/composables/nested/nested.mjs').ItemsRegistrationType;
+        disabled: boolean;
+        filterable: boolean;
+        lines: "one" | "three" | "two" | false;
+        slim: boolean;
+        nav: boolean;
+        navigationStrategy: "focus" | "track";
+    }> & Omit<{
+        style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;
         density: import('vuetify/lib/composables/density.mjs').Density;
         tile: boolean;
-        slim: boolean;
-        filterable: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
+        itemType: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
+        returnObject: boolean;
         activatable: boolean;
         selectable: boolean;
+        selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
         openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
-        itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+        mandatory: boolean;
+        itemsRegistration: import('vuetify/lib/composables/nested/nested.mjs').ItemsRegistrationType;
+        disabled: boolean;
+        filterable: boolean;
+        lines: "one" | "three" | "two" | false;
+        slim: boolean;
+        nav: boolean;
+        navigationStrategy: "focus" | "track";
     } & {
-        height?: string | number | undefined;
-        width?: string | number | undefined;
+        theme?: string | undefined;
+        class?: any;
         border?: string | number | boolean | undefined;
+        elevation?: string | number | undefined;
+        rounded?: string | number | boolean | undefined;
         color?: string | undefined;
+        height?: string | number | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        activated?: any;
-        class?: any;
-        theme?: string | undefined;
-        elevation?: string | number | undefined;
-        valueComparator?: typeof import('vuetify/lib/util/helpers.mjs').deepEqual | undefined;
-        rounded?: string | number | boolean | undefined;
+        width?: string | number | undefined;
+        valueComparator?: import('vuetify/lib/util/deepEqual.mjs').ValueComparator | undefined;
+        activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
         baseColor?: string | undefined;
-        bgColor?: string | undefined;
         activeColor?: string | undefined;
         activeClass?: string | undefined;
-        activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
-        collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        bgColor?: string | undefined;
         expandIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        prependGap?: string | number | undefined;
+        indent?: string | number | undefined;
+        navigationIndex?: number | undefined;
     } & {
-        "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
             id: unknown;
             value: boolean;
             path: unknown[];
         }) => any) | undefined;
-    }, "nav" | "select" | "style" | "tag" | "disabled" | "children" | "variant" | "rounded" | "tile" | "density" | "slim" | "focus" | "itemType" | "returnObject" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "mandatory" | "filterable" | "lines" | "open" | "parents" | "getPath"> & import('vue').ShallowUnwrapRef<{
-        open: (id: unknown, value: boolean, event?: Event) => void;
-        select: (id: unknown, value: boolean, event?: Event) => void;
-        focus: (location?: "next" | "prev" | "first" | "last" | number) => void;
+        "onUpdate:navigationIndex"?: ((value: number) => any) | undefined;
+    }, "nav" | "select" | "style" | "tag" | "disabled" | "children" | "density" | "rounded" | "tile" | "variant" | "slim" | "focus" | "itemType" | "returnObject" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "mandatory" | "itemsRegistration" | "filterable" | "lines" | "navigationStrategy" | "navigationIndex" | "open" | "parents" | "getPath"> & import('vue').ShallowUnwrapRef<{
+        open: (id: unknown, value: boolean, event?: Event | undefined) => void;
+        select: (id: unknown, value: boolean, event?: Event | undefined) => void;
+        focus: (location?: number | "first" | "last" | "next" | "prev" | undefined) => void;
         children: import('vue').Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
         parents: import('vue').Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
         getPath: (id: unknown) => unknown[];
+        navigationIndex: import('vue').Ref<number, number> & {
+            readonly externalValue: number | undefined;
+        };
     }> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
         items?: readonly any[] | undefined;
         itemTitle?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<any>;
@@ -1011,19 +1203,21 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         itemChildren?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<any>;
         itemProps?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<any>;
         selected?: unknown;
+        activated?: unknown;
+        opened?: unknown;
         "onUpdate:selected"?: ((value: unknown) => void) | undefined;
-        "onClick:open"?: (value: {
+        "onUpdate:activated"?: ((value: unknown) => void) | undefined;
+        "onUpdate:opened"?: ((value: unknown) => void) | undefined;
+        "onClick:open"?: ((value: {
             id: unknown;
             value: boolean;
             path: unknown[];
-        }) => void;
-        "onClick:select"?: (value: {
+        }) => void) | undefined;
+        "onClick:select"?: ((value: {
             id: unknown;
             value: boolean;
             path: unknown[];
-        }) => void;
-        opened?: unknown;
-        "onUpdate:opened"?: ((value: unknown) => void) | undefined;
+        }) => void) | undefined;
     }, import('vuetify/lib/components/VList/VListChildren.mjs').VListChildrenSlots<any>>) | null;
     htmlItemRefs: HTMLSpanElement;
 }, any>;