@vuetify/nightly 3.8.1-next.2025-04-15 → 3.8.2-dev.2025-04-17

package/dist/vuetify-labs.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.1-next.2025-04-15
+* Vuetify v3.8.2-dev.2025-04-17
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2285,7 +2285,7 @@
   }, 'theme');
   function genDefaults$2() {
     return {
-      defaultTheme: 'system',
+      defaultTheme: 'light',
       prefix: 'v-',
       variations: {
         colors: [],
@@ -2337,8 +2337,8 @@
             surface: '#212121',
             'surface-bright': '#ccbfd6',
             'surface-light': '#424242',
-            'surface-variant': '#a3a3a3',
-            'on-surface-variant': '#424242',
+            'surface-variant': '#c8c8c8',
+            'on-surface-variant': '#000000',
             primary: '#2196F3',
             'primary-darken-1': '#277CC1',
             secondary: '#54B6B2',
@@ -2370,7 +2370,7 @@
       },
       stylesheetId: 'vuetify-theme-stylesheet',
       scoped: false,
-      unimportant: true,
+      unimportant: false,
       utilities: true
     };
   }
@@ -2528,7 +2528,7 @@
         }
         lines.push(...bgLines, ...fgLines);
       }
-      return '@layer vuetify.theme {\n' + lines.map(v => `  ${v}`).join('') + '\n}';
+      return lines.map((str, i) => i === 0 ? str : `    ${str}`).join('');
     });
     const themeClasses = vue.computed(() => parsedOptions.isDisabled ? undefined : `${parsedOptions.prefix}theme--${name.value}`);
     const themeNames = vue.computed(() => Object.keys(computedThemes.value));
