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

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;
@@ -29199,6 +29213,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 +37990,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 +38983,7 @@ type VDataTableRowsSlots<T> = VDataTableGroupHeaderRowSlots & VDataTableRowSlots
     };
     loading: never;
     'group-header': GroupHeaderSlot;
+    'group-summary': GroupSummarySlot;
     'no-data': never;
     'expanded-row': ItemSlot$1<T>;
 };
@@ -38982,7 +38998,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 +39033,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 +39072,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 +39107,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 +39125,7 @@ declare const VDataTableRows: {
     };
     hideNoData: BooleanConstructor;
     items: {
-        type: PropType<readonly (DataTableItem | Group)[]>;
+        type: PropType<readonly (DataTableItem | Group | GroupSummary)[]>;
         default: () => never[];
     };
     noDataText: {
@@ -39129,7 +39147,7 @@ declare const VDataTableRows: {
     };
     hideNoData: BooleanConstructor;
     items: {
-        type: PropType<readonly (DataTableItem | Group)[]>;
+        type: PropType<readonly (DataTableItem | Group | GroupSummary)[]>;
         default: () => never[];
     };
     noDataText: {
@@ -39160,7 +39178,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 +39277,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 +39356,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 +39583,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 +39662,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 +40364,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 +40429,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 +40602,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 +40667,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 +41008,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 +41085,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 +41299,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 +41376,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 +98119,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 +98168,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 +98346,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 +98422,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 +98598,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 +98653,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 +98831,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 +98855,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 +98864,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 +98890,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 +98904,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 +98926,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 +98946,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 +98969,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 +99015,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 +99025,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 +99050,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 +99076,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 +99090,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 +99112,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 +99132,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 +99155,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 +99201,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 +99211,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>;
 
@@ -122810,76 +122874,76 @@ declare module 'vue' {
     VApp: VApp
     VAlert: VAlert
     VAlertTitle: VAlertTitle
+    VAutocomplete: VAutocomplete
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAutocomplete: VAutocomplete
-    VBottomNavigation: VBottomNavigation
     VAvatar: VAvatar
-    VBadge: VBadge
-    VBottomSheet: VBottomSheet
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
+    VBadge: VBadge
     VBtnToggle: VBtnToggle
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
     VBtn: VBtn
     VBtnGroup: VBtnGroup
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VChip: VChip
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
+    VBottomSheet: VBottomSheet
+    VBottomNavigation: VBottomNavigation
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
+    VChip: VChip
     VChipGroup: VChipGroup
     VCode: VCode
-    VColorPicker: VColorPicker
-    VCombobox: VCombobox
-    VCounter: VCounter
-    VDataTable: VDataTable
-    VDataTableHeaders: VDataTableHeaders
-    VDataTableFooter: VDataTableFooter
-    VDataTableRows: VDataTableRows
-    VDataTableRow: VDataTableRow
-    VDataTableVirtual: VDataTableVirtual
-    VDataTableServer: VDataTableServer
-    VDialog: VDialog
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
+    VColorPicker: VColorPicker
+    VCombobox: VCombobox
+    VCounter: VCounter
     VDivider: VDivider
-    VEmptyState: VEmptyState
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VFileInput: VFileInput
+    VDialog: VDialog
+    VDataTable: VDataTable
+    VDataTableHeaders: VDataTableHeaders
+    VDataTableFooter: VDataTableFooter
+    VDataTableRows: VDataTableRows
+    VDataTableRow: VDataTableRow
+    VDataTableVirtual: VDataTableVirtual
+    VDataTableServer: VDataTableServer
     VFab: VFab
-    VFooter: VFooter
+    VEmptyState: VEmptyState
     VField: VField
     VFieldLabel: VFieldLabel
+    VFooter: VFooter
+    VFileInput: VFileInput
+    VImg: VImg
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VItemGroup: VItemGroup
-    VItem: VItem
     VInfiniteScroll: VInfiniteScroll
-    VImg: VImg
-    VInput: VInput
     VKbd: VKbd
     VLabel: VLabel
+    VInput: VInput
+    VItemGroup: VItemGroup
+    VItem: VItem
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -122891,72 +122955,73 @@ declare module 'vue' {
     VListSubheader: VListSubheader
     VMain: VMain
     VMessages: VMessages
-    VNavigationDrawer: VNavigationDrawer
-    VOtpInput: VOtpInput
-    VNumberInput: VNumberInput
     VMenu: VMenu
-    VProgressLinear: VProgressLinear
-    VOverlay: VOverlay
     VPagination: VPagination
+    VOverlay: VOverlay
+    VNavigationDrawer: VNavigationDrawer
+    VNumberInput: VNumberInput
+    VOtpInput: VOtpInput
     VProgressCircular: VProgressCircular
-    VRating: VRating
+    VProgressLinear: VProgressLinear
     VRadioGroup: VRadioGroup
+    VRating: VRating
     VSelect: VSelect
+    VSelectionControlGroup: VSelectionControlGroup
+    VSelectionControl: VSelectionControl
     VSheet: VSheet
-    VSlider: VSlider
     VSkeletonLoader: VSkeletonLoader
-    VSelectionControlGroup: VSelectionControlGroup
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSelectionControl: VSelectionControl
+    VSlider: VSlider
+    VSnackbar: VSnackbar
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSnackbar: VSnackbar
     VSwitch: VSwitch
-    VTable: VTable
-    VSystemBar: VSystemBar
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTextField: VTextField
+    VSystemBar: VSystemBar
     VTextarea: VTextarea
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
+    VTextField: VTextField
+    VTable: VTable
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VTooltip: VTooltip
-    VWindow: VWindow
-    VWindowItem: VWindowItem
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
+    VWindow: VWindow
+    VWindowItem: VWindowItem
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
     VForm: VForm
-    VHover: VHover
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
+    VHover: VHover
+    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
-    VRangeSlider: VRangeSlider
     VRadio: VRadio
+    VRangeSlider: VRangeSlider
     VResponsive: VResponsive
+    VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
@@ -122978,10 +123043,7 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VSnackbarQueue: VSnackbarQueue
     VColorInput: VColorInput
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
@@ -122989,21 +123051,23 @@ declare module 'vue' {
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
     VIconBtn: VIconBtn
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
     VPie: VPie
     VPieSegment: VPieSegment
     VPieTooltip: VPieTooltip
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
+    VHotkey: VHotkey
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VVideo: VVideo
     VVideoControls: VVideoControls
     VVideoVolume: VVideoVolume
     VDateInput: VDateInput
     VMaskInput: VMaskInput
     VPullToRefresh: VPullToRefresh
-    VHotkey: VHotkey
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']