@vuetify/nightly 4.0.0-dev-20230422.0 → 4.0.0-dev-20230427.0

package/lib/labs/components.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, PropType } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, 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>];
@@ -111,7 +111,7 @@ declare const VDataTableRows: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
@@ -122,17 +122,6 @@ declare const VDataTableRows: {
                 'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: GroupHeaderSlot) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
                 default?: false | (() => vue.VNodeChild) | undefined;
@@ -180,7 +169,7 @@ declare const VDataTableRows: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
@@ -191,17 +180,6 @@ declare const VDataTableRows: {
                 'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: GroupHeaderSlot) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
                 default?: false | (() => vue.VNodeChild) | undefined;
@@ -260,7 +238,7 @@ declare const VDataTableRows: {
             item: DataTableItem;
         }) => void) | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             default?: (() => vue.VNodeChild) | undefined;
             item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
@@ -271,17 +249,6 @@ declare const VDataTableRows: {
             'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-            loading?: (() => vue.VNodeChild) | undefined;
-            'group-header'?: ((args_0: GroupHeaderSlot) => vue.VNodeChild) | undefined;
-            'no-data'?: (() => vue.VNodeChild) | undefined;
-            'expanded-row'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-            'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-            'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             [x: `item.${string}`]: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             default?: false | (() => vue.VNodeChild) | undefined;
@@ -319,7 +286,7 @@ declare const VDataTableRows: {
         item: DataTableItem;
     }) => void) | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
         item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
