@vuetify/nightly 3.8.1-master.2025-04-16 → 3.8.1-next.2025-04-18

package/dist/vuetify-labs.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.8.1-master.2025-04-16
+* Vuetify v3.8.1-next.2025-04-18
 * 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, 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, 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';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -81,6 +81,7 @@ 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"); }
@@ -2280,7 +2281,8 @@ const makeThemeProps = propsFactory({
 }, 'theme');
 function genDefaults$2() {
   return {
-    defaultTheme: 'light',
+    defaultTheme: 'system',
+    prefix: 'v-',
     variations: {
       colors: [],
       lighten: 0,
@@ -2331,8 +2333,8 @@ function genDefaults$2() {
           surface: '#212121',
           'surface-bright': '#ccbfd6',
           'surface-light': '#424242',
-          'surface-variant': '#c8c8c8',
-          'on-surface-variant': '#000000',
+          'surface-variant': '#a3a3a3',
+          'on-surface-variant': '#424242',
           primary: '#2196F3',
           'primary-darken-1': '#277CC1',
           secondary: '#54B6B2',
@@ -2362,7 +2364,10 @@ function genDefaults$2() {
         }
       }
     },
-    stylesheetId: 'vuetify-theme-stylesheet'
+    stylesheetId: 'vuetify-theme-stylesheet',
+    scoped: false,
+    unimportant: true,
+    utilities: true
   };
 }
 function parseThemeOptions() {
@@ -2385,21 +2390,21 @@ function parseThemeOptions() {
 function createCssClass(lines, selector, content, scope) {
   lines.push(`${getScopedSelector(selector, scope)} {\n`, ...content.map(line => `  ${line};\n`), '}\n');
 }
-function genCssVariables(theme) {
+function genCssVariables(theme, prefix) {
   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(`--v-theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`);
+    variables.push(`--${prefix}theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`);
     if (!key.startsWith('on-')) {
-      variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`);
+      variables.push(`--${prefix}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(`--v-${key}: ${rgb ?? value}`);
+    variables.push(`--${prefix}${key}: ${rgb ?? value}`);
   }
   return variables;
 }
@@ -2443,7 +2448,8 @@ function getScopedSelector(selector, scope) {
   const scopeSelector = `:where(${scope})`;
   return selector === ':root' ? scopeSelector : `${scopeSelector} ${selector}`;
 }
-function upsertStyles(styleEl, styles) {
+function upsertStyles(id, cspNonce, styles) {
+  const styleEl = getOrCreateStyleElement(id, cspNonce);
   if (!styleEl) return;
   styleEl.innerHTML = styles;
 }
@@ -2463,8 +2469,17 @@ 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)) {
@@ -2485,28 +2500,49 @@ 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.scope);
+    createCssClass(lines, ':root', genCssVariables(current.value, parsedOptions.prefix), parsedOptions.scope);
     for (const [themeName, theme] of Object.entries(computedThemes.value)) {
-      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);
+      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);
+        }
       }
+      lines.push(...bgLines, ...fgLines);
     }
-    lines.push(...bgLines, ...fgLines);
-    return lines.map((str, i) => i === 0 ? str : `    ${str}`).join('');
+    return '@layer vuetify.theme {\n' + lines.map(v => `  ${v}`).join('') + '\n}';
   });
+  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;
@@ -2544,22 +2580,55 @@ function createTheme(options) {
         updateStyles();
       }
       function updateStyles() {
-        upsertStyles(getOrCreateStyleElement(parsedOptions.stylesheetId, parsedOptions.cspNonce), styles.value);
+        upsertStyles(parsedOptions.stylesheetId, parsedOptions.cspNonce, styles.value);
       }
     }
   }
