@fastkit/vui 0.6.17 → 0.6.28

package/dist/vui.d.ts

@@ -23,6 +23,7 @@ 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 { Numberish } from '@fastkit/vue-kit';
 import { Prop } from 'vue';
 import { PropType } from 'vue';
@@ -33,6 +34,7 @@ import { ResolvedFormSelectorItemData } from '@fastkit/vue-kit';
 import { ResolveRawSlots } from '@fastkit/vue-kit';
 import { ResolveRawSlots as ResolveRawSlots_2 } from '@fastkit/vue-utils';
 import { RouteLocationRaw } from 'vue-router';
+import type { Router } from 'vue-router';
 import { ScopeName } from '@fastkit/color-scheme';
 import { TextableCounterResult } from '@fastkit/vue-kit';
 import { TextableCounterSettings } from '@fastkit/vue-kit';
@@ -55,6 +57,8 @@ import { WritableComputedRef } from 'vue';
 
 declare type ARGS = Record<string, unknown> & VNodeProps;
 
+export declare function configureDataTableDefaults(defaults: Partial<DataTableDefaults>): void;
+
 export declare const CONTROL_FIELD_VARIANTS: readonly ["outlined", "filled", "flat"];
 
 export declare const CONTROL_SIZES: readonly ["sm", "md", "lg"];
@@ -123,6 +127,7 @@ export declare function createListTileProps(): {
     };
     startIconEmptySpace: BooleanConstructor;
     color: PropType<ScopeName>;
+    exactMatch: BooleanConstructor;
     tag: StringConstructor;
     to: PropType<RouteLocationRaw>;
     replace: BooleanConstructor;
@@ -157,6 +162,7 @@ export declare function createNavigationItemProps(): {
     };
     startIconEmptySpace: BooleanConstructor;
     color: PropType<ScopeName>;
+    exactMatch: BooleanConstructor;
     tag: StringConstructor;
     to: PropType<RouteLocationRaw>;
     replace: BooleanConstructor;
@@ -212,6 +218,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: {
@@ -242,6 +297,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     required: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -348,6 +404,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     multiple?: unknown;
     items?: unknown;
     name?: unknown;
@@ -382,6 +439,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 } & {
@@ -422,6 +480,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 }>;
@@ -482,6 +541,44 @@ export declare interface NavigationItemInput extends ExtractPropInput<ReturnType
     children?: NavigationItemInput[];
 }
 
+export declare const PAGINATION_ALIGNS: readonly ["left", "center", "right"];
+
+export declare function paginationProps(): {
+    /**
+     * Active Pages
+     */
+    modelValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     * Total number of pages
+     */
+    length: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     * Maximum number of links to display.
+     */
+    totalVisible: PropType<string | number>;
+    /**
+     * true when narrowing
+     */
+    dense: BooleanConstructor;
+    disabled: BooleanConstructor;
+    align: {
+        type: PropType<"left" | "center" | "right">;
+        default: string;
+    };
+    /**
+     * To synchronize with a query, use the query name
+     */
+    routeQuery: StringConstructor;
+    beforeChange: PropType<VPaginationGuard>;
+    color: PropType<ScopeName>;
+};
+
 export declare type RawIconProp = IconName | EmptyIconSymbol | ToggleableIconHook;
 
 export declare function rawIconProp(): PropType<RawIconProp>;
@@ -946,6 +1043,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     required: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -1052,6 +1150,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     multiple?: unknown;
     items?: unknown;
     name?: unknown;
@@ -1086,6 +1185,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 } & {
@@ -1126,10 +1226,150 @@ export declare const VCheckboxGroup: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 }>;
 
