@vuetify/nightly 3.7.6-dev.2024-12-18 → 3.7.6-dev.2025-01-06

package/dist/vuetify.d.ts

@@ -135,6 +135,8 @@ type ThemeOptions = false | {
     defaultTheme?: string;
     variations?: false | VariationsOptions;
     themes?: Record<string, ThemeDefinition>;
+    stylesheetId?: string;
+    scope?: string;
 };
 type ThemeDefinition = DeepPartial<InternalThemeDefinition>;
 interface VariationsOptions {
@@ -22024,6 +22026,7 @@ declare const VDataTableVirtual: {
         filterMode: FilterMode;
         noFilter: boolean;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
         hideNoData: boolean;
         hover: boolean;
         multiSort: boolean;
@@ -22126,6 +22129,7 @@ declare const VDataTableVirtual: {
         filterMode: FilterMode;
         noFilter: boolean;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
         hideNoData: boolean;
         hover: boolean;
         multiSort: boolean;
@@ -22206,6 +22210,7 @@ declare const VDataTableVirtual: {
         filterMode: FilterMode;
         noFilter: boolean;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
         hideNoData: boolean;
         hover: boolean;
         multiSort: boolean;
@@ -22302,6 +22307,7 @@ declare const VDataTableVirtual: {
         filterMode: FilterMode;
         noFilter: boolean;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
         hideNoData: boolean;
         hover: boolean;
         multiSort: boolean;
@@ -22338,6 +22344,7 @@ declare const VDataTableVirtual: {
     filterMode: FilterMode;
     noFilter: boolean;
     itemHeight: string | number;
+    itemKey: SelectItemKey;
     hideNoData: boolean;
     hover: boolean;
     multiSort: boolean;
@@ -22440,6 +22447,7 @@ declare const VDataTableVirtual: {
     filterMode: FilterMode;
     noFilter: boolean;
     itemHeight: string | number;
+    itemKey: SelectItemKey;
     hideNoData: boolean;
     hover: boolean;
     multiSort: boolean;
@@ -22518,6 +22526,10 @@ declare const VDataTableVirtual: {
         type: (StringConstructor | NumberConstructor)[];
         default: null;
     };
+    itemKey: {
+        type: vue.PropType<SelectItemKey>;
+        default: null;
+    };
     height: (StringConstructor | NumberConstructor)[];
     groupBy: {
         type: vue.PropType<readonly SortItem[]>;
@@ -22630,6 +22642,10 @@ declare const VDataTableVirtual: {
         type: (StringConstructor | NumberConstructor)[];
         default: null;
     };
+    itemKey: {
+        type: vue.PropType<SelectItemKey>;
+        default: null;
+    };
     height: (StringConstructor | NumberConstructor)[];
     groupBy: {
         type: vue.PropType<readonly SortItem[]>;
@@ -55463,6 +55479,7 @@ declare const VVirtualScroll: {
     new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
     } & {
         height?: string | number | undefined;
         width?: string | number | undefined;
@@ -55477,6 +55494,7 @@ declare const VVirtualScroll: {
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "items" | "renderless">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: VVirtualScrollSlot<unknown> | (VVirtualScrollSlot<unknown> & {
             itemRef: Ref<HTMLElement | undefined>;
@@ -55491,6 +55509,7 @@ declare const VVirtualScroll: {
     }, {
         style: vue.StyleValue;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
     } & {
         height?: string | number | undefined;
         width?: string | number | undefined;
@@ -55505,6 +55524,7 @@ declare const VVirtualScroll: {
     }, {}, {}, {}, {
         style: vue.StyleValue;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -55512,6 +55532,7 @@ declare const VVirtualScroll: {
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     itemHeight: string | number;
+    itemKey: SelectItemKey;
 } & {
     height?: string | number | undefined;
     width?: string | number | undefined;
@@ -55526,6 +55547,7 @@ declare const VVirtualScroll: {
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "items" | "renderless">, string, {
     style: vue.StyleValue;
     itemHeight: string | number;
+    itemKey: SelectItemKey;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: VVirtualScrollSlot<unknown> | (VVirtualScrollSlot<unknown> & {
         itemRef: Ref<HTMLElement | undefined>;
@@ -55553,6 +55575,10 @@ declare const VVirtualScroll: {
         type: (StringConstructor | NumberConstructor)[];
         default: null;
     };
+    itemKey: {
+        type: PropType<SelectItemKey>;
+        default: null;
+    };
     items: {
         type: PropType<readonly unknown[]>;
         default: () => never[];
@@ -55574,6 +55600,10 @@ declare const VVirtualScroll: {
         type: (StringConstructor | NumberConstructor)[];
         default: null;
     };
+    itemKey: {
+        type: PropType<SelectItemKey>;
+        default: null;
+    };
     items: {
         type: PropType<readonly unknown[]>;
         default: () => never[];
@@ -57925,49 +57955,41 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VApp: typeof import('vuetify/components')['VApp']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBadge: typeof import('vuetify/components')['VBadge']
-    VApp: typeof import('vuetify/components')['VApp']
-    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
-    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
-    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
-    VBtn: typeof import('vuetify/components')['VBtn']
+    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
+    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
+    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
+    VBtn: typeof import('vuetify/components')['VBtn']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VCheckbox: typeof import('vuetify/components')['VCheckbox']
+    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VCode: typeof import('vuetify/components')['VCode']
     VChip: typeof import('vuetify/components')['VChip']
     VCarousel: typeof import('vuetify/components')['VCarousel']
     VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
-    VCode: typeof import('vuetify/components')['VCode']
-    VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCombobox: typeof import('vuetify/components')['VCombobox']
-    VCheckbox: typeof import('vuetify/components')['VCheckbox']
-    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VDivider: typeof import('vuetify/components')['VDivider']
-    VCounter: typeof import('vuetify/components')['VCounter']
-    VDatePicker: typeof import('vuetify/components')['VDatePicker']
-    VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
-    VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
-    VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
-    VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
-    VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
+    VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VDataTable: typeof import('vuetify/components')['VDataTable']
     VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -57975,20 +57997,29 @@ declare module 'vue' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
+    VCounter: typeof import('vuetify/components')['VCounter']
+    VDatePicker: typeof import('vuetify/components')['VDatePicker']
+    VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
+    VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
+    VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
+    VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
+    VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
     VDialog: typeof import('vuetify/components')['VDialog']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
-    VFab: typeof import('vuetify/components')['VFab']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VDivider: typeof import('vuetify/components')['VDivider']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VFooter: typeof import('vuetify/components')['VFooter']
+    VFab: typeof import('vuetify/components')['VFab']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VImg: typeof import('vuetify/components')['VImg']
+    VFooter: typeof import('vuetify/components')['VFooter']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
     VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
     VInput: typeof import('vuetify/components')['VInput']
+    VLabel: typeof import('vuetify/components')['VLabel']
+    VImg: typeof import('vuetify/components')['VImg']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
@@ -57996,10 +58027,9 @@ declare module 'vue' {
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VMain: typeof import('vuetify/components')['VMain']
-    VLabel: typeof import('vuetify/components')['VLabel']
     VKbd: typeof import('vuetify/components')['VKbd']
-    VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
+    VMain: typeof import('vuetify/components')['VMain']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -58009,23 +58039,22 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
+    VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VMessages: typeof import('vuetify/components')['VMessages']
-    VOtpInput: typeof import('vuetify/components')['VOtpInput']
-    VMenu: typeof import('vuetify/components')['VMenu']
     VOverlay: typeof import('vuetify/components')['VOverlay']
+    VOtpInput: typeof import('vuetify/components')['VOtpInput']
     VPagination: typeof import('vuetify/components')['VPagination']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
-    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VRating: typeof import('vuetify/components')['VRating']
-    VSheet: typeof import('vuetify/components')['VSheet']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
+    VSelect: typeof import('vuetify/components')['VSelect']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VSlider: typeof import('vuetify/components')['VSlider']
-    VSelect: typeof import('vuetify/components')['VSelect']
+    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSlider: typeof import('vuetify/components')['VSlider']
     VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSwitch: typeof import('vuetify/components')['VSwitch']
     VTable: typeof import('vuetify/components')['VTable']
@@ -58035,39 +58064,39 @@ declare module 'vue' {
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VTextField: typeof import('vuetify/components')['VTextField']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
+    VSheet: typeof import('vuetify/components')['VSheet']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VTimeline: typeof import('vuetify/components')['VTimeline']
+    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
+    VTextField: typeof import('vuetify/components')['VTextField']
+    VWindow: typeof import('vuetify/components')['VWindow']
+    VWindowItem: typeof import('vuetify/components')['VWindowItem']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
-    VWindow: typeof import('vuetify/components')['VWindow']
-    VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VTimeline: typeof import('vuetify/components')['VTimeline']
-    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
     VForm: typeof import('vuetify/components')['VForm']
+    VHover: typeof import('vuetify/components')['VHover']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
-    VHover: typeof import('vuetify/components')['VHover']
     VLazy: typeof import('vuetify/components')['VLazy']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
-    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VParallax: typeof import('vuetify/components')['VParallax']
+    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VRadio: typeof import('vuetify/components')['VRadio']
-    VResponsive: typeof import('vuetify/components')['VResponsive']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
     VSparkline: typeof import('vuetify/components')['VSparkline']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
@@ -58089,6 +58118,9 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
+    VResponsive: typeof import('vuetify/components')['VResponsive']
+    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
+    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
     VCalendar: typeof import('vuetify/labs/components')['VCalendar']
     VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
     VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
@@ -58096,19 +58128,17 @@ declare module 'vue' {
     VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
     VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
     VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
-    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
-    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
     VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
     VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
     VTreeview: typeof import('vuetify/labs/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
-    VPicker: typeof import('vuetify/labs/components')['VPicker']
-    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VDateInput: typeof import('vuetify/labs/components')['VDateInput']
     VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
     VSnackbarQueue: typeof import('vuetify/labs/components')['VSnackbarQueue']

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.6-dev.2024-12-18
+* Vuetify v3.7.6-dev.2025-01-06
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2785,7 +2785,8 @@ function genDefaults$1() {
           'theme-on-code': '#CCCCCC'
         }
       }
-    }
+    },
+    stylesheetId: 'vuetify-theme-stylesheet'
   };
 }
 function parseThemeOptions() {
@@ -2842,6 +2843,19 @@ function createTheme(options) {
     return acc;
   });
   const current = computed(() => computedThemes.value[name.value]);
+  function createCssClass(lines, selector, content) {
+    lines.push(`${getScopedSelector(selector)} {\n`, ...content.map(line => `  ${line};\n`), '}\n');
+  }
+  function getScopedSelector(selector) {
+    if (!parsedOptions.scope) {
+      return selector;
+    }
+    const scopeSelector = `:where(${parsedOptions.scope})`;
+    if (selector === ':root') {
+      return scopeSelector;
+    }
+    return `${scopeSelector} ${selector}`;
+  }
   const styles = computed(() => {
     const lines = [];
     if (current.value?.dark) {
@@ -2870,7 +2884,7 @@ function createTheme(options) {
     return {
       style: [{
         children: styles.value,
-        id: 'vuetify-theme-stylesheet',
+        id: parsedOptions.stylesheetId,
         nonce: parsedOptions.cspNonce || false
       }]
     };
@@ -2895,7 +2909,7 @@ function createTheme(options) {
         }
       }
     } else {
-      let styleEl = IN_BROWSER ? document.getElementById('vuetify-theme-stylesheet') : null;
+      let styleEl = IN_BROWSER ? document.getElementById(parsedOptions.stylesheetId) : null;
       if (IN_BROWSER) {
         watch(styles, updateStyles, {
           immediate: true
@@ -2907,7 +2921,7 @@ function createTheme(options) {
         if (typeof document !== 'undefined' && !styleEl) {
           const el = document.createElement('style');
           el.type = 'text/css';
-          el.id = 'vuetify-theme-stylesheet';
+          el.id = parsedOptions.stylesheetId;
           if (parsedOptions.cspNonce) el.setAttribute('nonce', parsedOptions.cspNonce);
           styleEl = el;
           document.head.appendChild(styleEl);
@@ -2956,9 +2970,6 @@ function useTheme() {
   if (!theme) throw new Error('Could not find Vuetify theme injection');
   return theme;
 }
-function createCssClass(lines, selector, content) {
-  lines.push(`${selector} {\n`, ...content.map(line => `  ${line};\n`), '}\n');
-}
 function genCssVariables(theme) {
   const lightOverlay = theme.dark ? 2 : 1;
   const darkOverlay = theme.dark ? 1 : 2;
@@ -12196,6 +12207,10 @@ const makeVirtualProps = propsFactory({
     type: [Number, String],
     default: null
   },
+  itemKey: {
+    type: [String, Array, Function],
+    default: null
+  },
   height: [Number, String]
 }, 'virtual');
 function useVirtual(props, items) {
@@ -12374,11 +12389,14 @@ function useVirtual(props, items) {
     }
   }
   const computedItems = computed(() => {
-    return items.value.slice(first.value, last.value).map((item, index) => ({
-      raw: item,
-      index: index + first.value,
-      key: isObject(item) && 'value' in item ? item.value : index + first.value
-    }));
+    return items.value.slice(first.value, last.value).map((item, index) => {
+      const _index = index + first.value;
+      return {
+        raw: item,
+        index: _index,
+        key: getPropertyFromItem(item, props.itemKey, _index)
+      };
+    });
   });
   watch(items, () => {
     sizes = Array.from({
@@ -12896,7 +12914,8 @@ const VSelect = genericComponent()({
             }, null)), createVNode(VVirtualScroll, {
               "ref": vVirtualScrollRef,
               "renderless": true,
-              "items": displayItems.value
+              "items": displayItems.value,
+              "itemKey": "value"
             }, {
               default: _ref2 => {
                 let {
@@ -13471,7 +13490,8 @@ const VAutocomplete = genericComponent()({
             }, null)), createVNode(VVirtualScroll, {
               "ref": vVirtualScrollRef,
               "renderless": true,
-              "items": displayItems.value
+              "items": displayItems.value,
+              "itemKey": "value"
             }, {
               default: _ref4 => {
                 let {
@@ -17351,7 +17371,8 @@ const VCombobox = genericComponent()({
             }, null)), createVNode(VVirtualScroll, {
               "ref": vVirtualScrollRef,
               "renderless": true,
-              "items": displayItems.value
+              "items": displayItems.value,
+              "itemKey": "value"
             }, {
               default: _ref4 => {
                 let {
@@ -28282,7 +28303,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.6-dev.2024-12-18";
+const version$1 = "3.7.6-dev.2025-01-06";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28307,7 +28328,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.6-dev.2024-12-18";
+const version = "3.7.6-dev.2025-01-06";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };