@fastkit/vui 0.8.18 → 0.10.0

package/dist/vui.d.ts

@@ -4,7 +4,7 @@ import { App } from 'vue';
 import { BoldOptions } from '@tiptap/extension-bold';
 import { BulletListOptions } from '@tiptap/extension-bullet-list';
 import { ChainedCommands } from '@tiptap/vue-3';
-import {  ColorVariant , ThemeName, PaletteName, ScopeName } from '@fastkit/color-scheme';
+import {  ColorVariant , ThemeName, PaletteName } from '@fastkit/color-scheme';
 import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComputedRef } from 'vue';
@@ -13,7 +13,6 @@ import { DefineComponent } from 'vue';
 import { Editor } from '@tiptap/vue-3';
 import { EditorOptions } from '@tiptap/vue-3';
 import { EditorView } from 'prosemirror-view';
-import { EmitsOptions } from 'vue';
 import { EV } from '@fastkit/ev';
 import { Extension } from '@tiptap/vue-3';
 import { Extension as Extension_2 } from '@tiptap/core';
@@ -36,7 +35,7 @@ import { FormSelectorItemGroupControl } from '@fastkit/vue-kit';
 import { FormSelectorValue } from '@fastkit/vue-kit';
 import { HistoryOptions } from '@tiptap/extension-history';
 import { HTMLAttributes } from 'vue';
-import {  ICON_NAMES , IconName } from '@fastkit/icon-font';
+import { ICON_NAMES } from '@fastkit/icon-font';
 import { IconName } from '@fastkit/icon-font';
 import { IMaskEvent } from '@fastkit/vue-kit';
 import { IMaskTypedValue } from '@fastkit/vue-kit';
@@ -48,7 +47,6 @@ import { LocationService } from '@fastkit/vue-utils';
 import { Mark } from '@tiptap/vue-3';
 import { MediaMatchKey } from '@fastkit/media-match';
 import { NavigationableInheritProps } from '@fastkit/vue-utils';
-import { NavigationFailure } from 'vue-router';
 import { Node as Node_2 } from '@tiptap/vue-3';
 import { Node as Node_3 } from 'prosemirror-model';
 import { Numberish } from '@fastkit/vue-kit';
@@ -59,18 +57,13 @@ import { RawFormSelectorItems } from '@fastkit/vue-kit';
 import { RawTextableFinishingProp } from '@fastkit/vue-kit';
 import { RawTextareaAutosizeSettings } from '@fastkit/vue-kit';
 import { Ref } from 'vue';
-import { RendererElement } from 'vue';
-import { RendererNode } from 'vue';
 import { RequiredChipSource } from '@fastkit/vue-kit';
 import { ResolvedFormSelectorGroup } from '@fastkit/vue-kit';
 import { ResolvedFormSelectorItem } from '@fastkit/vue-kit';
 import { ResolveRawSlots } from '@fastkit/vue-kit';
 import { ResolveRawSlots as ResolveRawSlots_2 } from '@fastkit/vue-utils';
-import { RouteLocation } from 'vue-router';
 import { RouteLocationRaw } from 'vue-router';
 import type { Router } from 'vue-router';
-import { RouterLink } from 'vue-router';
-import { RouterLinkProps } from 'vue-router';
 import { ScopeName } from '@fastkit/color-scheme';
 import { ShallowRef } from 'vue';
 import { StyleValue } from 'vue';
@@ -84,13 +77,13 @@ import { TypedSlot } from '@fastkit/vue-kit';
 import { UnderlineOptions } from '@tiptap/extension-underline';
 import { UnwrapNestedRefs } from 'vue';
 import { useLink } from 'vue-router';
+import { UseLinkOptions } from 'vue-router';
 import { ValidateTiming } from '@fastkit/vue-kit';
 import { ValidationResult } from '@fastkit/vue-kit';
 import { VDialog } from '@fastkit/vue-kit';
 import { VDialogProps } from '@fastkit/vue-kit';
 import { VMenu } from '@fastkit/vue-kit';
 import { VMenuControl } from '@fastkit/vue-stack';
-import { VNode } from 'vue';
 import { VNodeChild } from 'vue';
 import { VNodeChildOrSlot } from '@fastkit/vue-kit';
 import { VNodeChildOrSlot as VNodeChildOrSlot_2 } from '@fastkit/vue-utils';
