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

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.1-master.2025-04-16
+* Vuetify v3.8.1-next.2025-04-15
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -85,6 +85,7 @@
   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"); }
@@ -2284,7 +2285,8 @@
   }, 'theme');
   function genDefaults$2() {
     return {
-      defaultTheme: 'light',
+      defaultTheme: 'system',
+      prefix: 'v-',
       variations: {
         colors: [],
         lighten: 0,
@@ -2335,8 +2337,8 @@
             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',
@@ -2366,7 +2368,10 @@
           }
         }
       },
-      stylesheetId: 'vuetify-theme-stylesheet'
+      stylesheetId: 'vuetify-theme-stylesheet',
+      scoped: false,
+      unimportant: true,
+      utilities: true
     };
   }
   function parseThemeOptions() {
@@ -2389,21 +2394,21 @@
   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;
   }
@@ -2447,7 +2452,8 @@
     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;
   }
@@ -2467,8 +2473,17 @@
   // Composables
   function createTheme(options) {
     const parsedOptions = parseThemeOptions(options);
-    const name = vue.shallowRef(parsedOptions.defaultTheme);
+    const _name = vue.shallowRef(parsedOptions.defaultTheme);
     const themes = vue.ref(parsedOptions.themes);
+    const systemName = vue.shallowRef('light');
+    const name = vue.computed({
+      get() {
+        return _name.value === 'system' ? systemName.value : _name.value;
+      },
+      set(val) {
+        _name.value = val;
+      }
+    });
     const computedThemes = vue.computed(() => {
       const acc = {};
       for (const [name, original] of Object.entries(themes.value)) {
@@ -2489,28 +2504,49 @@
     const current = vue.computed(() => computedThemes.value[name.value]);
     const styles = vue.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 = vue.computed(() => parsedOptions.isDisabled ? undefined : `${parsedOptions.prefix}theme--${name.value}`);
+    const themeNames = vue.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 (vue.getCurrentScope()) {
+        vue.onScopeDispose(() => {
+          media.removeEventListener('change', updateSystemName);
+        });
+      }
+    }
     function install(app) {
       if (parsedOptions.isDisabled) return;
       const head = app._context.provides.usehead;
@@ -2548,22 +2584,55 @@
           updateStyles();
         }
         function updateStyles() {
-          upsertStyles(getOrCreateStyleElement(parsedOptions.stylesheetId, parsedOptions.cspNonce), styles.value);
+          upsertStyles(parsedOptions.stylesheetId, parsedOptions.cspNonce, styles.value);
         }
       }
     }
-    const themeClasses = vue.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
       }
     };
@@ -2574,7 +2643,7 @@
     if (!theme) throw new Error('Could not find Vuetify theme injection');
     const name = vue.computed(() => props.theme ?? theme.name.value);
     const current = vue.computed(() => theme.themes.value[name.value]);
-    const themeClasses = vue.computed(() => theme.isDisabled ? undefined : `v-theme--${name.value}`);
+    const themeClasses = vue.computed(() => theme.isDisabled ? undefined : `${theme.prefix}theme--${name.value}`);
     const newTheme = {
       ...theme,
       name,
@@ -6898,11 +6967,6 @@
     }
     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) {
@@ -12312,7 +12376,12 @@
     }
     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);
@@ -12941,7 +13010,8 @@
                     onClick: () => select(item, null)
                   });
                   return slots.item?.({
-                    item,
+                    item: item.raw,
+                    internalItem: item,
                     index,
                     props: itemProps
                   }) ?? vue.createVNode(VListItem, vue.mergeProps(itemProps, {
@@ -12989,11 +13059,13 @@
             };
             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;
@@ -13059,7 +13131,6 @@
   // 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 = [];
@@ -13072,7 +13143,7 @@
   };
   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];
   }
@@ -13540,7 +13611,8 @@
                     onClick: () => select(item, null)
                   });
                   return slots.item?.({
-                    item,
+                    item: item.raw,
+                    internalItem: item,
                     index,
                     props: itemProps
                   }) ?? vue.createVNode(VListItem, vue.mergeProps(itemProps, {
@@ -13591,11 +13663,13 @@
             };
             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;
@@ -16987,81 +17061,165 @@
 
   // 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++) {
@@ -17092,7 +17250,7 @@
     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);
@@ -17101,7 +17259,7 @@
   }
   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);
     }
@@ -17136,7 +17294,7 @@
   }
   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);
@@ -17384,24 +17542,6 @@
   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();
   }
@@ -17541,12 +17681,10 @@
       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);
@@ -17606,8 +17744,7 @@
       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);
@@ -17615,10 +17752,6 @@
     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);
     }
