@vuetify/nightly 3.7.16-dev.2025-03-12 → 3.7.16-dev.2025-03-14

package/lib/components/VDataTable/VDataTableVirtual.d.ts

@@ -1,10 +1,10 @@
-import { provideExpanded } from './composables/expand';
-import { provideSelection } from './composables/select';
-import type { VDataTableSlotProps } from './VDataTable';
-import type { VDataTableHeadersSlots } from './VDataTableHeaders';
-import type { VDataTableRowsSlots } from './VDataTableRows';
-import type { CellProps, RowProps } from "./types";
-import type { GenericProps, SelectItemKey, TemplateRef } from "../../util";
+import { provideExpanded } from './composables/expand.js';
+import { provideSelection } from './composables/select.js';
+import type { VDataTableSlotProps } from './VDataTable.js';
+import type { VDataTableHeadersSlots } from './VDataTableHeaders.js';
+import type { VDataTableRowsSlots } from './VDataTableRows.js';
+import type { CellProps, RowProps } from "./types.js";
+import type { GenericProps, SelectItemKey, TemplateRef } from "../../util/index.js";
 type VDataTableVirtualSlotProps<T> = Omit<VDataTableSlotProps<T>, 'setItemsPerPage' | 'page' | 'pageCount' | 'itemsPerPage'>;
 export type VDataTableVirtualSlots<T> = VDataTableRowsSlots<T> & VDataTableHeadersSlots & {
     colgroup: VDataTableVirtualSlotProps<T>;
@@ -74,27 +74,27 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
     hideNoData?: unknown;
     noDataText?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
-    customFilter: unknown extends Defaults["customFilter"] ? import("vue").PropType<import("../../composables/filter").FilterFunction> : {
-        type: import("vue").PropType<unknown extends Defaults["customFilter"] ? import("../../composables/filter").FilterFunction : import("../../composables/filter").FilterFunction | Defaults["customFilter"]>;
-        default: unknown extends Defaults["customFilter"] ? import("../../composables/filter").FilterFunction : import("../../composables/filter").FilterFunction | Defaults["customFilter"];
+    customFilter: unknown extends Defaults["customFilter"] ? import("vue").PropType<import("../../composables/filter.js").FilterFunction> : {
+        type: import("vue").PropType<unknown extends Defaults["customFilter"] ? import("../../composables/filter.js").FilterFunction : import("../../composables/filter.js").FilterFunction | Defaults["customFilter"]>;
+        default: unknown extends Defaults["customFilter"] ? import("../../composables/filter.js").FilterFunction : import("../../composables/filter.js").FilterFunction | Defaults["customFilter"];
     };
-    customKeyFilter: unknown extends Defaults["customKeyFilter"] ? import("vue").PropType<import("../../composables/filter").FilterKeyFunctions> : {
-        type: import("vue").PropType<unknown extends Defaults["customKeyFilter"] ? import("../../composables/filter").FilterKeyFunctions : import("../../composables/filter").FilterKeyFunctions | Defaults["customKeyFilter"]>;
-        default: unknown extends Defaults["customKeyFilter"] ? import("../../composables/filter").FilterKeyFunctions : import("../../composables/filter").FilterKeyFunctions | Defaults["customKeyFilter"];
+    customKeyFilter: unknown extends Defaults["customKeyFilter"] ? import("vue").PropType<import("../../composables/filter.js").FilterKeyFunctions> : {
+        type: import("vue").PropType<unknown extends Defaults["customKeyFilter"] ? import("../../composables/filter.js").FilterKeyFunctions : import("../../composables/filter.js").FilterKeyFunctions | Defaults["customKeyFilter"]>;
+        default: unknown extends Defaults["customKeyFilter"] ? import("../../composables/filter.js").FilterKeyFunctions : import("../../composables/filter.js").FilterKeyFunctions | Defaults["customKeyFilter"];
     };
-    filterKeys: unknown extends Defaults["filterKeys"] ? import("vue").PropType<import("../../composables/filter").FilterKeys> : {
-        type: import("vue").PropType<unknown extends Defaults["filterKeys"] ? import("../../composables/filter").FilterKeys : import("../../composables/filter").FilterKeys | Defaults["filterKeys"]>;
-        default: unknown extends Defaults["filterKeys"] ? import("../../composables/filter").FilterKeys : NonNullable<import("../../composables/filter").FilterKeys> | Defaults["filterKeys"];
+    filterKeys: unknown extends Defaults["filterKeys"] ? import("vue").PropType<import("../../composables/filter.js").FilterKeys> : {
+        type: import("vue").PropType<unknown extends Defaults["filterKeys"] ? import("../../composables/filter.js").FilterKeys : import("../../composables/filter.js").FilterKeys | Defaults["filterKeys"]>;
+        default: unknown extends Defaults["filterKeys"] ? import("../../composables/filter.js").FilterKeys : NonNullable<import("../../composables/filter.js").FilterKeys> | Defaults["filterKeys"];
     };
     filterMode: unknown extends Defaults["filterMode"] ? {
-        type: import("vue").PropType<import("../../composables/filter").FilterMode>;
+        type: import("vue").PropType<import("../../composables/filter.js").FilterMode>;
         default: string;
     } : Omit<{
-        type: import("vue").PropType<import("../../composables/filter").FilterMode>;
+        type: import("vue").PropType<import("../../composables/filter.js").FilterMode>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["filterMode"] ? import("../../composables/filter").FilterMode : import("../../composables/filter").FilterMode | Defaults["filterMode"]>;
-        default: unknown extends Defaults["filterMode"] ? import("../../composables/filter").FilterMode : NonNullable<import("../../composables/filter").FilterMode> | Defaults["filterMode"];
+        type: import("vue").PropType<unknown extends Defaults["filterMode"] ? import("../../composables/filter.js").FilterMode : import("../../composables/filter.js").FilterMode | Defaults["filterMode"]>;
+        default: unknown extends Defaults["filterMode"] ? import("../../composables/filter.js").FilterMode : NonNullable<import("../../composables/filter.js").FilterMode> | Defaults["filterMode"];
     };
     noFilter: unknown extends Defaults["noFilter"] ? BooleanConstructor : {
         type: import("vue").PropType<unknown extends Defaults["noFilter"] ? boolean : boolean | Defaults["noFilter"]>;
@@ -125,40 +125,40 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
         default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
     };
     groupBy: unknown extends Defaults["groupBy"] ? {
-        type: import("vue").PropType<readonly import("./composables/sort").SortItem[]>;
+        type: import("vue").PropType<readonly import("./composables/sort.js").SortItem[]>;
         default: () => never[];
     } : Omit<{
-        type: import("vue").PropType<readonly import("./composables/sort").SortItem[]>;
+        type: import("vue").PropType<readonly import("./composables/sort.js").SortItem[]>;
         default: () => never[];
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["groupBy"] ? readonly import("./composables/sort").SortItem[] : readonly import("./composables/sort").SortItem[] | Defaults["groupBy"]>;
-        default: unknown extends Defaults["groupBy"] ? readonly import("./composables/sort").SortItem[] : readonly import("./composables/sort").SortItem[] | Defaults["groupBy"];
+        type: import("vue").PropType<unknown extends Defaults["groupBy"] ? readonly import("./composables/sort.js").SortItem[] : readonly import("./composables/sort.js").SortItem[] | Defaults["groupBy"]>;
+        default: unknown extends Defaults["groupBy"] ? readonly import("./composables/sort.js").SortItem[] : readonly import("./composables/sort.js").SortItem[] | Defaults["groupBy"];
     };
     theme: unknown extends Defaults["theme"] ? StringConstructor : {
         type: import("vue").PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>;
         default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
     };
     tag: unknown extends Defaults["tag"] ? {
-        type: import("vue").PropType<string | import("../../util").JSXComponent>;
+        type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>;
         default: string;
     } : Omit<{
-        type: import("vue").PropType<string | import("../../util").JSXComponent>;
+        type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["tag"] ? string | import("../../util").JSXComponent : string | import("../../util").JSXComponent | Defaults["tag"]>;
-        default: unknown extends Defaults["tag"] ? string | import("../../util").JSXComponent : NonNullable<string | import("../../util").JSXComponent> | Defaults["tag"];
+        type: import("vue").PropType<unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : string | import("../../util/index.js").JSXComponent | Defaults["tag"]>;
+        default: unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : NonNullable<string | import("../../util/index.js").JSXComponent> | Defaults["tag"];
     };
     density: unknown extends Defaults["density"] ? {
-        type: import("vue").PropType<import("../../composables/density").Density>;
+        type: import("vue").PropType<import("../../composables/density.js").Density>;
         default: string;
         validator: (v: any) => boolean;
     } : Omit<{
-        type: import("vue").PropType<import("../../composables/density").Density>;
+        type: import("vue").PropType<import("../../composables/density.js").Density>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["density"] ? import("../../composables/density").Density : import("../../composables/density").Density | Defaults["density"]>;
-        default: unknown extends Defaults["density"] ? import("../../composables/density").Density : NonNullable<import("../../composables/density").Density> | Defaults["density"];
+        type: import("vue").PropType<unknown extends Defaults["density"] ? import("../../composables/density.js").Density : import("../../composables/density.js").Density | Defaults["density"]>;
+        default: unknown extends Defaults["density"] ? import("../../composables/density.js").Density : NonNullable<import("../../composables/density.js").Density> | Defaults["density"];
     };
     class: unknown extends Defaults["class"] ? import("vue").PropType<any> : {
         type: import("vue").PropType<unknown extends Defaults["class"] ? any : any>;
@@ -200,9 +200,9 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["mobile"] ? boolean | null : boolean | Defaults["mobile"] | null>;
         default: unknown extends Defaults["mobile"] ? boolean | null : NonNullable<boolean | null> | Defaults["mobile"];
     };
-    mobileBreakpoint: unknown extends Defaults["mobileBreakpoint"] ? import("vue").PropType<number | import("../../composables").DisplayBreakpoint> : {
-        type: import("vue").PropType<unknown extends Defaults["mobileBreakpoint"] ? number | import("../../composables").DisplayBreakpoint : number | import("../../composables").DisplayBreakpoint | Defaults["mobileBreakpoint"]>;
-        default: unknown extends Defaults["mobileBreakpoint"] ? number | import("../../composables").DisplayBreakpoint : NonNullable<number | import("../../composables").DisplayBreakpoint> | Defaults["mobileBreakpoint"];
+    mobileBreakpoint: unknown extends Defaults["mobileBreakpoint"] ? import("vue").PropType<number | import("../../composables/index.js").DisplayBreakpoint> : {
+        type: import("vue").PropType<unknown extends Defaults["mobileBreakpoint"] ? number | import("../../composables/index.js").DisplayBreakpoint : number | import("../../composables/index.js").DisplayBreakpoint | Defaults["mobileBreakpoint"]>;
+        default: unknown extends Defaults["mobileBreakpoint"] ? number | import("../../composables/index.js").DisplayBreakpoint : NonNullable<number | import("../../composables/index.js").DisplayBreakpoint> | Defaults["mobileBreakpoint"];
     };
     color: unknown extends Defaults["color"] ? StringConstructor : {
         type: import("vue").PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
@@ -217,24 +217,24 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
         default: unknown extends Defaults["multiSort"] ? boolean : boolean | Defaults["multiSort"];
     };
     sortAscIcon: unknown extends Defaults["sortAscIcon"] ? {
-        type: import("vue").PropType<import("../../composables/icons").IconValue>;
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     } : Omit<{
-        type: import("vue").PropType<import("../../composables/icons").IconValue>;
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["sortAscIcon"] ? import("../../composables/icons").IconValue : import("../../composables/icons").IconValue | Defaults["sortAscIcon"]>;
-        default: unknown extends Defaults["sortAscIcon"] ? import("../../composables/icons").IconValue : NonNullable<import("../../composables/icons").IconValue> | Defaults["sortAscIcon"];
+        type: import("vue").PropType<unknown extends Defaults["sortAscIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["sortAscIcon"]>;
+        default: unknown extends Defaults["sortAscIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["sortAscIcon"];
     };
     sortDescIcon: unknown extends Defaults["sortDescIcon"] ? {
-        type: import("vue").PropType<import("../../composables/icons").IconValue>;
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     } : Omit<{
-        type: import("vue").PropType<import("../../composables/icons").IconValue>;
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["sortDescIcon"] ? import("../../composables/icons").IconValue : import("../../composables/icons").IconValue | Defaults["sortDescIcon"]>;
-        default: unknown extends Defaults["sortDescIcon"] ? import("../../composables/icons").IconValue : NonNullable<import("../../composables/icons").IconValue> | Defaults["sortDescIcon"];
+        type: import("vue").PropType<unknown extends Defaults["sortDescIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["sortDescIcon"]>;
+        default: unknown extends Defaults["sortDescIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["sortDescIcon"];
     };
     headerProps: unknown extends Defaults["headerProps"] ? {
         type: import("vue").PropType<Record<string, any>>;
@@ -249,18 +249,18 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
         default: unknown extends Defaults["sticky"] ? boolean : boolean | Defaults["sticky"];
     };
     sortBy: unknown extends Defaults["sortBy"] ? {
-        type: import("vue").PropType<readonly import("./composables/sort").SortItem[]>;
+        type: import("vue").PropType<readonly import("./composables/sort.js").SortItem[]>;
         default: () => never[];
     } : Omit<{
-        type: import("vue").PropType<readonly import("./composables/sort").SortItem[]>;
+        type: import("vue").PropType<readonly import("./composables/sort.js").SortItem[]>;
         default: () => never[];
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["sortBy"] ? readonly import("./composables/sort").SortItem[] : readonly import("./composables/sort").SortItem[] | Defaults["sortBy"]>;
-        default: unknown extends Defaults["sortBy"] ? readonly import("./composables/sort").SortItem[] : readonly import("./composables/sort").SortItem[] | Defaults["sortBy"];
+        type: import("vue").PropType<unknown extends Defaults["sortBy"] ? readonly import("./composables/sort.js").SortItem[] : readonly import("./composables/sort.js").SortItem[] | Defaults["sortBy"]>;
+        default: unknown extends Defaults["sortBy"] ? readonly import("./composables/sort.js").SortItem[] : readonly import("./composables/sort.js").SortItem[] | Defaults["sortBy"];
     };
-    customKeySort: unknown extends Defaults["customKeySort"] ? import("vue").PropType<Record<string, import("./types").DataTableCompareFunction>> : {
-        type: import("vue").PropType<unknown extends Defaults["customKeySort"] ? Record<string, import("./types").DataTableCompareFunction> : Record<string, import("./types").DataTableCompareFunction> | Defaults["customKeySort"]>;
-        default: unknown extends Defaults["customKeySort"] ? Record<string, import("./types").DataTableCompareFunction> : Record<string, import("./types").DataTableCompareFunction> | Defaults["customKeySort"];
+    customKeySort: unknown extends Defaults["customKeySort"] ? import("vue").PropType<Record<string, import("./types.js").DataTableCompareFunction>> : {
+        type: import("vue").PropType<unknown extends Defaults["customKeySort"] ? Record<string, import("./types.js").DataTableCompareFunction> : Record<string, import("./types.js").DataTableCompareFunction> | Defaults["customKeySort"]>;
+        default: unknown extends Defaults["customKeySort"] ? Record<string, import("./types.js").DataTableCompareFunction> : Record<string, import("./types.js").DataTableCompareFunction> | Defaults["customKeySort"];
     };
     mustSort: unknown extends Defaults["mustSort"] ? BooleanConstructor : {
         type: import("vue").PropType<unknown extends Defaults["mustSort"] ? boolean : boolean | Defaults["mustSort"]>;
@@ -291,20 +291,20 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
         default: unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"];
     };
     valueComparator: unknown extends Defaults["valueComparator"] ? {
-        type: import("vue").PropType<typeof import("../../util").deepEqual>;
-        default: typeof import("../../util").deepEqual;
+        type: import("vue").PropType<typeof import("../../util/index.js").deepEqual>;
+        default: typeof import("../../util/index.js").deepEqual;
     } : Omit<{
-        type: import("vue").PropType<typeof import("../../util").deepEqual>;
-        default: typeof import("../../util").deepEqual;
+        type: import("vue").PropType<typeof import("../../util/index.js").deepEqual>;
+        default: typeof import("../../util/index.js").deepEqual;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["valueComparator"] ? typeof import("../../util").deepEqual : typeof import("../../util").deepEqual | Defaults["valueComparator"]>;
-        default: unknown extends Defaults["valueComparator"] ? typeof import("../../util").deepEqual : typeof import("../../util").deepEqual | Defaults["valueComparator"];
+        type: import("vue").PropType<unknown extends Defaults["valueComparator"] ? typeof import("../../util/index.js").deepEqual : typeof import("../../util/index.js").deepEqual | Defaults["valueComparator"]>;
+        default: unknown extends Defaults["valueComparator"] ? typeof import("../../util/index.js").deepEqual : typeof import("../../util/index.js").deepEqual | Defaults["valueComparator"];
     };
     items: unknown extends Defaults["items"] ? {
-        type: import("vue").PropType<import("./composables/items").DataTableItemProps["items"]>;
+        type: import("vue").PropType<import("./composables/items.js").DataTableItemProps["items"]>;
         default: () => never[];
     } : Omit<{
-        type: import("vue").PropType<import("./composables/items").DataTableItemProps["items"]>;
+        type: import("vue").PropType<import("./composables/items.js").DataTableItemProps["items"]>;
         default: () => never[];
     }, "type" | "default"> & {
         type: import("vue").PropType<unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"]>;
@@ -355,13 +355,13 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
         readonly headerProps?: {
             readonly [x: string]: any;
         } | undefined;
-        readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+        readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
             readonly [x: string]: any;
         } | undefined;
         readonly sortable?: boolean | undefined;
-        readonly sort?: import("./types").DataTableCompareFunction | undefined;
-        readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-        readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+        readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+        readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+        readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
         readonly children?: readonly {
             readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
@@ -375,13 +375,13 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
-            readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+            readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                 readonly [x: string]: any;
             } | undefined;
             readonly sortable?: boolean | undefined;
-            readonly sort?: import("./types").DataTableCompareFunction | undefined;
-            readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-            readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+            readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
             readonly children?: readonly any[] | undefined;
         }[] | undefined;
     }[]> : {
@@ -398,13 +398,13 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
-            readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+            readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                 readonly [x: string]: any;
             } | undefined;
             readonly sortable?: boolean | undefined;
-            readonly sort?: import("./types").DataTableCompareFunction | undefined;
-            readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-            readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+            readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
             readonly children?: readonly {
                 readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
@@ -418,13 +418,13 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
-                readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+                readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                     readonly [x: string]: any;
                 } | undefined;
                 readonly sortable?: boolean | undefined;
-                readonly sort?: import("./types").DataTableCompareFunction | undefined;
-                readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-                readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+                readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+                readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+                readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
                 readonly children?: readonly any[] | undefined;
             }[] | undefined;
         }[] : readonly {
@@ -440,13 +440,13 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
-            readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+            readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                 readonly [x: string]: any;
             } | undefined;
             readonly sortable?: boolean | undefined;
-            readonly sort?: import("./types").DataTableCompareFunction | undefined;
-            readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-            readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+            readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
             readonly children?: readonly {
                 readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
@@ -460,13 +460,13 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
-                readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+                readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                     readonly [x: string]: any;
                 } | undefined;
                 readonly sortable?: boolean | undefined;
-                readonly sort?: import("./types").DataTableCompareFunction | undefined;
-                readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-                readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+                readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+                readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+                readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
                 readonly children?: readonly any[] | undefined;
             }[] | undefined;
         }[] | Defaults["headers"]>;
@@ -483,13 +483,13 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
-            readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+            readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                 readonly [x: string]: any;
             } | undefined;
             readonly sortable?: boolean | undefined;
-            readonly sort?: import("./types").DataTableCompareFunction | undefined;
-            readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-            readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+            readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
             readonly children?: readonly {
                 readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
@@ -503,13 +503,13 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
-                readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+                readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                     readonly [x: string]: any;
                 } | undefined;
                 readonly sortable?: boolean | undefined;
-                readonly sort?: import("./types").DataTableCompareFunction | undefined;
-                readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-                readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+                readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+                readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+                readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
                 readonly children?: readonly any[] | undefined;
             }[] | undefined;
         }[] : readonly {
@@ -525,13 +525,13 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
-            readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+            readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                 readonly [x: string]: any;
             } | undefined;
             readonly sortable?: boolean | undefined;
-            readonly sort?: import("./types").DataTableCompareFunction | undefined;
-            readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-            readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+            readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
             readonly children?: readonly {
                 readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
@@ -545,13 +545,13 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
-                readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+                readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                     readonly [x: string]: any;
                 } | undefined;
                 readonly sortable?: boolean | undefined;
-                readonly sort?: import("./types").DataTableCompareFunction | undefined;
-                readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-                readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+                readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+                readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+                readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
                 readonly children?: readonly any[] | undefined;
             }[] | undefined;
         }[] | Defaults["headers"];