-  const themeClasses = computed(() => parsedOptions.isDisabled ? undefined : `v-theme--${name.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;
+    }
+  });
   return {
     install,
+    change,
+    cycle,
+    toggle,
     isDisabled: parsedOptions.isDisabled,
     name,
     themes,
     current,
     computedThemes,
+    prefix: parsedOptions.prefix,
     themeClasses,
     styles,
     global: {
-      name,
+      name: globalName,
       current
     }
   };
@@ -2570,7 +2639,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 : `v-theme--${name.value}`);
+  const themeClasses = computed(() => theme.isDisabled ? undefined : `${theme.prefix}theme--${name.value}`);
   const newTheme = {
     ...theme,
     name,
@@ -6894,11 +6963,6 @@ function useValidation(props) {
   }
   async function validate() {
     let silent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    if (props.disabled || props.readonly) {
-      internalErrorMessages.value = [];
-      isValidating.value = false;
-      return internalErrorMessages.value;
-    }
     const results = [];
     isValidating.value = true;
     for (const rule of props.rules) {
@@ -12308,7 +12372,12 @@ function useVirtual(props, items) {
   }
   function calculateOffset(index) {
     index = clamp(index, 0, items.value.length - 1);
-    return offsets[index] || 0;
+    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;
   }
   function calculateIndex(scrollTop) {
     return binaryClosest(offsets, scrollTop);
@@ -12937,7 +13006,8 @@ const VSelect = genericComponent()({
                   onClick: () => select(item, null)
                 });
                 return slots.item?.({
-                  item,
+                  item: item.raw,
+                  internalItem: item,
                   index,
                   props: itemProps
                 }) ?? createVNode(VListItem, mergeProps(itemProps, {
@@ -12985,11 +13055,13 @@ const VSelect = genericComponent()({
           };
           const hasSlot = hasChips ? !!slots.chip : !!slots.selection;
           const slotContent = hasSlot ? ensureValidVNode(hasChips ? slots.chip({
-            item,
+            item: item.raw,
+            internalItem: item,
             index,
             props: slotProps
           }) : slots.selection({
-            item,
+            item: item.raw,
+            internalItem: item,
             index
           })) : undefined;
           if (hasSlot && !slotContent) return undefined;
@@ -13055,7 +13127,6 @@ const VSelect = genericComponent()({
 // Composables
 const defaultFilter = (value, query, item) => {
   if (value == null || query == null) return -1;
-  if (!query.length) return 0;
   value = value.toString().toLocaleLowerCase();
   query = query.toString().toLocaleLowerCase();
   const result = [];
@@ -13068,7 +13139,7 @@ const defaultFilter = (value, query, item) => {
 };
 function normaliseMatch(match, query) {
   if (match == null || typeof match === 'boolean' || match === -1) return;
-  if (typeof match === 'number') return [[match, match + query.length]];
+  if (typeof match === 'number') return [[match, query.length]];
   if (Array.isArray(match[0])) return match;
   return [match];
 }
@@ -13536,7 +13607,8 @@ const VAutocomplete = genericComponent()({
                   onClick: () => select(item, null)
                 });
                 return slots.item?.({
-                  item,
+                  item: item.raw,
+                  internalItem: item,
                   index,
                   props: itemProps
                 }) ?? createVNode(VListItem, mergeProps(itemProps, {
@@ -13587,11 +13659,13 @@ const VAutocomplete = genericComponent()({
           };
           const hasSlot = hasChips.value ? !!slots.chip : !!slots.selection;
           const slotContent = hasSlot ? ensureValidVNode(hasChips.value ? slots.chip({
-            item,
+            item: item.raw,
+            internalItem: item,
             index,
             props: slotProps
           }) : slots.selection({
-            item,
+            item: item.raw,
+            internalItem: item,
             index
           })) : undefined;
           if (hasSlot && !slotContent) return undefined;
@@ -16983,81 +17057,165 @@ const VPicker = genericComponent()({
 
 // Types
 
-function weekInfo(locale) {
-  // https://simplelocalize.io/data/locales/
-  // then `new Intl.Locale(...).getWeekInfo()`
-  const code = locale.slice(-2).toUpperCase();
-  switch (true) {
-    case locale === 'GB-alt-variant':
-      {
-        return {
-          firstDay: 0,
-          firstWeekSize: 4
-        };
-      }
-    case locale === '001':
-      {
-        return {
-          firstDay: 1,
-          firstWeekSize: 1
-        };
-      }
-    case `AG AS BD BR BS BT BW BZ CA CO DM DO ET GT GU HK HN ID IL IN JM JP KE
-    KH KR LA MH MM MO MT MX MZ NI NP PA PE PH PK PR PY SA SG SV TH TT TW UM US
-    VE VI WS YE ZA ZW`.includes(code):
-      {
-        return {
-          firstDay: 0,
-          firstWeekSize: 1
-        };
-      }
-    case `AI AL AM AR AU AZ BA BM BN BY CL CM CN CR CY EC GE HR KG KZ LB LK LV
-    MD ME MK MN MY NZ RO RS SI TJ TM TR UA UY UZ VN XK`.includes(code):
-      {
-        return {
-          firstDay: 1,
-          firstWeekSize: 1
-        };
-      }
-    case `AD AN AT AX BE BG CH CZ DE DK EE ES FI FJ FO FR GB GF GP GR HU IE IS
-    IT LI LT LU MC MQ NL NO PL RE RU SE SK SM VA`.includes(code):
-      {
-        return {
-          firstDay: 1,
-          firstWeekSize: 4
-        };
-      }
-    case `AE AF BH DJ DZ EG IQ IR JO KW LY OM QA SD SY`.includes(code):
-      {
-        return {
-          firstDay: 6,
-          firstWeekSize: 1
-        };
-      }
-    case code === 'MV':
-      {
-        return {
-          firstDay: 5,
-          firstWeekSize: 1
-        };
-      }
-    case code === 'PT':
-      {
-        return {
-          firstDay: 0,
-          firstWeekSize: 4
-        };
-      }
-    default:
-      return null;
-  }
-}
+const firstDay = {
+  '001': 1,
+  AD: 1,
+  AE: 6,
+  AF: 6,
+  AG: 0,
+  AI: 1,
+  AL: 1,
+  AM: 1,
+  AN: 1,
+  AR: 1,
+  AS: 0,
+  AT: 1,
+  AU: 1,
+  AX: 1,
+  AZ: 1,
+  BA: 1,
+  BD: 0,
+  BE: 1,
+  BG: 1,
+  BH: 6,
+  BM: 1,
+  BN: 1,
+  BR: 0,
+  BS: 0,
+  BT: 0,
+  BW: 0,
+  BY: 1,
+  BZ: 0,
+  CA: 0,
+  CH: 1,
+  CL: 1,
+  CM: 1,
+  CN: 1,
+  CO: 0,
+  CR: 1,
+  CY: 1,
+  CZ: 1,
+  DE: 1,
+  DJ: 6,
+  DK: 1,
+  DM: 0,
+  DO: 0,
+  DZ: 6,
+  EC: 1,
+  EE: 1,
+  EG: 6,
+  ES: 1,
+  ET: 0,
+  FI: 1,
+  FJ: 1,
+  FO: 1,
+  FR: 1,
+  GB: 1,
+  'GB-alt-variant': 0,
+  GE: 1,
+  GF: 1,
+  GP: 1,
+  GR: 1,
+  GT: 0,
+  GU: 0,
+  HK: 0,
+  HN: 0,
+  HR: 1,
+  HU: 1,
+  ID: 0,
+  IE: 1,
+  IL: 0,
+  IN: 0,
+  IQ: 6,
+  IR: 6,
+  IS: 1,
+  IT: 1,
+  JM: 0,
+  JO: 6,
+  JP: 0,
+  KE: 0,
+  KG: 1,
+  KH: 0,
+  KR: 0,
+  KW: 6,
+  KZ: 1,
+  LA: 0,
+  LB: 1,
+  LI: 1,
+  LK: 1,
+  LT: 1,
+  LU: 1,
+  LV: 1,
+  LY: 6,
+  MC: 1,
+  MD: 1,
+  ME: 1,
+  MH: 0,
+  MK: 1,
+  MM: 0,
+  MN: 1,
+  MO: 0,
+  MQ: 1,
+  MT: 0,
+  MV: 5,
+  MX: 0,
+  MY: 1,
+  MZ: 0,
+  NI: 0,
+  NL: 1,
+  NO: 1,
+  NP: 0,
+  NZ: 1,
+  OM: 6,
+  PA: 0,
+  PE: 0,
+  PH: 0,
+  PK: 0,
+  PL: 1,
+  PR: 0,
+  PT: 0,
+  PY: 0,
+  QA: 6,
+  RE: 1,
+  RO: 1,
+  RS: 1,
+  RU: 1,
+  SA: 0,
+  SD: 6,
+  SE: 1,
+  SG: 0,
+  SI: 1,
+  SK: 1,
+  SM: 1,
+  SV: 0,
+  SY: 6,
+  TH: 0,
+  TJ: 1,
+  TM: 1,
+  TR: 1,
+  TT: 0,
+  TW: 0,
+  UA: 1,
+  UM: 0,
+  US: 0,
+  UY: 1,
+  UZ: 1,
+  VA: 1,
+  VE: 0,
+  VI: 0,
+  VN: 1,
+  WS: 0,
+  XK: 1,
+  YE: 0,
+  ZA: 0,
+  ZW: 0
+};
 function getWeekArray(date, locale, firstDayOfWeek) {
   const weeks = [];
   let currentWeek = [];
   const firstDayOfMonth = startOfMonth(date);
   const lastDayOfMonth = endOfMonth(date);
-  const first = firstDayOfWeek ?? weekInfo(locale)?.firstDay ?? 0;
+  const first = firstDayOfWeek ?? firstDay[locale.slice(-2).toUpperCase()] ?? 0;
   const firstDayWeekIndex = (firstDayOfMonth.getDay() - first + 7) % 7;
   const lastDayWeekIndex = (lastDayOfMonth.getDay() - first + 7) % 7;
   for (let i = 0; i < firstDayWeekIndex; i++) {
@@ -17088,7 +17246,7 @@ function getWeekArray(date, locale, firstDayOfWeek) {
   return weeks;
 }
 function startOfWeek(date, locale, firstDayOfWeek) {
-  const day = firstDayOfWeek ?? weekInfo(locale)?.firstDay ?? 0;
+  const day = firstDayOfWeek ?? firstDay[locale.slice(-2).toUpperCase()] ?? 0;
   const d = new Date(date);
   while (d.getDay() !== day) {
     d.setDate(d.getDate() - 1);
@@ -17097,7 +17255,7 @@ function startOfWeek(date, locale, firstDayOfWeek) {
 }
 function endOfWeek(date, locale) {
   const d = new Date(date);
-  const lastDay = ((weekInfo(locale)?.firstDay ?? 0) + 6) % 7;
+  const lastDay = ((firstDay[locale.slice(-2).toUpperCase()] ?? 0) + 6) % 7;
   while (d.getDay() !== lastDay) {
     d.setDate(d.getDate() + 1);
   }
@@ -17132,7 +17290,7 @@ function date(value) {
 }
 const sundayJanuarySecond2000 = new Date(2000, 0, 2);
 function getWeekdays(locale, firstDayOfWeek) {
-  const daysFromSunday = firstDayOfWeek ?? weekInfo(locale)?.firstDay ?? 0;
+  const daysFromSunday = firstDayOfWeek ?? firstDay[locale.slice(-2).toUpperCase()] ?? 0;
   return createRange(7).map(i => {
     const weekday = new Date(sundayJanuarySecond2000);
     weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
@@ -17380,24 +17538,6 @@ function getYear(date) {
 function getMonth(date) {
   return date.getMonth();
 }
-function getWeek(date, locale, firstDayOfWeek, firstWeekMinSize) {
-  const weekInfoFromLocale = weekInfo(locale);
-  const weekStart = firstDayOfWeek ?? weekInfoFromLocale?.firstDay ?? 0;
-  const minWeekSize = firstWeekMinSize ?? weekInfoFromLocale?.firstWeekSize ?? 1;
-  function firstWeekSize(year) {
-    const yearStart = new Date(year, 0, 1);
-    return 7 - getDiff(yearStart, startOfWeek(yearStart, locale, weekStart), 'days');
-  }
-  let year = getYear(date);
-  const currentWeekEnd = addDays(startOfWeek(date, locale, weekStart), 6);
-  if (year < getYear(currentWeekEnd) && firstWeekSize(year + 1) >= minWeekSize) {
-    year++;
-  }
-  const yearStart = new Date(year, 0, 1);
-  const size = firstWeekSize(year);
-  const d1w1 = size >= minWeekSize ? addDays(yearStart, size - 7) : addDays(yearStart, size);
-  return 1 + getDiff(date, d1w1, 'weeks');
-}
 function getDate(date) {
   return date.getDate();
 }
@@ -17537,12 +17677,10 @@ class VuetifyDateAdapter {
     return addMonths(date, amount);
   }
   getWeekArray(date, firstDayOfWeek) {
-    const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
-    return getWeekArray(date, this.locale, firstDay);
+    return getWeekArray(date, this.locale, firstDayOfWeek ? Number(firstDayOfWeek) : undefined);
   }
   startOfWeek(date, firstDayOfWeek) {
-    const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
-    return startOfWeek(date, this.locale, firstDay);
+    return startOfWeek(date, this.locale, firstDayOfWeek ? Number(firstDayOfWeek) : undefined);
   }
   endOfWeek(date) {
     return endOfWeek(date, this.locale);
@@ -17602,8 +17740,7 @@ class VuetifyDateAdapter {
     return getDiff(date, comparing, unit);
   }
   getWeekdays(firstDayOfWeek) {
-    const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
-    return getWeekdays(this.locale, firstDay);
+    return getWeekdays(this.locale, firstDayOfWeek ? Number(firstDayOfWeek) : undefined);
   }
   getYear(date) {
     return getYear(date);
@@ -17611,10 +17748,6 @@ class VuetifyDateAdapter {
   getMonth(date) {
     return getMonth(date);
   }
-  getWeek(date, firstDayOfWeek, firstWeekMinSize) {
-    const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
-    return getWeek(date, this.locale, firstDay, firstWeekMinSize);
-  }
   getDate(date) {
     return getDate(date);
   }
@@ -17718,6 +17851,26 @@ function useDate() {
   return createInstance(options, locale);
 }
 
+// https://stackoverflow.com/questions/274861/how-do-i-calculate-the-week-number-given-a-date/275024#275024
+function getWeek(adapter, value) {
+  const date = adapter.toJsDate(value);
+  let year = date.getFullYear();
+  let d1w1 = new Date(year, 0, 1);
+  if (date < d1w1) {
+    year = year - 1;
+    d1w1 = new Date(year, 0, 1);
+  } else {
+    const tv = new Date(year + 1, 0, 1);
+    if (date >= tv) {
+      year = year + 1;
+      d1w1 = tv;
+    }
+  }
+  const diffTime = Math.abs(date.getTime() - d1w1.getTime());
+  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+  return Math.floor(diffDays / 7) + 1;
+}
+
 // Types
 
 const makeVColorPickerProps = propsFactory({
@@ -18264,7 +18417,8 @@ const VCombobox = genericComponent()({
                   onClick: () => select(item, null)
                 });
                 return slots.item?.({
-                  item,
+                  item: item.raw,
+                  internalItem: item,
                   index,
                   props: itemProps
                 }) ?? createVNode(VListItem, mergeProps(itemProps, {
@@ -18315,11 +18469,13 @@ const VCombobox = genericComponent()({
           };
           const hasSlot = hasChips.value ? !!slots.chip : !!slots.selection;
           const slotContent = hasSlot ? ensureValidVNode(hasChips.value ? slots.chip({
-            item,
+            item: item.raw,
+            internalItem: item,
             index,
             props: slotProps
           }) : slots.selection({
-            item,
+            item: item.raw,
+            internalItem: item,
             index
           })) : undefined;
           if (hasSlot && !slotContent) return undefined;
@@ -21906,7 +22062,7 @@ const makeCalendarProps = propsFactory({
   },
   firstDayOfWeek: {
     type: [Number, String],
-    default: undefined
+    default: 0
   }
 }, 'calendar');
 function useCalendar(props) {
@@ -21929,12 +22085,14 @@ function useCalendar(props) {
     return adapter.setMonth(date, value);
   }, v => adapter.getMonth(v));
   const weekDays = computed(() => {
-    const firstDayOfWeek = adapter.toJsDate(adapter.startOfWeek(adapter.date(), props.firstDayOfWeek)).getDay();
+    const firstDayOfWeek = Number(props.firstDayOfWeek);
+
     // Always generate all days, regardless of props.weekdays
     return [0, 1, 2, 3, 4, 5, 6].map(day => (day + firstDayOfWeek) % 7);
   });
   const weeksInMonth = computed(() => {
-    const weeks = adapter.getWeekArray(month.value, props.firstDayOfWeek);
+    const firstDayOfWeek = Number(props.firstDayOfWeek);
+    const weeks = adapter.getWeekArray(month.value, firstDayOfWeek);
     const days = weeks.flat();
 
     // Make sure there's always 6 weeks in month (6 * 7 days)
@@ -21998,7 +22156,7 @@ function useCalendar(props) {
   });
   const weekNumbers = computed(() => {
     return weeksInMonth.value.map(week => {
-      return week.length ? adapter.getWeek(week[0], props.firstDayOfWeek) : null;
+      return week.length ? getWeek(adapter, week[0]) : null;
     });
   });
   function isDisabled(value) {
@@ -23487,7 +23645,17 @@ const VForm = genericComponent()({
       "novalidate": true,
       "onReset": onReset,
       "onSubmit": onSubmit
-    }, [slots.default?.(form)]));
+    }, [slots.default?.({
+      errors: form.errors.value,
+      isDisabled: form.isDisabled.value,
+      isReadonly: form.isReadonly.value,
+      isValidating: form.isValidating.value,
+      isValid: form.isValid.value,
+      items: form.items.value,
+      validate: form.validate,
+      reset: form.reset,
+      resetValidation: form.resetValidation
+    })]));
     return forwardRefs(form, formRef);
   }
 });
@@ -28546,43 +28714,37 @@ const VCalendarInterval = genericComponent()({
         "style": `height: ${convertToUnit(props.intervalHeight)}`
       }, [createVNode("div", {
         "class": "v-calendar-day__row-label"
-      }, [createVNode(resolveComponent("slot"), {
+      }, [createVNode("slot", {
         "name": "intervalFormat",
         "interval": interval.value
-      }, {
-        default: () => [props.index ? props.intervalFormat ? typeof props.intervalFormat === 'string' ? adapter.format(interval.value.start, 'hours12h') : props.intervalFormat(interval.value) : interval.value.label : '']
-      })]), createVNode("div", {
+      }, [props.index ? props.intervalFormat ? typeof props.intervalFormat === 'string' ? adapter.format(interval.value.start, 'hours12h') : props.intervalFormat(interval.value) : interval.value.label : ''])]), createVNode("div", {
         "class": "v-calendar-day__row-hairline"
       }, null), createVNode("div", {
         "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
-      }, [createVNode(resolveComponent("slot"), {
+      }, [createVNode("slot", {
         "name": "intervalBody",
         "interval": interval.value
-      }, {
-        default: () => [interval.value.events?.map(event => createVNode(VCalendarIntervalEvent, {
-          "event": event,
-          "interval": interval.value,
-          "intervalDivisions": props.intervalDivisions,
-          "intervalDuration": props.intervalDuration,
-          "intervalHeight": props.intervalHeight
-        }, null))]
-      })])]) : createVNode("div", {
+      }, [interval.value.events?.map(event => createVNode(VCalendarIntervalEvent, {
+        "event": event,
+        "interval": interval.value,
+        "intervalDivisions": props.intervalDivisions,
+        "intervalDuration": props.intervalDuration,
+        "intervalHeight": props.intervalHeight
+      }, null))])])]) : createVNode("div", {
         "class": "v-calendar-day__row-without-label",
         "style": `height: ${convertToUnit(props.intervalHeight)}`
       }, [createVNode("div", {
         "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
-      }, [createVNode(resolveComponent("slot"), {
+      }, [createVNode("slot", {
         "name": "intervalBody",
         "interval": interval.value
-      }, {
-        default: () => [interval.value.events?.filter(event => !event.allDay).map(event => createVNode(VCalendarIntervalEvent, {
-          "event": event,
-          "interval": interval.value,
-          "intervalDivisions": props.intervalDivisions,
-          "intervalDuration": props.intervalDuration,
-          "intervalHeight": props.intervalHeight
-        }, null))]
-      })])]);
+      }, [interval.value.events?.filter(event => !event.allDay).map(event => createVNode(VCalendarIntervalEvent, {
+        "event": event,
+        "interval": interval.value,
+        "intervalDivisions": props.intervalDivisions,
+        "intervalDuration": props.intervalDuration,
+        "intervalHeight": props.intervalHeight
+      }, null))])])]);
     });
     return {
       interval
@@ -31491,7 +31653,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.1-master.2025-04-16";
+const version$1 = "3.8.1-next.2025-04-18";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31674,7 +31836,7 @@ const md3 = {
       flat: true
     },
     VAutocomplete: {
-      variant: 'outlined'
+      variant: 'filled'
     },
     VBanner: {
       color: 'primary'
@@ -31703,10 +31865,7 @@ const md3 = {
       rounded: 'sm'
     },
     VCombobox: {
-      variant: 'outlined'
-    },
-    VDateInput: {
-      variant: 'outlined'
+      variant: 'filled'
     },
     VDatePicker: {
       controlHeight: 48,
@@ -31720,9 +31879,6 @@ const md3 = {
         rounded: 'circle'
       }
     },
-    VFileInput: {
-      variant: 'outlined'
-    },
     VNavigationDrawer: {
       // VList: {
       //   nav: true,
@@ -31731,15 +31887,8 @@ const md3 = {
       //   },
       // },
     },
-    VNumberInput: {
-      variant: 'outlined',
-      VBtn: {
-        color: undefined,
-        rounded: undefined
-      }
-    },
     VSelect: {
-      variant: 'outlined'
+      variant: 'filled'
     },
     VSlider: {
       color: 'primary'
@@ -31748,10 +31897,10 @@ const md3 = {
       color: 'primary'
     },
     VTextarea: {
-      variant: 'outlined'
+      variant: 'filled'
     },
     VTextField: {
-      variant: 'outlined'
+      variant: 'filled'
     },
     VToolbar: {
       VBtn: {
@@ -31789,7 +31938,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.8.1-master.2025-04-16";
+const version = "3.8.1-next.2025-04-18";
 
 /* eslint-disable local-rules/sort-imports */