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

package/dist/vuetify-labs.d.ts

@@ -181,6 +181,7 @@ interface ThemeInstance {
     cycle: (themeArray?: string[]) => void;
     toggle: (themeArray?: [string, string]) => void;
     readonly isDisabled: boolean;
+    readonly isSystem: Readonly<Ref<boolean>>;
     readonly themes: Ref<Record<string, InternalThemeDefinition>>;
     readonly name: Readonly<Ref<string>>;
     readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
@@ -122809,38 +122810,38 @@ declare module 'vue' {
     VApp: VApp
     VAlert: VAlert
     VAlertTitle: VAlertTitle
-    VAvatar: VAvatar
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VAutocomplete: VAutocomplete
+    VBottomNavigation: VBottomNavigation
+    VAvatar: VAvatar
     VBadge: VBadge
+    VBottomSheet: VBottomSheet
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBottomNavigation: VBottomNavigation
-    VBottomSheet: VBottomSheet
-    VBtnGroup: VBtnGroup
-    VBtn: VBtn
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
     VBtnToggle: VBtnToggle
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBtn: VBtn
+    VBtnGroup: VBtnGroup
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
-    VChipGroup: VChipGroup
-    VCode: VCode
     VChip: VChip
-    VCombobox: VCombobox
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
+    VChipGroup: VChipGroup
+    VCode: VCode
     VColorPicker: VColorPicker
+    VCombobox: VCombobox
     VCounter: VCounter
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
@@ -122856,29 +122857,29 @@ declare module 'vue' {
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
+    VDivider: VDivider
+    VEmptyState: VEmptyState
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
+    VFileInput: VFileInput
     VFab: VFab
-    VDivider: VDivider
-    VEmptyState: VEmptyState
+    VFooter: VFooter
     VField: VField
     VFieldLabel: VFieldLabel
-    VFileInput: VFileInput
-    VImg: VImg
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VInput: VInput
-    VKbd: VKbd
-    VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
+    VInfiniteScroll: VInfiniteScroll
+    VImg: VImg
+    VInput: VInput
+    VKbd: VKbd
     VLabel: VLabel
-    VMessages: VMessages
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -122888,71 +122889,75 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMenu: VMenu
-    VNavigationDrawer: VNavigationDrawer
     VMain: VMain
-    VNumberInput: VNumberInput
+    VMessages: VMessages
+    VNavigationDrawer: VNavigationDrawer
     VOtpInput: VOtpInput
+    VNumberInput: VNumberInput
+    VMenu: VMenu
+    VProgressLinear: VProgressLinear
     VOverlay: VOverlay
     VPagination: VPagination
     VProgressCircular: VProgressCircular
-    VProgressLinear: VProgressLinear
-    VRadioGroup: VRadioGroup
     VRating: VRating
-    VSelectionControl: VSelectionControl
+    VRadioGroup: VRadioGroup
     VSelect: VSelect
     VSheet: VSheet
-    VSelectionControlGroup: VSelectionControlGroup
+    VSlider: VSlider
     VSkeletonLoader: VSkeletonLoader
+    VSelectionControlGroup: VSelectionControlGroup
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSlider: VSlider
-    VSnackbar: VSnackbar
+    VSelectionControl: VSelectionControl
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
+    VSnackbar: VSnackbar
     VSwitch: VSwitch
+    VTable: VTable
     VSystemBar: VSystemBar
-    VTextField: VTextField
-    VTextarea: VTextarea
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTable: VTable
-    VToolbar: VToolbar
-    VToolbarTitle: VToolbarTitle
-    VToolbarItems: VToolbarItems
+    VTextField: VTextField
+    VTextarea: VTextarea
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
+    VToolbar: VToolbar
+    VToolbarTitle: VToolbarTitle
+    VToolbarItems: VToolbarItems
     VTooltip: VTooltip
     VWindow: VWindow
     VWindowItem: VWindowItem
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
     VForm: VForm
+    VHover: VHover
     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
+    VRadio: VRadio
     VResponsive: VResponsive
+    VSparkline: VSparkline
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
     VValidation: VValidation
@@ -122973,27 +122978,22 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VFooter: VFooter
-    VSparkline: VSparkline
     VSnackbarQueue: VSnackbarQueue
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
+    VColorInput: VColorInput
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
-    VColorInput: VColorInput
+    VIconBtn: VIconBtn
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VIconBtn: VIconBtn
-    VHotkey: VHotkey
     VPie: VPie
     VPieSegment: VPieSegment
     VPieTooltip: VPieTooltip
@@ -123003,6 +123003,7 @@ declare module 'vue' {
     VDateInput: VDateInput
     VMaskInput: VMaskInput
     VPullToRefresh: VPullToRefresh
+    VHotkey: VHotkey
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.2-master.2025-07-29
+* Vuetify v3.9.3-master.2025-07-30
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2691,6 +2691,7 @@ function createTheme(options) {
     return acc;
   });
   const current = toRef(() => computedThemes.value[name.value]);
+  const isSystem = toRef(() => _name.value === 'system');
   const styles = computed(() => {
     const lines = [];
     const important = parsedOptions.unimportant ? '' : ' !important';
@@ -2778,7 +2779,7 @@ function createTheme(options) {
     }
   }
   function change(themeName) {
-    if (!themeNames.value.includes(themeName)) {
+    if (themeName !== 'system' && !themeNames.value.includes(themeName)) {
       consoleWarn(`Theme "${themeName}" not found on the Vuetify theme instance`);
       return;
     }
@@ -2811,6 +2812,7 @@ function createTheme(options) {
     cycle,
     toggle,
     isDisabled: parsedOptions.isDisabled,
+    isSystem,
     name,
     themes,
     current,
@@ -18797,19 +18799,23 @@ const VCombobox = genericComponent()({
       get: () => {
         return _search.value;
       },
-      set: val => {
+      set: async val => {
         _search.value = val ?? '';
         if (!props.multiple && !hasSelectionSlot.value) {
           model.value = [transformItem$3(props, val)];
           nextTick(() => vVirtualScrollRef.value?.scrollToIndex(0));
         }
         if (val && props.multiple && props.delimiters?.length) {
-          const values = val.split(new RegExp(`(?:${props.delimiters.join('|')})+`));
+          const signsToMatch = props.delimiters.map(escapeForRegex).join('|');
+          const values = val.split(new RegExp(`(?:${signsToMatch})+`));
           if (values.length > 1) {
-            values.forEach(v => {
+            for (let v of values) {
               v = v.trim();
-              if (v) select(transformItem$3(props, v));
-            });
+              if (v) {
+                select(transformItem$3(props, v));
+                await nextTick();
+              }
+            }
             _search.value = '';
           }
         }
@@ -34135,7 +34141,8 @@ const VVideoControls = genericComponent()({
       t
     } = useLocale();
     const {
-      themeClasses
+      themeClasses,
+      current: currentTheme
     } = provideTheme(props);
     const {
       densityClasses
@@ -34150,6 +34157,13 @@ const VVideoControls = genericComponent()({
       const fallbackBackground = props.detached ? 'surface' : undefined;
       return props.backgroundColor ?? fallbackBackground;
     });
+    const trackColor = toRef(() => {
+      if (props.trackColor) {
+        return props.trackColor;
+      }
+      const fallback = currentTheme.value.dark || !props.pills ? undefined : 'surface';
+      return (props.pills ? props.backgroundColor : props.color) ?? fallback;
+    });
     const playing = useProxiedModel(props, 'playing');
     const progress = useProxiedModel(props, 'progress');
     const volume = useProxiedModel(props, 'volume', 0, v => Number(v ?? 0));
@@ -34210,7 +34224,8 @@ const VVideoControls = genericComponent()({
       };
       const regularBtnSize = innerDefaults.VIconBtn.size;
       const playBtnSize = props.pills ? regularBtnSize + 8 : regularBtnSize;
-      const pillClasses = ['v-video-control__pill', props.pills ? elevationClasses.value : []];
+      const pillClasses = ['v-video-control__pill', props.pills ? elevationClasses.value : [], props.pills ? backgroundColorClasses.value : []];
+      const pillStyles = props.pills ? backgroundColorStyles.value : [];
       const slotProps = {
         play,
         pause,
@@ -34233,30 +34248,34 @@ const VVideoControls = genericComponent()({
           'v-video-controls--floating': props.floating
         }, {
           'v-video-controls--split-time': props.splitTime
-        }, backgroundColorClasses.value, props.detached && !props.pills ? elevationClasses.value : [], densityClasses.value, themeClasses.value]),
-        "style": normalizeStyle([backgroundColorStyles.value, {
+        }, !props.pills ? backgroundColorClasses.value : [], props.detached && !props.pills ? elevationClasses.value : [], densityClasses.value, themeClasses.value]),
+        "style": normalizeStyle([!props.pills ? backgroundColorStyles.value : [], {
           '--v-video-controls-pill-height': `${regularBtnSize}px`
         }])
       }, [createVNode(VDefaultsProvider, {
         "defaults": innerDefaults
       }, {
         default: () => [slots.default?.(slotProps) ?? createElementVNode(Fragment, null, [props.variant !== 'mini' && createElementVNode(Fragment, null, [!props.hidePlay && createElementVNode("div", {
-          "class": normalizeClass([pillClasses, 'v-video__action-play'])
+          "class": normalizeClass([pillClasses, 'v-video__action-play']),
+          "style": normalizeStyle(pillStyles)
         }, [withDirectives(createVNode(VIconBtn, {
           "icon": playing.value ? '$pause' : '$play',
           "size": playBtnSize,
           "aria-label": labels.value.playAction,
           "onClick": () => playing.value = !playing.value
         }, null), [[Tooltip, labels.value.playAction, 'top']])]), slots.prepend && createElementVNode("div", {
-          "class": normalizeClass(pillClasses)
+          "class": normalizeClass(pillClasses),
+          "style": normalizeStyle(pillStyles)
         }, [slots.prepend(slotProps)]), props.splitTime ? createElementVNode("span", {
-          "class": normalizeClass([pillClasses, 'v-video__time'])
+          "class": normalizeClass([pillClasses, 'v-video__time']),
+          "style": normalizeStyle(pillStyles)
         }, [currentTime.value.elapsed]) : props.variant !== 'default' ? createElementVNode("span", {
-          "class": normalizeClass([pillClasses, 'v-video__time'])
+          "class": normalizeClass([pillClasses, 'v-video__time']),
+          "style": normalizeStyle(pillStyles)
         }, [currentTime.value.elapsed, createTextVNode(" / "), currentTime.value.total]) : '', createVNode(VSlider, {
           "modelValue": props.progress,
           "noKeyboard": true,
-          "color": props.trackColor ?? props.color,
+          "color": trackColor.value ?? 'surface-variant',
           "trackColor": props.variant === 'tube' ? 'white' : undefined,
           "class": "v-video__track",
           "thumbLabel": "always",
@@ -34265,18 +34284,22 @@ const VVideoControls = genericComponent()({
         }, {
           'thumb-label': () => currentTime.value.elapsed
         }), props.variant === 'tube' && createVNode(VSpacer, null, null), props.splitTime ? createElementVNode("span", {
-          "class": normalizeClass([pillClasses, 'v-video__time'])
+          "class": normalizeClass([pillClasses, 'v-video__time']),
+          "style": normalizeStyle(pillStyles)
         }, [currentTime.value.remaining]) : '']), props.variant === 'mini' && createElementVNode(Fragment, null, [createVNode(VSpacer, null, null), slots.prepend && createElementVNode("div", {
-          "class": normalizeClass(pillClasses)
+          "class": normalizeClass(pillClasses),
+          "style": normalizeStyle(pillStyles)
         }, [slots.prepend(slotProps)]), !props.hidePlay && createElementVNode("div", {
-          "class": normalizeClass([pillClasses, 'v-video__action-play'])
+          "class": normalizeClass([pillClasses, 'v-video__action-play']),
+          "style": normalizeStyle(pillStyles)
         }, [withDirectives(createVNode(VIconBtn, {
           "icon": playing.value ? '$pause' : '$play',
           "size": playBtnSize,
           "aria-label": labels.value.playAction,
           "onClick": () => playing.value = !playing.value
         }, null), [[Tooltip, labels.value.playAction, 'top']])])]), (!props.hideVolume || !props.hideFullscreen || slots.append) && createElementVNode("div", {
-          "class": normalizeClass(pillClasses)
+          "class": normalizeClass(pillClasses),
+          "style": normalizeStyle(pillStyles)
         }, [!props.hideVolume && createVNode(VVideoVolume, mergeProps({
           "key": "volume-control",
           "sliderProps": {
@@ -34669,9 +34692,9 @@ const VVideo = genericComponent()({
         }, {
           default: () => [createElementVNode("div", {
             "class": normalizeClass(['v-video__overlay-fill', ...roundedContainerClasses.value])
-          }, [overlayPlayIcon])]
+          }, [props.variant === 'player' && overlayPlayIcon])]
         })]
-      }), createVNode(VOverlay, mergeProps({
+      }), props.variant === 'player' && createVNode(VOverlay, mergeProps({
         "key": "loading-overlay",
         "modelValue": state.value === 'loading' || waiting.value,
         "opacity": ".1"
@@ -35133,7 +35156,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.2-master.2025-07-29";
+const version$1 = "3.9.3-master.2025-07-30";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -35431,7 +35454,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.9.2-master.2025-07-29";
+const version = "3.9.3-master.2025-07-30";
 
 /* eslint-disable local-rules/sort-imports */