@fastkit/vui 0.6.28 → 0.6.33

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';
@@ -24,17 +25,24 @@ 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';
@@ -42,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';
@@ -57,8 +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"];
@@ -121,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(): {
@@ -532,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>> {
@@ -579,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>;
@@ -705,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">;
@@ -716,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;
@@ -754,6 +809,8 @@ export declare const VButton: DefineComponent<{
     startIcon?: unknown;
     endIcon?: unknown;
     tag?: unknown;
+    class?: unknown;
+    style?: unknown;
     to?: unknown;
     replace?: unknown;
     activeClass?: unknown;
@@ -772,6 +829,8 @@ export declare const VButton: DefineComponent<{
     ping?: unknown;
     referrerpolicy?: unknown;
     type?: unknown;
+    linkFallbackTag?: unknown;
+    onClick?: unknown;
     variant?: unknown;
     theme?: unknown;
     color?: unknown;
@@ -781,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;
@@ -809,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;
@@ -1231,6 +1289,30 @@ export declare const VCheckboxGroup: DefineComponent<{
     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: {
@@ -1602,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;
@@ -1660,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;
@@ -1688,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 }
@@ -1733,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;
@@ -1793,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;
@@ -1823,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<{
@@ -3048,6 +3138,78 @@ export declare const VSwitchGroup: DefineComponent<{
     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: {
@@ -3616,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>;
@@ -3652,6 +3818,8 @@ export declare const VToolbarMenu: DefineComponent<{
     startIcon?: unknown;
     endIcon?: unknown;
     tag?: unknown;
+    class?: unknown;
+    style?: unknown;
     to?: unknown;
     replace?: unknown;
     activeClass?: unknown;
@@ -3670,6 +3838,8 @@ export declare const VToolbarMenu: DefineComponent<{
     ping?: unknown;
     referrerpolicy?: unknown;
     type?: unknown;
+    linkFallbackTag?: unknown;
+    onClick?: unknown;
     variant?: unknown;
     theme?: unknown;
     color?: unknown;
@@ -3679,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;
@@ -3707,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';
@@ -3743,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>;
@@ -3831,6 +4006,26 @@ export declare class VuiService {
     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;
@@ -3847,6 +4042,7 @@ export declare interface VuiServiceIconSettings {
 
 export declare interface VuiServiceOptions {
     router: Router;
+    RouterLink?: typeof RouterLink;
     colorScheme: VueColorSchemePluginSettings;
     uiSettings: VuiServiceUISettings;
     icons: VuiServiceIconSettings;
@@ -3865,6 +4061,9 @@ export declare interface VuiServiceUISettings {
         color: ScopeName;
         variant: ColorVariant;
     };
+    tabDefault: {
+        color: ScopeName;
+    };
     dialogOk?: {
         color?: ScopeName;
         variant?: ColorVariant;