@@ -17722,6 +17855,26 @@
     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({
@@ -18268,7 +18421,8 @@
                     onClick: () => select(item, null)
                   });
                   return slots.item?.({
-                    item,
+                    item: item.raw,
+                    internalItem: item,
                     index,
                     props: itemProps
                   }) ?? vue.createVNode(VListItem, vue.mergeProps(itemProps, {
@@ -18319,11 +18473,13 @@
             };
             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;
@@ -21910,7 +22066,7 @@
     },
     firstDayOfWeek: {
       type: [Number, String],
-      default: undefined
+      default: 0
     }
   }, 'calendar');
   function useCalendar(props) {
@@ -21933,12 +22089,14 @@
       return adapter.setMonth(date, value);
     }, v => adapter.getMonth(v));
     const weekDays = vue.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 = vue.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)
@@ -22002,7 +22160,7 @@
     });
     const weekNumbers = vue.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) {
@@ -23491,7 +23649,17 @@
         "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);
     }
   });
@@ -28550,43 +28718,37 @@
           "style": `height: ${convertToUnit(props.intervalHeight)}`
         }, [vue.createVNode("div", {
           "class": "v-calendar-day__row-label"
-        }, [vue.createVNode(vue.resolveComponent("slot"), {
+        }, [vue.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 : '']
-        })]), vue.createVNode("div", {
+        }, [props.index ? props.intervalFormat ? typeof props.intervalFormat === 'string' ? adapter.format(interval.value.start, 'hours12h') : props.intervalFormat(interval.value) : interval.value.label : ''])]), vue.createVNode("div", {
           "class": "v-calendar-day__row-hairline"
         }, null), vue.createVNode("div", {
           "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
-        }, [vue.createVNode(vue.resolveComponent("slot"), {
+        }, [vue.createVNode("slot", {
           "name": "intervalBody",
           "interval": interval.value
-        }, {
-          default: () => [interval.value.events?.map(event => vue.createVNode(VCalendarIntervalEvent, {
-            "event": event,
-            "interval": interval.value,
-            "intervalDivisions": props.intervalDivisions,
-            "intervalDuration": props.intervalDuration,
-            "intervalHeight": props.intervalHeight
-          }, null))]
-        })])]) : vue.createVNode("div", {
+        }, [interval.value.events?.map(event => vue.createVNode(VCalendarIntervalEvent, {
+          "event": event,
+          "interval": interval.value,
+          "intervalDivisions": props.intervalDivisions,
+          "intervalDuration": props.intervalDuration,
+          "intervalHeight": props.intervalHeight
+        }, null))])])]) : vue.createVNode("div", {
           "class": "v-calendar-day__row-without-label",
           "style": `height: ${convertToUnit(props.intervalHeight)}`
         }, [vue.createVNode("div", {
           "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
-        }, [vue.createVNode(vue.resolveComponent("slot"), {
+        }, [vue.createVNode("slot", {
           "name": "intervalBody",
           "interval": interval.value
-        }, {
-          default: () => [interval.value.events?.filter(event => !event.allDay).map(event => vue.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 => vue.createVNode(VCalendarIntervalEvent, {
+          "event": event,
+          "interval": interval.value,
+          "intervalDivisions": props.intervalDivisions,
+          "intervalDuration": props.intervalDuration,
+          "intervalHeight": props.intervalHeight
+        }, null))])])]);
       });
       return {
         interval
@@ -31495,7 +31657,7 @@
       };
     });
   }
-  const version$1 = "3.8.1-master.2025-04-16";
+  const version$1 = "3.8.1-next.2025-04-15";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31678,7 +31840,7 @@
         flat: true
       },
       VAutocomplete: {
-        variant: 'outlined'
+        variant: 'filled'
       },
       VBanner: {
         color: 'primary'
@@ -31707,10 +31869,7 @@
         rounded: 'sm'
       },
       VCombobox: {
-        variant: 'outlined'
-      },
-      VDateInput: {
-        variant: 'outlined'
+        variant: 'filled'
       },
       VDatePicker: {
         controlHeight: 48,
@@ -31724,9 +31883,6 @@
           rounded: 'circle'
         }
       },
-      VFileInput: {
-        variant: 'outlined'
-      },
       VNavigationDrawer: {
         // VList: {
         //   nav: true,
@@ -31735,15 +31891,8 @@
         //   },
         // },
       },
-      VNumberInput: {
-        variant: 'outlined',
-        VBtn: {
-          color: undefined,
-          rounded: undefined
-        }
-      },
       VSelect: {
-        variant: 'outlined'
+        variant: 'filled'
       },
       VSlider: {
         color: 'primary'
@@ -31752,10 +31901,10 @@
         color: 'primary'
       },
       VTextarea: {
-        variant: 'outlined'
+        variant: 'filled'
       },
       VTextField: {
-        variant: 'outlined'
+        variant: 'filled'
       },
       VToolbar: {
         VBtn: {
@@ -31793,7 +31942,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.1-master.2025-04-16";
+  const version = "3.8.1-next.2025-04-15";
 
   /* eslint-disable local-rules/sort-imports */