@@ -330,17 +297,6 @@ declare const VDataTableRows: {
         'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
         'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-        default?: (() => vue.VNodeChild) | undefined;
-        item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-        loading?: (() => vue.VNodeChild) | undefined;
-        'group-header'?: ((args_0: GroupHeaderSlot) => vue.VNodeChild) | undefined;
-        'no-data'?: (() => vue.VNodeChild) | undefined;
-        'expanded-row'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-        'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-        'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         [x: `item.${string}`]: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
         default?: false | (() => vue.VNodeChild) | undefined;
@@ -475,7 +431,7 @@ declare const VDataTable: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
                     item: DataTableItem;
@@ -545,76 +501,6 @@ declare const VDataTable: {
                 bottom?: (() => vue.VNodeChild) | undefined;
                 'footer.prepend'?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: {
-                    index: number;
-                    item: GroupHeaderItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                    toggleGroup: (group: GroupHeaderItem) => void;
-                    isGroupOpen: (group: GroupHeaderItem) => boolean;
-                }) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-                top?: (() => vue.VNodeChild) | undefined;
-                headers?: (() => vue.VNodeChild) | undefined;
-                body?: (() => vue.VNodeChild) | undefined;
-                tbody?: (() => vue.VNodeChild) | undefined;
-                thead?: (() => vue.VNodeChild) | undefined;
-                tfoot?: (() => vue.VNodeChild) | undefined;
-                bottom?: (() => vue.VNodeChild) | undefined;
-                'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
@@ -813,7 +699,7 @@ declare const VDataTable: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
                     item: DataTableItem;
@@ -883,76 +769,6 @@ declare const VDataTable: {
                 bottom?: (() => vue.VNodeChild) | undefined;
                 'footer.prepend'?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: {
-                    index: number;
-                    item: GroupHeaderItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                    toggleGroup: (group: GroupHeaderItem) => void;
-                    isGroupOpen: (group: GroupHeaderItem) => boolean;
-                }) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-                top?: (() => vue.VNodeChild) | undefined;
-                headers?: (() => vue.VNodeChild) | undefined;
-                body?: (() => vue.VNodeChild) | undefined;
-                tbody?: (() => vue.VNodeChild) | undefined;
-                thead?: (() => vue.VNodeChild) | undefined;
-                tfoot?: (() => vue.VNodeChild) | undefined;
-                bottom?: (() => vue.VNodeChild) | undefined;
-                'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
@@ -1191,7 +1007,7 @@ declare const VDataTable: {
             item: DataTableItem;
         }) => void) | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             [x: `item.${string}`]: ((args_0: {
                 index: number;
                 item: DataTableItem;
@@ -1261,8 +1077,8 @@ declare const VDataTable: {
             bottom?: (() => vue.VNodeChild) | undefined;
             'footer.prepend'?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            [x: `item.${string}`]: ((args_0: {
+        'v-slots'?: {
+            [x: `item.${string}`]: false | ((args_0: {
                 index: number;
                 item: DataTableItem;
                 columns: InternalDataTableHeader[];
@@ -1271,8 +1087,8 @@ declare const VDataTable: {
                 isSelected: (items: DataTableItem[]) => boolean;
                 toggleSelect: (item: DataTableItem) => void;
             }) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            item?: ((args_0: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+            item?: false | ((args_0: {
                 index: number;
                 item: DataTableItem;
                 columns: InternalDataTableHeader[];
@@ -1281,8 +1097,8 @@ declare const VDataTable: {
                 isSelected: (items: DataTableItem[]) => boolean;
                 toggleSelect: (item: DataTableItem) => void;
             }) => vue.VNodeChild) | undefined;
-            loading?: (() => vue.VNodeChild) | undefined;
-            'group-header'?: ((args_0: {
+            loading?: false | (() => vue.VNodeChild) | undefined;
+            'group-header'?: false | ((args_0: {
                 index: number;
                 item: GroupHeaderItem;
                 columns: InternalDataTableHeader[];
@@ -1293,8 +1109,8 @@ declare const VDataTable: {
                 toggleGroup: (group: GroupHeaderItem) => void;
                 isGroupOpen: (group: GroupHeaderItem) => boolean;
             }) => vue.VNodeChild) | undefined;
-            'no-data'?: (() => vue.VNodeChild) | undefined;
-            'expanded-row'?: ((args_0: {
+            'no-data'?: false | (() => vue.VNodeChild) | undefined;
+            'expanded-row'?: false | ((args_0: {
                 index: number;
                 item: DataTableItem;
                 columns: InternalDataTableHeader[];
@@ -1303,7 +1119,7 @@ declare const VDataTable: {
                 isSelected: (items: DataTableItem[]) => boolean;
                 toggleSelect: (item: DataTableItem) => void;
             }) => vue.VNodeChild) | undefined;
-            'item.data-table-select'?: ((args_0: {
+            'item.data-table-select'?: false | ((args_0: {
                 index: number;
                 item: DataTableItem;
                 columns: InternalDataTableHeader[];
@@ -1312,7 +1128,7 @@ declare const VDataTable: {
                 isSelected: (items: DataTableItem[]) => boolean;
                 toggleSelect: (item: DataTableItem) => void;
             }) => vue.VNodeChild) | undefined;
-            'item.data-table-expand'?: ((args_0: {
+            'item.data-table-expand'?: false | ((args_0: {
                 index: number;
                 item: DataTableItem;
                 columns: InternalDataTableHeader[];
@@ -1321,85 +1137,15 @@ declare const VDataTable: {
                 isSelected: (items: DataTableItem[]) => boolean;
                 toggleSelect: (item: DataTableItem) => void;
             }) => vue.VNodeChild) | undefined;
-            colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-            top?: (() => vue.VNodeChild) | undefined;
-            headers?: (() => vue.VNodeChild) | undefined;
-            body?: (() => vue.VNodeChild) | undefined;
-            tbody?: (() => vue.VNodeChild) | undefined;
-            thead?: (() => vue.VNodeChild) | undefined;
-            tfoot?: (() => vue.VNodeChild) | undefined;
-            bottom?: (() => vue.VNodeChild) | undefined;
-            'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
-        'v-slots'?: {
-            [x: `item.${string}`]: false | ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            default?: false | (() => vue.VNodeChild) | undefined;
-            item?: false | ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            loading?: false | (() => vue.VNodeChild) | undefined;
-            'group-header'?: false | ((args_0: {
-                index: number;
-                item: GroupHeaderItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-                toggleGroup: (group: GroupHeaderItem) => void;
-                isGroupOpen: (group: GroupHeaderItem) => boolean;
-            }) => vue.VNodeChild) | undefined;
-            'no-data'?: false | (() => vue.VNodeChild) | undefined;
-            'expanded-row'?: false | ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            'item.data-table-select'?: false | ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            'item.data-table-expand'?: false | ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            colgroup?: false | ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-            top?: false | (() => vue.VNodeChild) | undefined;
-            headers?: false | (() => vue.VNodeChild) | undefined;
-            body?: false | (() => vue.VNodeChild) | undefined;
-            tbody?: false | (() => vue.VNodeChild) | undefined;
-            thead?: false | (() => vue.VNodeChild) | undefined;
-            tfoot?: false | (() => vue.VNodeChild) | undefined;
-            bottom?: false | (() => vue.VNodeChild) | undefined;
-            'footer.prepend'?: false | (() => vue.VNodeChild) | undefined;
+            colgroup?: false | ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
+            top?: false | (() => vue.VNodeChild) | undefined;
+            headers?: false | (() => vue.VNodeChild) | undefined;
+            body?: false | (() => vue.VNodeChild) | undefined;
+            tbody?: false | (() => vue.VNodeChild) | undefined;
+            thead?: false | (() => vue.VNodeChild) | undefined;
+            tfoot?: false | (() => vue.VNodeChild) | undefined;
+            bottom?: false | (() => vue.VNodeChild) | undefined;
+            'footer.prepend'?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
         [x: `v-slot:item.${string}`]: false | ((args_0: {
@@ -1519,7 +1265,7 @@ declare const VDataTable: {
         item: DataTableItem;
     }) => void) | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         [x: `item.${string}`]: ((args_0: {
             index: number;
             item: DataTableItem;
@@ -1589,76 +1335,6 @@ declare const VDataTable: {
         bottom?: (() => vue.VNodeChild) | undefined;
         'footer.prepend'?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        [x: `item.${string}`]: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        default?: (() => vue.VNodeChild) | undefined;
-        item?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        loading?: (() => vue.VNodeChild) | undefined;
-        'group-header'?: ((args_0: {
-            index: number;
-            item: GroupHeaderItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-            toggleGroup: (group: GroupHeaderItem) => void;
-            isGroupOpen: (group: GroupHeaderItem) => boolean;
-        }) => vue.VNodeChild) | undefined;
-        'no-data'?: (() => vue.VNodeChild) | undefined;
-        'expanded-row'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        'item.data-table-select'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        'item.data-table-expand'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-        top?: (() => vue.VNodeChild) | undefined;
-        headers?: (() => vue.VNodeChild) | undefined;
-        body?: (() => vue.VNodeChild) | undefined;
-        tbody?: (() => vue.VNodeChild) | undefined;
-        thead?: (() => vue.VNodeChild) | undefined;
-        tfoot?: (() => vue.VNodeChild) | undefined;
-        bottom?: (() => vue.VNodeChild) | undefined;
-        'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         [x: `item.${string}`]: false | ((args_0: {
             index: number;
@@ -2095,13 +1771,13 @@ declare const VDataTableVirtual: {
             fixedHeader: boolean;
             fixedFooter: boolean;
             itemHeight: string | number;
-            visibleItems: string | number;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
             expandOnClick: boolean;
             showExpand: boolean;
+            visibleItems: string | number;
         }> & Omit<{
             expanded: string[];
             headers: DataTableHeader[] | DataTableHeader[][];
@@ -2121,13 +1797,13 @@ declare const VDataTableVirtual: {
             fixedHeader: boolean;
             fixedFooter: boolean;
             itemHeight: string | number;
-            visibleItems: string | number;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
             expandOnClick: boolean;
             showExpand: boolean;
+            visibleItems: string | number;
         } & {
             search?: string | undefined;
             height?: string | number | undefined;
@@ -2139,7 +1815,7 @@ declare const VDataTableVirtual: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
                     item: DataTableItem;
@@ -2203,70 +1879,6 @@ declare const VDataTableVirtual: {
                 headers?: (() => vue.VNodeChild) | undefined;
                 bottom?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: {
-                    index: number;
-                    item: GroupHeaderItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                    toggleGroup: (group: GroupHeaderItem) => void;
-                    isGroupOpen: (group: GroupHeaderItem) => boolean;
-                }) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                top?: (() => vue.VNodeChild) | undefined;
-                headers?: (() => vue.VNodeChild) | undefined;
-                bottom?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
@@ -2403,7 +2015,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" | "visibleItems" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "expandOnClick" | "showExpand">;
+        } & 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">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2438,13 +2050,13 @@ declare const VDataTableVirtual: {
             fixedHeader: boolean;
             fixedFooter: boolean;
             itemHeight: string | number;
-            visibleItems: string | number;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
             expandOnClick: boolean;
             showExpand: boolean;
+            visibleItems: string | number;
         } & {
             search?: string | undefined;
             height?: string | number | undefined;
@@ -2456,7 +2068,7 @@ declare const VDataTableVirtual: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
                     item: DataTableItem;
@@ -2520,70 +2132,6 @@ declare const VDataTableVirtual: {
                 headers?: (() => vue.VNodeChild) | undefined;
                 bottom?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: {
-                    index: number;
-                    item: GroupHeaderItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                    toggleGroup: (group: GroupHeaderItem) => void;
-                    isGroupOpen: (group: GroupHeaderItem) => boolean;
-                }) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                top?: (() => vue.VNodeChild) | undefined;
-                headers?: (() => vue.VNodeChild) | undefined;
-                bottom?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
@@ -2748,13 +2296,13 @@ declare const VDataTableVirtual: {
             fixedHeader: boolean;
             fixedFooter: boolean;
             itemHeight: string | number;
-            visibleItems: string | number;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
             expandOnClick: boolean;
             showExpand: boolean;
+            visibleItems: string | number;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -2794,13 +2342,13 @@ declare const VDataTableVirtual: {
         fixedHeader: boolean;
         fixedFooter: boolean;
         itemHeight: string | number;
-        visibleItems: string | number;
         multiSort: boolean;
         mustSort: boolean;
         groupBy: SortItem[];
         showSelect: boolean;
         expandOnClick: boolean;
         showExpand: boolean;
+        visibleItems: string | number;
     } & {
         search?: string | undefined;
         height?: string | number | undefined;
@@ -2812,7 +2360,7 @@ declare const VDataTableVirtual: {
             item: DataTableItem;
         }) => void) | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             [x: `item.${string}`]: ((args_0: {
                 index: number;
                 item: DataTableItem;
@@ -2876,70 +2424,6 @@ declare const VDataTableVirtual: {
             headers?: (() => vue.VNodeChild) | undefined;
             bottom?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            [x: `item.${string}`]: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            item?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            loading?: (() => vue.VNodeChild) | undefined;
-            'group-header'?: ((args_0: {
-                index: number;
-                item: GroupHeaderItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-                toggleGroup: (group: GroupHeaderItem) => void;
-                isGroupOpen: (group: GroupHeaderItem) => boolean;
-            }) => vue.VNodeChild) | undefined;
-            'no-data'?: (() => vue.VNodeChild) | undefined;
-            'expanded-row'?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            'item.data-table-select'?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            'item.data-table-expand'?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            top?: (() => vue.VNodeChild) | undefined;
-            headers?: (() => vue.VNodeChild) | undefined;
-            bottom?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             [x: `item.${string}`]: false | ((args_0: {
                 index: number;
@@ -3094,94 +2578,30 @@ declare const VDataTableVirtual: {
     returnObject: boolean;
     hideNoData: boolean;
     filterMode: FilterMode;
-    noFilter: boolean;
-    hover: boolean;
-    fixedHeader: boolean;
-    fixedFooter: boolean;
-    itemHeight: string | number;
-    visibleItems: string | number;
-    multiSort: boolean;
-    mustSort: boolean;
-    groupBy: SortItem[];
-    showSelect: boolean;
-    expandOnClick: boolean;
-    showExpand: boolean;
-} & {
-    search?: string | undefined;
-    height?: string | number | undefined;
-    width?: string | number | undefined;
-    customFilter?: FilterFunction | undefined;
-    customKeyFilter?: FilterKeyFunctions | undefined;
-    filterKeys?: FilterKeys | undefined;
-    'onClick:row'?: ((e: Event, value: {
-        item: DataTableItem;
-    }) => void) | undefined;
-} & {
-    $children?: {} | vue.VNodeChild | {
-        [x: `item.${string}`]: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        default?: (() => vue.VNodeChild) | undefined;
-        item?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        loading?: (() => vue.VNodeChild) | undefined;
-        'group-header'?: ((args_0: {
-            index: number;
-            item: GroupHeaderItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-            toggleGroup: (group: GroupHeaderItem) => void;
-            isGroupOpen: (group: GroupHeaderItem) => boolean;
-        }) => vue.VNodeChild) | undefined;
-        'no-data'?: (() => vue.VNodeChild) | undefined;
-        'expanded-row'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        'item.data-table-select'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        'item.data-table-expand'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        top?: (() => vue.VNodeChild) | undefined;
-        headers?: (() => vue.VNodeChild) | undefined;
-        bottom?: (() => vue.VNodeChild) | undefined;
-    };
-    $slots?: {
+    noFilter: boolean;
+    hover: boolean;
+    fixedHeader: boolean;
+    fixedFooter: boolean;
+    itemHeight: string | number;
+    multiSort: boolean;
+    mustSort: boolean;
+    groupBy: SortItem[];
+    showSelect: boolean;
+    expandOnClick: boolean;
+    showExpand: boolean;
+    visibleItems: string | number;
+} & {
+    search?: string | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    customFilter?: FilterFunction | undefined;
+    customKeyFilter?: FilterKeyFunctions | undefined;
+    filterKeys?: FilterKeys | undefined;
+    'onClick:row'?: ((e: Event, value: {
+        item: DataTableItem;
+    }) => void) | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         [x: `item.${string}`]: ((args_0: {
             index: number;
             item: DataTableItem;
@@ -3244,7 +2664,7 @@ declare const VDataTableVirtual: {
         top?: (() => vue.VNodeChild) | undefined;
         headers?: (() => vue.VNodeChild) | undefined;
         bottom?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
+    };
     'v-slots'?: {
         [x: `item.${string}`]: false | ((args_0: {
             index: number;
@@ -3409,13 +2829,13 @@ declare const VDataTableVirtual: {
     fixedHeader: boolean;
     fixedFooter: boolean;
     itemHeight: string | number;
-    visibleItems: string | number;
     multiSort: boolean;
     mustSort: boolean;
     groupBy: SortItem[];
     showSelect: boolean;
     expandOnClick: boolean;
     showExpand: boolean;
+    visibleItems: string | number;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     customFilter: vue.PropType<FilterFunction>;
     customKeyFilter: vue.PropType<FilterKeyFunctions>;
@@ -3644,7 +3064,7 @@ declare const VDataTableServer: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
                     item: DataTableItem;
@@ -3714,76 +3134,6 @@ declare const VDataTableServer: {
                 bottom?: (() => vue.VNodeChild) | undefined;
                 'footer.prepend'?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: {
-                    index: number;
-                    item: GroupHeaderItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                    toggleGroup: (group: GroupHeaderItem) => void;
-                    isGroupOpen: (group: GroupHeaderItem) => boolean;
-                }) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-                top?: (() => vue.VNodeChild) | undefined;
-                headers?: (() => vue.VNodeChild) | undefined;
-                body?: (() => vue.VNodeChild) | undefined;
-                tbody?: (() => vue.VNodeChild) | undefined;
-                thead?: (() => vue.VNodeChild) | undefined;
-                tfoot?: (() => vue.VNodeChild) | undefined;
-                bottom?: (() => vue.VNodeChild) | undefined;
-                'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
@@ -3986,7 +3336,7 @@ declare const VDataTableServer: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
                     item: DataTableItem;
@@ -4056,76 +3406,6 @@ declare const VDataTableServer: {
                 bottom?: (() => vue.VNodeChild) | undefined;
                 'footer.prepend'?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: {
-                    index: number;
-                    item: GroupHeaderItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                    toggleGroup: (group: GroupHeaderItem) => void;
-                    isGroupOpen: (group: GroupHeaderItem) => boolean;
-                }) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-                top?: (() => vue.VNodeChild) | undefined;
-                headers?: (() => vue.VNodeChild) | undefined;
-                body?: (() => vue.VNodeChild) | undefined;
-                tbody?: (() => vue.VNodeChild) | undefined;
-                thead?: (() => vue.VNodeChild) | undefined;
-                tfoot?: (() => vue.VNodeChild) | undefined;
-                bottom?: (() => vue.VNodeChild) | undefined;
-                'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
@@ -4352,93 +3632,23 @@ declare const VDataTableServer: {
         fixedFooter: boolean;
         multiSort: boolean;
         mustSort: boolean;
-        groupBy: SortItem[];
-        showSelect: boolean;
-        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;
-        'onClick:row'?: ((e: Event, value: {
-            item: DataTableItem;
-        }) => void) | undefined;
-    } & {
-        $children?: {} | vue.VNodeChild | {
-            [x: `item.${string}`]: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            item?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            loading?: (() => vue.VNodeChild) | undefined;
-            'group-header'?: ((args_0: {
-                index: number;
-                item: GroupHeaderItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-                toggleGroup: (group: GroupHeaderItem) => void;
-                isGroupOpen: (group: GroupHeaderItem) => boolean;
-            }) => vue.VNodeChild) | undefined;
-            'no-data'?: (() => vue.VNodeChild) | undefined;
-            'expanded-row'?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            'item.data-table-select'?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            'item.data-table-expand'?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-            top?: (() => vue.VNodeChild) | undefined;
-            headers?: (() => vue.VNodeChild) | undefined;
-            body?: (() => vue.VNodeChild) | undefined;
-            tbody?: (() => vue.VNodeChild) | undefined;
-            thead?: (() => vue.VNodeChild) | undefined;
-            tfoot?: (() => vue.VNodeChild) | undefined;
-            bottom?: (() => vue.VNodeChild) | undefined;
-            'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
+        groupBy: SortItem[];
+        showSelect: boolean;
+        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;
+        'onClick:row'?: ((e: Event, value: {
+            item: DataTableItem;
+        }) => void) | undefined;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             [x: `item.${string}`]: ((args_0: {
                 index: number;
                 item: DataTableItem;
@@ -4507,7 +3717,7 @@ declare const VDataTableServer: {
             tfoot?: (() => vue.VNodeChild) | undefined;
             bottom?: (() => vue.VNodeChild) | undefined;
             'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
+        };
         'v-slots'?: {
             [x: `item.${string}`]: false | ((args_0: {
                 index: number;
@@ -4698,7 +3908,7 @@ declare const VDataTableServer: {
         item: DataTableItem;
     }) => void) | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         [x: `item.${string}`]: ((args_0: {
             index: number;
             item: DataTableItem;
@@ -4768,76 +3978,6 @@ declare const VDataTableServer: {
         bottom?: (() => vue.VNodeChild) | undefined;
         'footer.prepend'?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        [x: `item.${string}`]: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        default?: (() => vue.VNodeChild) | undefined;
-        item?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        loading?: (() => vue.VNodeChild) | undefined;
-        'group-header'?: ((args_0: {
-            index: number;
-            item: GroupHeaderItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-            toggleGroup: (group: GroupHeaderItem) => void;
-            isGroupOpen: (group: GroupHeaderItem) => boolean;
-        }) => vue.VNodeChild) | undefined;
-        'no-data'?: (() => vue.VNodeChild) | undefined;
-        'expanded-row'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        'item.data-table-select'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        'item.data-table-expand'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-        top?: (() => vue.VNodeChild) | undefined;
-        headers?: (() => vue.VNodeChild) | undefined;
-        body?: (() => vue.VNodeChild) | undefined;
-        tbody?: (() => vue.VNodeChild) | undefined;
-        thead?: (() => vue.VNodeChild) | undefined;
-        tfoot?: (() => vue.VNodeChild) | undefined;
-        bottom?: (() => vue.VNodeChild) | undefined;
-        'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         [x: `item.${string}`]: false | ((args_0: {
             index: number;
@@ -5231,9 +4371,6 @@ declare const VDataTableFooter: {
             $children?: {} | vue.VNodeChild | {
                 prepend?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                prepend?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 prepend?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -5273,9 +4410,6 @@ declare const VDataTableFooter: {
             $children?: {} | vue.VNodeChild | {
                 prepend?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                prepend?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 prepend?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -5337,9 +4471,6 @@ declare const VDataTableFooter: {
         $children?: {} | vue.VNodeChild | {
             prepend?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            prepend?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             prepend?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -5369,9 +4500,6 @@ declare const VDataTableFooter: {
     $children?: {} | vue.VNodeChild | {
         prepend?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        prepend?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         prepend?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -5499,6 +4627,319 @@ declare const VDataTableFooter: {
     showCurrentPage: BooleanConstructor;
 }>>;
 
+type InfiniteScrollSide = 'start' | 'end' | 'both';
+type InfiniteScrollStatus = 'ok' | 'empty' | 'loading' | 'error';
+type InfiniteScrollSlot = {
+    side: InfiniteScrollSide;
+    props: {
+        onClick: () => (side: InfiniteScrollSide) => void;
+        color: string | undefined;
+    };
+};
+declare const VInfiniteScroll: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            direction: "horizontal" | "vertical";
+            mode: "manual" | "intersect";
+            side: InfiniteScrollSide;
+            loadMoreText: string;
+            emptyText: string;
+        }> & Omit<{
+            direction: "horizontal" | "vertical";
+            mode: "manual" | "intersect";
+            side: InfiniteScrollSide;
+            loadMoreText: string;
+            emptyText: string;
+        } & {
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            color?: string | undefined;
+            margin?: string | number | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+        } & {
+            $children?: vue.VNodeChild | {
+                default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            } | ((args_0: InfiniteScrollSlot) => vue.VNodeChild);
+            'v-slots'?: {
+                default?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                loading?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:loading"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:error"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:empty"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:load-more"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        } & {
+            onLoad?: ((options: {
+                side: InfiniteScrollSide;
+                done: (status: InfiniteScrollStatus) => void;
+            }) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "direction" | "mode" | "side" | "loadMoreText" | "emptyText">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: "load", options: {
+            side: InfiniteScrollSide;
+            done: (status: InfiniteScrollStatus) => void;
+        }) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            direction: "horizontal" | "vertical";
+            mode: "manual" | "intersect";
+            side: InfiniteScrollSide;
+            loadMoreText: string;
+            emptyText: string;
+        } & {
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            color?: string | undefined;
+            margin?: string | number | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+        } & {
+            $children?: vue.VNodeChild | {
+                default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            } | ((args_0: InfiniteScrollSlot) => vue.VNodeChild);
+            'v-slots'?: {
+                default?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                loading?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:loading"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:error"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:empty"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:load-more"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        } & {
+            onLoad?: ((options: {
+                side: InfiniteScrollSide;
+                done: (status: InfiniteScrollStatus) => void;
+            }) => any) | undefined;
+        }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            load: (options: {
+                side: InfiniteScrollSide;
+                done: (status: InfiniteScrollStatus) => void;
+            }) => true;
+        }, string, {
+            direction: "horizontal" | "vertical";
+            mode: "manual" | "intersect";
+            side: InfiniteScrollSide;
+            loadMoreText: string;
+            emptyText: string;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof 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;
+    } & {
+        direction: "horizontal" | "vertical";
+        mode: "manual" | "intersect";
+        side: InfiniteScrollSide;
+        loadMoreText: string;
+        emptyText: string;
+    } & {
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        color?: string | undefined;
+        margin?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+    } & {
+        $children?: vue.VNodeChild | {
+            default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        } | ((args_0: InfiniteScrollSlot) => vue.VNodeChild);
+        'v-slots'?: {
+            default?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            loading?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            error?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            empty?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            'load-more'?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        "v-slot:loading"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        "v-slot:error"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        "v-slot:empty"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        "v-slot:load-more"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    } & {
+        onLoad?: ((options: {
+            side: InfiniteScrollSide;
+            done: (status: InfiniteScrollStatus) => void;
+        }) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
+    direction: "horizontal" | "vertical";
+    mode: "manual" | "intersect";
+    side: InfiniteScrollSide;
+    loadMoreText: string;
+    emptyText: string;
+} & {
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    color?: string | undefined;
+    margin?: string | number | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+} & {
+    $children?: vue.VNodeChild | {
+        default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    } | ((args_0: InfiniteScrollSlot) => vue.VNodeChild);
+    'v-slots'?: {
+        default?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        loading?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        error?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        empty?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        'load-more'?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    "v-slot:loading"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    "v-slot:error"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    "v-slot:empty"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    "v-slot:load-more"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+} & {
+    onLoad?: ((options: {
+        side: InfiniteScrollSide;
+        done: (status: InfiniteScrollStatus) => void;
+    }) => any) | undefined;
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    load: (options: {
+        side: InfiniteScrollSide;
+        done: (status: InfiniteScrollStatus) => void;
+    }) => true;
+}, string, {
+    direction: "horizontal" | "vertical";
+    mode: "manual" | "intersect";
+    side: InfiniteScrollSide;
+    loadMoreText: string;
+    emptyText: string;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    side: {
+        type: PropType<InfiniteScrollSide>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    mode: {
+        type: PropType<"manual" | "intersect">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    margin: (StringConstructor | NumberConstructor)[];
+    loadMoreText: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+}, vue.ExtractPropTypes<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    side: {
+        type: PropType<InfiniteScrollSide>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    mode: {
+        type: PropType<"manual" | "intersect">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    margin: (StringConstructor | NumberConstructor)[];
+    loadMoreText: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>;
+type VInfiniteScroll = InstanceType<typeof VInfiniteScroll>;
+
 declare const VSkeletonLoader: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
@@ -5527,9 +4968,6 @@ declare const VSkeletonLoader: {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -5568,9 +5006,6 @@ declare const VSkeletonLoader: {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -5620,9 +5055,6 @@ declare const VSkeletonLoader: {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -5651,9 +5083,6 @@ declare const VSkeletonLoader: {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -5713,4 +5142,4 @@ declare const VSkeletonLoader: {
 }>>;
 type VSkeletonLoader = InstanceType<typeof VSkeletonLoader>;
 
-export { VDataTable, VDataTableFooter, VDataTableRow, VDataTableRows, VDataTableServer, VDataTableVirtual, VSkeletonLoader };
+export { VDataTable, VDataTableFooter, VDataTableRow, VDataTableRows, VDataTableServer, VDataTableVirtual, VInfiniteScroll, VSkeletonLoader };