@@ -6967,6 +6967,11 @@
     }
     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) {
@@ -13010,8 +13015,7 @@
                     onClick: () => select(item, null)
                   });
                   return slots.item?.({
-                    item: item.raw,
-                    internalItem: item,
+                    item,
                     index,
                     props: itemProps
                   }) ?? vue.createVNode(VListItem, vue.mergeProps(itemProps, {
@@ -13059,13 +13063,11 @@
             };
             const hasSlot = hasChips ? !!slots.chip : !!slots.selection;
             const slotContent = hasSlot ? ensureValidVNode(hasChips ? slots.chip({
-              item: item.raw,
-              internalItem: item,
+              item,
               index,
               props: slotProps
             }) : slots.selection({
-              item: item.raw,
-              internalItem: item,
+              item,
               index
             })) : undefined;
             if (hasSlot && !slotContent) return undefined;
@@ -13131,6 +13133,7 @@
   // 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 = [];
@@ -13143,7 +13146,7 @@
   };
   function normaliseMatch(match, query) {
     if (match == null || typeof match === 'boolean' || match === -1) return;
-    if (typeof match === 'number') return [[match, query.length]];
+    if (typeof match === 'number') return [[match, match + query.length]];
     if (Array.isArray(match[0])) return match;
     return [match];
   }
@@ -13611,8 +13614,7 @@
                     onClick: () => select(item, null)
                   });
                   return slots.item?.({
-                    item: item.raw,
-                    internalItem: item,
+                    item,
                     index,
                     props: itemProps
                   }) ?? vue.createVNode(VListItem, vue.mergeProps(itemProps, {
@@ -13663,13 +13665,11 @@
             };
             const hasSlot = hasChips.value ? !!slots.chip : !!slots.selection;
             const slotContent = hasSlot ? ensureValidVNode(hasChips.value ? slots.chip({
-              item: item.raw,
-              internalItem: item,
+              item,
               index,
               props: slotProps
             }) : slots.selection({
-              item: item.raw,
-              internalItem: item,
+              item,
               index
             })) : undefined;
             if (hasSlot && !slotContent) return undefined;
@@ -17061,165 +17061,81 @@
 
   // Types
 
-  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 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;
+    }
+  }
   function getWeekArray(date, locale, firstDayOfWeek) {
     const weeks = [];
     let currentWeek = [];
     const firstDayOfMonth = startOfMonth(date);
     const lastDayOfMonth = endOfMonth(date);
-    const first = firstDayOfWeek ?? firstDay[locale.slice(-2).toUpperCase()] ?? 0;
+    const first = firstDayOfWeek ?? weekInfo(locale)?.firstDay ?? 0;
     const firstDayWeekIndex = (firstDayOfMonth.getDay() - first + 7) % 7;
     const lastDayWeekIndex = (lastDayOfMonth.getDay() - first + 7) % 7;
     for (let i = 0; i < firstDayWeekIndex; i++) {
@@ -17250,7 +17166,7 @@
     return weeks;
   }
   function startOfWeek(date, locale, firstDayOfWeek) {
-    const day = firstDayOfWeek ?? firstDay[locale.slice(-2).toUpperCase()] ?? 0;
+    const day = firstDayOfWeek ?? weekInfo(locale)?.firstDay ?? 0;
     const d = new Date(date);
     while (d.getDay() !== day) {
       d.setDate(d.getDate() - 1);
@@ -17259,7 +17175,7 @@
   }
   function endOfWeek(date, locale) {
     const d = new Date(date);
-    const lastDay = ((firstDay[locale.slice(-2).toUpperCase()] ?? 0) + 6) % 7;
+    const lastDay = ((weekInfo(locale)?.firstDay ?? 0) + 6) % 7;
     while (d.getDay() !== lastDay) {
       d.setDate(d.getDate() + 1);
     }
@@ -17294,7 +17210,7 @@
   }
   const sundayJanuarySecond2000 = new Date(2000, 0, 2);
   function getWeekdays(locale, firstDayOfWeek) {
-    const daysFromSunday = firstDayOfWeek ?? firstDay[locale.slice(-2).toUpperCase()] ?? 0;
+    const daysFromSunday = firstDayOfWeek ?? weekInfo(locale)?.firstDay ?? 0;
     return createRange(7).map(i => {
       const weekday = new Date(sundayJanuarySecond2000);
       weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
@@ -17542,6 +17458,24 @@
   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();
   }
@@ -17681,10 +17615,12 @@
       return addMonths(date, amount);
     }
     getWeekArray(date, firstDayOfWeek) {
-      return getWeekArray(date, this.locale, firstDayOfWeek ? Number(firstDayOfWeek) : undefined);
+      const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
+      return getWeekArray(date, this.locale, firstDay);
     }
     startOfWeek(date, firstDayOfWeek) {
-      return startOfWeek(date, this.locale, firstDayOfWeek ? Number(firstDayOfWeek) : undefined);
+      const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
+      return startOfWeek(date, this.locale, firstDay);
     }
     endOfWeek(date) {
       return endOfWeek(date, this.locale);
@@ -17744,7 +17680,8 @@
       return getDiff(date, comparing, unit);
     }
     getWeekdays(firstDayOfWeek) {
-      return getWeekdays(this.locale, firstDayOfWeek ? Number(firstDayOfWeek) : undefined);
+      const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
+      return getWeekdays(this.locale, firstDay);
     }
     getYear(date) {
       return getYear(date);
@@ -17752,6 +17689,10 @@
     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);
     }
@@ -17855,26 +17796,6 @@
     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({
@@ -18421,8 +18342,7 @@
                     onClick: () => select(item, null)
                   });
                   return slots.item?.({
-                    item: item.raw,
-                    internalItem: item,
+                    item,
                     index,
                     props: itemProps
                   }) ?? vue.createVNode(VListItem, vue.mergeProps(itemProps, {
@@ -18473,13 +18393,11 @@
             };
             const hasSlot = hasChips.value ? !!slots.chip : !!slots.selection;
             const slotContent = hasSlot ? ensureValidVNode(hasChips.value ? slots.chip({
-              item: item.raw,
-              internalItem: item,
+              item,
               index,
               props: slotProps
             }) : slots.selection({
-              item: item.raw,
-              internalItem: item,
+              item,
               index
             })) : undefined;
             if (hasSlot && !slotContent) return undefined;
@@ -22066,7 +21984,7 @@
     },
     firstDayOfWeek: {
       type: [Number, String],
-      default: 0
+      default: undefined
     }
   }, 'calendar');
   function useCalendar(props) {
@@ -22089,14 +22007,12 @@
       return adapter.setMonth(date, value);
     }, v => adapter.getMonth(v));
     const weekDays = vue.computed(() => {
-      const firstDayOfWeek = Number(props.firstDayOfWeek);
-
+      const firstDayOfWeek = adapter.toJsDate(adapter.startOfWeek(adapter.date(), props.firstDayOfWeek)).getDay();
       // 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 firstDayOfWeek = Number(props.firstDayOfWeek);
-      const weeks = adapter.getWeekArray(month.value, firstDayOfWeek);
+      const weeks = adapter.getWeekArray(month.value, props.firstDayOfWeek);
       const days = weeks.flat();
 
       // Make sure there's always 6 weeks in month (6 * 7 days)
@@ -22160,7 +22076,7 @@
     });
     const weekNumbers = vue.computed(() => {
       return weeksInMonth.value.map(week => {
-        return week.length ? getWeek(adapter, week[0]) : null;
+        return week.length ? adapter.getWeek(week[0], props.firstDayOfWeek) : null;
       });
     });
     function isDisabled(value) {
@@ -23649,17 +23565,7 @@
         "novalidate": true,
         "onReset": onReset,
         "onSubmit": onSubmit
-      }, [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
-      })]));
+      }, [slots.default?.(form)]));
       return forwardRefs(form, formRef);
     }
   });
