@fastkit/vui 0.6.20 → 0.6.32

package/dist/vui.d.ts

@@ -4,6 +4,7 @@ import {  ColorVariant , ThemeName, PaletteName, ScopeName } from '@fastkit/colo
 import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComputedRef } from 'vue';
+import { CSSProperties } from 'vue';
 import { DefineComponent } from 'vue';
 import { EmitsOptions } from 'vue';
 import { ExtractPropInput } from '@fastkit/vue-utils';
@@ -23,16 +24,25 @@ import { IconName } from '@fastkit/icon-font';
 import { IMaskEvent } from '@fastkit/vue-kit';
 import { IMaskTypedValue } from '@fastkit/vue-kit';
 import { InjectionKey } from 'vue';
+import { LocationService } from '@fastkit/vue-utils';
+import { NavigationableInheritProps } from '@fastkit/vue-utils';
+import { NavigationFailure } from 'vue-router';
 import { Numberish } from '@fastkit/vue-kit';
 import { Prop } from 'vue';
 import { PropType } from 'vue';
 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 { ResolvedFormSelectorItemData } 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 { TextableCounterResult } from '@fastkit/vue-kit';
 import { TextableCounterSettings } from '@fastkit/vue-kit';
@@ -40,10 +50,12 @@ import { TextareaAutosizeSettings } from '@fastkit/vue-kit';
 import { TextareaControl } from '@fastkit/vue-kit';
 import { TextInputControl } from '@fastkit/vue-kit';
 import { TypedSlot } from '@fastkit/vue-kit';
+import { useLink } from 'vue-router';
 import { ValidateTiming } from '@fastkit/vue-kit';
 import { ValidationResult } from '@fastkit/vue-kit';
 import { VDialog } from '@fastkit/vue-kit';
 import { VMenu } from '@fastkit/vue-kit';
+import { VNode } from 'vue';
 import { VNodeChild } from 'vue';
 import { VNodeChildOrSlot } from '@fastkit/vue-kit';
 import { VNodeProps } from 'vue';
@@ -55,6 +67,27 @@ import { WritableComputedRef } from 'vue';
 
 declare type ARGS = Record<string, unknown> & VNodeProps;
 
+export declare interface BreadcrumbsItem extends Pick<NavigationableInheritProps, 'to' | 'disabled'> {
+    /**
+     * "正確なマッチモード" を強制する場合true
+     */
+    icon?: RawIconProp;
+    text: VNodeChild | ((vui: VuiService) => VNodeChild);
+}
+
+export declare function configureDataTableDefaults(defaults: Partial<DataTableDefaults>): void;
+
+export declare interface ContentSwitcherSeeTopOptions {
+    /**
+     * スクロールする際のオフセット高px
+     */
+    offset?: number;
+    /**
+     * スクロール期間
+     */
+    duration?: number;
+}
+
 export declare const CONTROL_FIELD_VARIANTS: readonly ["outlined", "filled", "flat"];
 
 export declare const CONTROL_SIZES: readonly ["sm", "md", "lg"];
