@vuetify/nightly 3.7.4-dev.2024-11-06 → 3.7.4-master.2024-11-07

package/lib/components/VDataTable/index.d.mts

@@ -64,10 +64,10 @@ type ExpandProps = {
 };
 declare function provideExpanded(props: ExpandProps): {
     expand: (item: DataTableItem, value: boolean) => void;
-    expanded: Ref<Set<string>, Set<string>> & {
+    expanded: Ref<Set<string>> & {
         readonly externalValue: readonly string[];
     };
-    expandOnClick: Ref<boolean, boolean>;
+    expandOnClick: Ref<boolean>;
     isExpanded: (item: DataTableItem) => boolean;
     toggleExpand: (item: DataTableItem) => void;
 };
@@ -98,7 +98,7 @@ declare function provideSort(options: {
     multiSort: Ref<boolean>;
     page?: Ref<number>;
 }): {
-    sortBy: Ref<readonly SortItem[], readonly SortItem[]>;
+    sortBy: Ref<readonly SortItem[]>;
     toggleSort: (column: InternalDataTableHeader) => void;
     isSorted: (column: InternalDataTableHeader) => boolean;
 };
@@ -122,8 +122,8 @@ declare function provideGroupBy(options: {
 }): {
     sortByWithGroups: vue.ComputedRef<SortItem[]>;
     toggleGroup: (group: Group) => void;
-    opened: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
-    groupBy: Ref<readonly SortItem[], readonly SortItem[]>;
+    opened: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
+    groupBy: Ref<readonly SortItem[]>;
     extractRows: <T extends GroupableItem>(items: readonly (T | Group<T>)[]) => T[];
     isGroupOpen: (group: Group) => boolean;
 };
@@ -258,7 +258,7 @@ type VDataTableHeadersSlots = {
     [key: `header.${string}`]: VDataTableHeaderCellColumnSlotProps;
 };
 declare const VDataTableHeaders: {
-    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
         mobile: boolean | null;
         sticky: boolean;
         multiSort: boolean;
@@ -291,7 +291,40 @@ declare const VDataTableHeaders: {
         "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
         "v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
         "v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
-    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        mobile: boolean | null;
+        sticky: boolean;
+        multiSort: boolean;
+        disableSort: boolean;
+        sortAscIcon: IconValue;
+        sortDescIcon: IconValue;
+    } & {
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        headerProps?: Record<string, any> | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            [x: `header.${string}`]: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            headers?: ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+            loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-select'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-expand'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            [x: `header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            headers?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+            loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-select'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-expand'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        [x: `v-slot:header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:headers"?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+    }, {
         mobile: boolean | null;
         sticky: boolean;
         multiSort: boolean;
@@ -304,7 +337,7 @@ declare const VDataTableHeaders: {
         loader: (arg: LoaderSlotProps) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+    }>>, {
         P: {};
         B: {};
         D: {};
@@ -401,7 +434,7 @@ declare const VDataTableHeaders: {
     loader: (arg: LoaderSlotProps) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     loading: (StringConstructor | BooleanConstructor)[];
     mobile: {
         type: PropType<boolean | null>;
@@ -455,12 +488,12 @@ declare function providePagination(options: {
     itemsPerPage: Ref<number>;
     itemsLength: Ref<number>;
 }): {
-    page: Ref<number, number>;
-    itemsPerPage: Ref<number, number>;
+    page: Ref<number>;
+    itemsPerPage: Ref<number>;
     startIndex: vue.ComputedRef<number>;
     stopIndex: vue.ComputedRef<number>;
     pageCount: vue.ComputedRef<number>;
-    itemsLength: Ref<number, number>;
+    itemsLength: Ref<number>;
     nextPage: () => void;
     prevPage: () => void;
     setPage: (value: number) => void;
@@ -488,7 +521,15 @@ type VDataTableRowSlots<T> = {
     [key: `header.${string}`]: VDataTableHeaderCellColumnSlotProps;
 };
 declare const VDataTableRow: {
-    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
+        mobile: boolean | null;
+    } & {
+        index?: number | undefined;
+        onClick?: ((args_0: MouseEvent) => void) | undefined;
+        onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
+        onDblclick?: ((args_0: MouseEvent) => void) | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "item" | "$children" | "v-slots" | "cellProps" | `v-slot:header.${string}` | `v-slot:item.${string}`>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         mobile: boolean | null;
     } & {
         index?: number | undefined;
@@ -496,7 +537,7 @@ declare const VDataTableRow: {
         onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
         onDblclick?: ((args_0: MouseEvent) => void) | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "item" | "$children" | "v-slots" | "cellProps" | `v-slot:header.${string}` | `v-slot:item.${string}`>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    }, {
         mobile: boolean | null;
     }, true, {}, vue.SlotsType<Partial<{
         [x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode[];
@@ -505,7 +546,7 @@ declare const VDataTableRow: {
         'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+    }>>, {
         P: {};
         B: {};
         D: {};
@@ -543,7 +584,7 @@ declare const VDataTableRow: {
     'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     item?: DataTableItem<T>;
     cellProps?: CellProps<T>;
 }, slots: VDataTableRowSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
@@ -583,7 +624,17 @@ type VDataTableRowsSlots<T> = VDataTableGroupHeaderRowSlots & VDataTableRowSlots
     'expanded-row': ItemSlot<T>;
 };
 declare const VDataTableRows: {
-    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
+        mobile: boolean | null;
+        noDataText: string;
+        loadingText: string;
+        hideNoData: boolean;
+    } & {
+        loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        cellProps?: CellProps<any> | undefined;
+        rowProps?: RowProps<any> | undefined;
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "items" | "v-slot:item" | "v-slot:no-data" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         mobile: boolean | null;
         noDataText: string;
         loadingText: string;
@@ -593,7 +644,7 @@ declare const VDataTableRows: {
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         cellProps?: CellProps<any> | undefined;
         rowProps?: RowProps<any> | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "items" | "v-slot:item" | "v-slot:no-data" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    }, {
         mobile: boolean | null;
         noDataText: string;
         loadingText: string;
@@ -630,7 +681,7 @@ declare const VDataTableRows: {
         'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
         'no-data': () => vue.VNode[];
         'expanded-row': (arg: ItemSlot<unknown>) => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+    }>>, {
         P: {};
         B: {};
         D: {};
@@ -703,7 +754,7 @@ declare const VDataTableRows: {
     'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
     'no-data': () => vue.VNode[];
     'expanded-row': (arg: ItemSlot<unknown>) => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     items?: readonly (DataTableItem<T> | Group<T>)[];
 }, slots: VDataTableRowsSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
     mobile: {
@@ -790,7 +841,7 @@ type VDataTableSlots<T> = VDataTableRowsSlots<T> & VDataTableHeadersSlots & {
 };
 type ItemType$2<T> = T extends readonly (infer U)[] ? U : never;
 declare const VDataTable: {
-    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
         page: string | number;
         expanded: readonly string[];
         style: vue.StyleValue;
@@ -869,7 +920,77 @@ declare const VDataTable: {
         'update:groupBy': (value: any) => true;
         'update:expanded': (value: any) => true;
         'update:currentItems': (value: any) => true;
-    }, "headers" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "items" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    }, "headers" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "items" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        page: string | number;
+        expanded: readonly string[];
+        style: vue.StyleValue;
+        mobile: boolean | null;
+        tag: string;
+        sticky: boolean;
+        noDataText: string;
+        loadingText: string;
+        itemsPerPageText: string;
+        sortBy: readonly SortItem[];
+        pageText: string;
+        density: Density;
+        valueComparator: typeof deepEqual;
+        nextIcon: IconValue;
+        prevIcon: IconValue;
+        selectStrategy: "all" | "page" | "single";
+        returnObject: boolean;
+        filterMode: FilterMode;
+        noFilter: boolean;
+        hideNoData: boolean;
+        hover: boolean;
+        multiSort: boolean;
+        mustSort: boolean;
+        groupBy: readonly SortItem[];
+        disableSort: boolean;
+        showSelect: boolean;
+        expandOnClick: boolean;
+        showExpand: boolean;
+        itemsPerPage: string | number;
+        firstIcon: IconValue;
+        lastIcon: IconValue;
+        firstPageLabel: string;
+        prevPageLabel: string;
+        nextPageLabel: string;
+        lastPageLabel: string;
+        itemsPerPageOptions: readonly (number | {
+            title: string;
+            value: number;
+        })[];
+        showCurrentPage: boolean;
+        sortAscIcon: IconValue;
+        sortDescIcon: IconValue;
+        fixedHeader: boolean;
+        fixedFooter: boolean;
+        hideDefaultBody: boolean;
+        hideDefaultFooter: boolean;
+        hideDefaultHeader: boolean;
+    } & {
+        search?: string | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
+        class?: any;
+        theme?: string | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        customFilter?: FilterFunction | undefined;
+        customKeyFilter?: FilterKeyFunctions | undefined;
+        filterKeys?: FilterKeys | undefined;
+        customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+        headerProps?: Record<string, any> | undefined;
+    } & {
+        "onUpdate:sortBy"?: ((value: any) => any) | undefined;
+        "onUpdate:groupBy"?: ((value: any) => any) | undefined;
+        "onUpdate:expanded"?: ((value: any) => any) | undefined;
+        "onUpdate:page"?: ((value: number) => any) | undefined;
+        "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
+        "onUpdate:options"?: ((value: any) => any) | undefined;
+        "onUpdate:currentItems"?: ((value: any) => any) | undefined;
+    }, {
         page: string | number;
         expanded: readonly string[];
         style: vue.StyleValue;
@@ -962,7 +1083,7 @@ declare const VDataTable: {
         'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode[];
         'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode[];
         'footer.prepend': () => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+    }>>, {
         P: {};
         B: {};
         D: {};
@@ -1263,7 +1384,7 @@ declare const VDataTable: {
     'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode[];
     'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode[];
     'footer.prepend': () => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
     items?: T;
     itemValue?: SelectItemKey<ItemType$2<T>>;
     rowProps?: RowProps<ItemType$2<T>>;
@@ -1610,7 +1731,7 @@ declare const VDataTable: {
 type VDataTable = InstanceType<typeof VDataTable>;
 
 declare const VDataTableFooter: {
-    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
         itemsPerPageText: string;
         pageText: string;
         nextIcon: IconValue;
@@ -1635,7 +1756,32 @@ declare const VDataTableFooter: {
         } | undefined;
     } & {
         "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        itemsPerPageText: string;
+        pageText: string;
+        nextIcon: IconValue;
+        prevIcon: IconValue;
+        firstIcon: IconValue;
+        lastIcon: IconValue;
+        firstPageLabel: string;
+        prevPageLabel: string;
+        nextPageLabel: string;
+        lastPageLabel: string;
+        itemsPerPageOptions: readonly (number | {
+            title: string;
+            value: number;
+        })[];
+        showCurrentPage: boolean;
+    } & {} & {
+        $children?: {} | vue.VNodeChild | {
+            prepend?: (() => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            prepend?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+    }, {
         itemsPerPageText: string;
         pageText: string;
         nextIcon: IconValue;
@@ -1653,7 +1799,7 @@ declare const VDataTableFooter: {
         showCurrentPage: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         prepend: () => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+    }>>, {
         P: {};
         B: {};
         D: {};
@@ -1748,7 +1894,7 @@ declare const VDataTableFooter: {
     showCurrentPage: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     prepend: () => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     prevIcon: {
         type: PropType<IconValue>;
         default: string;
@@ -1869,7 +2015,7 @@ type VDataTableVirtualSlots<T> = VDataTableRowsSlots<T> & VDataTableHeadersSlots
 };
 type ItemType$1<T> = T extends readonly (infer U)[] ? U : never;
 declare const VDataTableVirtual: {
-    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
         expanded: readonly string[];
         style: vue.StyleValue;
         mobile: boolean | null;
@@ -1971,7 +2117,103 @@ declare const VDataTableVirtual: {
         'update:options': (value: any) => true;
         'update:groupBy': (value: any) => true;
         'update:expanded': (value: any) => true;
-    }, "$children" | "v-slots" | "modelValue" | "items" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:colgroup" | "v-slot:body.prepend" | "v-slot:body.append">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    }, "$children" | "v-slots" | "modelValue" | "items" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:colgroup" | "v-slot:body.prepend" | "v-slot:body.append">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        expanded: readonly string[];
+        style: vue.StyleValue;
+        mobile: boolean | null;
+        tag: string;
+        sticky: boolean;
+        noDataText: string;
+        loadingText: string;
+        sortBy: readonly SortItem[];
+        density: Density;
+        valueComparator: typeof deepEqual;
+        selectStrategy: "all" | "page" | "single";
+        returnObject: boolean;
+        filterMode: FilterMode;
+        noFilter: boolean;
+        itemHeight: string | number;
+        hideNoData: boolean;
+        hover: boolean;
+        multiSort: boolean;
+        mustSort: boolean;
+        groupBy: readonly SortItem[];
+        disableSort: boolean;
+        showSelect: boolean;
+        expandOnClick: boolean;
+        showExpand: boolean;
+        sortAscIcon: IconValue;
+        sortDescIcon: IconValue;
+        fixedHeader: boolean;
+        fixedFooter: boolean;
+        hideDefaultBody: boolean;
+        hideDefaultFooter: boolean;
+        hideDefaultHeader: boolean;
+    } & {
+        search?: string | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
+        class?: any;
+        theme?: string | undefined;
+        headers?: readonly {
+            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+            readonly value?: SelectItemKey<Record<string, any>>;
+            readonly title?: string | undefined;
+            readonly fixed?: boolean | undefined;
+            readonly align?: ("start" | "end" | "center") | undefined;
+            readonly width?: (number | string) | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly nowrap?: boolean | undefined;
+            readonly headerProps?: {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: DataTableCompareFunction | undefined;
+            readonly sortRaw?: DataTableCompareFunction | undefined;
+            readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
+            readonly children?: readonly {
+                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+                readonly value?: SelectItemKey<Record<string, any>>;
+                readonly title?: string | undefined;
+                readonly fixed?: boolean | undefined;
+                readonly align?: ("start" | "end" | "center") | undefined;
+                readonly width?: (number | string) | undefined;
+                readonly minWidth?: string | undefined;
+                readonly maxWidth?: string | undefined;
+                readonly nowrap?: boolean | undefined;
+                readonly headerProps?: {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly sortable?: boolean | undefined;
+                readonly sort?: DataTableCompareFunction | undefined;
+                readonly sortRaw?: DataTableCompareFunction | undefined;
+                readonly filter?: FilterFunction | undefined;
+                readonly mobile?: boolean | undefined;
+                readonly children?: readonly any[] | undefined;
+            }[] | undefined;
+        }[] | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        customFilter?: FilterFunction | undefined;
+        customKeyFilter?: FilterKeyFunctions | undefined;
+        filterKeys?: FilterKeys | undefined;
+        customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+        headerProps?: Record<string, any> | undefined;
+    } & {
+        "onUpdate:sortBy"?: ((value: any) => any) | undefined;
+        "onUpdate:groupBy"?: ((value: any) => any) | undefined;
+        "onUpdate:expanded"?: ((value: any) => any) | undefined;
+        "onUpdate:options"?: ((value: any) => any) | undefined;
+    }, {
         expanded: readonly string[];
         style: vue.StyleValue;
         mobile: boolean | null;
@@ -2044,7 +2286,7 @@ declare const VDataTableVirtual: {
         bottom: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
         'body.prepend': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
         'body.append': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+    }>>, {
         P: {};
         B: {};
         D: {};
@@ -2358,7 +2600,7 @@ declare const VDataTableVirtual: {
     bottom: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
     'body.prepend': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
     'body.append': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
     items?: T;
     itemValue?: SelectItemKey<ItemType$1<T>>;
     rowProps?: RowProps<ItemType$1<T>>;
@@ -2595,7 +2837,7 @@ type VDataTableVirtual = InstanceType<typeof VDataTableVirtual>;
 
 type ItemType<T> = T extends readonly (infer U)[] ? U : never;
 declare const VDataTableServer: {
-    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
         page: string | number;
         expanded: readonly string[];
         style: vue.StyleValue;
@@ -2713,7 +2955,117 @@ declare const VDataTableServer: {
         'update:options': (options: any) => true;
         'update:expanded': (options: any) => true;
         'update:groupBy': (value: any) => true;
-    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "items" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "items" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        page: string | number;
+        expanded: readonly string[];
+        style: vue.StyleValue;
+        mobile: boolean | null;
+        tag: string;
+        sticky: boolean;
+        noDataText: string;
+        loadingText: string;
+        itemsPerPageText: string;
+        sortBy: readonly SortItem[];
+        pageText: string;
+        density: Density;
+        valueComparator: typeof deepEqual;
+        nextIcon: IconValue;
+        prevIcon: IconValue;
+        selectStrategy: "all" | "page" | "single";
+        returnObject: boolean;
+        hideNoData: boolean;
+        hover: boolean;
+        multiSort: boolean;
+        mustSort: boolean;
+        groupBy: readonly SortItem[];
+        disableSort: boolean;
+        showSelect: boolean;
+        expandOnClick: boolean;
+        showExpand: boolean;
+        itemsPerPage: string | number;
+        itemsLength: string | number;
+        firstIcon: IconValue;
+        lastIcon: IconValue;
+        firstPageLabel: string;
+        prevPageLabel: string;
+        nextPageLabel: string;
+        lastPageLabel: string;
+        itemsPerPageOptions: readonly (number | {
+            title: string;
+            value: number;
+        })[];
+        showCurrentPage: boolean;
+        sortAscIcon: IconValue;
+        sortDescIcon: IconValue;
+        fixedHeader: boolean;
+        fixedFooter: boolean;
+        hideDefaultBody: boolean;
+        hideDefaultFooter: boolean;
+        hideDefaultHeader: boolean;
+    } & {
+        search?: string | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
+        class?: any;
+        theme?: string | undefined;
+        headers?: readonly {
+            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+            readonly value?: SelectItemKey<Record<string, any>>;
+            readonly title?: string | undefined;
+            readonly fixed?: boolean | undefined;
+            readonly align?: ("start" | "end" | "center") | undefined;
+            readonly width?: (number | string) | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly nowrap?: boolean | undefined;
+            readonly headerProps?: {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: DataTableCompareFunction | undefined;
+            readonly sortRaw?: DataTableCompareFunction | undefined;
+            readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
+            readonly children?: readonly {
+                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+                readonly value?: SelectItemKey<Record<string, any>>;
+                readonly title?: string | undefined;
+                readonly fixed?: boolean | undefined;
+                readonly align?: ("start" | "end" | "center") | undefined;
+                readonly width?: (number | string) | undefined;
+                readonly minWidth?: string | undefined;
+                readonly maxWidth?: string | undefined;
+                readonly nowrap?: boolean | undefined;
+                readonly headerProps?: {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly sortable?: boolean | undefined;
+                readonly sort?: DataTableCompareFunction | undefined;
+                readonly sortRaw?: DataTableCompareFunction | undefined;
+                readonly filter?: FilterFunction | undefined;
+                readonly mobile?: boolean | undefined;
+                readonly children?: readonly any[] | undefined;
+            }[] | undefined;
+        }[] | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+        headerProps?: Record<string, any> | undefined;
+    } & {
+        "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
+        "onUpdate:groupBy"?: ((value: any) => any) | undefined;
+        "onUpdate:expanded"?: ((options: any) => any) | undefined;
+        "onUpdate:page"?: ((page: number) => any) | undefined;
+        "onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
+        "onUpdate:options"?: ((options: any) => any) | undefined;
+    }, {
         page: string | number;
         expanded: readonly string[];
         style: vue.StyleValue;
@@ -2804,7 +3156,7 @@ declare const VDataTableServer: {
         'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode[];
         'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode[];
         'footer.prepend': () => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+    }>>, {
         P: {};
         B: {};
         D: {};
@@ -3180,7 +3532,7 @@ declare const VDataTableServer: {
     'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode[];
     'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode[];
     'footer.prepend': () => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
     items?: T;
     itemValue?: SelectItemKey<ItemType<T>>;
     rowProps?: RowProps<ItemType<T>>;

package/lib/components/VDatePicker/VDatePicker.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
+import { Fragment as _Fragment, mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 // Styles
 import "./VDatePicker.css";
 

package/lib/components/VDatePicker/VDatePickerMonth.mjs

@@ -1,4 +1,4 @@
-import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
 // Styles
 import "./VDatePickerMonth.css";