@vuetify/nightly 3.8.2-dev.2025-04-17 → 3.8.2-master.2025-04-19

package/dist/vuetify-labs.d.ts

@@ -133,12 +133,11 @@ type DeepPartial<T> = T extends object ? {
 } : T;
 type ThemeOptions = false | {
     cspNonce?: string;
-    defaultTheme?: 'light' | 'dark' | 'system' | string;
+    defaultTheme?: string;
     variations?: false | VariationsOptions;
     themes?: Record<string, ThemeDefinition>;
     stylesheetId?: string;
     scope?: string;
-    unimportant?: boolean;
 };
 type ThemeDefinition = DeepPartial<InternalThemeDefinition>;
 interface VariationsOptions {
@@ -175,15 +174,11 @@ interface OnColors {
     'on-info': string;
 }
 interface ThemeInstance {
-    change: (themeName: string) => void;
-    cycle: (themeArray?: string[]) => void;
-    toggle: (themeArray?: [string, string]) => void;
     readonly isDisabled: boolean;
     readonly themes: Ref<Record<string, InternalThemeDefinition>>;
     readonly name: Readonly<Ref<string>>;
     readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
     readonly computedThemes: DeepReadonly<Ref<Record<string, InternalThemeDefinition>>>;
-    readonly prefix: string;
     readonly themeClasses: Readonly<Ref<string | undefined>>;
     readonly styles: Readonly<Ref<string>>;
     readonly global: {
@@ -92465,7 +92460,6 @@ declare const VIconBtn: {
         tile: boolean;
         baseVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         hideOverlay: boolean;
-        iconSize: string | number;
         iconSizes: [VIconBtnSizes, number][];
     } & {
         height?: string | number | undefined;
@@ -92485,6 +92479,7 @@ declare const VIconBtn: {
         iconColor?: string | undefined;
         activeIcon?: IconValue | undefined;
         activeVariant?: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
+        iconSize?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -92516,7 +92511,6 @@ declare const VIconBtn: {
         tile: boolean;
         baseVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         hideOverlay: boolean;
-        iconSize: string | number;
         iconSizes: [VIconBtnSizes, number][];
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
@@ -92540,7 +92534,6 @@ declare const VIconBtn: {
         tile: boolean;
         baseVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         hideOverlay: boolean;
-        iconSize: string | number;
         iconSizes: [VIconBtnSizes, number][];
     } & {
         height?: string | number | undefined;
@@ -92560,6 +92553,7 @@ declare const VIconBtn: {
         iconColor?: string | undefined;
         activeIcon?: IconValue | undefined;
         activeVariant?: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
+        iconSize?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -92589,7 +92583,6 @@ declare const VIconBtn: {
         tile: boolean;
         baseVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         hideOverlay: boolean;
-        iconSize: string | number;
         iconSizes: [VIconBtnSizes, number][];
     }>;
     __isFragment?: never;
@@ -92607,7 +92600,6 @@ declare const VIconBtn: {
     tile: boolean;
     baseVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     hideOverlay: boolean;
-    iconSize: string | number;
     iconSizes: [VIconBtnSizes, number][];
 } & {
     height?: string | number | undefined;
@@ -92627,6 +92619,7 @@ declare const VIconBtn: {
     iconColor?: string | undefined;
     activeIcon?: IconValue | undefined;
     activeVariant?: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
+    iconSize?: string | number | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -92658,7 +92651,6 @@ declare const VIconBtn: {
     tile: boolean;
     baseVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     hideOverlay: boolean;
-    iconSize: string | number;
     iconSizes: [VIconBtnSizes, number][];
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
@@ -92713,10 +92705,7 @@ declare const VIconBtn: {
     hideOverlay: BooleanConstructor;
     icon: PropType<IconValue>;
     iconColor: StringConstructor;
-    iconSize: {
-        type: PropType<VIconBtnSizes | number | string>;
-        default: string;
-    };
+    iconSize: PropType<VIconBtnSizes | number | string>;
     iconSizes: {
         type: PropType<[VIconBtnSizes, number][]>;
         default: () => (string | number)[][];
@@ -92787,10 +92776,7 @@ declare const VIconBtn: {
     hideOverlay: BooleanConstructor;
     icon: PropType<IconValue>;
     iconColor: StringConstructor;
-    iconSize: {
-        type: PropType<VIconBtnSizes | number | string>;
-        default: string;
-    };
+    iconSize: PropType<VIconBtnSizes | number | string>;
     iconSizes: {
         type: PropType<[VIconBtnSizes, number][]>;
         default: () => (string | number)[][];
@@ -96800,20 +96786,21 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: VApp
     VAutocomplete: VAutocomplete
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VAvatar: VAvatar
     VBadge: VBadge
     VBottomNavigation: VBottomNavigation
-    VBottomSheet: VBottomSheet
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
+    VAvatar: VAvatar
+    VBottomSheet: VBottomSheet
+    VBtn: VBtn
+    VBtnGroup: VBtnGroup
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
@@ -96823,16 +96810,23 @@ declare module 'vue' {
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
+    VApp: VApp
     VBtnToggle: VBtnToggle
+    VChip: VChip
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VBtn: VBtn
-    VChip: VChip
     VCode: VCode
     VColorPicker: VColorPicker
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
     VCounter: VCounter
+    VCombobox: VCombobox
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -96840,36 +96834,29 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
-    VChipGroup: VChipGroup
+    VDialog: VDialog
+    VEmptyState: VEmptyState
     VDivider: VDivider
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VEmptyState: VEmptyState
+    VFab: VFab
+    VFileInput: VFileInput
+    VInfiniteScroll: VInfiniteScroll
     VField: VField
     VFieldLabel: VFieldLabel
-    VFileInput: VFileInput
-    VFab: VFab
-    VImg: VImg
-    VBtnGroup: VBtnGroup
-    VCombobox: VCombobox
+    VFooter: VFooter
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VFooter: VFooter
-    VInfiniteScroll: VInfiniteScroll
     VInput: VInput
+    VImg: VImg
     VKbd: VKbd
-    VLabel: VLabel
+    VItemGroup: VItemGroup
+    VItem: VItem
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -96879,30 +96866,27 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMain: VMain
+    VLabel: VLabel
+    VMenu: VMenu
     VMessages: VMessages
-    VItemGroup: VItemGroup
-    VItem: VItem
-    VDialog: VDialog
-    VNumberInput: VNumberInput
+    VMain: VMain
     VNavigationDrawer: VNavigationDrawer
-    VMenu: VMenu
-    VOverlay: VOverlay
     VOtpInput: VOtpInput
-    VProgressLinear: VProgressLinear
     VPagination: VPagination
+    VOverlay: VOverlay
+    VProgressLinear: VProgressLinear
+    VNumberInput: VNumberInput
+    VProgressCircular: VProgressCircular
+    VSelectionControl: VSelectionControl
     VRadioGroup: VRadioGroup
+    VSelect: VSelect
     VRating: VRating
-    VProgressCircular: VProgressCircular
     VSelectionControlGroup: VSelectionControlGroup
-    VSelect: VSelect
     VSheet: VSheet
     VSnackbar: VSnackbar
     VSkeletonLoader: VSkeletonLoader
-    VSelectionControl: VSelectionControl
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSwitch: VSwitch
     VSlider: VSlider
     VStepper: VStepper
     VStepperActions: VStepperActions
@@ -96910,15 +96894,14 @@ declare module 'vue' {
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
+    VSwitch: VSwitch
+    VSystemBar: VSystemBar
+    VTextarea: VTextarea
+    VTextField: VTextField
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTable: VTable
-    VTextField: VTextField
-    VSystemBar: VSystemBar
-    VTooltip: VTooltip
-    VTextarea: VTextarea
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
     VToolbar: VToolbar
@@ -96926,6 +96909,9 @@ declare module 'vue' {
     VToolbarItems: VToolbarItems
     VWindow: VWindow
     VWindowItem: VWindowItem
+    VTooltip: VTooltip
+    VChipGroup: VChipGroup
+    VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
     VForm: VForm
@@ -96934,22 +96920,18 @@ declare module 'vue' {
     VRow: VRow
     VSpacer: VSpacer
     VHover: VHover
+    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
     VLocaleProvider: VLocaleProvider
-    VLazy: VLazy
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
     VRangeSlider: VRangeSlider
-    VSpeedDial: VSpeedDial
-    VSnackbarQueue: VSnackbarQueue
     VResponsive: VResponsive
     VSparkline: VSparkline
-    VValidation: VValidation
-    VVirtualScroll: VVirtualScroll
-    VThemeProvider: VThemeProvider
-    VConfirmEdit: VConfirmEdit
+    VSnackbarQueue: VSnackbarQueue
+    VSpeedDial: VSpeedDial
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -96966,6 +96948,13 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VValidation: VValidation
+    VThemeProvider: VThemeProvider
+    VVirtualScroll: VVirtualScroll
+    VTable: VTable
+    VIconBtn: VIconBtn
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
@@ -96974,18 +96963,15 @@ declare module 'vue' {
     VCalendarMonthDay: VCalendarMonthDay
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
-    VIconBtn: VIconBtn
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
   }

package/dist/vuetify-labs.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.8.2-dev.2025-04-17
+* Vuetify v3.8.2-master.2025-04-19
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { shallowRef, reactive, computed, watchEffect, toRefs, capitalize, unref, Fragment, isVNode, Comment, warn, getCurrentInstance as getCurrentInstance$1, ref, provide, inject as inject$1, defineComponent as defineComponent$1, h, camelize, onBeforeUnmount, watch, readonly, onMounted, useId, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, getCurrentScope, createVNode, TransitionGroup, Transition, mergeProps, isRef, toRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, onUpdated, Text, resolveDynamicComponent, toDisplayString, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, vModelText, resolveComponent, render } from 'vue';
+import { shallowRef, reactive, computed, watchEffect, toRefs, capitalize, unref, Fragment, isVNode, Comment, warn, getCurrentInstance as getCurrentInstance$1, ref, provide, inject as inject$1, defineComponent as defineComponent$1, h, camelize, onBeforeUnmount, watch, readonly, onMounted, useId, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, createVNode, TransitionGroup, Transition, mergeProps, isRef, toRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, onUpdated, Text, resolveDynamicComponent, toDisplayString, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, vModelText, resolveComponent, render } from 'vue';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -81,7 +81,6 @@ const IN_BROWSER = typeof window !== 'undefined';
 const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
 const SUPPORTS_TOUCH = IN_BROWSER && ('ontouchstart' in window || window.navigator.maxTouchPoints > 0);
 const SUPPORTS_EYE_DROPPER = IN_BROWSER && 'EyeDropper' in window;
-const SUPPORTS_MATCH_MEDIA = IN_BROWSER && 'matchMedia' in window && typeof window.matchMedia === 'function';
 
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
@@ -2282,7 +2281,6 @@ const makeThemeProps = propsFactory({
 function genDefaults$2() {
   return {
     defaultTheme: 'light',
-    prefix: 'v-',
     variations: {
       colors: [],
       lighten: 0,
@@ -2364,10 +2362,7 @@ function genDefaults$2() {
         }
       }
     },
-    stylesheetId: 'vuetify-theme-stylesheet',
-    scoped: false,
-    unimportant: false,
-    utilities: true
+    stylesheetId: 'vuetify-theme-stylesheet'
   };
 }
 function parseThemeOptions() {
@@ -2390,21 +2385,21 @@ function parseThemeOptions() {
 function createCssClass(lines, selector, content, scope) {
   lines.push(`${getScopedSelector(selector, scope)} {\n`, ...content.map(line => `  ${line};\n`), '}\n');
 }
-function genCssVariables(theme, prefix) {
+function genCssVariables(theme) {
   const lightOverlay = theme.dark ? 2 : 1;
   const darkOverlay = theme.dark ? 1 : 2;
   const variables = [];
   for (const [key, value] of Object.entries(theme.colors)) {
     const rgb = parseColor(value);
-    variables.push(`--${prefix}theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`);
+    variables.push(`--v-theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`);
     if (!key.startsWith('on-')) {
-      variables.push(`--${prefix}theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`);
+      variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`);
     }
   }
   for (const [key, value] of Object.entries(theme.variables)) {
     const color = typeof value === 'string' && value.startsWith('#') ? parseColor(value) : undefined;
     const rgb = color ? `${color.r}, ${color.g}, ${color.b}` : undefined;
-    variables.push(`--${prefix}${key}: ${rgb ?? value}`);
+    variables.push(`--v-${key}: ${rgb ?? value}`);
   }
   return variables;
 }
@@ -2448,8 +2443,7 @@ function getScopedSelector(selector, scope) {
   const scopeSelector = `:where(${scope})`;
   return selector === ':root' ? scopeSelector : `${scopeSelector} ${selector}`;
 }
-function upsertStyles(id, cspNonce, styles) {
-  const styleEl = getOrCreateStyleElement(id, cspNonce);
+function upsertStyles(styleEl, styles) {
   if (!styleEl) return;
   styleEl.innerHTML = styles;
 }
@@ -2469,17 +2463,8 @@ function getOrCreateStyleElement(id, cspNonce) {
 // Composables
 function createTheme(options) {
   const parsedOptions = parseThemeOptions(options);
-  const _name = shallowRef(parsedOptions.defaultTheme);
+  const name = shallowRef(parsedOptions.defaultTheme);
   const themes = ref(parsedOptions.themes);
-  const systemName = shallowRef('light');
-  const name = computed({
-    get() {
-      return _name.value === 'system' ? systemName.value : _name.value;
-    },
-    set(val) {
-      _name.value = val;
-    }
-  });
   const computedThemes = computed(() => {
     const acc = {};
     for (const [name, original] of Object.entries(themes.value)) {
@@ -2500,49 +2485,28 @@ function createTheme(options) {
   const current = computed(() => computedThemes.value[name.value]);
   const styles = computed(() => {
     const lines = [];
-    const important = parsedOptions.unimportant ? '' : ' !important';
-    const scoped = parsedOptions.scoped ? parsedOptions.prefix : '';
     if (current.value?.dark) {
       createCssClass(lines, ':root', ['color-scheme: dark'], parsedOptions.scope);
     }
-    createCssClass(lines, ':root', genCssVariables(current.value, parsedOptions.prefix), parsedOptions.scope);
+    createCssClass(lines, ':root', genCssVariables(current.value), parsedOptions.scope);
     for (const [themeName, theme] of Object.entries(computedThemes.value)) {
-      createCssClass(lines, `.${parsedOptions.prefix}theme--${themeName}`, [`color-scheme: ${theme.dark ? 'dark' : 'normal'}`, ...genCssVariables(theme, parsedOptions.prefix)], parsedOptions.scope);
-    }
-    if (parsedOptions.utilities) {
-      const bgLines = [];
-      const fgLines = [];
-      const colors = new Set(Object.values(computedThemes.value).flatMap(theme => Object.keys(theme.colors)));
-      for (const key of colors) {
-        if (key.startsWith('on-')) {
-          createCssClass(fgLines, `.${key}`, [`color: rgb(var(--${parsedOptions.prefix}theme-${key}))${important}`], parsedOptions.scope);
-        } else {
-          createCssClass(bgLines, `.${scoped}bg-${key}`, [`--${parsedOptions.prefix}theme-overlay-multiplier: var(--${parsedOptions.prefix}theme-${key}-overlay-multiplier)`, `background-color: rgb(var(--${parsedOptions.prefix}theme-${key}))${important}`, `color: rgb(var(--${parsedOptions.prefix}theme-on-${key}))${important}`], parsedOptions.scope);
-          createCssClass(fgLines, `.${scoped}text-${key}`, [`color: rgb(var(--${parsedOptions.prefix}theme-${key}))${important}`], parsedOptions.scope);
-          createCssClass(fgLines, `.${scoped}border-${key}`, [`--${parsedOptions.prefix}border-color: var(--${parsedOptions.prefix}theme-${key})`], parsedOptions.scope);
-        }
+      createCssClass(lines, `.v-theme--${themeName}`, [`color-scheme: ${theme.dark ? 'dark' : 'normal'}`, ...genCssVariables(theme)], parsedOptions.scope);
+    }
+    const bgLines = [];
+    const fgLines = [];
+    const colors = new Set(Object.values(computedThemes.value).flatMap(theme => Object.keys(theme.colors)));
+    for (const key of colors) {
+      if (key.startsWith('on-')) {
+        createCssClass(fgLines, `.${key}`, [`color: rgb(var(--v-theme-${key})) !important`], parsedOptions.scope);
+      } else {
+        createCssClass(bgLines, `.bg-${key}`, [`--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`, `background-color: rgb(var(--v-theme-${key})) !important`, `color: rgb(var(--v-theme-on-${key})) !important`], parsedOptions.scope);
+        createCssClass(fgLines, `.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`], parsedOptions.scope);
+        createCssClass(fgLines, `.border-${key}`, [`--v-border-color: var(--v-theme-${key})`], parsedOptions.scope);
       }
-      lines.push(...bgLines, ...fgLines);
     }
+    lines.push(...bgLines, ...fgLines);
     return lines.map((str, i) => i === 0 ? str : `    ${str}`).join('');
   });
-  const themeClasses = computed(() => parsedOptions.isDisabled ? undefined : `${parsedOptions.prefix}theme--${name.value}`);
-  const themeNames = computed(() => Object.keys(computedThemes.value));
-  if (SUPPORTS_MATCH_MEDIA) {
-    const media = window.matchMedia('(prefers-color-scheme: dark)');
-    function updateSystemName() {
-      systemName.value = media.matches ? 'dark' : 'light';
-    }
-    updateSystemName();
-    media.addEventListener('change', updateSystemName, {
-      passive: true
-    });
-    if (getCurrentScope()) {
-      onScopeDispose(() => {
-        media.removeEventListener('change', updateSystemName);
-      });
-    }
-  }
   function install(app) {
     if (parsedOptions.isDisabled) return;
     const head = app._context.provides.usehead;
@@ -2580,55 +2544,22 @@ function createTheme(options) {
         updateStyles();
       }
       function updateStyles() {
-        upsertStyles(parsedOptions.stylesheetId, parsedOptions.cspNonce, styles.value);
+        upsertStyles(getOrCreateStyleElement(parsedOptions.stylesheetId, parsedOptions.cspNonce), styles.value);
       }
     }
   }
-  function change(themeName) {
-    if (!themeNames.value.includes(themeName)) {
-      consoleWarn(`Theme "${themeName}" not found on the Vuetify theme instance`);
-      return;
-    }
-    name.value = themeName;
-  }
-  function cycle() {
-    let themeArray = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : themeNames.value;
-    const currentIndex = themeArray.indexOf(name.value);
-    const nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % themeArray.length;
-    change(themeArray[nextIndex]);
-  }
-  function toggle() {
-    let themeArray = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['light', 'dark'];
-    cycle(themeArray);
-  }
-  const globalName = new Proxy(name, {
-    get(target, prop) {
-      return target[prop];
-    },
-    set(target, prop, val) {
-      if (prop === 'value') {
-        deprecate(`theme.global.name.value = ${val}`, `theme.change('${val}')`);
-      }
-      // @ts-expect-error
-      target[prop] = val;
-      return true;
-    }
-  });
+  const themeClasses = computed(() => parsedOptions.isDisabled ? undefined : `v-theme--${name.value}`);
   return {
     install,
-    change,
-    cycle,
-    toggle,
     isDisabled: parsedOptions.isDisabled,
     name,
     themes,
     current,
     computedThemes,
-    prefix: parsedOptions.prefix,
     themeClasses,
     styles,
     global: {
-      name: globalName,
+      name,
       current
     }
   };
@@ -2639,7 +2570,7 @@ function provideTheme(props) {
   if (!theme) throw new Error('Could not find Vuetify theme injection');
   const name = computed(() => props.theme ?? theme.name.value);
   const current = computed(() => theme.themes.value[name.value]);
-  const themeClasses = computed(() => theme.isDisabled ? undefined : `${theme.prefix}theme--${name.value}`);
+  const themeClasses = computed(() => theme.isDisabled ? undefined : `v-theme--${name.value}`);
   const newTheme = {
     ...theme,
     name,
@@ -12377,12 +12308,7 @@ function useVirtual(props, items) {
   }
   function calculateOffset(index) {
     index = clamp(index, 0, items.value.length - 1);
-    const whole = Math.floor(index);
-    const fraction = index % 1;
-    const next = whole + 1;
-    const wholeOffset = offsets[whole] || 0;
-    const nextOffset = offsets[next] || wholeOffset;
-    return wholeOffset + (nextOffset - wholeOffset) * fraction;
+    return offsets[index] || 0;
   }
   function calculateIndex(scrollTop) {
     return binaryClosest(offsets, scrollTop);
@@ -29516,10 +29442,7 @@ const makeVIconBtnProps = propsFactory({
   hideOverlay: Boolean,
   icon: [String, Function, Object],
   iconColor: String,
-  iconSize: {
-    type: [Number, String],
-    default: 'default'
-  },
+  iconSize: [Number, String],
   iconSizes: {
     type: Array,
     default: () => [['x-small', 10], ['small', 16], ['default', 24], ['large', 28], ['x-large', 32]]
@@ -29604,13 +29527,14 @@ const VIconBtn = genericComponent()({
     }
     useRender(() => {
       const icon = isActive.value ? props.activeIcon ?? props.icon : props.icon;
-      const size = props.size;
-      const hasNamedSize = btnSizeMap.has(size);
-      const btnSize = hasNamedSize ? btnSizeMap.get(size) : size;
+      const _btnSize = props.size;
+      const hasNamedSize = btnSizeMap.has(_btnSize);
+      const btnSize = hasNamedSize ? btnSizeMap.get(_btnSize) : _btnSize;
       const btnHeight = props.height ?? btnSize;
       const btnWidth = props.width ?? btnSize;
-      const _iconSize = hasNamedSize ? size : props.iconSize ?? size;
-      const iconSize = iconSizeMap.get(_iconSize) ?? _iconSize;
+      const _iconSize = props.iconSize;
+      const hasNamedIconSize = iconSizeMap.has(_iconSize);
+      const iconSize = !_iconSize ? hasNamedSize ? iconSizeMap.get(_btnSize) : iconSizeMap.get('default') : hasNamedIconSize ? iconSizeMap.get(_iconSize) : _iconSize;
       const iconProps = {
         icon,
         size: iconSize,
@@ -31565,7 +31489,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.2-dev.2025-04-17";
+const version$1 = "3.8.2-master.2025-04-19";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31863,7 +31787,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.8.2-dev.2025-04-17";
+const version = "3.8.2-master.2025-04-19";
 
 /* eslint-disable local-rules/sort-imports */