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

package/dist/vuetify-labs.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.
 */
@@ -2418,7 +2418,7 @@ const makeThemeProps = propsFactory({
 }, 'theme');
 function genDefaults$2() {
   return {
-    defaultTheme: 'light',
+    defaultTheme: 'system',
     prefix: 'v-',
     variations: {
       colors: [],
@@ -2503,7 +2503,7 @@ function genDefaults$2() {
     },
     stylesheetId: 'vuetify-theme-stylesheet',
     scoped: false,
-    unimportant: false,
+    unimportant: true,
     utilities: true
   };
 }
@@ -2661,7 +2661,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));
@@ -13329,7 +13329,8 @@ const VSelect = genericComponent()({
                   }), null);
                 }
                 return slots.item?.({
-                  item,
+                  item: item.raw,
+                  internalItem: item,
                   index,
                   props: itemProps
                 }) ?? createVNode(VListItem, mergeProps(itemProps, {
@@ -13377,11 +13378,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;
@@ -13947,7 +13950,8 @@ const VAutocomplete = genericComponent()({
                   }), null);
                 }
                 return slots.item?.({
-                  item,
+                  item: item.raw,
+                  internalItem: item,
                   index,
                   props: itemProps
                 }) ?? createVNode(VListItem, mergeProps(itemProps, {
@@ -13998,11 +14002,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;
@@ -19038,7 +19044,8 @@ const VCombobox = genericComponent()({
                   }), null);
                 }
                 return slots.item?.({
-                  item,
+                  item: item.raw,
+                  internalItem: item,
                   index,
                   props: itemProps
                 }) ?? createVNode(VListItem, mergeProps(itemProps, {
@@ -19089,11 +19096,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;
@@ -20582,7 +20591,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", {
@@ -20591,14 +20600,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)])]);
     });
@@ -24269,7 +24278,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,
@@ -24462,7 +24471,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);
   }
 });
@@ -26302,8 +26321,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, {
@@ -27278,7 +27297,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",
@@ -30571,7 +30590,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,
@@ -31286,7 +31305,7 @@ const VColorInput = genericComponent()({
           "modelValue": menu.value,
           "onUpdate:modelValue": $event => menu.value = $event,
           "activator": "parent",
-          "minWidth": "0",
+          "min-width": "0",
           "closeOnContentClick": false,
           "openOnClick": false
         }, {
@@ -31634,7 +31653,7 @@ const VDateInput = genericComponent()({
           "modelValue": menu.value,
           "onUpdate:modelValue": $event => menu.value = $event,
           "activator": "parent",
-          "minWidth": "0",
+          "min-width": "0",
           "eager": isFocused.value,
           "location": props.location,
           "closeOnContentClick": false,
@@ -31958,7 +31977,7 @@ const VFileUpload = genericComponent()({
         })]), props.subtitle && createElementVNode("div", {
           "class": "v-file-upload-subtitle"
         }, [props.subtitle])]), createVNode(VOverlay, {
-          "modelValue": isDragging.value,
+          "model-value": isDragging.value,
           "contained": true,
           "scrim": props.scrim
         }, null), slots.input?.({
@@ -32518,7 +32537,7 @@ const VStepperVerticalItem = genericComponent()({
         "readonly": !props.editable,
         "style": props.style,
         "color": "",
-        "hideActions": false,
+        "hide-actions": false,
         "value": step.value
       }), {
         title: () => createElementVNode(Fragment, null, [createVNode(VAvatar, {
@@ -32609,13 +32628,13 @@ const VStepperVertical = genericComponent()({
         color,
         eager,
         editable,
+        prevText,
+        nextText,
         hideActions,
         static: true
       },
-      VStepperVerticalActions: {
-        color,
-        nextText,
-        prevText
+      VStepperActions: {
+        color
       }
     });
     useRender(() => {
@@ -33672,7 +33691,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
@@ -33970,7 +33989,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.9.0-master.2025-07-09";
+const version = "3.9.0-next.2025-07-09";
 
 /* eslint-disable local-rules/sort-imports */