@@ -625,16 +625,16 @@ export declare const VDataTableVirtual: {
         expanded: readonly string[];
         style: import("vue").StyleValue;
         mobile: boolean | null;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         sticky: boolean;
         noDataText: string;
         loadingText: string;
-        sortBy: readonly import("./composables/sort").SortItem[];
-        density: import("../../composables/density").Density;
-        valueComparator: typeof import("../../util").deepEqual;
+        sortBy: readonly import("./composables/sort.js").SortItem[];
+        density: import("../../composables/density.js").Density;
+        valueComparator: typeof import("../../util/index.js").deepEqual;
         selectStrategy: "all" | "page" | "single";
         returnObject: boolean;
-        filterMode: import("../../composables/filter").FilterMode;
+        filterMode: import("../../composables/filter.js").FilterMode;
         noFilter: boolean;
         itemHeight: string | number;
         itemKey: SelectItemKey;
@@ -642,14 +642,14 @@ export declare const VDataTableVirtual: {
         hover: boolean;
         multiSort: boolean;
         mustSort: boolean;
-        groupBy: readonly import("./composables/sort").SortItem[];
+        groupBy: readonly import("./composables/sort.js").SortItem[];
         disableSort: boolean;
         showSelect: boolean;
         expandOnClick: boolean;
         showExpand: boolean;
         fixedHeader: boolean;
-        sortAscIcon: import("../../composables/icons").IconValue;
-        sortDescIcon: import("../../composables/icons").IconValue;
+        sortAscIcon: import("../../composables/icons.js").IconValue;
+        sortDescIcon: import("../../composables/icons.js").IconValue;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -675,13 +675,13 @@ export declare const VDataTableVirtual: {
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
-            readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+            readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                 readonly [x: string]: any;
             } | undefined;
             readonly sortable?: boolean | undefined;
-            readonly sort?: import("./types").DataTableCompareFunction | undefined;
-            readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-            readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+            readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
             readonly children?: readonly {
                 readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
@@ -695,21 +695,21 @@ export declare const VDataTableVirtual: {
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
-                readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+                readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                     readonly [x: string]: any;
                 } | undefined;
                 readonly sortable?: boolean | undefined;
-                readonly sort?: import("./types").DataTableCompareFunction | undefined;
-                readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-                readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+                readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+                readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+                readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
                 readonly children?: readonly any[] | undefined;
             }[] | undefined;
         }[] | undefined;
-        mobileBreakpoint?: number | import("../../composables").DisplayBreakpoint | undefined;
-        customFilter?: import("../../composables/filter").FilterFunction | undefined;
-        customKeyFilter?: import("../../composables/filter").FilterKeyFunctions | undefined;
-        filterKeys?: import("../../composables/filter").FilterKeys | undefined;
-        customKeySort?: Record<string, import("./types").DataTableCompareFunction> | undefined;
+        mobileBreakpoint?: number | import("../../composables/index.js").DisplayBreakpoint | undefined;
+        customFilter?: import("../../composables/filter.js").FilterFunction | undefined;
+        customKeyFilter?: import("../../composables/filter.js").FilterKeyFunctions | undefined;
+        filterKeys?: import("../../composables/filter.js").FilterKeys | undefined;
+        customKeySort?: Record<string, import("./types.js").DataTableCompareFunction> | undefined;
         headerProps?: Record<string, any> | undefined;
     } & {
         "onUpdate:sortBy"?: ((value: any) => any) | undefined;
@@ -729,16 +729,16 @@ export declare const VDataTableVirtual: {
         expanded: readonly string[];
         style: import("vue").StyleValue;
         mobile: boolean | null;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         sticky: boolean;
         noDataText: string;
         loadingText: string;
-        sortBy: readonly import("./composables/sort").SortItem[];
-        density: import("../../composables/density").Density;
-        valueComparator: typeof import("../../util").deepEqual;
+        sortBy: readonly import("./composables/sort.js").SortItem[];
+        density: import("../../composables/density.js").Density;
+        valueComparator: typeof import("../../util/index.js").deepEqual;
         selectStrategy: "all" | "page" | "single";
         returnObject: boolean;
-        filterMode: import("../../composables/filter").FilterMode;
+        filterMode: import("../../composables/filter.js").FilterMode;
         noFilter: boolean;
         itemHeight: string | number;
         itemKey: SelectItemKey;
@@ -746,54 +746,54 @@ export declare const VDataTableVirtual: {
         hover: boolean;
         multiSort: boolean;
         mustSort: boolean;
-        groupBy: readonly import("./composables/sort").SortItem[];
+        groupBy: readonly import("./composables/sort.js").SortItem[];
         disableSort: boolean;
         showSelect: boolean;
         expandOnClick: boolean;
         showExpand: boolean;
         fixedHeader: boolean;
-        sortAscIcon: import("../../composables/icons").IconValue;
-        sortDescIcon: import("../../composables/icons").IconValue;
+        sortAscIcon: import("../../composables/icons.js").IconValue;
+        sortDescIcon: import("../../composables/icons.js").IconValue;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
         hideDefaultHeader: boolean;
     }, true, {}, import("vue").SlotsType<Partial<{
-        [x: `item.${string}`]: (arg: import("./types").ItemKeySlot<any>) => import("vue").VNode[];
-        [x: `header.${string}`]: (arg: import("./VDataTableHeaders").VDataTableHeaderCellColumnSlotProps) => import("vue").VNode[];
+        [x: `item.${string}`]: (arg: import("./types.js").ItemKeySlot<any>) => import("vue").VNode[];
+        [x: `header.${string}`]: (arg: import("./VDataTableHeaders.js").VDataTableHeaderCellColumnSlotProps) => import("vue").VNode[];
         'data-table-group': (arg: {
-            item: import("./composables/group").Group;
+            item: import("./composables/group.js").Group;
             count: number;
             props: Record<string, unknown>;
         }) => import("vue").VNode[];
         'data-table-select': (arg: {
             props: Record<string, unknown>;
         }) => import("vue").VNode[];
-        'item.data-table-select': (arg: Omit<import("./types").ItemKeySlot<any>, "value">) => import("vue").VNode[];
-        'item.data-table-expand': (arg: Omit<import("./types").ItemKeySlot<any>, "value">) => import("vue").VNode[];
-        'header.data-table-select': (arg: import("./VDataTableHeaders").VDataTableHeaderCellColumnSlotProps) => import("vue").VNode[];
-        'header.data-table-expand': (arg: import("./VDataTableHeaders").VDataTableHeaderCellColumnSlotProps) => import("vue").VNode[];
+        'item.data-table-select': (arg: Omit<import("./types.js").ItemKeySlot<any>, "value">) => import("vue").VNode[];
+        'item.data-table-expand': (arg: Omit<import("./types.js").ItemKeySlot<any>, "value">) => import("vue").VNode[];
+        'header.data-table-select': (arg: import("./VDataTableHeaders.js").VDataTableHeaderCellColumnSlotProps) => import("vue").VNode[];
+        'header.data-table-expand': (arg: import("./VDataTableHeaders.js").VDataTableHeaderCellColumnSlotProps) => import("vue").VNode[];
         item: (arg: {
             index: number;
             item: any;
-            internalItem: import("./types").DataTableItem<any>;
+            internalItem: import("./types.js").DataTableItem<any>;
             isExpanded: ReturnType<typeof provideExpanded>["isExpanded"];
             toggleExpand: ReturnType<typeof provideExpanded>["toggleExpand"];
             isSelected: ReturnType<typeof provideSelection>["isSelected"];
             toggleSelect: ReturnType<typeof provideSelection>["toggleSelect"];
         } & {
-            columns: import("./types").InternalDataTableHeader[];
+            columns: import("./types.js").InternalDataTableHeader[];
         } & {
             props: Record<string, any>;
         } & {
             itemRef: TemplateRef;
         }) => import("vue").VNode[];
         loading: () => import("vue").VNode[];
-        'group-header': (arg: import("./types").GroupHeaderSlot) => import("vue").VNode[];
+        'group-header': (arg: import("./types.js").GroupHeaderSlot) => import("vue").VNode[];
         'no-data': () => import("vue").VNode[];
-        'expanded-row': (arg: import("./types").ItemSlot<any>) => import("vue").VNode[];
-        headers: (arg: import("./VDataTableHeaders").HeadersSlotProps) => import("vue").VNode[];
-        loader: (arg: import("../../composables/loader").LoaderSlotProps) => import("vue").VNode[];
+        'expanded-row': (arg: import("./types.js").ItemSlot<any>) => import("vue").VNode[];
+        headers: (arg: import("./VDataTableHeaders.js").HeadersSlotProps) => import("vue").VNode[];
+        loader: (arg: import("../../composables/loader.js").LoaderSlotProps) => import("vue").VNode[];
         colgroup: (arg: VDataTableVirtualSlotProps<any>) => import("vue").VNode[];
         top: (arg: VDataTableVirtualSlotProps<any>) => import("vue").VNode[];
         tbody: (arg: VDataTableVirtualSlotProps<any>) => import("vue").VNode[];
@@ -813,16 +813,16 @@ export declare const VDataTableVirtual: {
         expanded: readonly string[];
         style: import("vue").StyleValue;
         mobile: boolean | null;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         sticky: boolean;
         noDataText: string;
         loadingText: string;
-        sortBy: readonly import("./composables/sort").SortItem[];
-        density: import("../../composables/density").Density;
-        valueComparator: typeof import("../../util").deepEqual;
+        sortBy: readonly import("./composables/sort.js").SortItem[];
+        density: import("../../composables/density.js").Density;
+        valueComparator: typeof import("../../util/index.js").deepEqual;
         selectStrategy: "all" | "page" | "single";
         returnObject: boolean;
-        filterMode: import("../../composables/filter").FilterMode;
+        filterMode: import("../../composables/filter.js").FilterMode;
         noFilter: boolean;
         itemHeight: string | number;
         itemKey: SelectItemKey;
@@ -830,14 +830,14 @@ export declare const VDataTableVirtual: {
         hover: boolean;
         multiSort: boolean;
         mustSort: boolean;
-        groupBy: readonly import("./composables/sort").SortItem[];
+        groupBy: readonly import("./composables/sort.js").SortItem[];
         disableSort: boolean;
         showSelect: boolean;
         expandOnClick: boolean;
         showExpand: boolean;
         fixedHeader: boolean;
-        sortAscIcon: import("../../composables/icons").IconValue;
-        sortDescIcon: import("../../composables/icons").IconValue;
+        sortAscIcon: import("../../composables/icons.js").IconValue;
+        sortDescIcon: import("../../composables/icons.js").IconValue;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -863,13 +863,13 @@ export declare const VDataTableVirtual: {
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
-            readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+            readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                 readonly [x: string]: any;
             } | undefined;
             readonly sortable?: boolean | undefined;
-            readonly sort?: import("./types").DataTableCompareFunction | undefined;
-            readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-            readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+            readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
             readonly children?: readonly {
                 readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
@@ -883,21 +883,21 @@ export declare const VDataTableVirtual: {
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
-                readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+                readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                     readonly [x: string]: any;
                 } | undefined;
                 readonly sortable?: boolean | undefined;
-                readonly sort?: import("./types").DataTableCompareFunction | undefined;
-                readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-                readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+                readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+                readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+                readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
                 readonly children?: readonly any[] | undefined;
             }[] | undefined;
         }[] | undefined;
-        mobileBreakpoint?: number | import("../../composables").DisplayBreakpoint | undefined;
-        customFilter?: import("../../composables/filter").FilterFunction | undefined;
-        customKeyFilter?: import("../../composables/filter").FilterKeyFunctions | undefined;
-        filterKeys?: import("../../composables/filter").FilterKeys | undefined;
-        customKeySort?: Record<string, import("./types").DataTableCompareFunction> | undefined;
+        mobileBreakpoint?: number | import("../../composables/index.js").DisplayBreakpoint | undefined;
+        customFilter?: import("../../composables/filter.js").FilterFunction | undefined;
+        customKeyFilter?: import("../../composables/filter.js").FilterKeyFunctions | undefined;
+        filterKeys?: import("../../composables/filter.js").FilterKeys | undefined;
+        customKeySort?: Record<string, import("./types.js").DataTableCompareFunction> | undefined;
         headerProps?: Record<string, any> | undefined;
     } & {
         "onUpdate:sortBy"?: ((value: any) => any) | undefined;
@@ -911,16 +911,16 @@ export declare const VDataTableVirtual: {
         expanded: readonly string[];
         style: import("vue").StyleValue;
         mobile: boolean | null;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         sticky: boolean;
         noDataText: string;
         loadingText: string;
-        sortBy: readonly import("./composables/sort").SortItem[];
-        density: import("../../composables/density").Density;
-        valueComparator: typeof import("../../util").deepEqual;
+        sortBy: readonly import("./composables/sort.js").SortItem[];
+        density: import("../../composables/density.js").Density;
+        valueComparator: typeof import("../../util/index.js").deepEqual;
         selectStrategy: "all" | "page" | "single";
         returnObject: boolean;
-        filterMode: import("../../composables/filter").FilterMode;
+        filterMode: import("../../composables/filter.js").FilterMode;
         noFilter: boolean;
         itemHeight: string | number;
         itemKey: SelectItemKey;
@@ -928,14 +928,14 @@ export declare const VDataTableVirtual: {
         hover: boolean;
         multiSort: boolean;
         mustSort: boolean;
-        groupBy: readonly import("./composables/sort").SortItem[];
+        groupBy: readonly import("./composables/sort.js").SortItem[];
         disableSort: boolean;
         showSelect: boolean;
         expandOnClick: boolean;
         showExpand: boolean;
         fixedHeader: boolean;
-        sortAscIcon: import("../../composables/icons").IconValue;
-        sortDescIcon: import("../../composables/icons").IconValue;
+        sortAscIcon: import("../../composables/icons.js").IconValue;
+        sortDescIcon: import("../../composables/icons.js").IconValue;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -948,16 +948,16 @@ export declare const VDataTableVirtual: {
     expanded: readonly string[];
     style: import("vue").StyleValue;
     mobile: boolean | null;
-    tag: string | import("../../util").JSXComponent;
+    tag: string | import("../../util/index.js").JSXComponent;
     sticky: boolean;
     noDataText: string;
     loadingText: string;
-    sortBy: readonly import("./composables/sort").SortItem[];
-    density: import("../../composables/density").Density;
-    valueComparator: typeof import("../../util").deepEqual;
+    sortBy: readonly import("./composables/sort.js").SortItem[];
+    density: import("../../composables/density.js").Density;
+    valueComparator: typeof import("../../util/index.js").deepEqual;
     selectStrategy: "all" | "page" | "single";
     returnObject: boolean;
-    filterMode: import("../../composables/filter").FilterMode;
+    filterMode: import("../../composables/filter.js").FilterMode;
     noFilter: boolean;
     itemHeight: string | number;
     itemKey: SelectItemKey;
@@ -965,14 +965,14 @@ export declare const VDataTableVirtual: {
     hover: boolean;
     multiSort: boolean;
     mustSort: boolean;
-    groupBy: readonly import("./composables/sort").SortItem[];
+    groupBy: readonly import("./composables/sort.js").SortItem[];
     disableSort: boolean;
     showSelect: boolean;
     expandOnClick: boolean;
     showExpand: boolean;
     fixedHeader: boolean;
-    sortAscIcon: import("../../composables/icons").IconValue;
-    sortDescIcon: import("../../composables/icons").IconValue;
+    sortAscIcon: import("../../composables/icons.js").IconValue;
+    sortDescIcon: import("../../composables/icons.js").IconValue;
     fixedFooter: boolean;
     hideDefaultBody: boolean;
     hideDefaultFooter: boolean;
@@ -998,13 +998,13 @@ export declare const VDataTableVirtual: {
         readonly headerProps?: {
             readonly [x: string]: any;
         } | undefined;
-        readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+        readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
             readonly [x: string]: any;
         } | undefined;
         readonly sortable?: boolean | undefined;
-        readonly sort?: import("./types").DataTableCompareFunction | undefined;
-        readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-        readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+        readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+        readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+        readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
         readonly children?: readonly {
             readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
@@ -1018,21 +1018,21 @@ export declare const VDataTableVirtual: {
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
-            readonly cellProps?: ((data: Pick<import("./types").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+            readonly cellProps?: ((data: Pick<import("./types.js").ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
                 readonly [x: string]: any;
             } | undefined;
             readonly sortable?: boolean | undefined;
-            readonly sort?: import("./types").DataTableCompareFunction | undefined;
-            readonly sortRaw?: import("./types").DataTableCompareFunction | undefined;
-            readonly filter?: import("../../composables/filter").FilterFunction | undefined;
+            readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
+            readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
             readonly children?: readonly any[] | undefined;
         }[] | undefined;
     }[] | undefined;
-    mobileBreakpoint?: number | import("../../composables").DisplayBreakpoint | undefined;
-    customFilter?: import("../../composables/filter").FilterFunction | undefined;
-    customKeyFilter?: import("../../composables/filter").FilterKeyFunctions | undefined;
-    filterKeys?: import("../../composables/filter").FilterKeys | undefined;
-    customKeySort?: Record<string, import("./types").DataTableCompareFunction> | undefined;
+    mobileBreakpoint?: number | import("../../composables/index.js").DisplayBreakpoint | undefined;
+    customFilter?: import("../../composables/filter.js").FilterFunction | undefined;
+    customKeyFilter?: import("../../composables/filter.js").FilterKeyFunctions | undefined;
+    filterKeys?: import("../../composables/filter.js").FilterKeys | undefined;
+    customKeySort?: Record<string, import("./types.js").DataTableCompareFunction> | undefined;
     headerProps?: Record<string, any> | undefined;
 } & {
     "onUpdate:sortBy"?: ((value: any) => any) | undefined;
@@ -1052,16 +1052,16 @@ export declare const VDataTableVirtual: {
     expanded: readonly string[];
     style: import("vue").StyleValue;
     mobile: boolean | null;
-    tag: string | import("../../util").JSXComponent;
+    tag: string | import("../../util/index.js").JSXComponent;
     sticky: boolean;
     noDataText: string;
     loadingText: string;
-    sortBy: readonly import("./composables/sort").SortItem[];
-    density: import("../../composables/density").Density;
-    valueComparator: typeof import("../../util").deepEqual;
+    sortBy: readonly import("./composables/sort.js").SortItem[];
+    density: import("../../composables/density.js").Density;
+    valueComparator: typeof import("../../util/index.js").deepEqual;
     selectStrategy: "all" | "page" | "single";
     returnObject: boolean;
-    filterMode: import("../../composables/filter").FilterMode;
+    filterMode: import("../../composables/filter.js").FilterMode;
     noFilter: boolean;
     itemHeight: string | number;
     itemKey: SelectItemKey;
@@ -1069,54 +1069,54 @@ export declare const VDataTableVirtual: {
     hover: boolean;
     multiSort: boolean;
     mustSort: boolean;
-    groupBy: readonly import("./composables/sort").SortItem[];
+    groupBy: readonly import("./composables/sort.js").SortItem[];
     disableSort: boolean;
     showSelect: boolean;
     expandOnClick: boolean;
     showExpand: boolean;
     fixedHeader: boolean;
-    sortAscIcon: import("../../composables/icons").IconValue;
-    sortDescIcon: import("../../composables/icons").IconValue;
+    sortAscIcon: import("../../composables/icons.js").IconValue;
+    sortDescIcon: import("../../composables/icons.js").IconValue;
     fixedFooter: boolean;
     hideDefaultBody: boolean;
     hideDefaultFooter: boolean;
     hideDefaultHeader: boolean;
 }, {}, string, import("vue").SlotsType<Partial<{
-    [x: `item.${string}`]: (arg: import("./types").ItemKeySlot<any>) => import("vue").VNode[];
-    [x: `header.${string}`]: (arg: import("./VDataTableHeaders").VDataTableHeaderCellColumnSlotProps) => import("vue").VNode[];
+    [x: `item.${string}`]: (arg: import("./types.js").ItemKeySlot<any>) => import("vue").VNode[];
+    [x: `header.${string}`]: (arg: import("./VDataTableHeaders.js").VDataTableHeaderCellColumnSlotProps) => import("vue").VNode[];
     'data-table-group': (arg: {
-        item: import("./composables/group").Group;
+        item: import("./composables/group.js").Group;
         count: number;
         props: Record<string, unknown>;
     }) => import("vue").VNode[];
     'data-table-select': (arg: {
         props: Record<string, unknown>;
     }) => import("vue").VNode[];
-    'item.data-table-select': (arg: Omit<import("./types").ItemKeySlot<any>, "value">) => import("vue").VNode[];
-    'item.data-table-expand': (arg: Omit<import("./types").ItemKeySlot<any>, "value">) => import("vue").VNode[];
-    'header.data-table-select': (arg: import("./VDataTableHeaders").VDataTableHeaderCellColumnSlotProps) => import("vue").VNode[];
-    'header.data-table-expand': (arg: import("./VDataTableHeaders").VDataTableHeaderCellColumnSlotProps) => import("vue").VNode[];
+    'item.data-table-select': (arg: Omit<import("./types.js").ItemKeySlot<any>, "value">) => import("vue").VNode[];
+    'item.data-table-expand': (arg: Omit<import("./types.js").ItemKeySlot<any>, "value">) => import("vue").VNode[];
+    'header.data-table-select': (arg: import("./VDataTableHeaders.js").VDataTableHeaderCellColumnSlotProps) => import("vue").VNode[];
+    'header.data-table-expand': (arg: import("./VDataTableHeaders.js").VDataTableHeaderCellColumnSlotProps) => import("vue").VNode[];
     item: (arg: {
         index: number;
         item: any;
-        internalItem: import("./types").DataTableItem<any>;
+        internalItem: import("./types.js").DataTableItem<any>;
         isExpanded: ReturnType<typeof provideExpanded>["isExpanded"];
         toggleExpand: ReturnType<typeof provideExpanded>["toggleExpand"];
         isSelected: ReturnType<typeof provideSelection>["isSelected"];
         toggleSelect: ReturnType<typeof provideSelection>["toggleSelect"];
     } & {
-        columns: import("./types").InternalDataTableHeader[];
+        columns: import("./types.js").InternalDataTableHeader[];
     } & {
         props: Record<string, any>;
     } & {
         itemRef: TemplateRef;
     }) => import("vue").VNode[];
     loading: () => import("vue").VNode[];
-    'group-header': (arg: import("./types").GroupHeaderSlot) => import("vue").VNode[];
+    'group-header': (arg: import("./types.js").GroupHeaderSlot) => import("vue").VNode[];
     'no-data': () => import("vue").VNode[];
-    'expanded-row': (arg: import("./types").ItemSlot<any>) => import("vue").VNode[];
-    headers: (arg: import("./VDataTableHeaders").HeadersSlotProps) => import("vue").VNode[];
-    loader: (arg: import("../../composables/loader").LoaderSlotProps) => import("vue").VNode[];
+    'expanded-row': (arg: import("./types.js").ItemSlot<any>) => import("vue").VNode[];
+    headers: (arg: import("./VDataTableHeaders.js").HeadersSlotProps) => import("vue").VNode[];
+    loader: (arg: import("../../composables/loader.js").LoaderSlotProps) => import("vue").VNode[];
     colgroup: (arg: VDataTableVirtualSlotProps<any>) => import("vue").VNode[];
     top: (arg: VDataTableVirtualSlotProps<any>) => import("vue").VNode[];
     tbody: (arg: VDataTableVirtualSlotProps<any>) => import("vue").VNode[];
@@ -1133,12 +1133,12 @@ export declare const VDataTableVirtual: {
     itemSelectable?: SelectItemKey<ItemType<T>>;
     modelValue?: V;
     "onUpdate:modelValue"?: (value: V) => void;
-}, slots: VDataTableVirtualSlots<ItemType<T>>) => GenericProps<typeof props, typeof slots>) & import("../../util").FilterPropsOptions<{
-    customFilter: import("vue").PropType<import("../../composables/filter").FilterFunction>;
-    customKeyFilter: import("vue").PropType<import("../../composables/filter").FilterKeyFunctions>;
-    filterKeys: import("vue").PropType<import("../../composables/filter").FilterKeys>;
+}, slots: VDataTableVirtualSlots<ItemType<T>>) => GenericProps<typeof props, typeof slots>) & import("../../util/index.js").FilterPropsOptions<{
+    customFilter: import("vue").PropType<import("../../composables/filter.js").FilterFunction>;
+    customKeyFilter: import("vue").PropType<import("../../composables/filter.js").FilterKeyFunctions>;
+    filterKeys: import("vue").PropType<import("../../composables/filter.js").FilterKeys>;
     filterMode: {
-        type: import("vue").PropType<import("../../composables/filter").FilterMode>;
+        type: import("vue").PropType<import("../../composables/filter.js").FilterMode>;
         default: string;
     };
     noFilter: BooleanConstructor;
@@ -1152,20 +1152,20 @@ export declare const VDataTableVirtual: {
     };
     height: (StringConstructor | NumberConstructor)[];
     groupBy: {
-        type: import("vue").PropType<readonly import("./composables/sort").SortItem[]>;
+        type: import("vue").PropType<readonly import("./composables/sort.js").SortItem[]>;
         default: () => never[];
     };
     theme: StringConstructor;
     tag: {
-        type: import("vue").PropType<string | import("../../util").JSXComponent>;
+        type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>;
         default: string;
     };
     density: {
-        type: import("vue").PropType<import("../../composables/density").Density>;
+        type: import("vue").PropType<import("../../composables/density.js").Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    class: import("vue").PropType<import("../../composables/component").ClassValue>;
+    class: import("vue").PropType<import("../../composables/component.js").ClassValue>;
     style: {
         type: import("vue").PropType<import("vue").StyleValue>;
         default: null;
@@ -1178,16 +1178,16 @@ export declare const VDataTableVirtual: {
         type: import("vue").PropType<boolean | null>;
         default: boolean;
     };
-    mobileBreakpoint: import("vue").PropType<number | import("../../composables").DisplayBreakpoint>;
+    mobileBreakpoint: import("vue").PropType<number | import("../../composables/index.js").DisplayBreakpoint>;
     color: StringConstructor;
     disableSort: BooleanConstructor;
     multiSort: BooleanConstructor;
     sortAscIcon: {
-        type: import("vue").PropType<import("../../composables/icons").IconValue>;
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     };
     sortDescIcon: {
-        type: import("vue").PropType<import("../../composables/icons").IconValue>;
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     };
     headerProps: {
@@ -1195,10 +1195,10 @@ export declare const VDataTableVirtual: {
     };
     sticky: BooleanConstructor;
     sortBy: {
-        type: import("vue").PropType<readonly import("./composables/sort").SortItem[]>;
+        type: import("vue").PropType<readonly import("./composables/sort.js").SortItem[]>;
         default: () => never[];
     };
-    customKeySort: import("vue").PropType<Record<string, import("./types").DataTableCompareFunction>>;
+    customKeySort: import("vue").PropType<Record<string, import("./types.js").DataTableCompareFunction>>;
     mustSort: BooleanConstructor;
     showSelect: BooleanConstructor;
     selectStrategy: {
@@ -1210,11 +1210,11 @@ export declare const VDataTableVirtual: {
         default: () => never[];
     };
     valueComparator: {
-        type: import("vue").PropType<typeof import("../../util").deepEqual>;
-        default: typeof import("../../util").deepEqual;
+        type: import("vue").PropType<typeof import("../../util/index.js").deepEqual>;
+        default: typeof import("../../util/index.js").deepEqual;
     };
     items: {
-        type: import("vue").PropType<import("./composables/items").DataTableItemProps["items"]>;
+        type: import("vue").PropType<import("./composables/items.js").DataTableItemProps["items"]>;
         default: () => never[];
     };
     itemValue: {
@@ -1228,7 +1228,7 @@ export declare const VDataTableVirtual: {
     rowProps: import("vue").PropType<RowProps<any>>;
     cellProps: import("vue").PropType<CellProps<any>>;
     returnObject: BooleanConstructor;
-    headers: import("vue").PropType<import("vue").DeepReadonly<import("./types").DataTableHeader[]>>;
+    headers: import("vue").PropType<import("vue").DeepReadonly<import("./types.js").DataTableHeader[]>>;
     expandOnClick: BooleanConstructor;
     showExpand: BooleanConstructor;
     expanded: {
@@ -1250,11 +1250,11 @@ export declare const VDataTableVirtual: {
         default: string;
     };
 }, import("vue").ExtractPropTypes<{
-    customFilter: import("vue").PropType<import("../../composables/filter").FilterFunction>;
-    customKeyFilter: import("vue").PropType<import("../../composables/filter").FilterKeyFunctions>;
-    filterKeys: import("vue").PropType<import("../../composables/filter").FilterKeys>;
+    customFilter: import("vue").PropType<import("../../composables/filter.js").FilterFunction>;
+    customKeyFilter: import("vue").PropType<import("../../composables/filter.js").FilterKeyFunctions>;
+    filterKeys: import("vue").PropType<import("../../composables/filter.js").FilterKeys>;
     filterMode: {
-        type: import("vue").PropType<import("../../composables/filter").FilterMode>;
+        type: import("vue").PropType<import("../../composables/filter.js").FilterMode>;
         default: string;
     };
     noFilter: BooleanConstructor;
@@ -1268,20 +1268,20 @@ export declare const VDataTableVirtual: {
     };
     height: (StringConstructor | NumberConstructor)[];
     groupBy: {
-        type: import("vue").PropType<readonly import("./composables/sort").SortItem[]>;
+        type: import("vue").PropType<readonly import("./composables/sort.js").SortItem[]>;
         default: () => never[];
     };
     theme: StringConstructor;
     tag: {
-        type: import("vue").PropType<string | import("../../util").JSXComponent>;
+        type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>;
         default: string;
     };
     density: {
-        type: import("vue").PropType<import("../../composables/density").Density>;
+        type: import("vue").PropType<import("../../composables/density.js").Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    class: import("vue").PropType<import("../../composables/component").ClassValue>;
+    class: import("vue").PropType<import("../../composables/component.js").ClassValue>;
     style: {
         type: import("vue").PropType<import("vue").StyleValue>;
         default: null;
@@ -1294,16 +1294,16 @@ export declare const VDataTableVirtual: {
         type: import("vue").PropType<boolean | null>;
         default: boolean;
     };
-    mobileBreakpoint: import("vue").PropType<number | import("../../composables").DisplayBreakpoint>;
+    mobileBreakpoint: import("vue").PropType<number | import("../../composables/index.js").DisplayBreakpoint>;
     color: StringConstructor;
     disableSort: BooleanConstructor;
     multiSort: BooleanConstructor;
     sortAscIcon: {
-        type: import("vue").PropType<import("../../composables/icons").IconValue>;
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     };
     sortDescIcon: {
-        type: import("vue").PropType<import("../../composables/icons").IconValue>;
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     };
     headerProps: {
@@ -1311,10 +1311,10 @@ export declare const VDataTableVirtual: {
     };
     sticky: BooleanConstructor;
     sortBy: {
-        type: import("vue").PropType<readonly import("./composables/sort").SortItem[]>;
+        type: import("vue").PropType<readonly import("./composables/sort.js").SortItem[]>;
         default: () => never[];
     };
-    customKeySort: import("vue").PropType<Record<string, import("./types").DataTableCompareFunction>>;
+    customKeySort: import("vue").PropType<Record<string, import("./types.js").DataTableCompareFunction>>;
     mustSort: BooleanConstructor;
     showSelect: BooleanConstructor;
     selectStrategy: {
@@ -1326,11 +1326,11 @@ export declare const VDataTableVirtual: {
         default: () => never[];
     };
     valueComparator: {
-        type: import("vue").PropType<typeof import("../../util").deepEqual>;
-        default: typeof import("../../util").deepEqual;
+        type: import("vue").PropType<typeof import("../../util/index.js").deepEqual>;
+        default: typeof import("../../util/index.js").deepEqual;
     };
     items: {
-        type: import("vue").PropType<import("./composables/items").DataTableItemProps["items"]>;
+        type: import("vue").PropType<import("./composables/items.js").DataTableItemProps["items"]>;
         default: () => never[];
     };
     itemValue: {
@@ -1344,7 +1344,7 @@ export declare const VDataTableVirtual: {
     rowProps: import("vue").PropType<RowProps<any>>;
     cellProps: import("vue").PropType<CellProps<any>>;
     returnObject: BooleanConstructor;
-    headers: import("vue").PropType<import("vue").DeepReadonly<import("./types").DataTableHeader[]>>;
+    headers: import("vue").PropType<import("vue").DeepReadonly<import("./types.js").DataTableHeader[]>>;
     expandOnClick: BooleanConstructor;
     showExpand: BooleanConstructor;
     expanded: {