+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<{
@@ -1311,6 +1551,33 @@ export declare interface VFormSlots {
     default: VueForm;
 }
 
+export declare const VHero: DefineComponent<{
+    color: {
+        type: PropType<ScopeName>;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    hTag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    color?: unknown;
+    tag?: unknown;
+    hTag?: unknown;
+} & {
+    color: ScopeName;
+    tag: string;
+    hTag: string;
+} & {}>, {
+    color: ScopeName;
+    tag: string;
+    hTag: string;
+}>;
+
 export declare const VIcon: DefineComponent<{
     name: {
         type: PropType<IconName | "$empty">;
@@ -1341,6 +1608,7 @@ export declare const VListTile: DefineComponent<{
     };
     startIconEmptySpace: BooleanConstructor;
     color: PropType<ScopeName>;
+    exactMatch: BooleanConstructor;
     tag: StringConstructor;
     to: PropType<RouteLocationRaw>;
     replace: BooleanConstructor;
@@ -1372,6 +1640,7 @@ export declare const VListTile: DefineComponent<{
     fallbackTag?: unknown;
     startIconEmptySpace?: unknown;
     color?: unknown;
+    exactMatch?: unknown;
     tag?: unknown;
     to?: unknown;
     replace?: unknown;
@@ -1395,6 +1664,7 @@ export declare const VListTile: DefineComponent<{
     replace: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
     startIconEmptySpace: boolean;
+    exactMatch: boolean;
     fallbackTag: string;
     custom: boolean;
     disabled: boolean;
@@ -1424,6 +1694,7 @@ export declare const VListTile: DefineComponent<{
     replace: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
     startIconEmptySpace: boolean;
+    exactMatch: boolean;
     fallbackTag: string;
     custom: boolean;
     disabled: boolean;
@@ -1468,6 +1739,7 @@ export declare const VNavigationItem: DefineComponent<{
     };
     startIconEmptySpace: BooleanConstructor;
     color: PropType<ScopeName>;
+    exactMatch: BooleanConstructor;
     tag: StringConstructor;
     to: PropType<RouteLocationRaw>;
     replace: BooleanConstructor;
@@ -1501,6 +1773,7 @@ export declare const VNavigationItem: DefineComponent<{
     fallbackTag?: unknown;
     startIconEmptySpace?: unknown;
     color?: unknown;
+    exactMatch?: unknown;
     tag?: unknown;
     to?: unknown;
     replace?: unknown;
@@ -1524,6 +1797,7 @@ export declare const VNavigationItem: DefineComponent<{
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
     replace: boolean;
     startIconEmptySpace: boolean;
+    exactMatch: boolean;
     fallbackTag: string;
     custom: boolean;
     disabled: boolean;
@@ -1555,6 +1829,7 @@ export declare const VNavigationItem: DefineComponent<{
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
     replace: boolean;
     startIconEmptySpace: boolean;
+    exactMatch: boolean;
     fallbackTag: string;
     custom: boolean;
     disabled: boolean;
@@ -1726,6 +2001,77 @@ export declare const VOptionGroup: DefineComponent<{
     disabled: boolean;
 }>;
 
+export declare const VPagination: DefineComponent<{
+    /**
+     * Active Pages
+     */
+    modelValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     * Total number of pages
+     */
+    length: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     * Maximum number of links to display.
+     */
+    totalVisible: PropType<string | number>;
+    /**
+     * true when narrowing
+     */
+    dense: BooleanConstructor;
+    disabled: BooleanConstructor;
+    align: {
+        type: PropType<"left" | "center" | "right">;
+        default: string;
+    };
+    /**
+     * To synchronize with a query, use the query name
+     */
+    routeQuery: StringConstructor;
+    beforeChange: PropType<VPaginationGuard>;
+    color: PropType<ScopeName>;
+}, () => JSX.Element | undefined, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (page: number) => true;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    modelValue?: unknown;
+    length?: unknown;
+    totalVisible?: unknown;
+    dense?: unknown;
+    disabled?: unknown;
+    align?: unknown;
+    routeQuery?: unknown;
+    beforeChange?: unknown;
+    color?: unknown;
+} & {
+    dense: boolean;
+    disabled: boolean;
+    length: string | number;
+    modelValue: string | number;
+    align: "left" | "center" | "right";
+} & {
+    totalVisible?: string | number | undefined;
+    routeQuery?: string | undefined;
+    beforeChange?: VPaginationGuard | undefined;
+    color?: ScopeName | undefined;
+}> & {
+    onChange?: ((page: number) => any) | undefined;
+}, {
+    dense: boolean;
+    disabled: boolean;
+    length: string | number;
+    modelValue: string | number;
+    align: "left" | "center" | "right";
+}>;
+
+export declare type VPaginationAlign = typeof PAGINATION_ALIGNS[number];
+
+export declare type VPaginationGuard = (page: number) => boolean | void | Promise<boolean | void>;
+
 export declare const VPaper: DefineComponent<{
     square: BooleanConstructor;
     headerProps: PropType<ARGS>;
@@ -1931,6 +2277,7 @@ export declare const VRadioGroup: DefineComponent<{
     required: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -2037,6 +2384,7 @@ export declare const VRadioGroup: DefineComponent<{
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     multiple?: unknown;
     items?: unknown;
     name?: unknown;
@@ -2071,6 +2419,7 @@ export declare const VRadioGroup: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 } & {
@@ -2111,6 +2460,7 @@ export declare const VRadioGroup: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 }>;
@@ -2152,6 +2502,7 @@ export declare const VSelect: DefineComponent<{
     required: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -2264,6 +2615,7 @@ export declare const VSelect: DefineComponent<{
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     multiple?: unknown;
     items?: unknown;
     name?: unknown;
@@ -2297,6 +2649,7 @@ export declare const VSelect: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
 } & {
     name?: string | undefined;
@@ -2340,6 +2693,7 @@ export declare const VSelect: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
 }>;
 
@@ -2506,6 +2860,7 @@ export declare const VSwitchGroup: DefineComponent<{
     required: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -2612,6 +2967,7 @@ export declare const VSwitchGroup: DefineComponent<{
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     multiple?: unknown;
     items?: unknown;
     name?: unknown;
@@ -2646,6 +3002,7 @@ export declare const VSwitchGroup: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 } & {
@@ -2686,6 +3043,7 @@ export declare const VSwitchGroup: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
     stacked: boolean;
 }>;
@@ -2726,6 +3084,7 @@ export declare const VTextarea: DefineComponent<{
     required: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
     autosize: PropType<RawTextareaAutosizeSettings>;
     rows: {
         default: number | undefined;
@@ -2837,6 +3196,7 @@ export declare const VTextarea: DefineComponent<{
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     autosize?: unknown;
     rows?: unknown;
     mask?: unknown;
@@ -2881,6 +3241,7 @@ export declare const VTextarea: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
 } & {
     name?: string | undefined;
@@ -2934,6 +3295,7 @@ export declare const VTextarea: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
 }>;
 
@@ -2973,6 +3335,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;
@@ -3088,6 +3451,7 @@ export declare const VTextField: DefineComponent<{
     required?: unknown;
     invalid?: unknown;
     valid?: unknown;
+    hiddenInfo?: unknown;
     type?: unknown;
     masked?: unknown;
     typed?: unknown;
@@ -3134,6 +3498,7 @@ export declare const VTextField: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
 } & {
     name?: string | undefined;
@@ -3194,6 +3559,7 @@ export declare const VTextField: DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
+    hiddenInfo: boolean;
     errors: FormNodeError[];
 }>;
 
@@ -3226,17 +3592,131 @@ export declare const VToolbar: DefineComponent<{
     dense: boolean;
 }>;
 
-export declare const VToolbarMenu: DefineComponent<{
+export declare const VToolbarEdge: DefineComponent<{
     edge: {
-        type: PropType<VToolbarMenuEdge>;
+        type: PropType<VToolbarEdgeEdge>;
         required: true;
     };
 }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
     edge?: unknown;
 } & {
-    edge: VToolbarMenuEdge;
+    edge: VToolbarEdgeEdge;
 } & {}>, {}>;
 
+export declare type VToolbarEdgeEdge = 'start' | 'end';
+
+export declare const VToolbarMenu: DefineComponent<{
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    spacer: PropType<RawVButtonSpacer>;
+    loading: BooleanConstructor;
+    rounded: BooleanConstructor;
+    icon: PropType<RawVButtonIcon>;
+    startIcon: PropType<RawVButtonIcon>;
+    endIcon: PropType<RawVButtonIcon>;
+    tag: StringConstructor;
+    to: PropType<RouteLocationRaw>;
+    replace: BooleanConstructor;
+    activeClass: StringConstructor;
+    exactActiveClass: StringConstructor;
+    custom: BooleanConstructor;
+    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;
+    download: PropType<string | boolean>;
+    media: StringConstructor;
+    ping: StringConstructor;
+    referrerpolicy: StringConstructor;
+    type: PropType<"submit" | "reset" | "button" | undefined>;
+    variant: PropType<ColorVariant>;
+    theme: PropType<ThemeName>;
+    color: PropType<ScopeName>;
+    textColor: PropType<PaletteName>;
+    borderColor: PropType<PaletteName>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    size?: unknown;
+    spacer?: unknown;
+    loading?: unknown;
+    rounded?: unknown;
+    icon?: unknown;
+    startIcon?: unknown;
+    endIcon?: unknown;
+    tag?: unknown;
+    to?: unknown;
+    replace?: unknown;
+    activeClass?: unknown;
+    exactActiveClass?: unknown;
+    custom?: unknown;
+    ariaCurrentValue?: unknown;
+    disabled?: unknown;
+    href?: unknown;
+    target?: unknown;
+    rel?: unknown;
+    name?: unknown;
+    charset?: unknown;
+    hreflang?: unknown;
+    download?: unknown;
+    media?: unknown;
+    ping?: unknown;
+    referrerpolicy?: unknown;
+    type?: unknown;
+    variant?: unknown;
+    theme?: unknown;
+    color?: unknown;
+    textColor?: unknown;
+    borderColor?: unknown;
+} & {
+    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;
+    size?: "sm" | "md" | "lg" | undefined;
+    spacer?: RawVButtonSpacer | undefined;
+    icon?: RawVButtonIcon | undefined;
+    startIcon?: RawVButtonIcon | undefined;
+    endIcon?: RawVButtonIcon | undefined;
+    tag?: string | undefined;
+    to?: RouteLocationRaw | undefined;
+    activeClass?: string | undefined;
+    exactActiveClass?: string | undefined;
+    href?: string | undefined;
+    target?: string | undefined;
+    rel?: string | undefined;
+    name?: string | undefined;
+    charset?: string | undefined;
+    hreflang?: string | undefined;
+    download?: string | boolean | undefined;
+    media?: string | undefined;
+    ping?: string | undefined;
+    referrerpolicy?: string | 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';
 
 export declare const VToolbarTitle: DefineComponent<{
@@ -3348,6 +3828,8 @@ export declare class VuiService {
     readonly autoScrollToElementOffsetTop?: number | (() => number | undefined);
     readonly textareaRows?: number;
     readonly requiredChip?: VuiVNodeResolver;
+    readonly router: Router;
+    readonly location: LocationService;
     constructor(options: VuiServiceOptions);
     setting<K extends keyof VuiServiceUISettings>(key: K): VuiServiceUISettings[K];
     icon<K extends keyof VuiServiceIconSettings>(iconType: K): VuiServiceIconSettings[K];
@@ -3358,9 +3840,13 @@ export declare class VuiService {
 export declare interface VuiServiceIconSettings {
     menuDown: IconName;
     navigationExpand: RawIconProp;
+    prev: RawIconProp;
+    next: RawIconProp;
+    sort: RawIconProp;
 }
 
 export declare interface VuiServiceOptions {
+    router: Router;
     colorScheme: VueColorSchemePluginSettings;
     uiSettings: VuiServiceUISettings;
     icons: VuiServiceIconSettings;