@@ -117,70 +150,76 @@ export declare function createElevationProps(): {
 export declare function createListTileProps(): {
     startIcon: PropType<RawIconProp>;
     endIcon: PropType<RawIconProp>;
-    fallbackTag: {
+    linkFallbackTag: {
         type: StringConstructor;
         default: string;
     };
     startIconEmptySpace: BooleanConstructor;
     color: PropType<ScopeName>;
     exactMatch: BooleanConstructor;
-    tag: StringConstructor;
+    tag: PropType<string>;
+    class: PropType<any>;
+    style: PropType<CSSProperties>;
     to: PropType<RouteLocationRaw>;
-    replace: BooleanConstructor;
-    activeClass: StringConstructor;
-    exactActiveClass: StringConstructor;
-    custom: BooleanConstructor;
+    replace: PropType<boolean>;
+    activeClass: PropType<string>;
+    exactActiveClass: PropType<string>;
+    custom: PropType<boolean>;
     ariaCurrentValue: {
-        readonly type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
-        readonly default: "page";
-    };
-    disabled: BooleanConstructor;
-    href: StringConstructor;
-    target: StringConstructor;
-    rel: StringConstructor;
-    name: StringConstructor;
-    charset: StringConstructor;
-    hreflang: StringConstructor;
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
+        default: "page";
+    };
+    disabled: PropType<boolean>;
+    href: PropType<string>;
+    target: PropType<string>;
+    rel: PropType<string>;
+    name: PropType<string>;
+    charset: PropType<string>;
+    hreflang: PropType<string>;
     download: PropType<string | boolean>;
-    media: StringConstructor;
-    ping: StringConstructor;
-    referrerpolicy: StringConstructor;
+    media: PropType<string>;
+    ping: PropType<string>;
+    referrerpolicy: PropType<string>;
     type: PropType<"submit" | "reset" | "button" | undefined>;
+    onClick: PropType<(ev: MouseEvent) => any>;
 };
 
 export declare function createNavigationItemProps(): {
     match: StringConstructor;
     startIcon: PropType<RawIconProp>;
     endIcon: PropType<RawIconProp>;
-    fallbackTag: {
+    linkFallbackTag: {
         type: StringConstructor;
         default: string;
     };
     startIconEmptySpace: BooleanConstructor;
     color: PropType<ScopeName>;
     exactMatch: BooleanConstructor;
-    tag: StringConstructor;
+    tag: PropType<string>;
+    class: PropType<any>;
+    style: PropType<CSSProperties>;
     to: PropType<RouteLocationRaw>;
-    replace: BooleanConstructor;
-    activeClass: StringConstructor;
-    exactActiveClass: StringConstructor;
-    custom: BooleanConstructor;
+    replace: PropType<boolean>;
+    activeClass: PropType<string>;
+    exactActiveClass: PropType<string>;
+    custom: PropType<boolean>;
     ariaCurrentValue: {
-        readonly type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
-        readonly default: "page";
-    };
-    disabled: BooleanConstructor;
-    href: StringConstructor;
-    target: StringConstructor;
-    rel: StringConstructor;
-    name: StringConstructor;
-    charset: StringConstructor;
-    hreflang: StringConstructor;
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
+        default: "page";
+    };
+    disabled: PropType<boolean>;
+    href: PropType<string>;
+    target: PropType<string>;
+    rel: PropType<string>;
+    name: PropType<string>;
+    charset: PropType<string>;
+    hreflang: PropType<string>;
     download: PropType<string | boolean>;
-    media: StringConstructor;
-    ping: StringConstructor;
-    referrerpolicy: StringConstructor;
+    media: PropType<string>;
+    ping: PropType<string>;
+    referrerpolicy: PropType<string>;
     type: PropType<"submit" | "reset" | "button" | undefined>;
+    onClick: PropType<(ev: MouseEvent) => any>;
 };
 
 export declare function createPaperBaseProps(): {
@@ -214,6 +253,55 @@ export declare function createPaperProps(): {
     elevation: PropType<VuiElevationValue>;
 };
 
+declare const DATA_TABLE_DEFAULTS: {
+    itemKey: string;
+    pageQuery: string;
+    sortQuery: string;
+    orderQuery: string;
+    limitQuery: string;
+    defaultOrder: string;
+    ascQueryValue: string;
+    descQueryValue: string;
+    limits: number[];
+    limitDefault: number;
+    contorolThreshold: number;
+};
+
+export declare interface DataTableCellSlotPayload<T extends DataTableItem = DataTableItem> {
+    vui: VuiService;
+    item: T;
+    /**
+     * 選択されている場合true
+     */
+    selected: boolean;
+}
+
+export declare type DataTableDefaults = typeof DATA_TABLE_DEFAULTS;
+
+export declare interface DataTableHeader {
+    key: number | string;
+    label?: VNodeChild | ((vui: VuiService) => VNodeChild);
+    sortQuery?: string;
+    hidden?: boolean;
+    align?: DataTableHeaderAlign;
+    cell?: (payload: DataTableCellSlotPayload) => VNodeChild;
+}
+
+export declare type DataTableHeaderAlign = 'left' | 'center' | 'right';
+
+export declare interface DataTableItem {
+    [key: string]: any;
+}
+
+export declare interface DataTableItemSlotPayload<T extends DataTableItem = DataTableItem> {
+    key: string;
+    item: T;
+    /**
+     * 選択されている場合true
+     */
+    selected: boolean;
+}
+
 export declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOptions): DefineComponent<{
     'v-slots': PropType<ResolveRawSlots<FormControlSlots>>;
     stacked: {
@@ -244,6 +332,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     required: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -350,6 +439,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     multiple?: unknown;
     items?: unknown;
     name?: unknown;
@@ -384,6 +474,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 } & {
@@ -424,6 +515,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 }>;
@@ -475,7 +567,6 @@ export declare function installVuiPlugin(app: App, opts: VuiPluginOptions): App<
 
 export declare const listTileEmits: {
     changeActive: (isActive: boolean) => boolean;
-    click: (ev: MouseEvent) => boolean;
 };
 
 export declare interface NavigationItemInput extends ExtractPropInput<ReturnType<typeof createNavigationItemProps>> {
@@ -522,6 +613,8 @@ export declare function paginationProps(): {
     color: PropType<ScopeName>;
 };
 
+export declare type RawBreadcrumbsItem = string | BreadcrumbsItem;
+
 export declare type RawIconProp = IconName | EmptyIconSymbol | ToggleableIconHook;
 
 export declare function rawIconProp(): PropType<RawIconProp>;
@@ -648,6 +741,23 @@ declare const ValidationErrorSymbol = "ValidationError";
 
 export declare const VApp: DefineComponent<{}, () => JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
 
+export declare const VBreadcrumbs: DefineComponent<{
+    items: {
+        type: PropType<BreadcrumbsItem[]>;
+        default: () => never[];
+    };
+    divider: PropType<VNodeChild | ((vui: VuiService) => VNodeChild)>;
+}, () => JSX.Element | undefined, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    items?: unknown;
+    divider?: unknown;
+} & {
+    items: BreadcrumbsItem[];
+} & {
+    divider?: VNodeChild | ((vui: VuiService) => VNodeChild);
+}>, {
+    items: BreadcrumbsItem[];
+}>;
+
 export declare const VButton: DefineComponent<{
     size: {
         type: PropType<"sm" | "md" | "lg">;
@@ -659,36 +769,38 @@ export declare const VButton: DefineComponent<{
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
     endIcon: PropType<RawVButtonIcon>;
-    tag: StringConstructor;
+    tag: PropType<string>;
+    class: PropType<any>;
+    style: PropType<CSSProperties>;
     to: PropType<RouteLocationRaw>;
-    replace: BooleanConstructor;
-    activeClass: StringConstructor;
-    exactActiveClass: StringConstructor;
-    custom: BooleanConstructor;
+    replace: PropType<boolean>;
+    activeClass: PropType<string>;
+    exactActiveClass: PropType<string>;
+    custom: PropType<boolean>;
     ariaCurrentValue: {
-        readonly type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
-        readonly default: "page";
-    };
-    disabled: BooleanConstructor;
-    href: StringConstructor;
-    target: StringConstructor;
-    rel: StringConstructor;
-    name: StringConstructor;
-    charset: StringConstructor;
-    hreflang: StringConstructor;
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
+        default: "page";
+    };
+    disabled: PropType<boolean>;
+    href: PropType<string>;
+    target: PropType<string>;
+    rel: PropType<string>;
+    name: PropType<string>;
+    charset: PropType<string>;
+    hreflang: PropType<string>;
     download: PropType<string | boolean>;
-    media: StringConstructor;
-    ping: StringConstructor;
-    referrerpolicy: StringConstructor;
+    media: PropType<string>;
+    ping: PropType<string>;
+    referrerpolicy: PropType<string>;
     type: PropType<"submit" | "reset" | "button" | undefined>;
+    linkFallbackTag: PropType<string | (() => string | undefined)>;
+    onClick: PropType<(ev: MouseEvent) => any>;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    click: (ev: MouseEvent) => boolean;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
     size?: unknown;
     spacer?: unknown;
     loading?: unknown;
@@ -697,6 +809,8 @@ export declare const VButton: DefineComponent<{
     startIcon?: unknown;
     endIcon?: unknown;
     tag?: unknown;
+    class?: unknown;
+    style?: unknown;
     to?: unknown;
     replace?: unknown;
     activeClass?: unknown;
@@ -715,6 +829,8 @@ export declare const VButton: DefineComponent<{
     ping?: unknown;
     referrerpolicy?: unknown;
     type?: unknown;
+    linkFallbackTag?: unknown;
+    onClick?: unknown;
     variant?: unknown;
     theme?: unknown;
     color?: unknown;
@@ -724,24 +840,27 @@ export declare const VButton: DefineComponent<{
     loading: boolean;
     rounded: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
-    replace: boolean;
-    custom: boolean;
-    disabled: boolean;
 } & {
     theme?: ThemeName | undefined;
     color?: ScopeName | undefined;
     textColor?: PaletteName | undefined;
     borderColor?: PaletteName | undefined;
-    type?: "submit" | "reset" | "button" | undefined;
+    replace?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    type?: "submit" | "reset" | "button" | undefined;
+    onClick?: ((ev: MouseEvent) => any) | undefined;
     spacer?: RawVButtonSpacer | undefined;
     icon?: RawVButtonIcon | undefined;
     startIcon?: RawVButtonIcon | undefined;
     endIcon?: RawVButtonIcon | undefined;
     tag?: string | undefined;
+    class?: any;
+    style?: CSSProperties | undefined;
     to?: RouteLocationRaw | undefined;
     activeClass?: string | undefined;
     exactActiveClass?: string | undefined;
+    custom?: boolean | undefined;
+    disabled?: boolean | undefined;
     href?: string | undefined;
     target?: string | undefined;
     rel?: string | undefined;
@@ -752,16 +871,12 @@ export declare const VButton: DefineComponent<{
     media?: string | undefined;
     ping?: string | undefined;
     referrerpolicy?: string | undefined;
+    linkFallbackTag?: string | (() => string | undefined) | undefined;
     variant?: ColorVariant | undefined;
-}> & {
-    onClick?: ((ev: MouseEvent) => any) | undefined;
-}, {
+}>, {
     loading: boolean;
     rounded: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
-    replace: boolean;
-    custom: boolean;
-    disabled: boolean;
 }>;
 
 export declare type VButtonIcon = () => VNodeChild;
@@ -986,6 +1101,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     required: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -1092,6 +1208,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     multiple?: unknown;
     items?: unknown;
     name?: unknown;
@@ -1126,6 +1243,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 } & {
@@ -1166,10 +1284,174 @@ export declare const VCheckboxGroup: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 }>;
 
+export declare const VContentSwitcher: DefineComponent<{
+    modelValue: StringConstructor;
+    order: {
+        type: PropType<(string | VTabsItem)[]>;
+        default: () => never[];
+    };
+    autotop: PropType<boolean | ContentSwitcherSeeTopOptions>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    'update:modelValue': (modelValue: string) => true;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    modelValue?: unknown;
+    order?: unknown;
+    autotop?: unknown;
+} & {
+    order: (string | VTabsItem)[];
+} & {
+    modelValue?: string | undefined;
+    autotop?: boolean | ContentSwitcherSeeTopOptions | undefined;
+}> & {
+    "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+}, {
+    order: (string | VTabsItem)[];
+}>;
+
+export declare const VDataTable: DefineComponent<{
+    /** 選択中のkeyの配列 */
+    modelValue: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    itemKey: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    /**
+     * ページネーションクエリ名
+     */
+    pageQuery: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    /**
+     * ソートクエリ名
+     */
+    sortQuery: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    /**
+     * 表示順クエリ名
+     */
+    orderQuery: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    /**
+     * リミット件数クエリ名
+     */
+    limitQuery: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    defaultOrder: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    ascQueryValue: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    descQueryValue: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    limits: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    limitDefault: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    contorolThreshold: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    headers: {
+        type: PropType<DataTableHeader[]>;
+        required: true;
+    };
+    items: {
+        type: PropType<DataTableItem[]>;
+        default: () => never[];
+    };
+    total: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectable: BooleanConstructor;
+    fixedHeader: BooleanConstructor;
+    maxHeight: (StringConstructor | NumberConstructor)[];
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    input: (selecteds: string[]) => true;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    modelValue?: unknown;
+    itemKey?: unknown;
+    pageQuery?: unknown;
+    sortQuery?: unknown;
+    orderQuery?: unknown;
+    limitQuery?: unknown;
+    defaultOrder?: unknown;
+    ascQueryValue?: unknown;
+    descQueryValue?: unknown;
+    limits?: unknown;
+    limitDefault?: unknown;
+    contorolThreshold?: unknown;
+    headers?: unknown;
+    items?: unknown;
+    total?: unknown;
+    selectable?: unknown;
+    fixedHeader?: unknown;
+    maxHeight?: unknown;
+} & {
+    itemKey: string;
+    pageQuery: string;
+    sortQuery: string;
+    orderQuery: string;
+    limitQuery: string;
+    defaultOrder: string;
+    ascQueryValue: string;
+    descQueryValue: string;
+    limits: number[];
+    limitDefault: number;
+    contorolThreshold: number;
+    modelValue: string[];
+    headers: DataTableHeader[];
+    items: DataTableItem[];
+    total: number;
+    selectable: boolean;
+    fixedHeader: boolean;
+} & {
+    maxHeight?: string | number | undefined;
+}> & {
+    onInput?: ((selecteds: string[]) => any) | undefined;
+}, {
+    itemKey: string;
+    pageQuery: string;
+    sortQuery: string;
+    orderQuery: string;
+    limitQuery: string;
+    defaultOrder: string;
+    ascQueryValue: string;
+    descQueryValue: string;
+    limits: number[];
+    limitDefault: number;
+    contorolThreshold: number;
+    modelValue: string[];
+    items: DataTableItem[];
+    total: number;
+    selectable: boolean;
+    fixedHeader: boolean;
+}>;
+
 export { VDialog }
 
 export declare const VDrawerLayout: DefineComponent<{
@@ -1402,46 +1684,50 @@ export declare const VIcon: DefineComponent<{
 export declare const VListTile: DefineComponent<{
     startIcon: PropType<RawIconProp>;
     endIcon: PropType<RawIconProp>;
-    fallbackTag: {
+    linkFallbackTag: {
         type: StringConstructor;
         default: string;
     };
     startIconEmptySpace: BooleanConstructor;
     color: PropType<ScopeName>;
     exactMatch: BooleanConstructor;
-    tag: StringConstructor;
+    tag: PropType<string>;
+    class: PropType<any>;
+    style: PropType<CSSProperties>;
     to: PropType<RouteLocationRaw>;
-    replace: BooleanConstructor;
-    activeClass: StringConstructor;
-    exactActiveClass: StringConstructor;
-    custom: BooleanConstructor;
+    replace: PropType<boolean>;
+    activeClass: PropType<string>;
+    exactActiveClass: PropType<string>;
+    custom: PropType<boolean>;
     ariaCurrentValue: {
-        readonly type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
-        readonly default: "page";
-    };
-    disabled: BooleanConstructor;
-    href: StringConstructor;
-    target: StringConstructor;
-    rel: StringConstructor;
-    name: StringConstructor;
-    charset: StringConstructor;
-    hreflang: StringConstructor;
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
+        default: "page";
+    };
+    disabled: PropType<boolean>;
+    href: PropType<string>;
+    target: PropType<string>;
+    rel: PropType<string>;
+    name: PropType<string>;
+    charset: PropType<string>;
+    hreflang: PropType<string>;
     download: PropType<string | boolean>;
-    media: StringConstructor;
-    ping: StringConstructor;
-    referrerpolicy: StringConstructor;
+    media: PropType<string>;
+    ping: PropType<string>;
+    referrerpolicy: PropType<string>;
     type: PropType<"submit" | "reset" | "button" | undefined>;
+    onClick: PropType<(ev: MouseEvent) => any>;
 }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     changeActive: (isActive: boolean) => boolean;
-    click: (ev: MouseEvent) => boolean;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
     startIcon?: unknown;
     endIcon?: unknown;
-    fallbackTag?: unknown;
+    linkFallbackTag?: unknown;
     startIconEmptySpace?: unknown;
     color?: unknown;
     exactMatch?: unknown;
     tag?: unknown;
+    class?: unknown;
+    style?: unknown;
     to?: unknown;
     replace?: unknown;
     activeClass?: unknown;
@@ -1460,24 +1746,28 @@ export declare const VListTile: DefineComponent<{
     ping?: unknown;
     referrerpolicy?: unknown;
     type?: unknown;
+    onClick?: unknown;
 } & {
-    replace: boolean;
-    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
     startIconEmptySpace: boolean;
     exactMatch: boolean;
-    fallbackTag: string;
-    custom: boolean;
-    disabled: boolean;
+    linkFallbackTag: string;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
 } & {
-    type?: "submit" | "reset" | "button" | undefined;
+    replace?: boolean | undefined;
     startIcon?: RawIconProp | undefined;
     endIcon?: RawIconProp | undefined;
+    type?: "submit" | "reset" | "button" | undefined;
     color?: ScopeName | undefined;
+    onClick?: ((ev: MouseEvent) => any) | undefined;
     name?: string | undefined;
     tag?: string | undefined;
+    class?: any;
+    style?: CSSProperties | undefined;
     to?: RouteLocationRaw | undefined;
     activeClass?: string | undefined;
     exactActiveClass?: string | undefined;
+    custom?: boolean | undefined;
+    disabled?: boolean | undefined;
     href?: string | undefined;
     target?: string | undefined;
     rel?: string | undefined;
@@ -1488,16 +1778,12 @@ export declare const VListTile: DefineComponent<{
     ping?: string | undefined;
     referrerpolicy?: string | undefined;
 }> & {
-    onClick?: ((ev: MouseEvent) => any) | undefined;
     onChangeActive?: ((isActive: boolean) => any) | undefined;
 }, {
-    replace: boolean;
-    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
     startIconEmptySpace: boolean;
     exactMatch: boolean;
-    fallbackTag: string;
-    custom: boolean;
-    disabled: boolean;
+    linkFallbackTag: string;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
 }>;
 
 export { VMenu }
@@ -1533,48 +1819,52 @@ export declare const VNavigationItem: DefineComponent<{
     match: StringConstructor;
     startIcon: PropType<RawIconProp>;
     endIcon: PropType<RawIconProp>;
-    fallbackTag: {
+    linkFallbackTag: {
         type: StringConstructor;
         default: string;
     };
     startIconEmptySpace: BooleanConstructor;
     color: PropType<ScopeName>;
     exactMatch: BooleanConstructor;
-    tag: StringConstructor;
+    tag: PropType<string>;
+    class: PropType<any>;
+    style: PropType<CSSProperties>;
     to: PropType<RouteLocationRaw>;
-    replace: BooleanConstructor;
-    activeClass: StringConstructor;
-    exactActiveClass: StringConstructor;
-    custom: BooleanConstructor;
+    replace: PropType<boolean>;
+    activeClass: PropType<string>;
+    exactActiveClass: PropType<string>;
+    custom: PropType<boolean>;
     ariaCurrentValue: {
-        readonly type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
-        readonly default: "page";
-    };
-    disabled: BooleanConstructor;
-    href: StringConstructor;
-    target: StringConstructor;
-    rel: StringConstructor;
-    name: StringConstructor;
-    charset: StringConstructor;
-    hreflang: StringConstructor;
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
+        default: "page";
+    };
+    disabled: PropType<boolean>;
+    href: PropType<string>;
+    target: PropType<string>;
+    rel: PropType<string>;
+    name: PropType<string>;
+    charset: PropType<string>;
+    hreflang: PropType<string>;
     download: PropType<string | boolean>;
-    media: StringConstructor;
-    ping: StringConstructor;
-    referrerpolicy: StringConstructor;
+    media: PropType<string>;
+    ping: PropType<string>;
+    referrerpolicy: PropType<string>;
     type: PropType<"submit" | "reset" | "button" | undefined>;
+    onClick: PropType<(ev: MouseEvent) => any>;
 }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     changeActive: (isActive: boolean) => boolean;
-    click: (ev: MouseEvent) => boolean;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
     children?: unknown;
     match?: unknown;
     startIcon?: unknown;
     endIcon?: unknown;
-    fallbackTag?: unknown;
+    linkFallbackTag?: unknown;
     startIconEmptySpace?: unknown;
     color?: unknown;
     exactMatch?: unknown;
     tag?: unknown;
+    class?: unknown;
+    style?: unknown;
     to?: unknown;
     replace?: unknown;
     activeClass?: unknown;
@@ -1593,24 +1883,28 @@ export declare const VNavigationItem: DefineComponent<{
     ping?: unknown;
     referrerpolicy?: unknown;
     type?: unknown;
+    onClick?: unknown;
 } & {
-    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
-    replace: boolean;
     startIconEmptySpace: boolean;
     exactMatch: boolean;
-    fallbackTag: string;
-    custom: boolean;
-    disabled: boolean;
+    linkFallbackTag: string;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
 } & {
-    match?: string | undefined;
-    type?: "submit" | "reset" | "button" | undefined;
     startIcon?: RawIconProp | undefined;
     endIcon?: RawIconProp | undefined;
+    match?: string | undefined;
+    replace?: boolean | undefined;
+    type?: "submit" | "reset" | "button" | undefined;
     color?: ScopeName | undefined;
+    onClick?: ((ev: MouseEvent) => any) | undefined;
     tag?: string | undefined;
+    class?: any;
+    style?: CSSProperties | undefined;
     to?: RouteLocationRaw | undefined;
     activeClass?: string | undefined;
     exactActiveClass?: string | undefined;
+    custom?: boolean | undefined;
+    disabled?: boolean | undefined;
     href?: string | undefined;
     target?: string | undefined;
     rel?: string | undefined;
@@ -1623,16 +1917,12 @@ export declare const VNavigationItem: DefineComponent<{
     referrerpolicy?: string | undefined;
     children?: NavigationItemInput[] | undefined;
 }> & {
-    onClick?: ((ev: MouseEvent) => any) | undefined;
     onChangeActive?: ((isActive: boolean) => any) | undefined;
 }, {
-    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
-    replace: boolean;
     startIconEmptySpace: boolean;
     exactMatch: boolean;
-    fallbackTag: string;
-    custom: boolean;
-    disabled: boolean;
+    linkFallbackTag: string;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
 }>;
 
 export declare const VOption: DefineComponent<{
@@ -2077,6 +2367,7 @@ export declare const VRadioGroup: DefineComponent<{
     required: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -2183,6 +2474,7 @@ export declare const VRadioGroup: DefineComponent<{
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     multiple?: unknown;
     items?: unknown;
     name?: unknown;
@@ -2217,6 +2509,7 @@ export declare const VRadioGroup: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 } & {
@@ -2257,6 +2550,7 @@ export declare const VRadioGroup: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 }>;
@@ -2298,6 +2592,7 @@ export declare const VSelect: DefineComponent<{
     required: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -2410,6 +2705,7 @@ export declare const VSelect: DefineComponent<{
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     multiple?: unknown;
     items?: unknown;
     name?: unknown;
@@ -2443,6 +2739,7 @@ export declare const VSelect: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
 } & {
     name?: string | undefined;
@@ -2486,6 +2783,7 @@ export declare const VSelect: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
 }>;
 
@@ -2652,6 +2950,7 @@ export declare const VSwitchGroup: DefineComponent<{
     required: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -2758,6 +3057,7 @@ export declare const VSwitchGroup: DefineComponent<{
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     multiple?: unknown;
     items?: unknown;
     name?: unknown;
@@ -2792,6 +3092,7 @@ export declare const VSwitchGroup: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 } & {
@@ -2832,10 +3133,83 @@ export declare const VSwitchGroup: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 }>;
 
+export declare const VTabs: DefineComponent<{
+    color: PropType<ScopeName>;
+    'v-slots': PropType<ResolveRawSlots_2<{
+        item: VTabsItemLabelSlotCtx;
+    }>>;
+    modelValue: StringConstructor;
+    items: {
+        type: PropType<VTabsItem[]>;
+        required: true;
+    };
+    /**
+     * 自動スクロールする際の余剰オフセット幅（px）
+     */
+    autoScrollOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * ルーター同期する場合設定する
+     */
+    router: PropType<VTabsRouterHandler>;
+    /**
+     * ルーティング連携を行う際に、クエリベースのURLマッチングを行う
+     * タブのURLが /page1?tab=xxx のようになる時に設定する
+     */
+    withQuery: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    'update:modelValue': (newValue: string) => true;
+    change: (newValue: string) => true;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    color?: unknown;
+    'v-slots'?: unknown;
+    modelValue?: unknown;
+    items?: unknown;
+    autoScrollOffset?: unknown;
+    router?: unknown;
+    withQuery?: unknown;
+} & {
+    items: VTabsItem[];
+    autoScrollOffset: number;
+    withQuery: boolean;
+} & {
+    modelValue?: string | undefined;
+    color?: ScopeName | undefined;
+    "v-slots"?: ResolveRawSlots_2<{
+        item: VTabsItemLabelSlotCtx;
+    }> | undefined;
+    router?: VTabsRouterHandler | undefined;
+}> & {
+    "onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
+    onChange?: ((newValue: string) => any) | undefined;
+}, {
+    autoScrollOffset: number;
+    withQuery: boolean;
+}>;
+
+export declare interface VTabsItem {
+    value: string;
+    icon?: RawIconProp;
+    label?: VNodeChild | VTabsItemLabelSlot;
+}
+
+export declare type VTabsItemLabelSlot = (ctx: VTabsItemLabelSlotCtx) => VNodeChild;
+
+export declare interface VTabsItemLabelSlotCtx {
+    value: string;
+    active: boolean;
+    vui: VuiService;
+}
+
+export declare type VTabsRouterHandler = (value: string) => RouteLocationRaw;
+
 export declare const VTextarea: DefineComponent<{
     'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
     size: {
@@ -2872,6 +3246,7 @@ export declare const VTextarea: DefineComponent<{
     required: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
     autosize: PropType<RawTextareaAutosizeSettings>;
     rows: {
         default: number | undefined;
@@ -2983,6 +3358,7 @@ export declare const VTextarea: DefineComponent<{
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     autosize?: unknown;
     rows?: unknown;
     mask?: unknown;
@@ -3027,6 +3403,7 @@ export declare const VTextarea: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
 } & {
     name?: string | undefined;
@@ -3080,6 +3457,7 @@ export declare const VTextarea: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
 }>;
 
@@ -3119,6 +3497,7 @@ export declare const VTextField: DefineComponent<{
     required: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
     type: {
         type: PropType<"number" | "search" | "email" | "tel" | "url" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time">;
         default: string;
@@ -3234,6 +3613,7 @@ export declare const VTextField: DefineComponent<{
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     type?: unknown;
     masked?: unknown;
     typed?: unknown;
@@ -3280,6 +3660,7 @@ export declare const VTextField: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
 } & {
     name?: string | undefined;
@@ -3340,6 +3721,7 @@ export declare const VTextField: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
 }>;
 
@@ -3396,28 +3778,32 @@ export declare const VToolbarMenu: DefineComponent<{
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
     endIcon: PropType<RawVButtonIcon>;
-    tag: StringConstructor;
+    tag: PropType<string>;
+    class: PropType<any>;
+    style: PropType<CSSProperties>;
     to: PropType<RouteLocationRaw>;
-    replace: BooleanConstructor;
-    activeClass: StringConstructor;
-    exactActiveClass: StringConstructor;
-    custom: BooleanConstructor;
+    replace: PropType<boolean>;
+    activeClass: PropType<string>;
+    exactActiveClass: PropType<string>;
+    custom: PropType<boolean>;
     ariaCurrentValue: {
-        readonly type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
-        readonly default: "page";
-    };
-    disabled: BooleanConstructor;
-    href: StringConstructor;
-    target: StringConstructor;
-    rel: StringConstructor;
-    name: StringConstructor;
-    charset: StringConstructor;
-    hreflang: StringConstructor;
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
+        default: "page";
+    };
+    disabled: PropType<boolean>;
+    href: PropType<string>;
+    target: PropType<string>;
+    rel: PropType<string>;
+    name: PropType<string>;
+    charset: PropType<string>;
+    hreflang: PropType<string>;
     download: PropType<string | boolean>;
-    media: StringConstructor;
-    ping: StringConstructor;
-    referrerpolicy: StringConstructor;
+    media: PropType<string>;
+    ping: PropType<string>;
+    referrerpolicy: PropType<string>;
     type: PropType<"submit" | "reset" | "button" | undefined>;
+    linkFallbackTag: PropType<string | (() => string | undefined)>;
+    onClick: PropType<(ev: MouseEvent) => any>;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
@@ -3432,6 +3818,8 @@ export declare const VToolbarMenu: DefineComponent<{
     startIcon?: unknown;
     endIcon?: unknown;
     tag?: unknown;
+    class?: unknown;
+    style?: unknown;
     to?: unknown;
     replace?: unknown;
     activeClass?: unknown;
@@ -3450,6 +3838,8 @@ export declare const VToolbarMenu: DefineComponent<{
     ping?: unknown;
     referrerpolicy?: unknown;
     type?: unknown;
+    linkFallbackTag?: unknown;
+    onClick?: unknown;
     variant?: unknown;
     theme?: unknown;
     color?: unknown;
@@ -3459,24 +3849,27 @@ export declare const VToolbarMenu: DefineComponent<{
     loading: boolean;
     rounded: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
-    replace: boolean;
-    custom: boolean;
-    disabled: boolean;
 } & {
     theme?: ThemeName | undefined;
     color?: ScopeName | undefined;
     textColor?: PaletteName | undefined;
     borderColor?: PaletteName | undefined;
-    type?: "submit" | "reset" | "button" | undefined;
+    replace?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    type?: "submit" | "reset" | "button" | undefined;
+    onClick?: ((ev: MouseEvent) => any) | undefined;
     spacer?: RawVButtonSpacer | undefined;
     icon?: RawVButtonIcon | undefined;
     startIcon?: RawVButtonIcon | undefined;
     endIcon?: RawVButtonIcon | undefined;
     tag?: string | undefined;
+    class?: any;
+    style?: CSSProperties | undefined;
     to?: RouteLocationRaw | undefined;
     activeClass?: string | undefined;
     exactActiveClass?: string | undefined;
+    custom?: boolean | undefined;
+    disabled?: boolean | undefined;
     href?: string | undefined;
     target?: string | undefined;
     rel?: string | undefined;
@@ -3487,14 +3880,12 @@ export declare const VToolbarMenu: DefineComponent<{
     media?: string | undefined;
     ping?: string | undefined;
     referrerpolicy?: string | undefined;
+    linkFallbackTag?: string | (() => string | undefined) | undefined;
     variant?: ColorVariant | undefined;
 }>, {
     loading: boolean;
     rounded: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
-    replace: boolean;
-    custom: boolean;
-    disabled: boolean;
 }>;
 
 export declare type VToolbarMenuEdge = 'start' | 'end';
@@ -3523,28 +3914,32 @@ export declare const vueButtonProps: {
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
     endIcon: PropType<RawVButtonIcon>;
-    tag: StringConstructor;
+    tag: PropType<string>;
+    class: PropType<any>;
+    style: PropType<CSSProperties>;
     to: PropType<RouteLocationRaw>;
-    replace: BooleanConstructor;
-    activeClass: StringConstructor;
-    exactActiveClass: StringConstructor;
-    custom: BooleanConstructor;
+    replace: PropType<boolean>;
+    activeClass: PropType<string>;
+    exactActiveClass: PropType<string>;
+    custom: PropType<boolean>;
     ariaCurrentValue: {
-        readonly type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
-        readonly default: "page";
-    };
-    disabled: BooleanConstructor;
-    href: StringConstructor;
-    target: StringConstructor;
-    rel: StringConstructor;
-    name: StringConstructor;
-    charset: StringConstructor;
-    hreflang: StringConstructor;
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
+        default: "page";
+    };
+    disabled: PropType<boolean>;
+    href: PropType<string>;
+    target: PropType<string>;
+    rel: PropType<string>;
+    name: PropType<string>;
+    charset: PropType<string>;
+    hreflang: PropType<string>;
     download: PropType<string | boolean>;
-    media: StringConstructor;
-    ping: StringConstructor;
-    referrerpolicy: StringConstructor;
+    media: PropType<string>;
+    ping: PropType<string>;
+    referrerpolicy: PropType<string>;
     type: PropType<"submit" | "reset" | "button" | undefined>;
+    linkFallbackTag: PropType<string | (() => string | undefined)>;
+    onClick: PropType<(ev: MouseEvent) => any>;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
@@ -3608,7 +4003,29 @@ export declare class VuiService {
     readonly autoScrollToElementOffsetTop?: number | (() => number | undefined);
     readonly textareaRows?: number;
     readonly requiredChip?: VuiVNodeResolver;
+    readonly router: Router;
+    readonly location: LocationService;
     constructor(options: VuiServiceOptions);
+    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;
+    };
     setting<K extends keyof VuiServiceUISettings>(key: K): VuiServiceUISettings[K];
     icon<K extends keyof VuiServiceIconSettings>(iconType: K): VuiServiceIconSettings[K];
     getAutoScrollToElementOffsetTop(): number;
@@ -3618,9 +4035,14 @@ export declare class VuiService {
 export declare interface VuiServiceIconSettings {
     menuDown: IconName;
     navigationExpand: RawIconProp;
+    prev: RawIconProp;
+    next: RawIconProp;
+    sort: RawIconProp;
 }
 
 export declare interface VuiServiceOptions {
+    router: Router;
+    RouterLink?: typeof RouterLink;
     colorScheme: VueColorSchemePluginSettings;
     uiSettings: VuiServiceUISettings;
     icons: VuiServiceIconSettings;
@@ -3639,6 +4061,9 @@ export declare interface VuiServiceUISettings {
         color: ScopeName;
         variant: ColorVariant;
     };
+    tabDefault: {
+        color: ScopeName;
+    };
     dialogOk?: {
         color?: ScopeName;
         variant?: ColorVariant;