@@ -28718,37 +28624,43 @@
           "style": `height: ${convertToUnit(props.intervalHeight)}`
         }, [vue.createVNode("div", {
           "class": "v-calendar-day__row-label"
-        }, [vue.createVNode("slot", {
+        }, [vue.createVNode(vue.resolveComponent("slot"), {
           "name": "intervalFormat",
           "interval": interval.value
-        }, [props.index ? props.intervalFormat ? typeof props.intervalFormat === 'string' ? adapter.format(interval.value.start, 'hours12h') : props.intervalFormat(interval.value) : interval.value.label : ''])]), vue.createVNode("div", {
+        }, {
+          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", {
           "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("slot", {
+        }, [vue.createVNode(vue.resolveComponent("slot"), {
           "name": "intervalBody",
           "interval": interval.value
-        }, [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", {
+        }, {
+          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", {
           "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("slot", {
+        }, [vue.createVNode(vue.resolveComponent("slot"), {
           "name": "intervalBody",
           "interval": interval.value
-        }, [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))])])]);
+        }, {
+          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))]
+        })])]);
       });
       return {
         interval
@@ -31657,7 +31569,7 @@
       };
     });
   }
-  const version$1 = "3.8.1-next.2025-04-15";
+  const version$1 = "3.8.2-dev.2025-04-17";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31840,7 +31752,7 @@
         flat: true
       },
       VAutocomplete: {
-        variant: 'filled'
+        variant: 'outlined'
       },
       VBanner: {
         color: 'primary'
@@ -31869,7 +31781,10 @@
         rounded: 'sm'
       },
       VCombobox: {
-        variant: 'filled'
+        variant: 'outlined'
+      },
+      VDateInput: {
+        variant: 'outlined'
       },
       VDatePicker: {
         controlHeight: 48,
@@ -31883,6 +31798,9 @@
           rounded: 'circle'
         }
       },
+      VFileInput: {
+        variant: 'outlined'
+      },
       VNavigationDrawer: {
         // VList: {
         //   nav: true,
@@ -31891,8 +31809,15 @@
         //   },
         // },
       },
+      VNumberInput: {
+        variant: 'outlined',
+        VBtn: {
+          color: undefined,
+          rounded: undefined
+        }
+      },
       VSelect: {
-        variant: 'filled'
+        variant: 'outlined'
       },
       VSlider: {
         color: 'primary'
@@ -31901,10 +31826,10 @@
         color: 'primary'
       },
       VTextarea: {
-        variant: 'filled'
+        variant: 'outlined'
       },
       VTextField: {
-        variant: 'filled'
+        variant: 'outlined'
       },
       VToolbar: {
         VBtn: {
@@ -31942,7 +31867,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.1-next.2025-04-15";
+  const version = "3.8.2-dev.2025-04-17";
 
   /* eslint-disable local-rules/sort-imports */