@vuetify/nightly 3.9.3-master.2025-07-30 → 3.9.3-master.2025-08-01

package/dist/vuetify-labs.d.ts

@@ -919,7 +919,15 @@ interface Group<T = any> {
     id: string;
     key: string;
     value: any;
-    items: readonly (T | Group<T>)[];
+    items: readonly (T | Group<T> | GroupSummary<T>)[];
+}
+interface GroupSummary<T = any> {
+    type: 'group-summary';
+    depth: number;
+    id: string;
+    key: string;
+    value: any;
+    items: readonly (T | Group<T> | GroupSummary<T>)[];
 }
 declare function provideGroupBy(options: {
     groupBy: Ref<readonly SortItem[]>;
@@ -930,7 +938,7 @@ declare function provideGroupBy(options: {
     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[]>;
-    extractRows: <T extends GroupableItem>(items: readonly (T | Group<T>)[]) => T[];
+    extractRows: <T extends GroupableItem>(items: readonly (T | Group<T> | GroupSummary<T>)[]) => T[];
     isGroupOpen: (group: Group) => boolean;
 };
 
@@ -1035,6 +1043,12 @@ type GroupHeaderSlot = {
     toggleGroup: ReturnType<typeof provideGroupBy>['toggleGroup'];
     isGroupOpen: ReturnType<typeof provideGroupBy>['isGroupOpen'];
 };
+type GroupSummarySlot = {
+    index: number;
+    item: GroupSummary;
+    columns: InternalDataTableHeader[];
+    toggleGroup: ReturnType<typeof provideGroupBy>['toggleGroup'];
+};
 type ItemSlotBase<T> = {
     index: number;
     item: T;
@@ -3392,7 +3406,6 @@ interface Blueprint extends Omit<VuetifyOptions, 'blueprint'> {
 declare const VApp: {
     new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
-        fullHeight: boolean;
     } & {
         class?: any;
         theme?: string | undefined;
@@ -3430,7 +3443,6 @@ declare const VApp: {
         theme: ThemeInstance;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
-        fullHeight: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
     }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
@@ -3442,7 +3454,6 @@ declare const VApp: {
         Defaults: {};
     }, {
         style: vue.StyleValue;
-        fullHeight: boolean;
     } & {
         class?: any;
         theme?: string | undefined;
@@ -3480,14 +3491,12 @@ declare const VApp: {
         theme: ThemeInstance;
     }, {}, {}, {}, {
         style: vue.StyleValue;
-        fullHeight: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
-    fullHeight: boolean;
 } & {
     class?: any;
     theme?: string | undefined;
@@ -3525,16 +3534,11 @@ declare const VApp: {
     theme: ThemeInstance;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
-    fullHeight: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
     overlaps: vue.Prop<string[]>;
-    fullHeight: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
     class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
@@ -3543,10 +3547,6 @@ declare const VApp: {
 }, vue.ExtractPropTypes<{
     theme: StringConstructor;
     overlaps: vue.Prop<string[]>;
-    fullHeight: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
     class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
@@ -29199,6 +29199,7 @@ declare const modes: {
             label: string;
             getValue: (c: string) => string;
             getColor: (c: string, v: string) => string;
+            localeKey: string;
         }[];
         inputProps: Record<string, unknown>;
         from: (color: any) => HSV;
@@ -37975,7 +37976,7 @@ type VDataIteratorSlotProps<T> = {
     isGroupOpen: ReturnType<typeof provideGroupBy>['isGroupOpen'];
     toggleGroup: ReturnType<typeof provideGroupBy>['toggleGroup'];
     items: readonly DataIteratorItem<T>[];
-    groupedItems: readonly (DataIteratorItem<T> | Group<DataIteratorItem<T>>)[];
+    groupedItems: readonly (DataIteratorItem<T> | Group<DataIteratorItem<T>> | GroupSummary<DataIteratorItem<T>>)[];
 };
 type VDataIteratorSlots<T> = {
     default: VDataIteratorSlotProps<T>;
@@ -38968,6 +38969,7 @@ type VDataTableRowsSlots<T> = VDataTableGroupHeaderRowSlots & VDataTableRowSlots
     };
     loading: never;
     'group-header': GroupHeaderSlot;
+    'group-summary': GroupSummarySlot;
     'no-data': never;
     'expanded-row': ItemSlot$1<T>;
 };
@@ -38982,7 +38984,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, {
+    }, {}, 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-summary" | "v-slot:group-header" | "v-slot:expanded-row">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         mobile: boolean | null;
         noDataText: string;
         loadingText: string;
@@ -39017,6 +39019,7 @@ declare const VDataTableRows: {
         }) => vue.VNode[];
         loading: () => vue.VNode[];
         'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
+        'group-summary': (arg: GroupSummarySlot) => vue.VNode[];
         'no-data': () => vue.VNode[];
         'expanded-row': (arg: ItemSlot$1<unknown>) => vue.VNode[];
     }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
@@ -39055,7 +39058,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">, string, {
+}, {}, 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-summary" | "v-slot:group-header" | "v-slot:expanded-row">, string, {
     mobile: boolean | null;
     noDataText: string;
     loadingText: string;
@@ -39090,10 +39093,11 @@ declare const VDataTableRows: {
     }) => vue.VNode[];
     loading: () => vue.VNode[];
     'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
+    'group-summary': (arg: GroupSummarySlot) => vue.VNode[];
     'no-data': () => vue.VNode[];
     'expanded-row': (arg: ItemSlot$1<unknown>) => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
-    items?: readonly (DataTableItem<T> | Group<T>)[];
+    items?: readonly (DataTableItem<T> | Group<T> | GroupSummary<T>)[];
 }, slots: VDataTableRowsSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
     mobile: {
         type: PropType<boolean | null>;
@@ -39107,7 +39111,7 @@ declare const VDataTableRows: {
     };
     hideNoData: BooleanConstructor;
     items: {
-        type: PropType<readonly (DataTableItem | Group)[]>;
+        type: PropType<readonly (DataTableItem | Group | GroupSummary)[]>;
         default: () => never[];
     };
     noDataText: {
@@ -39129,7 +39133,7 @@ declare const VDataTableRows: {
     };
     hideNoData: BooleanConstructor;
     items: {
-        type: PropType<readonly (DataTableItem | Group)[]>;
+        type: PropType<readonly (DataTableItem | Group | GroupSummary)[]>;
         default: () => never[];
     };
     noDataText: {
@@ -39160,7 +39164,7 @@ type VDataTableSlotProps<T> = {
     toggleGroup: ReturnType<typeof provideGroupBy>['toggleGroup'];
     items: readonly T[];
     internalItems: readonly DataTableItem[];
-    groupedItems: readonly (DataTableItem<T> | Group<DataTableItem<T>>)[];
+    groupedItems: readonly (DataTableItem<T> | Group<DataTableItem<T>> | GroupSummary<DataTableItem<T>>)[];
     columns: InternalDataTableHeader[];
     headers: InternalDataTableHeader[][];
 };
@@ -39259,7 +39263,7 @@ 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" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "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" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "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-summary" | "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;
@@ -39338,6 +39342,7 @@ declare const VDataTable: {
         }) => vue.VNode[];
         loading: () => vue.VNode[];
         'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
+        'group-summary': (arg: GroupSummarySlot) => vue.VNode[];
         'no-data': () => vue.VNode[];
         'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode[];
         headers: (arg: HeadersSlotProps) => vue.VNode[];
@@ -39564,7 +39569,7 @@ 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" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "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">, string, {
+}, "headers" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "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-summary" | "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">, string, {
     page: string | number;
     expanded: readonly string[];
     style: vue.StyleValue;
@@ -39643,6 +39648,7 @@ declare const VDataTable: {
     }) => vue.VNode[];
     loading: () => vue.VNode[];
     'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
+    'group-summary': (arg: GroupSummarySlot) => vue.VNode[];
     'no-data': () => vue.VNode[];
     'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode[];
     headers: (arg: HeadersSlotProps) => vue.VNode[];
@@ -40344,7 +40350,7 @@ declare const VDataTableVirtual: {
         'update:options': (value: any) => true;
         'update:groupBy': (value: any) => true;
         'update:expanded': (value: any) => true;
-    }, "headers" | "$children" | "v-slots" | "modelValue" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "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:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    }, "headers" | "$children" | "v-slots" | "modelValue" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "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-summary" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         expanded: readonly string[];
         style: vue.StyleValue;
         mobile: boolean | null;
@@ -40409,6 +40415,7 @@ declare const VDataTableVirtual: {
         }) => vue.VNode[];
         loading: () => vue.VNode[];
         'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
+        'group-summary': (arg: GroupSummarySlot) => vue.VNode[];
         'no-data': () => vue.VNode[];
         'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode[];
         headers: (arg: HeadersSlotProps) => vue.VNode[];
@@ -40581,7 +40588,7 @@ declare const VDataTableVirtual: {
     'update:options': (value: any) => true;
     'update:groupBy': (value: any) => true;
     'update:expanded': (value: any) => true;
-}, "headers" | "$children" | "v-slots" | "modelValue" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "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:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append">, string, {
+}, "headers" | "$children" | "v-slots" | "modelValue" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "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-summary" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append">, string, {
     expanded: readonly string[];
     style: vue.StyleValue;
     mobile: boolean | null;
@@ -40646,6 +40653,7 @@ declare const VDataTableVirtual: {
     }) => vue.VNode[];
     loading: () => vue.VNode[];
     'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
+    'group-summary': (arg: GroupSummarySlot) => vue.VNode[];
     'no-data': () => vue.VNode[];
     'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode[];
     headers: (arg: HeadersSlotProps) => vue.VNode[];
@@ -40986,7 +40994,7 @@ declare const VDataTableServer: {
         'update:options': (options: any) => true;
         'update:expanded': (options: any) => true;
         'update:groupBy': (value: any) => true;
-    }, "headers" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "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" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "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-summary" | "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;
@@ -41063,6 +41071,7 @@ declare const VDataTableServer: {
         }) => vue.VNode[];
         loading: () => vue.VNode[];
         'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
+        'group-summary': (arg: GroupSummarySlot) => vue.VNode[];
         'no-data': () => vue.VNode[];
         'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode[];
         headers: (arg: HeadersSlotProps) => vue.VNode[];
@@ -41276,7 +41285,7 @@ declare const VDataTableServer: {
     'update:options': (options: any) => true;
     'update:expanded': (options: any) => true;
     'update:groupBy': (value: any) => true;
-}, "headers" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "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">, string, {
+}, "headers" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "cellProps" | "items" | "itemValue" | "itemSelectable" | "rowProps" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "v-slot:no-data" | "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-summary" | "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">, string, {
     page: string | number;
     expanded: readonly string[];
     style: vue.StyleValue;
@@ -41353,6 +41362,7 @@ declare const VDataTableServer: {
     }) => vue.VNode[];
     loading: () => vue.VNode[];
     'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
+    'group-summary': (arg: GroupSummarySlot) => vue.VNode[];
     'no-data': () => vue.VNode[];
     'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode[];
     headers: (arg: HeadersSlotProps) => vue.VNode[];
@@ -98095,6 +98105,8 @@ type VColorInputActionsSlot = {
     cancel: () => void;
     isPristine: boolean;
 };
+declare const availablePipLocations: readonly ["prepend", "prepend-inner", "append", "append-inner"];
+type PipLocation = typeof availablePipLocations[number];
 declare const VColorInput: {
     new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         flat: boolean;
@@ -98142,8 +98154,11 @@ declare const VColorInput: {
         cancelText: string;
         okText: string;
         hideActions: boolean;
-        pip: boolean;
+        hidePip: boolean;
+        colorPip: boolean;
         pipIcon: string;
+        pipLocation: "append" | "prepend" | "prepend-inner" | "append-inner";
+        pipVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
     } & {
         name?: string | undefined;
         location?: Anchor | null | undefined;
@@ -98317,8 +98332,11 @@ declare const VColorInput: {
         cancelText: string;
         okText: string;
         hideActions: boolean;
-        pip: boolean;
+        hidePip: boolean;
+        colorPip: boolean;
         pipIcon: string;
+        pipLocation: "append" | "prepend" | "prepend-inner" | "append-inner";
+        pipVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
     }, true, {}, vue.SlotsType<Partial<{
         message: (arg: VMessageSlot) => vue.VNode[];
         clear: (arg: DefaultInputSlot & {
@@ -98390,8 +98408,11 @@ declare const VColorInput: {
         cancelText: string;
         okText: string;
         hideActions: boolean;
-        pip: boolean;
+        hidePip: boolean;
+        colorPip: boolean;
         pipIcon: string;
+        pipLocation: "append" | "prepend" | "prepend-inner" | "append-inner";
+        pipVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
     } & {
         name?: string | undefined;
         location?: Anchor | null | undefined;
@@ -98563,8 +98584,11 @@ declare const VColorInput: {
         cancelText: string;
         okText: string;
         hideActions: boolean;
-        pip: boolean;
+        hidePip: boolean;
+        colorPip: boolean;
         pipIcon: string;
+        pipLocation: "append" | "prepend" | "prepend-inner" | "append-inner";
+        pipVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -98615,8 +98639,11 @@ declare const VColorInput: {
     cancelText: string;
     okText: string;
     hideActions: boolean;
-    pip: boolean;
+    hidePip: boolean;
+    colorPip: boolean;
     pipIcon: string;
+    pipLocation: "append" | "prepend" | "prepend-inner" | "append-inner";
+    pipVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
 } & {
     name?: string | undefined;
     location?: Anchor | null | undefined;
@@ -98790,8 +98817,11 @@ declare const VColorInput: {
     cancelText: string;
     okText: string;
     hideActions: boolean;
-    pip: boolean;
+    hidePip: boolean;
+    colorPip: boolean;
     pipIcon: string;
+    pipLocation: "append" | "prepend" | "prepend-inner" | "append-inner";
+    pipVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
 }, {}, string, vue.SlotsType<Partial<{
     message: (arg: VMessageSlot) => vue.VNode[];
     clear: (arg: DefaultInputSlot & {
@@ -98811,7 +98841,7 @@ declare const VColorInput: {
     actions: (arg: VColorInputActionsSlot) => vue.VNode[];
     default: () => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    location: vue.PropType<Anchor | null>;
+    location: PropType<Anchor | null>;
     height: (StringConstructor | NumberConstructor)[];
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     color: StringConstructor;
@@ -98820,23 +98850,23 @@ declare const VColorInput: {
     minHeight: (StringConstructor | NumberConstructor)[];
     minWidth: (StringConstructor | NumberConstructor)[];
     position: {
-        type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     style: {
-        type: vue.PropType<vue.StyleValue>;
+        type: PropType<vue.StyleValue>;
         default: null;
     };
     title: StringConstructor;
     disabled: BooleanConstructor;
-    class: vue.PropType<ClassValue>;
+    class: PropType<ClassValue>;
     theme: StringConstructor;
     tag: {
-        type: vue.PropType<string | JSXComponent>;
+        type: PropType<string | JSXComponent>;
         default: string;
     };
     mode: {
-        type: vue.PropType<keyof typeof modes>;
+        type: PropType<keyof typeof modes>;
         default: string;
         validator: (v: string) => boolean;
     };
@@ -98846,7 +98876,7 @@ declare const VColorInput: {
         validator(v: any): boolean;
     };
     modelValue: {
-        type: vue.PropType<Record<string, unknown> | string | undefined | null>;
+        type: PropType<Record<string, unknown> | string | undefined | null>;
     };
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -98860,13 +98890,13 @@ declare const VColorInput: {
         default: number;
     };
     modes: {
-        type: vue.PropType<readonly (keyof typeof modes)[]>;
+        type: PropType<readonly (keyof typeof modes)[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
-    swatches: vue.PropType<vue.DeepReadonly<Color[][]>>;
+    swatches: PropType<vue.DeepReadonly<Color[][]>>;
     hideHeader: {
-        type: vue.PropType<boolean>;
+        type: PropType<boolean>;
         default: boolean;
     };
     canvasHeight: {
@@ -98882,10 +98912,10 @@ declare const VColorInput: {
         default: number;
     };
     loading: (StringConstructor | BooleanConstructor)[];
-    appendInnerIcon: vue.PropType<IconValue>;
+    appendInnerIcon: PropType<IconValue>;
     clearable: BooleanConstructor;
     clearIcon: {
-        type: vue.PropType<IconValue>;
+        type: PropType<IconValue>;
         default: string;
     };
     active: BooleanConstructor;
@@ -98902,21 +98932,21 @@ declare const VColorInput: {
     iconColor: (StringConstructor | BooleanConstructor)[];
     label: StringConstructor;
     persistentClear: BooleanConstructor;
-    prependInnerIcon: vue.PropType<IconValue>;
+    prependInnerIcon: PropType<IconValue>;
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: vue.PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     };
-    'onClick:clear': vue.PropType<(args_0: MouseEvent) => void>;
-    'onClick:appendInner': vue.PropType<(args_0: MouseEvent) => void>;
-    'onClick:prependInner': vue.PropType<(args_0: MouseEvent) => void>;
+    'onClick:clear': PropType<(args_0: MouseEvent) => void>;
+    'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
+    'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
+    'onUpdate:focused': PropType<(args_0: boolean) => void>;
     errorMessages: {
-        type: vue.PropType<string | readonly string[] | null>;
+        type: PropType<string | readonly string[] | null>;
         default: () => never[];
     };
     maxErrors: {
@@ -98925,42 +98955,42 @@ declare const VColorInput: {
     };
     name: StringConstructor;
     readonly: {
-        type: vue.PropType<boolean | null>;
+        type: PropType<boolean | null>;
         default: null;
     };
     rules: {
-        type: vue.PropType<readonly (ValidationRule$1 | ValidationAlias)[]>;
+        type: PropType<readonly (ValidationRule$1 | ValidationAlias)[]>;
         default: () => never[];
     };
-    validateOn: vue.PropType<ValidationProps["validateOn"]>;
+    validateOn: PropType<ValidationProps["validateOn"]>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     density: {
-        type: vue.PropType<Density>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
     id: StringConstructor;
-    appendIcon: vue.PropType<IconValue>;
-    prependIcon: vue.PropType<IconValue>;
-    hideDetails: vue.PropType<boolean | "auto">;
+    appendIcon: PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
+    hideDetails: PropType<boolean | "auto">;
     hideSpinButtons: BooleanConstructor;
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     messages: {
-        type: vue.PropType<string | readonly string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     };
     direction: {
-        type: vue.PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "vertical">;
         default: string;
         validator: (v: any) => boolean;
     };
-    'onClick:prepend': vue.PropType<(args_0: MouseEvent) => void>;
-    'onClick:append': vue.PropType<(args_0: MouseEvent) => void>;
+    'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
+    'onClick:append': PropType<(args_0: MouseEvent) => void>;
     autofocus: BooleanConstructor;
     counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    counterValue: vue.PropType<number | ((value: any) => number)>;
+    counterValue: PropType<number | ((value: any) => number)>;
     prefix: StringConstructor;
     placeholder: StringConstructor;
     persistentPlaceholder: BooleanConstructor;
@@ -98971,7 +99001,7 @@ declare const VColorInput: {
         type: StringConstructor;
         default: string;
     };
-    modelModifiers: vue.PropType<Record<string, boolean>>;
+    modelModifiers: PropType<Record<string, boolean>>;
     cancelText: {
         type: StringConstructor;
         default: string;
@@ -98981,13 +99011,23 @@ declare const VColorInput: {
         default: string;
     };
     hideActions: BooleanConstructor;
-    pip: BooleanConstructor;
+    hidePip: BooleanConstructor;
+    colorPip: BooleanConstructor;
     pipIcon: {
         type: StringConstructor;
         default: string;
     };
+    pipLocation: {
+        type: PropType<PipLocation>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    pipVariant: {
+        type: PropType<VAvatar["$props"]["variant"]>;
+        default: string;
+    };
 }, vue.ExtractPropTypes<{
-    location: vue.PropType<Anchor | null>;
+    location: PropType<Anchor | null>;
     height: (StringConstructor | NumberConstructor)[];
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     color: StringConstructor;
@@ -98996,23 +99036,23 @@ declare const VColorInput: {
     minHeight: (StringConstructor | NumberConstructor)[];
     minWidth: (StringConstructor | NumberConstructor)[];
     position: {
-        type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     style: {
-        type: vue.PropType<vue.StyleValue>;
+        type: PropType<vue.StyleValue>;
         default: null;
     };
     title: StringConstructor;
     disabled: BooleanConstructor;
-    class: vue.PropType<ClassValue>;
+    class: PropType<ClassValue>;
     theme: StringConstructor;
     tag: {
-        type: vue.PropType<string | JSXComponent>;
+        type: PropType<string | JSXComponent>;
         default: string;
     };
     mode: {
-        type: vue.PropType<keyof typeof modes>;
+        type: PropType<keyof typeof modes>;
         default: string;
         validator: (v: string) => boolean;
     };
@@ -99022,7 +99062,7 @@ declare const VColorInput: {
         validator(v: any): boolean;
     };
     modelValue: {
-        type: vue.PropType<Record<string, unknown> | string | undefined | null>;
+        type: PropType<Record<string, unknown> | string | undefined | null>;
     };
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -99036,13 +99076,13 @@ declare const VColorInput: {
         default: number;
     };
     modes: {
-        type: vue.PropType<readonly (keyof typeof modes)[]>;
+        type: PropType<readonly (keyof typeof modes)[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
-    swatches: vue.PropType<vue.DeepReadonly<Color[][]>>;
+    swatches: PropType<vue.DeepReadonly<Color[][]>>;
     hideHeader: {
-        type: vue.PropType<boolean>;
+        type: PropType<boolean>;
         default: boolean;
     };
     canvasHeight: {
@@ -99058,10 +99098,10 @@ declare const VColorInput: {
         default: number;
     };
     loading: (StringConstructor | BooleanConstructor)[];
-    appendInnerIcon: vue.PropType<IconValue>;
+    appendInnerIcon: PropType<IconValue>;
     clearable: BooleanConstructor;
     clearIcon: {
-        type: vue.PropType<IconValue>;
+        type: PropType<IconValue>;
         default: string;
     };
     active: BooleanConstructor;
@@ -99078,21 +99118,21 @@ declare const VColorInput: {
     iconColor: (StringConstructor | BooleanConstructor)[];
     label: StringConstructor;
     persistentClear: BooleanConstructor;
-    prependInnerIcon: vue.PropType<IconValue>;
+    prependInnerIcon: PropType<IconValue>;
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: vue.PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     };
-    'onClick:clear': vue.PropType<(args_0: MouseEvent) => void>;
-    'onClick:appendInner': vue.PropType<(args_0: MouseEvent) => void>;
-    'onClick:prependInner': vue.PropType<(args_0: MouseEvent) => void>;
+    'onClick:clear': PropType<(args_0: MouseEvent) => void>;
+    'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
+    'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
+    'onUpdate:focused': PropType<(args_0: boolean) => void>;
     errorMessages: {
-        type: vue.PropType<string | readonly string[] | null>;
+        type: PropType<string | readonly string[] | null>;
         default: () => never[];
     };
     maxErrors: {
@@ -99101,42 +99141,42 @@ declare const VColorInput: {
     };
     name: StringConstructor;
     readonly: {
-        type: vue.PropType<boolean | null>;
+        type: PropType<boolean | null>;
         default: null;
     };
     rules: {
-        type: vue.PropType<readonly (ValidationRule$1 | ValidationAlias)[]>;
+        type: PropType<readonly (ValidationRule$1 | ValidationAlias)[]>;
         default: () => never[];
     };
-    validateOn: vue.PropType<ValidationProps["validateOn"]>;
+    validateOn: PropType<ValidationProps["validateOn"]>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     density: {
-        type: vue.PropType<Density>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
     id: StringConstructor;
-    appendIcon: vue.PropType<IconValue>;
-    prependIcon: vue.PropType<IconValue>;
-    hideDetails: vue.PropType<boolean | "auto">;
+    appendIcon: PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
+    hideDetails: PropType<boolean | "auto">;
     hideSpinButtons: BooleanConstructor;
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     messages: {
-        type: vue.PropType<string | readonly string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     };
     direction: {
-        type: vue.PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "vertical">;
         default: string;
         validator: (v: any) => boolean;
     };
-    'onClick:prepend': vue.PropType<(args_0: MouseEvent) => void>;
-    'onClick:append': vue.PropType<(args_0: MouseEvent) => void>;
+    'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
+    'onClick:append': PropType<(args_0: MouseEvent) => void>;
     autofocus: BooleanConstructor;
     counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    counterValue: vue.PropType<number | ((value: any) => number)>;
+    counterValue: PropType<number | ((value: any) => number)>;
     prefix: StringConstructor;
     placeholder: StringConstructor;
     persistentPlaceholder: BooleanConstructor;
@@ -99147,7 +99187,7 @@ declare const VColorInput: {
         type: StringConstructor;
         default: string;
     };
-    modelModifiers: vue.PropType<Record<string, boolean>>;
+    modelModifiers: PropType<Record<string, boolean>>;
     cancelText: {
         type: StringConstructor;
         default: string;
@@ -99157,11 +99197,21 @@ declare const VColorInput: {
         default: string;
     };
     hideActions: BooleanConstructor;
-    pip: BooleanConstructor;
+    hidePip: BooleanConstructor;
+    colorPip: BooleanConstructor;
     pipIcon: {
         type: StringConstructor;
         default: string;
     };
+    pipLocation: {
+        type: PropType<PipLocation>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    pipVariant: {
+        type: PropType<VAvatar["$props"]["variant"]>;
+        default: string;
+    };
 }>>;
 type VColorInput = InstanceType<typeof VColorInput>;
 
@@ -122808,41 +122858,30 @@ declare module 'vue' {
   }
   export interface GlobalComponents {
     VApp: VApp
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
+    VBanner: VBanner
+    VBannerActions: VBannerActions
+    VBannerText: VBannerText
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VAutocomplete: VAutocomplete
     VBottomNavigation: VBottomNavigation
     VAvatar: VAvatar
-    VBadge: VBadge
-    VBottomSheet: VBottomSheet
-    VBanner: VBanner
-    VBannerActions: VBannerActions
-    VBannerText: VBannerText
+    VBtn: VBtn
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
+    VBtnGroup: VBtnGroup
     VBtnToggle: VBtnToggle
+    VBadge: VBadge
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtn: VBtn
-    VBtnGroup: VBtnGroup
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VChip: VChip
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VCard: VCard
-    VCardActions: VCardActions
-    VCardItem: VCardItem
-    VCardSubtitle: VCardSubtitle
-    VCardText: VCardText
-    VCardTitle: VCardTitle
+    VChip: VChip
     VChipGroup: VChipGroup
-    VCode: VCode
-    VColorPicker: VColorPicker
     VCombobox: VCombobox
-    VCounter: VCounter
+    VColorPicker: VColorPicker
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -122850,7 +122889,10 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VCounter: VCounter
     VDialog: VDialog
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
@@ -122858,28 +122900,35 @@ declare module 'vue' {
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
     VDivider: VDivider
-    VEmptyState: VEmptyState
+    VFab: VFab
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VFileInput: VFileInput
-    VFab: VFab
-    VFooter: VFooter
+    VBottomSheet: VBottomSheet
+    VCard: VCard
+    VCardActions: VCardActions
+    VCardItem: VCardItem
+    VCardSubtitle: VCardSubtitle
+    VCardText: VCardText
+    VCardTitle: VCardTitle
     VField: VField
     VFieldLabel: VFieldLabel
+    VFileInput: VFileInput
+    VCode: VCode
+    VFooter: VFooter
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VItemGroup: VItemGroup
-    VItem: VItem
-    VInfiniteScroll: VInfiniteScroll
     VImg: VImg
     VInput: VInput
-    VKbd: VKbd
+    VInfiniteScroll: VInfiniteScroll
+    VItemGroup: VItemGroup
+    VItem: VItem
     VLabel: VLabel
+    VKbd: VKbd
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -122889,34 +122938,34 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMain: VMain
-    VMessages: VMessages
     VNavigationDrawer: VNavigationDrawer
+    VMain: VMain
     VOtpInput: VOtpInput
     VNumberInput: VNumberInput
+    VOverlay: VOverlay
+    VMessages: VMessages
     VMenu: VMenu
     VProgressLinear: VProgressLinear
-    VOverlay: VOverlay
     VPagination: VPagination
-    VProgressCircular: VProgressCircular
-    VRating: VRating
     VRadioGroup: VRadioGroup
+    VRating: VRating
+    VProgressCircular: VProgressCircular
     VSelect: VSelect
+    VSelectionControl: VSelectionControl
     VSheet: VSheet
-    VSlider: VSlider
     VSkeletonLoader: VSkeletonLoader
     VSelectionControlGroup: VSelectionControlGroup
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSelectionControl: VSelectionControl
+    VSlider: VSlider
+    VSnackbar: VSnackbar
+    VSwitch: VSwitch
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSnackbar: VSnackbar
-    VSwitch: VSwitch
     VTable: VTable
     VSystemBar: VSystemBar
     VTab: VTab
@@ -122924,43 +122973,43 @@ declare module 'vue' {
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
     VTextField: VTextField
-    VTextarea: VTextarea
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VTooltip: VTooltip
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
+    VTextarea: VTextarea
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VWindow: VWindow
     VWindowItem: VWindowItem
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VConfirmEdit: VConfirmEdit
+    VTooltip: VTooltip
     VDataIterator: VDataIterator
-    VDefaultsProvider: VDefaultsProvider
+    VConfirmEdit: VConfirmEdit
     VForm: VForm
-    VHover: VHover
+    VEmptyState: VEmptyState
+    VDefaultsProvider: VDefaultsProvider
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
+    VLocaleProvider: VLocaleProvider
     VLayout: VLayout
     VLayoutItem: VLayoutItem
     VLazy: VLazy
-    VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
-    VRangeSlider: VRangeSlider
     VRadio: VRadio
     VResponsive: VResponsive
+    VRangeSlider: VRangeSlider
     VSparkline: VSparkline
+    VSnackbarQueue: VSnackbarQueue
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
-    VValidation: VValidation
     VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
@@ -122978,32 +123027,33 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VSnackbarQueue: VSnackbarQueue
-    VColorInput: VColorInput
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
+    VValidation: VValidation
+    VHover: VHover
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VIconBtn: VIconBtn
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
     VPicker: VPicker
     VPickerTitle: VPickerTitle
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
+    VIconBtn: VIconBtn
+    VHotkey: VHotkey
     VPie: VPie
     VPieSegment: VPieSegment
     VPieTooltip: VPieTooltip
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VVideo: VVideo
     VVideoControls: VVideoControls
     VVideoVolume: VVideoVolume
     VDateInput: VDateInput
     VMaskInput: VMaskInput
     VPullToRefresh: VPullToRefresh
-    VHotkey: VHotkey
+    VColorInput: VColorInput
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']