@vuetify/nightly 3.9.0-master.2025-07-08 → 3.9.0-master.2025-07-10

package/dist/vuetify-labs.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.0-master.2025-07-08
+* Vuetify v3.9.0-master.2025-07-10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1935,7 +1935,7 @@
           };
           if (!isMounted.value) return styles;
           const item = items.value[index.value];
-          if (!item) throw new Error(`[Vuetify] Could not find layout item "${id}"`);
+          if (!item) consoleWarn(`[Vuetify] Could not find layout item "${id}"`);
           const overlap = computedOverlaps.value.get(id);
           if (overlap) {
             item[overlap.position] += overlap.amount;
@@ -9915,12 +9915,16 @@
     returnObject: Boolean,
     valueComparator: Function
   }, 'list-items');
+  const itemTypes$1 = new Set(['item', 'divider', 'subheader']);
   function transformItem$3(props, item) {
     const title = getPropertyFromItem(item, props.itemTitle, item);
     const value = getPropertyFromItem(item, props.itemValue, title);
     const children = getPropertyFromItem(item, props.itemChildren);
-    const type = getPropertyFromItem(item, props.itemType, 'item');
     const itemProps = props.itemProps === true ? typeof item === 'object' && item != null && !Array.isArray(item) ? 'children' in item ? omit(item, ['children']) : item : undefined : getPropertyFromItem(item, props.itemProps);
+    let type = getPropertyFromItem(item, props.itemType, 'item');
+    if (!itemTypes$1.has(type)) {
+      type = 'item';
+    }
     const _props = {
       title,
       value,
@@ -9935,8 +9939,10 @@
       raw: item
     };
   }
+  transformItem$3.neededProps = ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'itemType'];
   function transformItems$3(props, items) {
-    const _props = pick(props, ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'itemType', 'returnObject', 'valueComparator']);
+    // avoid reactive access in the loop
+    const _props = pick(props, transformItem$3.neededProps);
     const array = [];
     for (const item of items) {
       array.push(transformItem$3(_props, item));
@@ -9978,7 +9984,7 @@
       const _returnObject = props.returnObject;
       const hasValueComparator = !!props.valueComparator;
       const valueComparator = props.valueComparator || deepEqual;
-      const _props = pick(props, ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'itemType', 'returnObject', 'valueComparator']);
+      const _props = pick(props, transformItem$3.neededProps);
       const returnValue = [];
       main: for (const v of value) {
         // When the model value is null, return an InternalItem
@@ -10037,12 +10043,16 @@
 
   // Types
 
+  const itemTypes = new Set(['item', 'divider', 'subheader']);
   function transformItem$2(props, item) {
-    const type = getPropertyFromItem(item, props.itemType, 'item');
     const title = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemTitle);
     const value = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemValue, undefined);
     const children = getPropertyFromItem(item, props.itemChildren);
     const itemProps = props.itemProps === true ? omit(item, ['children']) : getPropertyFromItem(item, props.itemProps);
+    let type = getPropertyFromItem(item, props.itemType, 'item');
+    if (!itemTypes.has(type)) {
+      type = 'item';
+    }
     const _props = {
       title,
       value,
@@ -20586,7 +20596,7 @@
           "onUpdate:modelValue": v => setItemsPerPage(Number(v)),
           "density": "compact",
           "variant": "outlined",
-          "hide-details": true
+          "hideDetails": true
         }, null)]), vue.createElementVNode("div", {
           "class": "v-data-table-footer__info"
         }, [vue.createElementVNode("div", null, [t(props.pageText, !itemsLength.value ? 0 : startIndex.value + 1, stopIndex.value, itemsLength.value)])]), vue.createElementVNode("div", {
@@ -20595,14 +20605,14 @@
           "modelValue": page.value,
           "onUpdate:modelValue": $event => page.value = $event,
           "density": "comfortable",
-          "first-aria-label": props.firstPageLabel,
-          "last-aria-label": props.lastPageLabel,
+          "firstAriaLabel": props.firstPageLabel,
+          "lastAriaLabel": props.lastPageLabel,
           "length": pageCount.value,
-          "next-aria-label": props.nextPageLabel,
-          "previous-aria-label": props.prevPageLabel,
+          "nextAriaLabel": props.nextPageLabel,
+          "previousAriaLabel": props.prevPageLabel,
           "rounded": true,
-          "show-first-last-page": true,
-          "total-visible": props.showCurrentPage ? 1 : 0,
+          "showFirstLastPage": true,
+          "totalVisible": props.showCurrentPage ? 1 : 0,
           "variant": "plain"
         }, paginationProps), null)])]);
       });
