vuetify 3.2.2 → 3.2.3

package/lib/labs/components.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, PropType, nextTick } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType, nextTick } from 'vue';
 
 interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
@@ -70,6 +70,11 @@ type SortItem = {
     order?: boolean | 'asc' | 'desc';
 };
 
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+type Density = null | 'default' | 'comfortable' | 'compact';
+
 type GroupHeaderSlot = {
     index: number;
     item: GroupHeaderItem;
@@ -369,12 +374,19 @@ declare const VDataTable: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             expanded: string[];
+            tag: string;
             page: string | number;
+            sticky: boolean;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
+            itemsPerPageText: string;
             sortBy: SortItem[];
+            pageText: string;
             items: any[];
+            density: Density;
             modelValue: any[];
             itemTitle: SelectItemKey;
             itemValue: NonNullable<SelectItemKey>;
@@ -385,22 +397,44 @@ declare const VDataTable: {
             filterMode: FilterMode;
             noFilter: boolean;
             hover: boolean;
+            nextIcon: string;
+            prevIcon: string;
+            firstIcon: string;
+            lastIcon: string;
             fixedHeader: boolean;
             fixedFooter: boolean;
+            itemsPerPage: string | number;
+            firstPageLabel: string;
+            prevPageLabel: string;
+            nextPageLabel: string;
+            lastPageLabel: string;
+            itemsPerPageOptions: {
+                title: string;
+                value: number;
+            }[];
+            showCurrentPage: boolean;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
+            sortAscIcon: IconValue;
+            sortDescIcon: IconValue;
             expandOnClick: boolean;
             showExpand: boolean;
-            itemsPerPage: string | number;
         }> & Omit<{
+            style: vue.StyleValue;
             expanded: string[];
+            tag: string;
             page: string | number;
+            sticky: boolean;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
+            itemsPerPageText: string;
             sortBy: SortItem[];
+            pageText: string;
             items: any[];
+            density: Density;
             modelValue: any[];
             itemTitle: SelectItemKey;
             itemValue: NonNullable<SelectItemKey>;
@@ -411,22 +445,42 @@ declare const VDataTable: {
             filterMode: FilterMode;
             noFilter: boolean;
             hover: boolean;
+            nextIcon: string;
+            prevIcon: string;
+            firstIcon: string;
+            lastIcon: string;
             fixedHeader: boolean;
             fixedFooter: boolean;
+            itemsPerPage: string | number;
+            firstPageLabel: string;
+            prevPageLabel: string;
+            nextPageLabel: string;
+            lastPageLabel: string;
+            itemsPerPageOptions: {
+                title: string;
+                value: number;
+            }[];
+            showCurrentPage: boolean;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
+            sortAscIcon: IconValue;
+            sortDescIcon: IconValue;
             expandOnClick: boolean;
             showExpand: boolean;
-            itemsPerPage: string | number;
         } & {
             search?: string | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
+            class?: any;
+            theme?: string | undefined;
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
+            rowHeight?: number | undefined;
             'onClick:row'?: ((e: Event, value: {
                 item: DataTableItem;
             }) => void) | undefined;
@@ -642,13 +696,13 @@ declare const VDataTable: {
             "v-slot:footer.prepend"?: false | (() => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+            "onUpdate:page"?: ((value: number) => any) | undefined;
+            "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
             "onUpdate:sortBy"?: ((value: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
             "onUpdate:expanded"?: ((value: any) => any) | undefined;
-            "onUpdate:page"?: ((value: number) => any) | undefined;
-            "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
             "onUpdate:options"?: ((value: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "expanded" | "page" | "headers" | "noDataText" | "sortBy" | "items" | "modelValue" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "hideNoData" | "filterMode" | "noFilter" | "hover" | "fixedHeader" | "fixedFooter" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "expandOnClick" | "showExpand" | "itemsPerPage">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "expanded" | "tag" | "page" | "sticky" | "headers" | "noDataText" | "loadingText" | "itemsPerPageText" | "sortBy" | "pageText" | "items" | "density" | "modelValue" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "hideNoData" | "filterMode" | "noFilter" | "hover" | "nextIcon" | "prevIcon" | "firstIcon" | "lastIcon" | "fixedHeader" | "fixedFooter" | "itemsPerPage" | "firstPageLabel" | "prevPageLabel" | "nextPageLabel" | "lastPageLabel" | "itemsPerPageOptions" | "showCurrentPage" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "sortAscIcon" | "sortDescIcon" | "expandOnClick" | "showExpand">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -663,12 +717,19 @@ declare const VDataTable: {
         $emit: ((event: "update:modelValue", value: any[]) => void) & ((event: "update:options", value: any) => void) & ((event: "update:page", value: number) => void) & ((event: "update:itemsPerPage", value: number) => void) & ((event: "update:sortBy", value: any) => void) & ((event: "update:groupBy", value: any) => void) & ((event: "update:expanded", value: any) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             expanded: string[];
+            tag: string;
             page: string | number;
+            sticky: boolean;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
+            itemsPerPageText: string;
             sortBy: SortItem[];
+            pageText: string;
             items: any[];
+            density: Density;
             modelValue: any[];
             itemTitle: SelectItemKey;
             itemValue: NonNullable<SelectItemKey>;
@@ -679,22 +740,42 @@ declare const VDataTable: {
             filterMode: FilterMode;
             noFilter: boolean;
             hover: boolean;
+            nextIcon: string;
+            prevIcon: string;
+            firstIcon: string;
+            lastIcon: string;
             fixedHeader: boolean;
             fixedFooter: boolean;
+            itemsPerPage: string | number;
+            firstPageLabel: string;
+            prevPageLabel: string;
+            nextPageLabel: string;
+            lastPageLabel: string;
+            itemsPerPageOptions: {
+                title: string;
+                value: number;
+            }[];
+            showCurrentPage: boolean;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
+            sortAscIcon: IconValue;
+            sortDescIcon: IconValue;
             expandOnClick: boolean;
             showExpand: boolean;
-            itemsPerPage: string | number;
         } & {
             search?: string | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
+            class?: any;
+            theme?: string | undefined;
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
+            rowHeight?: number | undefined;
             'onClick:row'?: ((e: Event, value: {
                 item: DataTableItem;
             }) => void) | undefined;
@@ -910,11 +991,11 @@ declare const VDataTable: {
             "v-slot:footer.prepend"?: false | (() => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+            "onUpdate:page"?: ((value: number) => any) | undefined;
+            "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
             "onUpdate:sortBy"?: ((value: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
             "onUpdate:expanded"?: ((value: any) => any) | undefined;
-            "onUpdate:page"?: ((value: number) => any) | undefined;
-            "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
             "onUpdate:options"?: ((value: any) => any) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (value: any[]) => true;
@@ -925,12 +1006,19 @@ declare const VDataTable: {
             'update:groupBy': (value: any) => true;
             'update:expanded': (value: any) => true;
         }, string, {
+            style: vue.StyleValue;
             expanded: string[];
+            tag: string;
             page: string | number;
+            sticky: boolean;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
+            itemsPerPageText: string;
             sortBy: SortItem[];
+            pageText: string;
             items: any[];
+            density: Density;
             modelValue: any[];
             itemTitle: SelectItemKey;
             itemValue: NonNullable<SelectItemKey>;
@@ -941,15 +1029,30 @@ declare const VDataTable: {
             filterMode: FilterMode;
             noFilter: boolean;
             hover: boolean;
+            nextIcon: string;
+            prevIcon: string;
+            firstIcon: string;
+            lastIcon: string;
             fixedHeader: boolean;
             fixedFooter: boolean;
+            itemsPerPage: string | number;
+            firstPageLabel: string;
+            prevPageLabel: string;
+            nextPageLabel: string;
+            lastPageLabel: string;
+            itemsPerPageOptions: {
+                title: string;
+                value: number;
+            }[];
+            showCurrentPage: boolean;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
+            sortAscIcon: IconValue;
+            sortDescIcon: IconValue;
             expandOnClick: boolean;
             showExpand: boolean;
-            itemsPerPage: string | number;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -971,12 +1074,19 @@ declare const VDataTable: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         expanded: string[];
+        tag: string;
         page: string | number;
+        sticky: boolean;
         headers: DataTableHeader[] | DataTableHeader[][];
         noDataText: string;
+        loadingText: string;
+        itemsPerPageText: string;
         sortBy: SortItem[];
+        pageText: string;
         items: any[];
+        density: Density;
         modelValue: any[];
         itemTitle: SelectItemKey;
         itemValue: NonNullable<SelectItemKey>;
@@ -987,22 +1097,42 @@ declare const VDataTable: {
         filterMode: FilterMode;
         noFilter: boolean;
         hover: boolean;
+        nextIcon: string;
+        prevIcon: string;
+        firstIcon: string;
+        lastIcon: string;
         fixedHeader: boolean;
         fixedFooter: boolean;
+        itemsPerPage: string | number;
+        firstPageLabel: string;
+        prevPageLabel: string;
+        nextPageLabel: string;
+        lastPageLabel: string;
+        itemsPerPageOptions: {
+            title: string;
+            value: number;
+        }[];
+        showCurrentPage: boolean;
         multiSort: boolean;
         mustSort: boolean;
         groupBy: SortItem[];
         showSelect: boolean;
+        sortAscIcon: IconValue;
+        sortDescIcon: IconValue;
         expandOnClick: boolean;
         showExpand: boolean;
-        itemsPerPage: string | number;
     } & {
         search?: string | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
+        class?: any;
+        theme?: string | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
+        rowHeight?: number | undefined;
         'onClick:row'?: ((e: Event, value: {
             item: DataTableItem;
         }) => void) | undefined;
@@ -1218,23 +1348,30 @@ declare const VDataTable: {
         "v-slot:footer.prepend"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+        "onUpdate:page"?: ((value: number) => any) | undefined;
+        "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
         "onUpdate:sortBy"?: ((value: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
         "onUpdate:expanded"?: ((value: any) => any) | undefined;
-        "onUpdate:page"?: ((value: number) => any) | undefined;
-        "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
         "onUpdate:options"?: ((value: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     expanded: string[];
+    tag: string;
     page: string | number;
+    sticky: boolean;
     headers: DataTableHeader[] | DataTableHeader[][];
     noDataText: string;
+    loadingText: string;
+    itemsPerPageText: string;
     sortBy: SortItem[];
+    pageText: string;
     items: any[];
+    density: Density;
     modelValue: any[];
     itemTitle: SelectItemKey;
     itemValue: NonNullable<SelectItemKey>;
@@ -1245,22 +1382,42 @@ declare const VDataTable: {
     filterMode: FilterMode;
     noFilter: boolean;
     hover: boolean;
+    nextIcon: string;
+    prevIcon: string;
+    firstIcon: string;
+    lastIcon: string;
     fixedHeader: boolean;
     fixedFooter: boolean;
+    itemsPerPage: string | number;
+    firstPageLabel: string;
+    prevPageLabel: string;
+    nextPageLabel: string;
+    lastPageLabel: string;
+    itemsPerPageOptions: {
+        title: string;
+        value: number;
+    }[];
+    showCurrentPage: boolean;
     multiSort: boolean;
     mustSort: boolean;
     groupBy: SortItem[];
     showSelect: boolean;
+    sortAscIcon: IconValue;
+    sortDescIcon: IconValue;
     expandOnClick: boolean;
     showExpand: boolean;
-    itemsPerPage: string | number;
 } & {
     search?: string | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
+    color?: string | undefined;
+    loading?: string | boolean | undefined;
+    class?: any;
+    theme?: string | undefined;
     customFilter?: FilterFunction | undefined;
     customKeyFilter?: FilterKeyFunctions | undefined;
     filterKeys?: FilterKeys | undefined;
+    rowHeight?: number | undefined;
     'onClick:row'?: ((e: Event, value: {
         item: DataTableItem;
     }) => void) | undefined;
@@ -1476,11 +1633,11 @@ declare const VDataTable: {
     "v-slot:footer.prepend"?: false | (() => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+    "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
     "onUpdate:sortBy"?: ((value: any) => any) | undefined;
     "onUpdate:groupBy"?: ((value: any) => any) | undefined;
     "onUpdate:expanded"?: ((value: any) => any) | undefined;
-    "onUpdate:page"?: ((value: number) => any) | undefined;
-    "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
     "onUpdate:options"?: ((value: any) => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: any[]) => true;
@@ -1491,12 +1648,19 @@ declare const VDataTable: {
     'update:groupBy': (value: any) => true;
     'update:expanded': (value: any) => true;
 }, string, {
+    style: vue.StyleValue;
     expanded: string[];
+    tag: string;
     page: string | number;
+    sticky: boolean;
     headers: DataTableHeader[] | DataTableHeader[][];
     noDataText: string;
+    loadingText: string;
+    itemsPerPageText: string;
     sortBy: SortItem[];
+    pageText: string;
     items: any[];
+    density: Density;
     modelValue: any[];
     itemTitle: SelectItemKey;
     itemValue: NonNullable<SelectItemKey>;
@@ -1507,175 +1671,354 @@ declare const VDataTable: {
     filterMode: FilterMode;
     noFilter: boolean;
     hover: boolean;
+    nextIcon: string;
+    prevIcon: string;
+    firstIcon: string;
+    lastIcon: string;
     fixedHeader: boolean;
     fixedFooter: boolean;
+    itemsPerPage: string | number;
+    firstPageLabel: string;
+    prevPageLabel: string;
+    nextPageLabel: string;
+    lastPageLabel: string;
+    itemsPerPageOptions: {
+        title: string;
+        value: number;
+    }[];
+    showCurrentPage: boolean;
     multiSort: boolean;
     mustSort: boolean;
     groupBy: SortItem[];
     showSelect: boolean;
+    sortAscIcon: IconValue;
+    sortDescIcon: IconValue;
     expandOnClick: boolean;
     showExpand: boolean;
-    itemsPerPage: string | number;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    customFilter: PropType<FilterFunction>;
-    customKeyFilter: PropType<FilterKeyFunctions>;
-    filterKeys: PropType<FilterKeys>;
-    filterMode: {
-        type: PropType<FilterMode>;
+    prevIcon: {
+        type: StringConstructor;
         default: string;
     };
-    noFilter: BooleanConstructor;
-    page: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    itemsPerPage: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    sortBy: {
-        type: PropType<SortItem[]>;
-        default: () => never[];
-    };
-    multiSort: BooleanConstructor;
-    mustSort: BooleanConstructor;
-    showSelect: BooleanConstructor;
-    modelValue: {
-        type: PropType<any[]>;
-        default: () => never[];
-    };
-    groupBy: {
-        type: PropType<SortItem[]>;
-        default: () => never[];
+    nextIcon: {
+        type: StringConstructor;
+        default: string;
     };
-    expandOnClick: BooleanConstructor;
-    showExpand: BooleanConstructor;
-    expanded: {
-        type: PropType<string[]>;
-        default: () => never[];
+    firstIcon: {
+        type: StringConstructor;
+        default: string;
     };
-    hideNoData: BooleanConstructor;
-    hover: BooleanConstructor;
-    noDataText: {
+    lastIcon: {
         type: StringConstructor;
         default: string;
     };
-    height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    fixedHeader: BooleanConstructor;
-    fixedFooter: BooleanConstructor;
-    'onClick:row': PropType<(e: Event, value: {
-        item: DataTableItem;
-    }) => void>;
-    search: StringConstructor;
-    headers: {
-        type: PropType<DataTableHeader[] | DataTableHeader[][]>;
-        default: () => never[];
+    itemsPerPageText: {
+        type: StringConstructor;
+        default: string;
     };
-    items: {
-        type: PropType<any[]>;
-        default: () => never[];
+    pageText: {
+        type: StringConstructor;
+        default: string;
     };
-    itemTitle: {
-        type: PropType<SelectItemKey>;
+    firstPageLabel: {
+        type: StringConstructor;
         default: string;
     };
-    itemValue: Omit<{
-        type: PropType<SelectItemKey>;
+    prevPageLabel: {
+        type: StringConstructor;
         default: string;
-    }, "type" | "default"> & {
-        type: PropType<NonNullable<SelectItemKey>>;
-        default: NonNullable<SelectItemKey>;
     };
-    itemChildren: {
-        type: PropType<SelectItemKey>;
+    nextPageLabel: {
+        type: StringConstructor;
         default: string;
     };
-    itemProps: {
-        type: PropType<SelectItemKey>;
+    lastPageLabel: {
+        type: StringConstructor;
         default: string;
     };
-    returnObject: BooleanConstructor;
-}, vue.ExtractPropTypes<{
-    customFilter: PropType<FilterFunction>;
-    customKeyFilter: PropType<FilterKeyFunctions>;
-    filterKeys: PropType<FilterKeys>;
+    itemsPerPageOptions: {
+        type: vue.PropType<{
+            title: string;
+            value: number;
+        }[]>;
+        default: () => {
+            value: number;
+            title: string;
+        }[];
+    };
+    showCurrentPage: BooleanConstructor;
+    customFilter: vue.PropType<FilterFunction>;
+    customKeyFilter: vue.PropType<FilterKeyFunctions>;
+    filterKeys: vue.PropType<FilterKeys>;
     filterMode: {
-        type: PropType<FilterMode>;
+        type: vue.PropType<FilterMode>;
         default: string;
     };
     noFilter: BooleanConstructor;
-    page: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
     };
-    itemsPerPage: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
+    fixedHeader: BooleanConstructor;
+    fixedFooter: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    hover: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    color: StringConstructor;
+    sticky: BooleanConstructor;
+    multiSort: BooleanConstructor;
+    sortAscIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    sortDescIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
     };
     sortBy: {
-        type: PropType<SortItem[]>;
+        type: vue.PropType<SortItem[]>;
         default: () => never[];
     };
-    multiSort: BooleanConstructor;
     mustSort: BooleanConstructor;
     showSelect: BooleanConstructor;
     modelValue: {
-        type: PropType<any[]>;
+        type: vue.PropType<any[]>;
+        default: () => never[];
+    };
+    items: {
+        type: vue.PropType<any[]>;
+        default: () => never[];
+    };
+    itemTitle: {
+        type: vue.PropType<SelectItemKey>;
+        default: string;
+    };
+    itemValue: Omit<{
+        type: vue.PropType<SelectItemKey>;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<NonNullable<SelectItemKey>>;
+        default: NonNullable<SelectItemKey>;
+    };
+    itemChildren: {
+        type: vue.PropType<SelectItemKey>;
+        default: string;
+    };
+    itemProps: {
+        type: vue.PropType<SelectItemKey>;
+        default: string;
+    };
+    returnObject: BooleanConstructor;
+    headers: {
+        type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
         default: () => never[];
     };
     groupBy: {
-        type: PropType<SortItem[]>;
+        type: vue.PropType<SortItem[]>;
         default: () => never[];
     };
     expandOnClick: BooleanConstructor;
     showExpand: BooleanConstructor;
     expanded: {
-        type: PropType<string[]>;
+        type: vue.PropType<string[]>;
         default: () => never[];
     };
+    width: (StringConstructor | NumberConstructor)[];
+    search: StringConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
     hideNoData: BooleanConstructor;
-    hover: BooleanConstructor;
     noDataText: {
         type: StringConstructor;
         default: string;
     };
-    height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    fixedHeader: BooleanConstructor;
-    fixedFooter: BooleanConstructor;
-    'onClick:row': PropType<(e: Event, value: {
+    rowHeight: NumberConstructor;
+    'onClick:row': vue.PropType<(e: Event, value: {
         item: DataTableItem;
     }) => void>;
-    search: StringConstructor;
-    headers: {
-        type: PropType<DataTableHeader[] | DataTableHeader[][]>;
+    page: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    itemsPerPage: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}, vue.ExtractPropTypes<{
+    prevIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    firstIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    lastIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemsPerPageText: {
+        type: StringConstructor;
+        default: string;
+    };
+    pageText: {
+        type: StringConstructor;
+        default: string;
+    };
+    firstPageLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevPageLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextPageLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    lastPageLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemsPerPageOptions: {
+        type: vue.PropType<{
+            title: string;
+            value: number;
+        }[]>;
+        default: () => {
+            value: number;
+            title: string;
+        }[];
+    };
+    showCurrentPage: BooleanConstructor;
+    customFilter: vue.PropType<FilterFunction>;
+    customKeyFilter: vue.PropType<FilterKeyFunctions>;
+    filterKeys: vue.PropType<FilterKeys>;
+    filterMode: {
+        type: vue.PropType<FilterMode>;
+        default: string;
+    };
+    noFilter: BooleanConstructor;
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
+    fixedHeader: BooleanConstructor;
+    fixedFooter: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    hover: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    color: StringConstructor;
+    sticky: BooleanConstructor;
+    multiSort: BooleanConstructor;
+    sortAscIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    sortDescIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    sortBy: {
+        type: vue.PropType<SortItem[]>;
+        default: () => never[];
+    };
+    mustSort: BooleanConstructor;
+    showSelect: BooleanConstructor;
+    modelValue: {
+        type: vue.PropType<any[]>;
         default: () => never[];
     };
     items: {
-        type: PropType<any[]>;
+        type: vue.PropType<any[]>;
         default: () => never[];
     };
     itemTitle: {
-        type: PropType<SelectItemKey>;
+        type: vue.PropType<SelectItemKey>;
         default: string;
     };
     itemValue: Omit<{
-        type: PropType<SelectItemKey>;
+        type: vue.PropType<SelectItemKey>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<NonNullable<SelectItemKey>>;
+        type: vue.PropType<NonNullable<SelectItemKey>>;
         default: NonNullable<SelectItemKey>;
     };
     itemChildren: {
-        type: PropType<SelectItemKey>;
+        type: vue.PropType<SelectItemKey>;
         default: string;
     };
     itemProps: {
-        type: PropType<SelectItemKey>;
+        type: vue.PropType<SelectItemKey>;
         default: string;
     };
     returnObject: BooleanConstructor;
+    headers: {
+        type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
+        default: () => never[];
+    };
+    groupBy: {
+        type: vue.PropType<SortItem[]>;
+        default: () => never[];
+    };
+    expandOnClick: BooleanConstructor;
+    showExpand: BooleanConstructor;
+    expanded: {
+        type: vue.PropType<string[]>;
+        default: () => never[];
+    };
+    width: (StringConstructor | NumberConstructor)[];
+    search: StringConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideNoData: BooleanConstructor;
+    noDataText: {
+        type: StringConstructor;
+        default: string;
+    };
+    rowHeight: NumberConstructor;
+    'onClick:row': vue.PropType<(e: Event, value: {
+        item: DataTableItem;
+    }) => void>;
+    page: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    itemsPerPage: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
 }>>;
 type VDataTable = InstanceType<typeof VDataTable>;
 
@@ -1753,11 +2096,16 @@ declare const VDataTableVirtual: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             expanded: string[];
+            tag: string;
+            sticky: boolean;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
             sortBy: SortItem[];
             items: any[];
+            density: Density;
             modelValue: any[];
             itemTitle: SelectItemKey;
             itemValue: NonNullable<SelectItemKey>;
@@ -1775,15 +2123,22 @@ declare const VDataTableVirtual: {
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
+            sortAscIcon: IconValue;
+            sortDescIcon: IconValue;
             expandOnClick: boolean;
             showExpand: boolean;
             visibleItems: string | number;
         }> & Omit<{
+            style: vue.StyleValue;
             expanded: string[];
+            tag: string;
+            sticky: boolean;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
             sortBy: SortItem[];
             items: any[];
+            density: Density;
             modelValue: any[];
             itemTitle: SelectItemKey;
             itemValue: NonNullable<SelectItemKey>;
@@ -1801,6 +2156,8 @@ declare const VDataTableVirtual: {
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
+            sortAscIcon: IconValue;
+            sortDescIcon: IconValue;
             expandOnClick: boolean;
             showExpand: boolean;
             visibleItems: string | number;
@@ -1808,9 +2165,14 @@ declare const VDataTableVirtual: {
             search?: string | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
+            class?: any;
+            theme?: string | undefined;
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
+            rowHeight?: number | undefined;
             'onClick:row'?: ((e: Event, value: {
                 item: DataTableItem;
             }) => void) | undefined;
@@ -2015,7 +2377,7 @@ declare const VDataTableVirtual: {
                 item: DataTableItem;
             }) => any) | undefined;
             "onUpdate:options"?: ((value: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "expanded" | "headers" | "noDataText" | "sortBy" | "items" | "modelValue" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "hideNoData" | "filterMode" | "noFilter" | "hover" | "fixedHeader" | "fixedFooter" | "itemHeight" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "expandOnClick" | "showExpand" | "visibleItems">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "expanded" | "tag" | "sticky" | "headers" | "noDataText" | "loadingText" | "sortBy" | "items" | "density" | "modelValue" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "hideNoData" | "filterMode" | "noFilter" | "hover" | "fixedHeader" | "fixedFooter" | "itemHeight" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "sortAscIcon" | "sortDescIcon" | "expandOnClick" | "showExpand" | "visibleItems">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2032,11 +2394,16 @@ declare const VDataTableVirtual: {
         }) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             expanded: string[];
+            tag: string;
+            sticky: boolean;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
             sortBy: SortItem[];
             items: any[];
+            density: Density;
             modelValue: any[];
             itemTitle: SelectItemKey;
             itemValue: NonNullable<SelectItemKey>;
@@ -2054,6 +2421,8 @@ declare const VDataTableVirtual: {
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
+            sortAscIcon: IconValue;
+            sortDescIcon: IconValue;
             expandOnClick: boolean;
             showExpand: boolean;
             visibleItems: string | number;
@@ -2061,9 +2430,14 @@ declare const VDataTableVirtual: {
             search?: string | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
+            class?: any;
+            theme?: string | undefined;
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
+            rowHeight?: number | undefined;
             'onClick:row'?: ((e: Event, value: {
                 item: DataTableItem;
             }) => void) | undefined;
@@ -2278,11 +2652,16 @@ declare const VDataTableVirtual: {
                 item: DataTableItem;
             }) => true;
         }, string, {
+            style: vue.StyleValue;
             expanded: string[];
+            tag: string;
+            sticky: boolean;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
             sortBy: SortItem[];
             items: any[];
+            density: Density;
             modelValue: any[];
             itemTitle: SelectItemKey;
             itemValue: NonNullable<SelectItemKey>;
@@ -2300,6 +2679,8 @@ declare const VDataTableVirtual: {
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
+            sortAscIcon: IconValue;
+            sortDescIcon: IconValue;
             expandOnClick: boolean;
             showExpand: boolean;
             visibleItems: string | number;
@@ -2324,11 +2705,16 @@ declare const VDataTableVirtual: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         expanded: string[];
+        tag: string;
+        sticky: boolean;
         headers: DataTableHeader[] | DataTableHeader[][];
         noDataText: string;
+        loadingText: string;
         sortBy: SortItem[];
         items: any[];
+        density: Density;
         modelValue: any[];
         itemTitle: SelectItemKey;
         itemValue: NonNullable<SelectItemKey>;
@@ -2346,6 +2732,8 @@ declare const VDataTableVirtual: {
         mustSort: boolean;
         groupBy: SortItem[];
         showSelect: boolean;
+        sortAscIcon: IconValue;
+        sortDescIcon: IconValue;
         expandOnClick: boolean;
         showExpand: boolean;
         visibleItems: string | number;
@@ -2353,9 +2741,14 @@ declare const VDataTableVirtual: {
         search?: string | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
+        class?: any;
+        theme?: string | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
+        rowHeight?: number | undefined;
         'onClick:row'?: ((e: Event, value: {
             item: DataTableItem;
         }) => void) | undefined;
@@ -2565,11 +2958,16 @@ declare const VDataTableVirtual: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     expanded: string[];
+    tag: string;
+    sticky: boolean;
     headers: DataTableHeader[] | DataTableHeader[][];
     noDataText: string;
+    loadingText: string;
     sortBy: SortItem[];
     items: any[];
+    density: Density;
     modelValue: any[];
     itemTitle: SelectItemKey;
     itemValue: NonNullable<SelectItemKey>;
@@ -2587,6 +2985,8 @@ declare const VDataTableVirtual: {
     mustSort: boolean;
     groupBy: SortItem[];
     showSelect: boolean;
+    sortAscIcon: IconValue;
+    sortDescIcon: IconValue;
     expandOnClick: boolean;
     showExpand: boolean;
     visibleItems: string | number;
@@ -2594,9 +2994,14 @@ declare const VDataTableVirtual: {
     search?: string | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
+    color?: string | undefined;
+    loading?: string | boolean | undefined;
+    class?: any;
+    theme?: string | undefined;
     customFilter?: FilterFunction | undefined;
     customKeyFilter?: FilterKeyFunctions | undefined;
     filterKeys?: FilterKeys | undefined;
+    rowHeight?: number | undefined;
     'onClick:row'?: ((e: Event, value: {
         item: DataTableItem;
     }) => void) | undefined;
@@ -2811,11 +3216,16 @@ declare const VDataTableVirtual: {
         item: DataTableItem;
     }) => true;
 }, string, {
+    style: vue.StyleValue;
     expanded: string[];
+    tag: string;
+    sticky: boolean;
     headers: DataTableHeader[] | DataTableHeader[][];
     noDataText: string;
+    loadingText: string;
     sortBy: SortItem[];
     items: any[];
+    density: Density;
     modelValue: any[];
     itemTitle: SelectItemKey;
     itemValue: NonNullable<SelectItemKey>;
@@ -2833,6 +3243,8 @@ declare const VDataTableVirtual: {
     mustSort: boolean;
     groupBy: SortItem[];
     showSelect: boolean;
+    sortAscIcon: IconValue;
+    sortDescIcon: IconValue;
     expandOnClick: boolean;
     showExpand: boolean;
     visibleItems: string | number;
@@ -2853,11 +3265,41 @@ declare const VDataTableVirtual: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
+    fixedHeader: BooleanConstructor;
+    fixedFooter: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    hover: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    color: StringConstructor;
+    sticky: BooleanConstructor;
+    multiSort: BooleanConstructor;
+    sortAscIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    sortDescIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
     sortBy: {
         type: vue.PropType<SortItem[]>;
         default: () => never[];
     };
-    multiSort: BooleanConstructor;
     mustSort: BooleanConstructor;
     showSelect: BooleanConstructor;
     modelValue: {
@@ -2892,30 +3334,31 @@ declare const VDataTableVirtual: {
         type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
         default: () => never[];
     };
+    groupBy: {
+        type: vue.PropType<SortItem[]>;
+        default: () => never[];
+    };
     expandOnClick: BooleanConstructor;
     showExpand: BooleanConstructor;
     expanded: {
         type: vue.PropType<string[]>;
         default: () => never[];
     };
-    groupBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
+    width: (StringConstructor | NumberConstructor)[];
+    search: StringConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
     };
     hideNoData: BooleanConstructor;
-    hover: BooleanConstructor;
     noDataText: {
         type: StringConstructor;
         default: string;
     };
-    height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    fixedHeader: BooleanConstructor;
-    fixedFooter: BooleanConstructor;
+    rowHeight: NumberConstructor;
     'onClick:row': vue.PropType<(e: Event, value: {
         item: DataTableItem;
     }) => void>;
-    search: StringConstructor;
 }, vue.ExtractPropTypes<{
     customFilter: vue.PropType<FilterFunction>;
     customKeyFilter: vue.PropType<FilterKeyFunctions>;
@@ -2933,11 +3376,41 @@ declare const VDataTableVirtual: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
+    fixedHeader: BooleanConstructor;
+    fixedFooter: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    hover: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    color: StringConstructor;
+    sticky: BooleanConstructor;
+    multiSort: BooleanConstructor;
+    sortAscIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    sortDescIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
     sortBy: {
         type: vue.PropType<SortItem[]>;
         default: () => never[];
     };
-    multiSort: BooleanConstructor;
     mustSort: BooleanConstructor;
     showSelect: BooleanConstructor;
     modelValue: {
@@ -2972,30 +3445,31 @@ declare const VDataTableVirtual: {
         type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
         default: () => never[];
     };
+    groupBy: {
+        type: vue.PropType<SortItem[]>;
+        default: () => never[];
+    };
     expandOnClick: BooleanConstructor;
     showExpand: BooleanConstructor;
     expanded: {
         type: vue.PropType<string[]>;
         default: () => never[];
     };
-    groupBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
+    width: (StringConstructor | NumberConstructor)[];
+    search: StringConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
     };
     hideNoData: BooleanConstructor;
-    hover: BooleanConstructor;
     noDataText: {
         type: StringConstructor;
         default: string;
     };
-    height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    fixedHeader: BooleanConstructor;
-    fixedFooter: BooleanConstructor;
+    rowHeight: NumberConstructor;
     'onClick:row': vue.PropType<(e: Event, value: {
         item: DataTableItem;
     }) => void>;
-    search: StringConstructor;
 }>>;
 type VDataTableVirtual = InstanceType<typeof VDataTableVirtual>;
 
@@ -3004,13 +3478,19 @@ declare const VDataTableServer: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             expanded: string[];
+            tag: string;
             page: string | number;
+            sticky: boolean;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
             loadingText: string;
+            itemsPerPageText: string;
             sortBy: SortItem[];
+            pageText: string;
             items: any[];
+            density: Density;
             modelValue: any[];
             itemTitle: SelectItemKey;
             itemValue: NonNullable<SelectItemKey>;
@@ -3019,23 +3499,44 @@ declare const VDataTableServer: {
             returnObject: boolean;
             hideNoData: boolean;
             hover: boolean;
+            nextIcon: string;
+            prevIcon: string;
+            firstIcon: string;
+            lastIcon: string;
             fixedHeader: boolean;
             fixedFooter: boolean;
+            itemsPerPage: string | number;
+            firstPageLabel: string;
+            prevPageLabel: string;
+            nextPageLabel: string;
+            lastPageLabel: string;
+            itemsPerPageOptions: {
+                title: string;
+                value: number;
+            }[];
+            showCurrentPage: boolean;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
+            sortAscIcon: IconValue;
+            sortDescIcon: IconValue;
             expandOnClick: boolean;
             showExpand: boolean;
-            itemsPerPage: string | number;
         }> & Omit<{
+            style: vue.StyleValue;
             expanded: string[];
+            tag: string;
             page: string | number;
+            sticky: boolean;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
             loadingText: string;
+            itemsPerPageText: string;
             sortBy: SortItem[];
+            pageText: string;
             items: any[];
+            density: Density;
             modelValue: any[];
             itemTitle: SelectItemKey;
             itemValue: NonNullable<SelectItemKey>;
@@ -3044,22 +3545,40 @@ declare const VDataTableServer: {
             returnObject: boolean;
             hideNoData: boolean;
             hover: boolean;
+            nextIcon: string;
+            prevIcon: string;
+            firstIcon: string;
+            lastIcon: string;
             fixedHeader: boolean;
             fixedFooter: boolean;
+            itemsPerPage: string | number;
+            itemsLength: string | number;
+            firstPageLabel: string;
+            prevPageLabel: string;
+            nextPageLabel: string;
+            lastPageLabel: string;
+            itemsPerPageOptions: {
+                title: string;
+                value: number;
+            }[];
+            showCurrentPage: boolean;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
+            sortAscIcon: IconValue;
+            sortDescIcon: IconValue;
             expandOnClick: boolean;
             showExpand: boolean;
-            itemsPerPage: string | number;
-            itemsLength: string | number;
         } & {
             search?: string | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
             color?: string | undefined;
             loading?: string | boolean | undefined;
+            class?: any;
+            theme?: string | undefined;
+            rowHeight?: number | undefined;
             'onClick:row'?: ((e: Event, value: {
                 item: DataTableItem;
             }) => void) | undefined;
@@ -3275,16 +3794,16 @@ declare const VDataTableServer: {
             "v-slot:footer.prepend"?: false | (() => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+            "onUpdate:page"?: ((page: number) => any) | undefined;
+            "onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
             "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
             "onUpdate:expanded"?: ((options: any) => any) | undefined;
             "onClick:row"?: ((e: Event, value: {
                 item: DataTableItem;
             }) => any) | undefined;
-            "onUpdate:page"?: ((page: number) => any) | undefined;
-            "onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
             "onUpdate:options"?: ((options: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "expanded" | "page" | "headers" | "noDataText" | "loadingText" | "sortBy" | "items" | "modelValue" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "hideNoData" | "hover" | "fixedHeader" | "fixedFooter" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "expandOnClick" | "showExpand" | "itemsPerPage">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "expanded" | "tag" | "page" | "sticky" | "headers" | "noDataText" | "loadingText" | "itemsPerPageText" | "sortBy" | "pageText" | "items" | "density" | "modelValue" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "hideNoData" | "hover" | "nextIcon" | "prevIcon" | "firstIcon" | "lastIcon" | "fixedHeader" | "fixedFooter" | "itemsPerPage" | "firstPageLabel" | "prevPageLabel" | "nextPageLabel" | "lastPageLabel" | "itemsPerPageOptions" | "showCurrentPage" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "sortAscIcon" | "sortDescIcon" | "expandOnClick" | "showExpand">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3301,13 +3820,19 @@ declare const VDataTableServer: {
         }) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             expanded: string[];
+            tag: string;
             page: string | number;
+            sticky: boolean;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
             loadingText: string;
+            itemsPerPageText: string;
             sortBy: SortItem[];
+            pageText: string;
             items: any[];
+            density: Density;
             modelValue: any[];
             itemTitle: SelectItemKey;
             itemValue: NonNullable<SelectItemKey>;
@@ -3316,22 +3841,40 @@ declare const VDataTableServer: {
             returnObject: boolean;
             hideNoData: boolean;
             hover: boolean;
+            nextIcon: string;
+            prevIcon: string;
+            firstIcon: string;
+            lastIcon: string;
             fixedHeader: boolean;
             fixedFooter: boolean;
+            itemsPerPage: string | number;
+            itemsLength: string | number;
+            firstPageLabel: string;
+            prevPageLabel: string;
+            nextPageLabel: string;
+            lastPageLabel: string;
+            itemsPerPageOptions: {
+                title: string;
+                value: number;
+            }[];
+            showCurrentPage: boolean;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
+            sortAscIcon: IconValue;
+            sortDescIcon: IconValue;
             expandOnClick: boolean;
             showExpand: boolean;
-            itemsPerPage: string | number;
-            itemsLength: string | number;
         } & {
             search?: string | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
             color?: string | undefined;
             loading?: string | boolean | undefined;
+            class?: any;
+            theme?: string | undefined;
+            rowHeight?: number | undefined;
             'onClick:row'?: ((e: Event, value: {
                 item: DataTableItem;
             }) => void) | undefined;
@@ -3547,14 +4090,14 @@ declare const VDataTableServer: {
             "v-slot:footer.prepend"?: false | (() => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+            "onUpdate:page"?: ((page: number) => any) | undefined;
+            "onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
             "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
             "onUpdate:expanded"?: ((options: any) => any) | undefined;
             "onClick:row"?: ((e: Event, value: {
                 item: DataTableItem;
             }) => any) | undefined;
-            "onUpdate:page"?: ((page: number) => any) | undefined;
-            "onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
             "onUpdate:options"?: ((options: any) => any) | undefined;
         }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (value: any[]) => true;
@@ -3568,13 +4111,19 @@ declare const VDataTableServer: {
                 item: DataTableItem;
             }) => true;
         }, string, {
+            style: vue.StyleValue;
             expanded: string[];
+            tag: string;
             page: string | number;
+            sticky: boolean;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
             loadingText: string;
+            itemsPerPageText: string;
             sortBy: SortItem[];
+            pageText: string;
             items: any[];
+            density: Density;
             modelValue: any[];
             itemTitle: SelectItemKey;
             itemValue: NonNullable<SelectItemKey>;
@@ -3583,15 +4132,30 @@ declare const VDataTableServer: {
             returnObject: boolean;
             hideNoData: boolean;
             hover: boolean;
+            nextIcon: string;
+            prevIcon: string;
+            firstIcon: string;
+            lastIcon: string;
             fixedHeader: boolean;
             fixedFooter: boolean;
+            itemsPerPage: string | number;
+            firstPageLabel: string;
+            prevPageLabel: string;
+            nextPageLabel: string;
+            lastPageLabel: string;
+            itemsPerPageOptions: {
+                title: string;
+                value: number;
+            }[];
+            showCurrentPage: boolean;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
+            sortAscIcon: IconValue;
+            sortDescIcon: IconValue;
             expandOnClick: boolean;
             showExpand: boolean;
-            itemsPerPage: string | number;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -3613,13 +4177,19 @@ declare const VDataTableServer: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         expanded: string[];
+        tag: string;
         page: string | number;
+        sticky: boolean;
         headers: DataTableHeader[] | DataTableHeader[][];
         noDataText: string;
         loadingText: string;
+        itemsPerPageText: string;
         sortBy: SortItem[];
+        pageText: string;
         items: any[];
+        density: Density;
         modelValue: any[];
         itemTitle: SelectItemKey;
         itemValue: NonNullable<SelectItemKey>;
@@ -3628,22 +4198,40 @@ declare const VDataTableServer: {
         returnObject: boolean;
         hideNoData: boolean;
         hover: boolean;
+        nextIcon: string;
+        prevIcon: string;
+        firstIcon: string;
+        lastIcon: string;
         fixedHeader: boolean;
         fixedFooter: boolean;
+        itemsPerPage: string | number;
+        itemsLength: string | number;
+        firstPageLabel: string;
+        prevPageLabel: string;
+        nextPageLabel: string;
+        lastPageLabel: string;
+        itemsPerPageOptions: {
+            title: string;
+            value: number;
+        }[];
+        showCurrentPage: boolean;
         multiSort: boolean;
         mustSort: boolean;
         groupBy: SortItem[];
         showSelect: boolean;
+        sortAscIcon: IconValue;
+        sortDescIcon: IconValue;
         expandOnClick: boolean;
         showExpand: boolean;
-        itemsPerPage: string | number;
-        itemsLength: string | number;
     } & {
         search?: string | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        class?: any;
+        theme?: string | undefined;
+        rowHeight?: number | undefined;
         'onClick:row'?: ((e: Event, value: {
             item: DataTableItem;
         }) => void) | undefined;
@@ -3859,27 +4447,33 @@ declare const VDataTableServer: {
         "v-slot:footer.prepend"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+        "onUpdate:page"?: ((page: number) => any) | undefined;
+        "onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
         "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
         "onUpdate:expanded"?: ((options: any) => any) | undefined;
         "onClick:row"?: ((e: Event, value: {
             item: DataTableItem;
         }) => any) | undefined;
-        "onUpdate:page"?: ((page: number) => any) | undefined;
-        "onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
         "onUpdate:options"?: ((options: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     expanded: string[];
+    tag: string;
     page: string | number;
+    sticky: boolean;
     headers: DataTableHeader[] | DataTableHeader[][];
     noDataText: string;
     loadingText: string;
+    itemsPerPageText: string;
     sortBy: SortItem[];
+    pageText: string;
     items: any[];
+    density: Density;
     modelValue: any[];
     itemTitle: SelectItemKey;
     itemValue: NonNullable<SelectItemKey>;
@@ -3888,22 +4482,40 @@ declare const VDataTableServer: {
     returnObject: boolean;
     hideNoData: boolean;
     hover: boolean;
+    nextIcon: string;
+    prevIcon: string;
+    firstIcon: string;
+    lastIcon: string;
     fixedHeader: boolean;
     fixedFooter: boolean;
+    itemsPerPage: string | number;
+    itemsLength: string | number;
+    firstPageLabel: string;
+    prevPageLabel: string;
+    nextPageLabel: string;
+    lastPageLabel: string;
+    itemsPerPageOptions: {
+        title: string;
+        value: number;
+    }[];
+    showCurrentPage: boolean;
     multiSort: boolean;
     mustSort: boolean;
     groupBy: SortItem[];
     showSelect: boolean;
+    sortAscIcon: IconValue;
+    sortDescIcon: IconValue;
     expandOnClick: boolean;
     showExpand: boolean;
-    itemsPerPage: string | number;
-    itemsLength: string | number;
 } & {
     search?: string | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
     color?: string | undefined;
     loading?: string | boolean | undefined;
+    class?: any;
+    theme?: string | undefined;
+    rowHeight?: number | undefined;
     'onClick:row'?: ((e: Event, value: {
         item: DataTableItem;
     }) => void) | undefined;
@@ -4119,14 +4731,14 @@ declare const VDataTableServer: {
     "v-slot:footer.prepend"?: false | (() => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+    "onUpdate:page"?: ((page: number) => any) | undefined;
+    "onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
     "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
     "onUpdate:groupBy"?: ((value: any) => any) | undefined;
     "onUpdate:expanded"?: ((options: any) => any) | undefined;
     "onClick:row"?: ((e: Event, value: {
         item: DataTableItem;
     }) => any) | undefined;
-    "onUpdate:page"?: ((page: number) => any) | undefined;
-    "onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
     "onUpdate:options"?: ((options: any) => any) | undefined;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: any[]) => true;
@@ -4140,13 +4752,19 @@ declare const VDataTableServer: {
         item: DataTableItem;
     }) => true;
 }, string, {
+    style: vue.StyleValue;
     expanded: string[];
+    tag: string;
     page: string | number;
+    sticky: boolean;
     headers: DataTableHeader[] | DataTableHeader[][];
     noDataText: string;
     loadingText: string;
+    itemsPerPageText: string;
     sortBy: SortItem[];
+    pageText: string;
     items: any[];
+    density: Density;
     modelValue: any[];
     itemTitle: SelectItemKey;
     itemValue: NonNullable<SelectItemKey>;
@@ -4155,33 +4773,117 @@ declare const VDataTableServer: {
     returnObject: boolean;
     hideNoData: boolean;
     hover: boolean;
+    nextIcon: string;
+    prevIcon: string;
+    firstIcon: string;
+    lastIcon: string;
     fixedHeader: boolean;
     fixedFooter: boolean;
+    itemsPerPage: string | number;
+    firstPageLabel: string;
+    prevPageLabel: string;
+    nextPageLabel: string;
+    lastPageLabel: string;
+    itemsPerPageOptions: {
+        title: string;
+        value: number;
+    }[];
+    showCurrentPage: boolean;
     multiSort: boolean;
     mustSort: boolean;
     groupBy: SortItem[];
     showSelect: boolean;
+    sortAscIcon: IconValue;
+    sortDescIcon: IconValue;
     expandOnClick: boolean;
     showExpand: boolean;
-    itemsPerPage: string | number;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    groupBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
+    prevIcon: {
+        type: StringConstructor;
+        default: string;
     };
-    page: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
+    nextIcon: {
+        type: StringConstructor;
+        default: string;
     };
-    itemsPerPage: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
+    firstIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    lastIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemsPerPageText: {
+        type: StringConstructor;
+        default: string;
+    };
+    pageText: {
+        type: StringConstructor;
+        default: string;
+    };
+    firstPageLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevPageLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextPageLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    lastPageLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemsPerPageOptions: {
+        type: vue.PropType<{
+            title: string;
+            value: number;
+        }[]>;
+        default: () => {
+            value: number;
+            title: string;
+        }[];
+    };
+    showCurrentPage: BooleanConstructor;
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
+    fixedHeader: BooleanConstructor;
+    fixedFooter: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    hover: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    color: StringConstructor;
+    sticky: BooleanConstructor;
+    multiSort: BooleanConstructor;
+    sortAscIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    sortDescIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
     };
     sortBy: {
         type: vue.PropType<SortItem[]>;
         default: () => never[];
     };
-    multiSort: BooleanConstructor;
     mustSort: BooleanConstructor;
     showSelect: BooleanConstructor;
     modelValue: {
@@ -4216,54 +4918,130 @@ declare const VDataTableServer: {
         type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
         default: () => never[];
     };
+    groupBy: {
+        type: vue.PropType<SortItem[]>;
+        default: () => never[];
+    };
     expandOnClick: BooleanConstructor;
     showExpand: BooleanConstructor;
     expanded: {
         type: vue.PropType<string[]>;
         default: () => never[];
     };
+    width: (StringConstructor | NumberConstructor)[];
+    search: StringConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
     hideNoData: BooleanConstructor;
-    hover: BooleanConstructor;
     noDataText: {
         type: StringConstructor;
         default: string;
     };
-    height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    fixedHeader: BooleanConstructor;
-    fixedFooter: BooleanConstructor;
+    rowHeight: NumberConstructor;
     'onClick:row': vue.PropType<(e: Event, value: {
         item: DataTableItem;
     }) => void>;
-    search: StringConstructor;
-    color: StringConstructor;
-    loading: (StringConstructor | BooleanConstructor)[];
-    loadingText: {
-        type: StringConstructor;
-        default: string;
+    page: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    itemsPerPage: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
     };
     itemsLength: {
         type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
 }, vue.ExtractPropTypes<{
-    groupBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
+    prevIcon: {
+        type: StringConstructor;
+        default: string;
     };
-    page: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
+    nextIcon: {
+        type: StringConstructor;
+        default: string;
     };
-    itemsPerPage: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
+    firstIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    lastIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemsPerPageText: {
+        type: StringConstructor;
+        default: string;
+    };
+    pageText: {
+        type: StringConstructor;
+        default: string;
+    };
+    firstPageLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevPageLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextPageLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    lastPageLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemsPerPageOptions: {
+        type: vue.PropType<{
+            title: string;
+            value: number;
+        }[]>;
+        default: () => {
+            value: number;
+            title: string;
+        }[];
+    };
+    showCurrentPage: BooleanConstructor;
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
+    fixedHeader: BooleanConstructor;
+    fixedFooter: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    hover: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    color: StringConstructor;
+    sticky: BooleanConstructor;
+    multiSort: BooleanConstructor;
+    sortAscIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    sortDescIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
     };
     sortBy: {
         type: vue.PropType<SortItem[]>;
         default: () => never[];
     };
-    multiSort: BooleanConstructor;
     mustSort: BooleanConstructor;
     showSelect: BooleanConstructor;
     modelValue: {
@@ -4298,31 +5076,38 @@ declare const VDataTableServer: {
         type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
         default: () => never[];
     };
+    groupBy: {
+        type: vue.PropType<SortItem[]>;
+        default: () => never[];
+    };
     expandOnClick: BooleanConstructor;
     showExpand: BooleanConstructor;
     expanded: {
         type: vue.PropType<string[]>;
         default: () => never[];
     };
+    width: (StringConstructor | NumberConstructor)[];
+    search: StringConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
     hideNoData: BooleanConstructor;
-    hover: BooleanConstructor;
     noDataText: {
         type: StringConstructor;
         default: string;
     };
-    height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    fixedHeader: BooleanConstructor;
-    fixedFooter: BooleanConstructor;
+    rowHeight: NumberConstructor;
     'onClick:row': vue.PropType<(e: Event, value: {
         item: DataTableItem;
     }) => void>;
-    search: StringConstructor;
-    color: StringConstructor;
-    loading: (StringConstructor | BooleanConstructor)[];
-    loadingText: {
-        type: StringConstructor;
-        default: string;
+    page: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    itemsPerPage: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
     };
     itemsLength: {
         type: (StringConstructor | NumberConstructor)[];
@@ -4342,7 +5127,6 @@ declare const VDataTableFooter: {
             prevIcon: string;
             firstIcon: string;
             lastIcon: string;
-            showCurrentPage: boolean;
             firstPageLabel: string;
             prevPageLabel: string;
             nextPageLabel: string;
@@ -4351,6 +5135,7 @@ declare const VDataTableFooter: {
                 title: string;
                 value: number;
             }[];
+            showCurrentPage: boolean;
         }> & Omit<{
             itemsPerPageText: string;
             pageText: string;
@@ -4358,7 +5143,6 @@ declare const VDataTableFooter: {
             prevIcon: string;
             firstIcon: string;
             lastIcon: string;
-            showCurrentPage: boolean;
             firstPageLabel: string;
             prevPageLabel: string;
             nextPageLabel: string;
@@ -4367,6 +5151,7 @@ declare const VDataTableFooter: {
                 title: string;
                 value: number;
             }[];
+            showCurrentPage: boolean;
         } & {} & {
             $children?: {} | vue.VNodeChild | {
                 prepend?: (() => vue.VNodeChild) | undefined;
@@ -4376,7 +5161,7 @@ declare const VDataTableFooter: {
             } | undefined;
         } & {
             "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "itemsPerPageText" | "pageText" | "nextIcon" | "prevIcon" | "firstIcon" | "lastIcon" | "showCurrentPage" | "firstPageLabel" | "prevPageLabel" | "nextPageLabel" | "lastPageLabel" | "itemsPerPageOptions">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "itemsPerPageText" | "pageText" | "nextIcon" | "prevIcon" | "firstIcon" | "lastIcon" | "firstPageLabel" | "prevPageLabel" | "nextPageLabel" | "lastPageLabel" | "itemsPerPageOptions" | "showCurrentPage">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -4397,7 +5182,6 @@ declare const VDataTableFooter: {
             prevIcon: string;
             firstIcon: string;
             lastIcon: string;
-            showCurrentPage: boolean;
             firstPageLabel: string;
             prevPageLabel: string;
             nextPageLabel: string;
@@ -4406,6 +5190,7 @@ declare const VDataTableFooter: {
                 title: string;
                 value: number;
             }[];
+            showCurrentPage: boolean;
         } & {} & {
             $children?: {} | vue.VNodeChild | {
                 prepend?: (() => vue.VNodeChild) | undefined;
@@ -4422,7 +5207,6 @@ declare const VDataTableFooter: {
             prevIcon: string;
             firstIcon: string;
             lastIcon: string;
-            showCurrentPage: boolean;
             firstPageLabel: string;
             prevPageLabel: string;
             nextPageLabel: string;
@@ -4431,6 +5215,7 @@ declare const VDataTableFooter: {
                 title: string;
                 value: number;
             }[];
+            showCurrentPage: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -4458,7 +5243,6 @@ declare const VDataTableFooter: {
         prevIcon: string;
         firstIcon: string;
         lastIcon: string;
-        showCurrentPage: boolean;
         firstPageLabel: string;
         prevPageLabel: string;
         nextPageLabel: string;
@@ -4467,6 +5251,7 @@ declare const VDataTableFooter: {
             title: string;
             value: number;
         }[];
+        showCurrentPage: boolean;
     } & {} & {
         $children?: {} | vue.VNodeChild | {
             prepend?: (() => vue.VNodeChild) | undefined;
@@ -4487,7 +5272,6 @@ declare const VDataTableFooter: {
     prevIcon: string;
     firstIcon: string;
     lastIcon: string;
-    showCurrentPage: boolean;
     firstPageLabel: string;
     prevPageLabel: string;
     nextPageLabel: string;
@@ -4496,6 +5280,7 @@ declare const VDataTableFooter: {
         title: string;
         value: number;
     }[];
+    showCurrentPage: boolean;
 } & {} & {
     $children?: {} | vue.VNodeChild | {
         prepend?: (() => vue.VNodeChild) | undefined;
@@ -4512,7 +5297,6 @@ declare const VDataTableFooter: {
     prevIcon: string;
     firstIcon: string;
     lastIcon: string;
-    showCurrentPage: boolean;
     firstPageLabel: string;
     prevPageLabel: string;
     nextPageLabel: string;
@@ -4521,6 +5305,7 @@ declare const VDataTableFooter: {
         title: string;
         value: number;
     }[];
+    showCurrentPage: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     prevIcon: {
         type: StringConstructor;
@@ -4642,12 +5427,14 @@ declare const VInfiniteScroll: {
         $data: {};
         $props: Partial<{
             direction: "horizontal" | "vertical";
+            tag: string;
             mode: "manual" | "intersect";
             side: InfiniteScrollSide;
             loadMoreText: string;
             emptyText: string;
         }> & Omit<{
             direction: "horizontal" | "vertical";
+            tag: string;
             mode: "manual" | "intersect";
             side: InfiniteScrollSide;
             loadMoreText: string;
@@ -4687,7 +5474,7 @@ declare const VInfiniteScroll: {
                 side: InfiniteScrollSide;
                 done: (status: InfiniteScrollStatus) => void;
             }) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "direction" | "mode" | "side" | "loadMoreText" | "emptyText">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "direction" | "tag" | "mode" | "side" | "loadMoreText" | "emptyText">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -4706,6 +5493,7 @@ declare const VInfiniteScroll: {
         $el: any;
         $options: vue.ComponentOptionsBase<{
             direction: "horizontal" | "vertical";
+            tag: string;
             mode: "manual" | "intersect";
             side: InfiniteScrollSide;
             loadMoreText: string;
@@ -4752,6 +5540,7 @@ declare const VInfiniteScroll: {
             }) => true;
         }, string, {
             direction: "horizontal" | "vertical";
+            tag: string;
             mode: "manual" | "intersect";
             side: InfiniteScrollSide;
             loadMoreText: string;
@@ -4778,6 +5567,7 @@ declare const VInfiniteScroll: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
         direction: "horizontal" | "vertical";
+        tag: string;
         mode: "manual" | "intersect";
         side: InfiniteScrollSide;
         loadMoreText: string;
@@ -4823,6 +5613,7 @@ declare const VInfiniteScroll: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     direction: "horizontal" | "vertical";
+    tag: string;
     mode: "manual" | "intersect";
     side: InfiniteScrollSide;
     loadMoreText: string;
@@ -4869,11 +5660,16 @@ declare const VInfiniteScroll: {
     }) => true;
 }, string, {
     direction: "horizontal" | "vertical";
+    tag: string;
     mode: "manual" | "intersect";
     side: InfiniteScrollSide;
     loadMoreText: string;
     emptyText: string;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
     height: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
@@ -4906,6 +5702,10 @@ declare const VInfiniteScroll: {
         default: string;
     };
 }, vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
     height: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
@@ -4945,12 +5745,12 @@ declare const VSkeletonLoader: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
             loading: boolean;
             loadingText: string;
             boilerplate: boolean;
         }> & Omit<{
-            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
             loading: boolean;
             loadingText: string;
             boilerplate: boolean;
@@ -4988,7 +5788,7 @@ declare const VSkeletonLoader: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
             loading: boolean;
             loadingText: string;
             boilerplate: boolean;
@@ -5012,7 +5812,7 @@ declare const VSkeletonLoader: {
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
-            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
             loading: boolean;
             loadingText: string;
             boilerplate: boolean;
@@ -5037,7 +5837,7 @@ declare const VSkeletonLoader: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
-        type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+        type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
         loading: boolean;
         loadingText: string;
         boilerplate: boolean;
@@ -5065,7 +5865,7 @@ declare const VSkeletonLoader: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+    type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
     loading: boolean;
     loadingText: string;
     boilerplate: boolean;
@@ -5089,7 +5889,7 @@ declare const VSkeletonLoader: {
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
-    type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+    type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
     loading: boolean;
     loadingText: string;
     boilerplate: boolean;
@@ -5113,7 +5913,7 @@ declare const VSkeletonLoader: {
         default: string;
     };
     type: {
-        type: PropType<"button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
+        type: PropType<"button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
         default: string;
     };
 }, vue.ExtractPropTypes<{
@@ -5136,7 +5936,7 @@ declare const VSkeletonLoader: {
         default: string;
     };
     type: {
-        type: PropType<"button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
+        type: PropType<"button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
         default: string;
     };
 }>>;