@vuetify/nightly 3.9.0-master.2025-07-09 → 3.9.0-next.2025-07-09

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.0-master.2025-07-09
+* Vuetify v3.9.0-next.2025-07-09
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2916,7 +2916,7 @@ const makeThemeProps = propsFactory({
 }, 'theme');
 function genDefaults$1() {
   return {
-    defaultTheme: 'light',
+    defaultTheme: 'system',
     prefix: 'v-',
     variations: {
       colors: [],
@@ -3001,7 +3001,7 @@ function genDefaults$1() {
     },
     stylesheetId: 'vuetify-theme-stylesheet',
     scoped: false,
-    unimportant: false,
+    unimportant: true,
     utilities: true
   };
 }
@@ -3159,7 +3159,7 @@ function createTheme(options) {
       }
       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 = toRef(() => parsedOptions.isDisabled ? undefined : `${parsedOptions.prefix}theme--${name.value}`);
   const themeNames = toRef(() => Object.keys(computedThemes.value));
@@ -13607,7 +13607,8 @@ const VSelect = genericComponent()({
                   }), null);
                 }
                 return slots.item?.({
-                  item,
+                  item: item.raw,
+                  internalItem: item,
                   index,
                   props: itemProps
                 }) ?? createVNode(VListItem, mergeProps(itemProps, {
@@ -13655,11 +13656,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;
@@ -14225,7 +14228,8 @@ const VAutocomplete = genericComponent()({
                   }), null);
                 }
                 return slots.item?.({
-                  item,
+                  item: item.raw,
+                  internalItem: item,
                   index,
                   props: itemProps
                 }) ?? createVNode(VListItem, mergeProps(itemProps, {
@@ -14276,11 +14280,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;
@@ -19316,7 +19322,8 @@ const VCombobox = genericComponent()({
                   }), null);
                 }
                 return slots.item?.({
-                  item,
+                  item: item.raw,
+                  internalItem: item,
                   index,
                   props: itemProps
                 }) ?? createVNode(VListItem, mergeProps(itemProps, {
@@ -19367,11 +19374,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;
@@ -20860,7 +20869,7 @@ const VDataTableFooter = genericComponent()({
         "onUpdate:modelValue": v => setItemsPerPage(Number(v)),
         "density": "compact",
         "variant": "outlined",
-        "hideDetails": true
+        "hide-details": true
       }, null)]), createElementVNode("div", {
         "class": "v-data-table-footer__info"
       }, [createElementVNode("div", null, [t(props.pageText, !itemsLength.value ? 0 : startIndex.value + 1, stopIndex.value, itemsLength.value)])]), createElementVNode("div", {
@@ -20869,14 +20878,14 @@ const VDataTableFooter = genericComponent()({
         "modelValue": page.value,
         "onUpdate:modelValue": $event => page.value = $event,
         "density": "comfortable",
-        "firstAriaLabel": props.firstPageLabel,
-        "lastAriaLabel": props.lastPageLabel,
+        "first-aria-label": props.firstPageLabel,
+        "last-aria-label": props.lastPageLabel,
         "length": pageCount.value,
-        "nextAriaLabel": props.nextPageLabel,
-        "previousAriaLabel": props.prevPageLabel,
+        "next-aria-label": props.nextPageLabel,
+        "previous-aria-label": props.prevPageLabel,
         "rounded": true,
-        "showFirstLastPage": true,
-        "totalVisible": props.showCurrentPage ? 1 : 0,
+        "show-first-last-page": true,
+        "total-visible": props.showCurrentPage ? 1 : 0,
         "variant": "plain"
       }, paginationProps), null)])]);
     });
@@ -24547,7 +24556,7 @@ const VFileInput = genericComponent()({
           } = _ref3;
           return createVNode(VField, mergeProps({
             "ref": vFieldRef,
-            "prependIcon": props.prependIcon,
+            "prepend-icon": props.prependIcon,
             "onMousedown": onControlMousedown,
             "onClick": onControlClick,
             "onClick:clear": onClear,
@@ -24740,7 +24749,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);
   }
 });
@@ -26580,8 +26599,8 @@ const VOtpInput = genericComponent()({
         "value": model.value.join('')
       }), null), createVNode(VOverlay, {
         "contained": true,
-        "contentClass": "v-otp-input__loader",
-        "modelValue": !!props.loading,
+        "content-class": "v-otp-input__loader",
+        "model-value": !!props.loading,
         "persistent": true
       }, {
         default: () => [slots.loader?.() ?? createVNode(VProgressCircular, {
@@ -27556,7 +27575,7 @@ const VSnackbar = genericComponent()({
           "ref": timerRef,
           "color": typeof props.timer === 'string' ? props.timer : 'info',
           "max": props.timeout,
-          "modelValue": countdown.time.value
+          "model-value": countdown.time.value
         }, null)]), hasContent && createElementVNode("div", {
           "key": "content",
           "class": "v-snackbar__content",
@@ -30849,7 +30868,7 @@ const VTreeview = genericComponent()({
         "class": ['v-treeview', {
           'v-treeview--fluid': props.fluid
         }, props.class],
-        "openStrategy": "multiple",
+        "open-strategy": "multiple",
         "style": props.style,
         "opened": opened.value,
         "activated": activated.value,
@@ -31382,7 +31401,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.0-master.2025-07-09";
+const version$1 = "3.9.0-next.2025-07-09";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31407,7 +31426,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.9.0-master.2025-07-09";
+const version = "3.9.0-next.2025-07-09";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useRtl, useTheme, version };