@vuetify/nightly 3.9.5-dev.2025-08-12 → 3.9.5-dev.2025-08-24

package/dist/vuetify.d.ts

@@ -23421,6 +23421,7 @@ type VBtnToggle = InstanceType<typeof VBtnToggle>;
 declare const VCardItem: {
     new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
+        tag: string | JSXComponent;
         density: Density;
     } & {
         title?: string | number | boolean | undefined;
@@ -23456,6 +23457,7 @@ declare const VCardItem: {
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
         title: string | number | boolean;
+        tag: string | JSXComponent;
         density: Density;
         subtitle: string | number | boolean;
     }, true, {}, vue.SlotsType<Partial<{
@@ -23473,6 +23475,7 @@ declare const VCardItem: {
         Defaults: {};
     }, {
         style: vue.StyleValue;
+        tag: string | JSXComponent;
         density: Density;
     } & {
         title?: string | number | boolean | undefined;
@@ -23508,6 +23511,7 @@ declare const VCardItem: {
     }, {}, {}, {}, {}, {
         style: vue.StyleValue;
         title: string | number | boolean;
+        tag: string | JSXComponent;
         density: Density;
         subtitle: string | number | boolean;
     }>;
@@ -23516,6 +23520,7 @@ declare const VCardItem: {
     __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
+    tag: string | JSXComponent;
     density: Density;
 } & {
     title?: string | number | boolean | undefined;
@@ -23551,6 +23556,7 @@ declare const VCardItem: {
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
     title: string | number | boolean;
+    tag: string | JSXComponent;
     density: Density;
     subtitle: string | number | boolean;
 }, {}, string, vue.SlotsType<Partial<{
@@ -23560,6 +23566,10 @@ declare const VCardItem: {
     title: () => vue.VNode[];
     subtitle: () => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    tag: {
+        type: vue.PropType<string | JSXComponent>;
+        default: string;
+    };
     density: {
         type: vue.PropType<Density>;
         default: string;
@@ -23583,6 +23593,10 @@ declare const VCardItem: {
         default: undefined;
     };
 }, vue.ExtractPropTypes<{
+    tag: {
+        type: vue.PropType<string | JSXComponent>;
+        default: string;
+    };
     density: {
         type: vue.PropType<Density>;
         default: string;
@@ -24106,6 +24120,7 @@ type VCard = InstanceType<typeof VCard>;
 declare const VCardActions: {
     new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
+        tag: string | JSXComponent;
     } & {
         class?: any;
     } & {
@@ -24121,6 +24136,7 @@ declare const VCardActions: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
+        tag: string | JSXComponent;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
     }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
@@ -24132,6 +24148,7 @@ declare const VCardActions: {
         Defaults: {};
     }, {
         style: vue.StyleValue;
+        tag: string | JSXComponent;
     } & {
         class?: any;
     } & {
@@ -24147,12 +24164,14 @@ declare const VCardActions: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
         style: vue.StyleValue;
+        tag: string | JSXComponent;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
+    tag: string | JSXComponent;
 } & {
     class?: any;
 } & {
@@ -24168,15 +24187,24 @@ declare const VCardActions: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
+    tag: string | JSXComponent;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    tag: {
+        type: vue.PropType<string | JSXComponent>;
+        default: string;
+    };
     class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
 }, vue.ExtractPropTypes<{
+    tag: {
+        type: vue.PropType<string | JSXComponent>;
+        default: string;
+    };
     class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
@@ -96299,50 +96327,40 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: VApp
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VAutocomplete: VAutocomplete
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VBadge: VBadge
+    VApp: VApp
     VBottomSheet: VBottomSheet
-    VAvatar: VAvatar
-    VBanner: VBanner
-    VBannerActions: VBannerActions
-    VBannerText: VBannerText
-    VBtnGroup: VBtnGroup
+    VBadge: VBadge
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBanner: VBanner
+    VBannerActions: VBannerActions
+    VBannerText: VBannerText
     VBottomNavigation: VBottomNavigation
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VBtn: VBtn
+    VAvatar: VAvatar
+    VBtnGroup: VBtnGroup
     VBtnToggle: VBtnToggle
+    VBtn: VBtn
+    VColorPicker: VColorPicker
+    VChip: VChip
+    VChipGroup: VChipGroup
+    VCode: VCode
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VCode: VCode
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
     VCombobox: VCombobox
-    VDialog: VDialog
-    VChip: VChip
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
-    VColorPicker: VColorPicker
-    VChipGroup: VChipGroup
-    VEmptyState: VEmptyState
     VCounter: VCounter
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -96350,27 +96368,35 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VDialog: VDialog
     VDivider: VDivider
-    VField: VField
-    VFieldLabel: VFieldLabel
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VFileInput: VFileInput
+    VEmptyState: VEmptyState
     VFab: VFab
+    VField: VField
+    VFieldLabel: VFieldLabel
     VFooter: VFooter
+    VFileInput: VFileInput
+    VInfiniteScroll: VInfiniteScroll
+    VImg: VImg
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VInfiniteScroll: VInfiniteScroll
     VInput: VInput
-    VLabel: VLabel
-    VImg: VImg
     VItemGroup: VItemGroup
     VItem: VItem
+    VLabel: VLabel
     VKbd: VKbd
     VList: VList
     VListGroup: VListGroup
@@ -96381,16 +96407,16 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VNavigationDrawer: VNavigationDrawer
     VMenu: VMenu
     VMessages: VMessages
-    VPagination: VPagination
+    VNavigationDrawer: VNavigationDrawer
+    VMain: VMain
     VOtpInput: VOtpInput
-    VOverlay: VOverlay
-    VProgressCircular: VProgressCircular
+    VPagination: VPagination
     VNumberInput: VNumberInput
-    VRadioGroup: VRadioGroup
+    VProgressCircular: VProgressCircular
     VProgressLinear: VProgressLinear
+    VRadioGroup: VRadioGroup
     VRating: VRating
     VSelect: VSelect
     VSelectionControl: VSelectionControl
@@ -96399,57 +96425,59 @@ declare module 'vue' {
     VSlideGroupItem: VSlideGroupItem
     VSlider: VSlider
     VSkeletonLoader: VSkeletonLoader
-    VSelectionControlGroup: VSelectionControlGroup
     VSnackbar: VSnackbar
+    VSelectionControlGroup: VSelectionControlGroup
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSwitch: VSwitch
     VTable: VTable
+    VSwitch: VSwitch
+    VSystemBar: VSystemBar
+    VTextarea: VTextarea
+    VTextField: VTextField
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTextField: VTextField
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VSystemBar: VSystemBar
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
-    VTooltip: VTooltip
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VTextarea: VTextarea
+    VTooltip: VTooltip
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VWindow: VWindow
     VWindowItem: VWindowItem
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
     VForm: VForm
-    VHover: VHover
-    VMain: VMain
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
+    VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
     VLazy: VLazy
+    VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
-    VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
+    VSnackbarQueue: VSnackbarQueue
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
     VValidation: VValidation
@@ -96470,32 +96498,32 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VLocaleProvider: VLocaleProvider
-    VCalendar: VCalendar
-    VCalendarDay: VCalendarDay
-    VCalendarHeader: VCalendarHeader
-    VCalendarInterval: VCalendarInterval
-    VCalendarIntervalEvent: VCalendarIntervalEvent
-    VCalendarMonthDay: VCalendarMonthDay
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
-    VColorInput: VColorInput
+    VOverlay: VOverlay
     VIconBtn: VIconBtn
-    VPie: VPie
-    VPieSegment: VPieSegment
-    VPieTooltip: VPieTooltip
+    VColorInput: VColorInput
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VHotkey: VHotkey
+    VPie: VPie
+    VPieSegment: VPieSegment
+    VPieTooltip: VPieTooltip
+    VCalendar: VCalendar
+    VCalendarDay: VCalendarDay
+    VCalendarHeader: VCalendarHeader
+    VCalendarInterval: VCalendarInterval
+    VCalendarIntervalEvent: VCalendarIntervalEvent
+    VCalendarMonthDay: VCalendarMonthDay
     VVideo: VVideo
     VVideoControls: VVideoControls
     VVideoVolume: VVideoVolume
+    VHotkey: VHotkey
     VDateInput: VDateInput
-    VMaskInput: VMaskInput
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VPullToRefresh: VPullToRefresh
+    VMaskInput: VMaskInput
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.5-dev.2025-08-12
+* Vuetify v3.9.5-dev.2025-08-24
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -13983,6 +13983,7 @@ function filterItems(items, query, options) {
   const keys = options?.filterKeys ? wrapInArray(options.filterKeys) : false;
   const customFiltersLength = Object.keys(options?.customKeyFilter ?? {}).length;
   if (!items?.length) return array;
+  let lookAheadItem = null;
   loop: for (let i = 0; i < items.length; i++) {
     const [item, transformed = item] = wrapInArray(items[i]);
     const customMatches = {};
@@ -13991,6 +13992,14 @@ function filterItems(items, query, options) {
     if ((query || customFiltersLength > 0) && !options?.noFilter) {
       if (typeof item === 'object') {
         if (item.type === 'divider' || item.type === 'subheader') {
+          if (lookAheadItem?.type === 'divider' && item.type === 'subheader') {
+            array.push(lookAheadItem); // divider before subheader
+          }
+          lookAheadItem = {
+            index: i,
+            matches: {},
+            type: item.type
+          };
           continue;
         }
         const filterKeys = keys || Object.keys(transformed);
@@ -14016,6 +14025,10 @@ function filterItems(items, query, options) {
       if (options?.filterMode === 'union' && customMatchesLength !== customFiltersLength && !defaultMatchesLength) continue;
       if (options?.filterMode === 'intersection' && (customMatchesLength !== customFiltersLength || !defaultMatchesLength)) continue;
     }
+    if (lookAheadItem) {
+      array.push(lookAheadItem);
+      lookAheadItem = null;
+    }
     array.push({
       index: i,
       matches: {
@@ -15276,9 +15289,13 @@ const VBreadcrumbs = genericComponent()({
   }
 });
 
+const makeVCardActionsProps = propsFactory({
+  ...makeComponentProps(),
+  ...makeTagProps()
+}, 'VCardActions');
 const VCardActions = genericComponent()({
   name: 'VCardActions',
-  props: makeComponentProps(),
+  props: makeVCardActionsProps(),
   setup(props, _ref) {
     let {
       slots
@@ -15289,10 +15306,10 @@ const VCardActions = genericComponent()({
         variant: 'text'
       }
     });
-    useRender(() => createElementVNode("div", {
+    useRender(() => createVNode(props.tag, {
       "class": normalizeClass(['v-card-actions', props.class]),
       "style": normalizeStyle(props.style)
-    }, [slots.default?.()]));
+    }, slots));
     return {};
   }
 });
@@ -15336,7 +15353,8 @@ const makeCardItemProps = propsFactory({
     default: undefined
   },
   ...makeComponentProps(),
-  ...makeDensityProps()
+  ...makeDensityProps(),
+  ...makeTagProps()
 }, 'VCardItem');
 const VCardItem = genericComponent()({
   name: 'VCardItem',
@@ -15352,68 +15370,70 @@ const VCardItem = genericComponent()({
       const hasAppend = !!(hasAppendMedia || slots.append);
       const hasTitle = !!(props.title != null || slots.title);
       const hasSubtitle = !!(props.subtitle != null || slots.subtitle);
-      return createElementVNode("div", {
+      return createVNode(props.tag, {
         "class": normalizeClass(['v-card-item', props.class]),
         "style": normalizeStyle(props.style)
-      }, [hasPrepend && createElementVNode("div", {
-        "key": "prepend",
-        "class": "v-card-item__prepend"
-      }, [!slots.prepend ? createElementVNode(Fragment, null, [props.prependAvatar && createVNode(VAvatar, {
-        "key": "prepend-avatar",
-        "density": props.density,
-        "image": props.prependAvatar
-      }, null), props.prependIcon && createVNode(VIcon, {
-        "key": "prepend-icon",
-        "density": props.density,
-        "icon": props.prependIcon
-      }, null)]) : createVNode(VDefaultsProvider, {
-        "key": "prepend-defaults",
-        "disabled": !hasPrependMedia,
-        "defaults": {
-          VAvatar: {
-            density: props.density,
-            image: props.prependAvatar
-          },
-          VIcon: {
-            density: props.density,
-            icon: props.prependIcon
-          }
-        }
-      }, slots.prepend)]), createElementVNode("div", {
-        "class": "v-card-item__content"
-      }, [hasTitle && createVNode(VCardTitle, {
-        "key": "title"
-      }, {
-        default: () => [slots.title?.() ?? toDisplayString(props.title)]
-      }), hasSubtitle && createVNode(VCardSubtitle, {
-        "key": "subtitle"
       }, {
-        default: () => [slots.subtitle?.() ?? toDisplayString(props.subtitle)]
-      }), slots.default?.()]), hasAppend && createElementVNode("div", {
-        "key": "append",
-        "class": "v-card-item__append"
-      }, [!slots.append ? createElementVNode(Fragment, null, [props.appendIcon && createVNode(VIcon, {
-        "key": "append-icon",
-        "density": props.density,
-        "icon": props.appendIcon
-      }, null), props.appendAvatar && createVNode(VAvatar, {
-        "key": "append-avatar",
-        "density": props.density,
-        "image": props.appendAvatar
-      }, null)]) : createVNode(VDefaultsProvider, {
-        "key": "append-defaults",
-        "disabled": !hasAppendMedia,
-        "defaults": {
-          VAvatar: {
-            density: props.density,
-            image: props.appendAvatar
-          },
-          VIcon: {
-            density: props.density,
-            icon: props.appendIcon
+        default: () => [hasPrepend && createElementVNode("div", {
+          "key": "prepend",
+          "class": "v-card-item__prepend"
+        }, [!slots.prepend ? createElementVNode(Fragment, null, [props.prependAvatar && createVNode(VAvatar, {
+          "key": "prepend-avatar",
+          "density": props.density,
+          "image": props.prependAvatar
+        }, null), props.prependIcon && createVNode(VIcon, {
+          "key": "prepend-icon",
+          "density": props.density,
+          "icon": props.prependIcon
+        }, null)]) : createVNode(VDefaultsProvider, {
+          "key": "prepend-defaults",
+          "disabled": !hasPrependMedia,
+          "defaults": {
+            VAvatar: {
+              density: props.density,
+              image: props.prependAvatar
+            },
+            VIcon: {
+              density: props.density,
+              icon: props.prependIcon
+            }
           }
-        }
-      }, slots.append)])]);
+        }, slots.prepend)]), createElementVNode("div", {
+          "class": "v-card-item__content"
+        }, [hasTitle && createVNode(VCardTitle, {
+          "key": "title"
+        }, {
+          default: () => [slots.title?.() ?? toDisplayString(props.title)]
+        }), hasSubtitle && createVNode(VCardSubtitle, {
+          "key": "subtitle"
+        }, {
+          default: () => [slots.subtitle?.() ?? toDisplayString(props.subtitle)]
+        }), slots.default?.()]), hasAppend && createElementVNode("div", {
+          "key": "append",
+          "class": "v-card-item__append"
+        }, [!slots.append ? createElementVNode(Fragment, null, [props.appendIcon && createVNode(VIcon, {
+          "key": "append-icon",
+          "density": props.density,
+          "icon": props.appendIcon
+        }, null), props.appendAvatar && createVNode(VAvatar, {
+          "key": "append-avatar",
+          "density": props.density,
+          "image": props.appendAvatar
+        }, null)]) : createVNode(VDefaultsProvider, {
+          "key": "append-defaults",
+          "disabled": !hasAppendMedia,
+          "defaults": {
+            VAvatar: {
+              density: props.density,
+              image: props.appendAvatar
+            },
+            VIcon: {
+              density: props.density,
+              icon: props.appendIcon
+            }
+          }
+        }, slots.append)])]
+      });
     });
     return {};
   }
@@ -32110,7 +32130,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.5-dev.2025-08-12";
+const version$1 = "3.9.5-dev.2025-08-24";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -32135,7 +32155,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.9.5-dev.2025-08-12";
+const version = "3.9.5-dev.2025-08-24";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useMask, useRtl, useTheme, version };