@@ -24273,7 +24283,7 @@
             } = _ref3;
             return vue.createVNode(VField, vue.mergeProps({
               "ref": vFieldRef,
-              "prepend-icon": props.prependIcon,
+              "prependIcon": props.prependIcon,
               "onMousedown": onControlMousedown,
               "onClick": onControlClick,
               "onClick:clear": onClear,
@@ -26306,8 +26316,8 @@
           "value": model.value.join('')
         }), null), vue.createVNode(VOverlay, {
           "contained": true,
-          "content-class": "v-otp-input__loader",
-          "model-value": !!props.loading,
+          "contentClass": "v-otp-input__loader",
+          "modelValue": !!props.loading,
           "persistent": true
         }, {
           default: () => [slots.loader?.() ?? vue.createVNode(VProgressCircular, {
@@ -27282,7 +27292,7 @@
             "ref": timerRef,
             "color": typeof props.timer === 'string' ? props.timer : 'info',
             "max": props.timeout,
-            "model-value": countdown.time.value
+            "modelValue": countdown.time.value
           }, null)]), hasContent && vue.createElementVNode("div", {
             "key": "content",
             "class": "v-snackbar__content",
@@ -30575,7 +30585,7 @@
           "class": ['v-treeview', {
             'v-treeview--fluid': props.fluid
           }, props.class],
-          "open-strategy": "multiple",
+          "openStrategy": "multiple",
           "style": props.style,
           "opened": opened.value,
           "activated": activated.value,
@@ -31290,7 +31300,7 @@
             "modelValue": menu.value,
             "onUpdate:modelValue": $event => menu.value = $event,
             "activator": "parent",
-            "min-width": "0",
+            "minWidth": "0",
             "closeOnContentClick": false,
             "openOnClick": false
           }, {
@@ -31638,7 +31648,7 @@
             "modelValue": menu.value,
             "onUpdate:modelValue": $event => menu.value = $event,
             "activator": "parent",
-            "min-width": "0",
+            "minWidth": "0",
             "eager": isFocused.value,
             "location": props.location,
             "closeOnContentClick": false,
@@ -31962,7 +31972,7 @@
           })]), props.subtitle && vue.createElementVNode("div", {
             "class": "v-file-upload-subtitle"
           }, [props.subtitle])]), vue.createVNode(VOverlay, {
-            "model-value": isDragging.value,
+            "modelValue": isDragging.value,
             "contained": true,
             "scrim": props.scrim
           }, null), slots.input?.({
@@ -32522,7 +32532,7 @@
           "readonly": !props.editable,
           "style": props.style,
           "color": "",
-          "hide-actions": false,
+          "hideActions": false,
           "value": step.value
         }), {
           title: () => vue.createElementVNode(vue.Fragment, null, [vue.createVNode(VAvatar, {
@@ -32613,13 +32623,13 @@
           color,
           eager,
           editable,
-          prevText,
-          nextText,
           hideActions,
           static: true
         },
-        VStepperActions: {
-          color
+        VStepperVerticalActions: {
+          color,
+          nextText,
+          prevText
         }
       });
       useRender(() => {
@@ -33676,7 +33686,7 @@
       };
     });
   }
-  const version$1 = "3.9.0-master.2025-07-08";
+  const version$1 = "3.9.0-master.2025-07-10";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -33974,7 +33984,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.9.0-master.2025-07-08";
+  const version = "3.9.0-master.2025-07-10";
 
   /* eslint-disable local-rules/sort-imports */