@@ -135,6 +128,8 @@ export declare interface BusyImageRects {
 
 export declare type BusyImageSizeValue = number | string;
 
+export declare const BUTTON_ALIGNS: readonly ["left", "center", "right"];
+
 export declare const CHIP_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
 
 export declare type ChipSize = typeof CHIP_SIZES[number];
@@ -532,7 +527,7 @@ export declare function createListTileProps(): {
 };
 
 export declare function createNavigationItemProps(): {
-    match: StringConstructor;
+    match: PropType<string | string[]>;
     depth: {
         type: NumberConstructor;
         default: number;
@@ -574,6 +569,19 @@ export declare function createNavigationItemProps(): {
     onClick: PropType<(ev: MouseEvent) => any>;
 };
 
+export declare function createNavigationProps(): {
+    items: {
+        type: PropType<NavigationItemInput[]>;
+        required: true;
+    };
+    color: PropType<ScopeName>;
+    startIconEmptySpace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    caption: PropType<VNodeChild | (() => VNodeChild)>;
+};
+
 export declare function createPaperBaseProps(): {
     'v-slots': PropType<ResolveRawSlots_2<{
         header: void;
@@ -990,7 +998,7 @@ declare function createTextFieldProps(): {
     hiddenInfo: BooleanConstructor;
     requiredChip: PropType<RequiredChipSource>;
     type: {
-        type: PropType<"number" | "search" | "email" | "tel" | "url" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time">;
+        type: PropType<"number" | "email" | "tel" | "url" | "search" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time">;
         default: string;
     };
     masked: StringConstructor;
@@ -1450,6 +1458,8 @@ export declare function mergeVuiServiceOptions(base: VuiServiceOptions, override
 
 export declare function mergeVuiServiceUISettings(base: VuiServiceUISettings, overrides?: RawVuiServiceUISettings): VuiServiceUISettings;
 
+export declare type NavigationInput = ExtractPropInput<ReturnType<typeof createNavigationProps>>;
+
 export declare interface NavigationItemInput extends ExtractPropInput<ReturnType<typeof createNavigationItemProps>> {
     key: string | number;
     label: VNodeChild | (() => VNodeChild);
@@ -1557,7 +1567,7 @@ export declare function resolveRawWysiwygEditorTools(rawTools: RawWysiwygEditorT
 
 export declare function resolveRawWysiwygExtensions(raws: RawWysiwygExtension[], ctx: WysiwygEditorInitializeContext): AnyExtension[];
 
-declare interface Rule<C extends any = any> {
+declare interface Rule<C = any> {
     <EC extends C = C>(constraints: Partial<EC>, overRides?: string | Partial<RuleSettings<EC>>): Rule<EC>;
     $name: string;
     validate: (value: any, options?: RuleValidateOptions) => RuleResult;
@@ -1578,7 +1588,7 @@ declare interface Rule<C extends any = any> {
 
 declare type RuleResult = Promise<void | typeof ValidateCancelSymbol | ValidationError>;
 
-declare type RuleSettings<C extends any = any> = {
+declare type RuleSettings<C = any> = {
     name: string;
     validate: (value: any, constraints: C) => RuleSettingsValidatePayload;
     message?: RuleSettingsMessage<C>;
@@ -1590,7 +1600,7 @@ declare type RuleSettings<C extends any = any> = {
     constraints?: any;
 };
 
-declare type RuleSettingsMessage<C extends any = any> = string | ((value: any, ctx: RuleValidateContext<C>) => string);
+declare type RuleSettingsMessage<C = any> = string | ((value: any, ctx: RuleValidateContext<C>) => string);
 
 declare type RuleSettingsValidatePayload = RuleSettingsValidateSource | Promise<RuleSettingsValidateSource>;
 
@@ -1604,7 +1614,7 @@ true
 /** When there is a nested validation result object */
 | ValidationError[];
 
-declare interface RuleValidateContext<C extends any = any> {
+declare interface RuleValidateContext<C = any> {
     name: string;
     value: any;
     constraints: C;
@@ -2380,6 +2390,8 @@ export declare interface UseElevationOptions {
     defaultValue?: VuiElevationValue;
 }
 
+export declare type UseLinkResult = ReturnType<typeof useLink>;
+
 export declare function useVui(): VuiService;
 
 export declare function useVuiColorProvider(): VuiColorProvider;
@@ -2402,7 +2414,7 @@ declare interface ValidationError {
 
 declare const ValidationErrorSymbol = "ValidationError";
 
-export declare const VApp: DefineComponent<{}, () => JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+export declare const VApp: DefineComponent<{}, () => JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
 
 export declare const VAvatar: DefineComponent<{
     size: {
@@ -2443,7 +2455,7 @@ export declare const VAvatar: DefineComponent<{
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     size: {
         type: PropType<number | "sm" | "md" | "lg">;
         default: string;
@@ -2496,7 +2508,7 @@ export declare const VBreadcrumbs: DefineComponent<{
         default: () => never[];
     };
     divider: PropType<VNodeChild | ((vui: VuiService) => VNodeChild)>;
-}, () => JSX.Element | undefined, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element | undefined, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     items: {
         type: PropType<BreadcrumbsItem[]>;
         default: () => never[];
@@ -2901,6 +2913,10 @@ export declare const VButton: DefineComponent<{
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
     endIcon: PropType<RawVButtonIcon>;
+    align: {
+        type: PropType<"left" | "right" | "center">;
+        default: string;
+    };
     tag: PropType<string>;
     class: PropType<any>;
     style: PropType<CSSProperties>;
@@ -2967,7 +2983,7 @@ export declare const VButton: DefineComponent<{
     results: PropType<(string | number) | undefined>;
     security: PropType<string | undefined>;
     unselectable: PropType<"on" | "off" | undefined>;
-    inputmode: PropType<"search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined>;
+    inputmode: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined>;
     is: PropType<string | undefined>;
     'aria-activedescendant': PropType<string | undefined>;
     'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
@@ -2982,7 +2998,7 @@ export declare const VButton: DefineComponent<{
     'aria-describedby': PropType<string | undefined>;
     'aria-details': PropType<string | undefined>;
     'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
-    'aria-dropeffect': PropType<"link" | "none" | "copy" | "execute" | "move" | "popup" | undefined>;
+    'aria-dropeffect': PropType<"none" | "copy" | "execute" | "link" | "move" | "popup" | undefined>;
     'aria-errormessage': PropType<string | undefined>;
     'aria-expanded': PropType<(boolean | "true" | "false") | undefined>;
     'aria-flowto': PropType<string | undefined>;
@@ -3098,7 +3114,7 @@ export declare const VButton: DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
@@ -3109,6 +3125,10 @@ export declare const VButton: DefineComponent<{
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
     endIcon: PropType<RawVButtonIcon>;
+    align: {
+        type: PropType<"left" | "right" | "center">;
+        default: string;
+    };
     tag: PropType<string>;
     class: PropType<any>;
     style: PropType<CSSProperties>;
@@ -3175,7 +3195,7 @@ export declare const VButton: DefineComponent<{
     results: PropType<(string | number) | undefined>;
     security: PropType<string | undefined>;
     unselectable: PropType<"on" | "off" | undefined>;
-    inputmode: PropType<"search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined>;
+    inputmode: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined>;
     is: PropType<string | undefined>;
     'aria-activedescendant': PropType<string | undefined>;
     'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
@@ -3190,7 +3210,7 @@ export declare const VButton: DefineComponent<{
     'aria-describedby': PropType<string | undefined>;
     'aria-details': PropType<string | undefined>;
     'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
-    'aria-dropeffect': PropType<"link" | "none" | "copy" | "execute" | "move" | "popup" | undefined>;
+    'aria-dropeffect': PropType<"none" | "copy" | "execute" | "link" | "move" | "popup" | undefined>;
     'aria-errormessage': PropType<string | undefined>;
     'aria-expanded': PropType<(boolean | "true" | "false") | undefined>;
     'aria-flowto': PropType<string | undefined>;
@@ -3308,10 +3328,13 @@ export declare const VButton: DefineComponent<{
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
 }>>, {
     rounded: boolean;
+    align: "left" | "right" | "center";
     loading: boolean;
     ariaCurrentValue: "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
 }>;
 
+export declare type VButtonAlign = typeof BUTTON_ALIGNS[number];
+
 export declare const VButtonGroup: DefineComponent<{
     disabled: BooleanConstructor;
     size: {
@@ -3324,7 +3347,7 @@ export declare const VButtonGroup: DefineComponent<{
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     disabled: BooleanConstructor;
     size: {
         type: PropType<"sm" | "md" | "lg">;
@@ -3554,7 +3577,7 @@ export declare const VCard: DefineComponent<{
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
     elevation: PropType<VuiElevationValue>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     disabled: BooleanConstructor;
     tag: PropType<string>;
     class: PropType<any>;
@@ -3765,9 +3788,9 @@ export declare const VCard: DefineComponent<{
     square: boolean;
 }>;
 
-export declare const VCardActions: DefineComponent<{}, () => JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+export declare const VCardActions: DefineComponent<{}, () => JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
 
-export declare const VCardContent: DefineComponent<{}, () => JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+export declare const VCardContent: DefineComponent<{}, () => JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
 
 export declare const VCheckbox: DefineComponent<{
     indeterminate: BooleanConstructor;
@@ -4172,7 +4195,7 @@ export declare const VChip: DefineComponent<{
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     size: {
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
         default: string;
@@ -4620,7 +4643,7 @@ export declare const VDrawerLayout: DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     'v-slots': PropType<ResolveRawSlots<{
         header: void;
         default: void;
@@ -5228,7 +5251,7 @@ export declare const VGridContainer: DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     wrapperTag: {
         type: StringConstructor;
         default: string;
@@ -5598,7 +5621,7 @@ export declare const VGridItem: DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -5967,7 +5990,7 @@ export declare const VHero: DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     'v-slots': PropType<ResolveRawSlots_2<{
         default: void;
         adornment: void;
@@ -6275,7 +6298,7 @@ export declare const VNavigation: DefineComponent<{
         default: boolean;
     };
     caption: PropType<VNodeChild | (() => VNodeChild)>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     items: {
         type: PropType<NavigationItemInput[]>;
         required: true;
@@ -6292,7 +6315,7 @@ export declare const VNavigation: DefineComponent<{
 
 export declare const VNavigationItem: DefineComponent<{
     children: PropType<NavigationItemInput[]>;
-    match: StringConstructor;
+    match: PropType<string | string[]>;
     depth: {
         type: NumberConstructor;
         default: number;
@@ -6336,7 +6359,7 @@ export declare const VNavigationItem: DefineComponent<{
     changeActive: (isActive: boolean) => boolean;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     children: PropType<NavigationItemInput[]>;
-    match: StringConstructor;
+    match: PropType<string | string[]>;
     depth: {
         type: NumberConstructor;
         default: number;
@@ -6738,7 +6761,7 @@ export declare const VOptionGroup: DefineComponent<{
     isNotSelected: ComputedRef<boolean>;
     isAllSelected: ComputedRef<boolean>;
     isIndeterminate: ComputedRef<boolean>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     'v-slots': PropType<ResolveRawSlots<{
         label: FormSelectorItemGroupControl;
     }>>;
@@ -7024,7 +7047,7 @@ export declare const VPaper: DefineComponent<{
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
     elevation: PropType<VuiElevationValue>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     square: BooleanConstructor;
     headerProps: PropType<ARGS>;
     bodyProps: PropType<ARGS>;
@@ -7576,10 +7599,16 @@ export declare const VRadioGroup: DefineComponent<{
 }>;
 
 export declare const VSelect: DefineComponent<{
+    closeOnNavigation: BooleanConstructor;
     placeholder: StringConstructor;
     loadingMessage: PropType<VNodeChildOrSlot<any>>;
     failedToLoadItemsMessage: PropType<VNodeChildOrSlot<any>>;
-    'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
+    'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots & {
+        selection: {
+            item: FormSelectorItemControl;
+            index: number;
+        };
+    }>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
@@ -7713,10 +7742,16 @@ export declare const VSelect: DefineComponent<{
     focus: (ev: FocusEvent) => boolean;
     blur: (ev: FocusEvent) => boolean;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    closeOnNavigation: BooleanConstructor;
     placeholder: StringConstructor;
     loadingMessage: PropType<VNodeChildOrSlot<any>>;
     failedToLoadItemsMessage: PropType<VNodeChildOrSlot<any>>;
-    'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
+    'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots & {
+        selection: {
+            item: FormSelectorItemControl;
+            index: number;
+        };
+    }>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
@@ -7813,6 +7848,7 @@ export declare const VSelect: DefineComponent<{
     hiddenInfo: boolean;
     errors: FormNodeError[];
     loading: boolean;
+    closeOnNavigation: boolean;
 }>;
 
 export declare const VSkeltonLoaderBone: DefineComponent<{
@@ -7820,7 +7856,7 @@ export declare const VSkeltonLoaderBone: DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -8554,7 +8590,7 @@ export declare const VTextField: DefineComponent<{
     hiddenInfo: BooleanConstructor;
     requiredChip: PropType<RequiredChipSource>;
     type: {
-        type: PropType<"number" | "search" | "email" | "tel" | "url" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time">;
+        type: PropType<"number" | "email" | "tel" | "url" | "search" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time">;
         default: string;
     };
     masked: StringConstructor;
@@ -8594,7 +8630,7 @@ export declare const VTextField: DefineComponent<{
     classes: ComputedRef<any>;
     textInputControl: TextInputControl;
     computedMask: ComputedRef<any>;
-    computedType: ComputedRef<"number" | "search" | "email" | "tel" | "url" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time">;
+    computedType: ComputedRef<"number" | "email" | "tel" | "url" | "search" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time">;
     inputElementRef: Ref<HTMLInputElement | null>;
     focus: (opts?: FocusOptions | undefined) => void;
     blur: () => void;
@@ -8688,7 +8724,7 @@ export declare const VTextField: DefineComponent<{
     hiddenInfo: BooleanConstructor;
     requiredChip: PropType<RequiredChipSource>;
     type: {
-        type: PropType<"number" | "search" | "email" | "tel" | "url" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time">;
+        type: PropType<"number" | "email" | "tel" | "url" | "search" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time">;
         default: string;
     };
     masked: StringConstructor;
@@ -8734,7 +8770,7 @@ export declare const VTextField: DefineComponent<{
     "onUpdate:errors"?: ((errors: FormNodeError[]) => any) | undefined;
     onFocus?: ((ev: FocusEvent) => any) | undefined;
 }, {
-    type: "number" | "search" | "email" | "tel" | "url" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time";
+    type: "number" | "email" | "tel" | "url" | "search" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time";
     autofocus: boolean;
     disabled: boolean;
     readonly: boolean;
@@ -8769,7 +8805,7 @@ export declare const VToolbar: DefineComponent<{
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
     elevation: PropType<VuiElevationValue>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     dense: BooleanConstructor;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
@@ -8786,7 +8822,7 @@ export declare const VToolbarEdge: DefineComponent<{
         type: PropType<VToolbarEdgeEdge>;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     edge: {
         type: PropType<VToolbarEdgeEdge>;
         required: true;
@@ -8806,6 +8842,10 @@ export declare const VToolbarMenu: DefineComponent<{
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
     endIcon: PropType<RawVButtonIcon>;
+    align: {
+        type: PropType<"left" | "right" | "center">;
+        default: string;
+    };
     tag: PropType<string>;
     class: PropType<any>;
     style: PropType<CSSProperties>;
@@ -8872,7 +8912,7 @@ export declare const VToolbarMenu: DefineComponent<{
     results: PropType<(string | number) | undefined>;
     security: PropType<string | undefined>;
     unselectable: PropType<"on" | "off" | undefined>;
-    inputmode: PropType<"search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined>;
+    inputmode: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined>;
     is: PropType<string | undefined>;
     'aria-activedescendant': PropType<string | undefined>;
     'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
@@ -8887,7 +8927,7 @@ export declare const VToolbarMenu: DefineComponent<{
     'aria-describedby': PropType<string | undefined>;
     'aria-details': PropType<string | undefined>;
     'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
-    'aria-dropeffect': PropType<"link" | "none" | "copy" | "execute" | "move" | "popup" | undefined>;
+    'aria-dropeffect': PropType<"none" | "copy" | "execute" | "link" | "move" | "popup" | undefined>;
     'aria-errormessage': PropType<string | undefined>;
     'aria-expanded': PropType<(boolean | "true" | "false") | undefined>;
     'aria-flowto': PropType<string | undefined>;
@@ -9003,7 +9043,7 @@ export declare const VToolbarMenu: DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
@@ -9014,6 +9054,10 @@ export declare const VToolbarMenu: DefineComponent<{
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
     endIcon: PropType<RawVButtonIcon>;
+    align: {
+        type: PropType<"left" | "right" | "center">;
+        default: string;
+    };
     tag: PropType<string>;
     class: PropType<any>;
     style: PropType<CSSProperties>;
@@ -9080,7 +9124,7 @@ export declare const VToolbarMenu: DefineComponent<{
     results: PropType<(string | number) | undefined>;
     security: PropType<string | undefined>;
     unselectable: PropType<"on" | "off" | undefined>;
-    inputmode: PropType<"search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined>;
+    inputmode: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined>;
     is: PropType<string | undefined>;
     'aria-activedescendant': PropType<string | undefined>;
     'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
@@ -9095,7 +9139,7 @@ export declare const VToolbarMenu: DefineComponent<{
     'aria-describedby': PropType<string | undefined>;
     'aria-details': PropType<string | undefined>;
     'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
-    'aria-dropeffect': PropType<"link" | "none" | "copy" | "execute" | "move" | "popup" | undefined>;
+    'aria-dropeffect': PropType<"none" | "copy" | "execute" | "link" | "move" | "popup" | undefined>;
     'aria-errormessage': PropType<string | undefined>;
     'aria-expanded': PropType<(boolean | "true" | "false") | undefined>;
     'aria-flowto': PropType<string | undefined>;
@@ -9213,6 +9257,7 @@ export declare const VToolbarMenu: DefineComponent<{
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
 }>>, {
     rounded: boolean;
+    align: "left" | "right" | "center";
     loading: boolean;
     ariaCurrentValue: "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
 }>;
@@ -9224,7 +9269,7 @@ export declare const VToolbarTitle: DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -9246,6 +9291,10 @@ export declare const vueButtonProps: {
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
     endIcon: PropType<RawVButtonIcon>;
+    align: {
+        type: PropType<"left" | "right" | "center">;
+        default: string;
+    };
     tag: PropType<string>;
     class: PropType<any>;
     style: PropType<CSSProperties>;
@@ -9312,7 +9361,7 @@ export declare const vueButtonProps: {
     results: PropType<(string | number) | undefined>;
     security: PropType<string | undefined>;
     unselectable: PropType<"on" | "off" | undefined>;
-    inputmode: PropType<"search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined>;
+    inputmode: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined>;
     is: PropType<string | undefined>;
     'aria-activedescendant': PropType<string | undefined>;
     'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
@@ -9327,7 +9376,7 @@ export declare const vueButtonProps: {
     'aria-describedby': PropType<string | undefined>;
     'aria-details': PropType<string | undefined>;
     'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
-    'aria-dropeffect': PropType<"link" | "none" | "copy" | "execute" | "move" | "popup" | undefined>;
+    'aria-dropeffect': PropType<"none" | "copy" | "execute" | "link" | "move" | "popup" | undefined>;
     'aria-errormessage': PropType<string | undefined>;
     'aria-expanded': PropType<(boolean | "true" | "false") | undefined>;
     'aria-flowto': PropType<string | undefined>;
@@ -9520,6 +9569,7 @@ export declare class VuiService {
     readonly router: Router;
     readonly location: LocationService;
     readonly stack: VueStackService;
+    readonly useLink: typeof useLink;
     get scroller(): {
         readonly elementRef: Ref<HTMLElement | null>;
         readonly scroller: Scroller;
@@ -9572,25 +9622,7 @@ export declare class VuiService {
     };
     constructor(options: VuiServiceOptions, stackService: VueStackService);
     configure(options?: Partial<VuiServiceOptions>): void;
-    getRouterLink(): {
-        new (): {
-            $props: AllowedComponentProps & ComponentCustomProps & VNodeProps & RouterLinkProps;
-            $slots: {
-                default: (arg: {
-                    route: RouteLocation & {
-                        href: string;
-                    };
-                    href: string;
-                    isActive: boolean;
-                    isExactActive: boolean;
-                    navigate: (e?: MouseEvent | undefined) => Promise<void | NavigationFailure>;
-                }) => VNode<RendererNode, RendererElement, {
-                    [key: string]: any;
-                }>[];
-            };
-        };
-        useLink: typeof useLink;
-    };
+    getRouterLink(): any;
     setting<K extends keyof VuiServiceUISettings>(key: K): VuiServiceUISettings[K];
     icon<K extends keyof VuiServiceIconSettings>(iconType: K): VuiServiceIconSettings[K];
     getAutoScrollToElementOffsetTop(): number;
@@ -9634,7 +9666,8 @@ export declare interface VuiServiceIconSettings {
 
 export declare interface VuiServiceOptions {
     router: Router;
-    RouterLink?: typeof RouterLink;
+    RouterLink?: any;
+    useLink?: (props: UseLinkOptions) => UseLinkResult;
     colorScheme: VueColorSchemePluginSettings;
     uiSettings: VuiServiceUISettings;
     icons: VuiServiceIconSettings;