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

package/lib/labs/VDataTable/index.d.ts

@@ -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,76 +1077,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;
@@ -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;
@@ -3099,13 +2583,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;
@@ -3117,7 +2601,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;
@@ -3181,70 +2665,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;
@@ -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>;
@@ -3608,113 +3028,43 @@ declare const VDataTableServer: {
             expandOnClick: boolean;
             showExpand: boolean;
             itemsPerPage: string | number;
-        }> & Omit<{
-            expanded: string[];
-            page: string | number;
-            headers: DataTableHeader[] | DataTableHeader[][];
-            noDataText: string;
-            loadingText: string;
-            sortBy: SortItem[];
-            items: any[];
-            modelValue: any[];
-            itemTitle: SelectItemKey;
-            itemValue: NonNullable<SelectItemKey>;
-            itemChildren: SelectItemKey;
-            itemProps: SelectItemKey;
-            returnObject: boolean;
-            hideNoData: boolean;
-            hover: boolean;
-            fixedHeader: boolean;
-            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?: {
+        }> & Omit<{
+            expanded: string[];
+            page: string | number;
+            headers: DataTableHeader[] | DataTableHeader[][];
+            noDataText: string;
+            loadingText: string;
+            sortBy: SortItem[];
+            items: any[];
+            modelValue: any[];
+            itemTitle: SelectItemKey;
+            itemValue: NonNullable<SelectItemKey>;
+            itemChildren: SelectItemKey;
+            itemProps: SelectItemKey;
+            returnObject: boolean;
+            hideNoData: boolean;
+            hover: boolean;
+            fixedHeader: boolean;
+            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 | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
                     item: DataTableItem;
@@ -3783,7 +3133,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;
@@ -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;
@@ -4368,7 +3648,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;
@@ -4438,76 +3718,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;
@@ -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;