@vuetify/nightly 3.10.5-dev.2025-10-07 → 3.10.5-dev.2025-10-09

package/dist/vuetify-labs.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.10.5-dev.2025-10-07
+* Vuetify v3.10.5-dev.2025-10-09
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4783,83 +4783,7 @@
     }
   });
 
-  // Composables
-
-  // Types
-
-  const aliases = {
-    collapse: 'mdi-chevron-up',
-    complete: 'mdi-check',
-    cancel: 'mdi-close-circle',
-    close: 'mdi-close',
-    delete: 'mdi-close-circle',
-    // delete (e.g. v-chip close)
-    clear: 'mdi-close-circle',
-    success: 'mdi-check-circle',
-    info: 'mdi-information',
-    warning: 'mdi-alert-circle',
-    error: 'mdi-close-circle',
-    prev: 'mdi-chevron-left',
-    next: 'mdi-chevron-right',
-    checkboxOn: 'mdi-checkbox-marked',
-    checkboxOff: 'mdi-checkbox-blank-outline',
-    checkboxIndeterminate: 'mdi-minus-box',
-    delimiter: 'mdi-circle',
-    // for carousel
-    sortAsc: 'mdi-arrow-up',
-    sortDesc: 'mdi-arrow-down',
-    expand: 'mdi-chevron-down',
-    menu: 'mdi-menu',
-    subgroup: 'mdi-menu-down',
-    dropdown: 'mdi-menu-down',
-    radioOn: 'mdi-radiobox-marked',
-    radioOff: 'mdi-radiobox-blank',
-    edit: 'mdi-pencil',
-    ratingEmpty: 'mdi-star-outline',
-    ratingFull: 'mdi-star',
-    ratingHalf: 'mdi-star-half-full',
-    loading: 'mdi-cached',
-    first: 'mdi-page-first',
-    last: 'mdi-page-last',
-    unfold: 'mdi-unfold-more-horizontal',
-    file: 'mdi-paperclip',
-    plus: 'mdi-plus',
-    minus: 'mdi-minus',
-    calendar: 'mdi-calendar',
-    treeviewCollapse: 'mdi-menu-down',
-    treeviewExpand: 'mdi-menu-right',
-    tableGroupCollapse: 'mdi-chevron-down',
-    tableGroupExpand: 'mdi-chevron-right',
-    eyeDropper: 'mdi-eyedropper',
-    upload: 'mdi-cloud-upload',
-    color: 'mdi-palette',
-    command: 'mdi-apple-keyboard-command',
-    ctrl: 'mdi-apple-keyboard-control',
-    space: 'mdi-keyboard-space',
-    shift: 'mdi-apple-keyboard-shift',
-    alt: 'mdi-apple-keyboard-option',
-    enter: 'mdi-keyboard-return',
-    arrowup: 'mdi-arrow-up',
-    arrowdown: 'mdi-arrow-down',
-    arrowleft: 'mdi-arrow-left',
-    arrowright: 'mdi-arrow-right',
-    backspace: 'mdi-backspace',
-    play: 'mdi-play',
-    pause: 'mdi-pause',
-    fullscreen: 'mdi-fullscreen',
-    fullscreenExit: 'mdi-fullscreen-exit',
-    volumeHigh: 'mdi-volume-high',
-    volumeMedium: 'mdi-volume-medium',
-    volumeLow: 'mdi-volume-low',
-    volumeOff: 'mdi-volume-variant-off'
-  };
-  const mdi = {
-    // Not using mergeProps here, functional components merge props by default (?)
-    component: props => vue.h(VClassIcon, {
-      ...props,
-      class: 'mdi'
-    })
-  };
+  // Utilities
 
   // Types
 
@@ -4942,37 +4866,6 @@
       };
     }
   });
-  function genDefaults$1() {
-    return {
-      svg: {
-        component: VSvgIcon
-      },
-      class: {
-        component: VClassIcon
-      }
-    };
-  }
-
-  // Composables
-  function createIcons(options) {
-    const sets = genDefaults$1();
-    const defaultSet = options?.defaultSet ?? 'mdi';
-    if (defaultSet === 'mdi' && !sets.mdi) {
-      sets.mdi = mdi;
-    }
-    return mergeDeep({
-      defaultSet,
-      sets,
-      aliases: {
-        ...aliases,
-        /* eslint-disable max-len */
-        vuetify: ['M8.2241 14.2009L12 21L22 3H14.4459L8.2241 14.2009Z', ['M7.26303 12.4733L7.00113 12L2 3H12.5261C12.5261 3 12.5261 3 12.5261 3L7.26303 12.4733Z', 0.6]],
-        'vuetify-outline': 'svg:M7.26 12.47 12.53 3H2L7.26 12.47ZM14.45 3 8.22 14.2 12 21 22 3H14.45ZM18.6 5 12 16.88 10.51 14.2 15.62 5ZM7.26 8.35 5.4 5H9.13L7.26 8.35Z',
-        'vuetify-play': ['m6.376 13.184-4.11-7.192C1.505 4.66 2.467 3 4.003 3h8.532l-.953 1.576-.006.01-.396.677c-.429.732-.214 1.507.194 2.015.404.503 1.092.878 1.869.806a3.72 3.72 0 0 1 1.005.022c.276.053.434.143.523.237.138.146.38.635-.25 2.09-.893 1.63-1.553 1.722-1.847 1.677-.213-.033-.468-.158-.756-.406a4.95 4.95 0 0 1-.8-.927c-.39-.564-1.04-.84-1.66-.846-.625-.006-1.316.27-1.693.921l-.478.826-.911 1.506Z', ['M9.093 11.552c.046-.079.144-.15.32-.148a.53.53 0 0 1 .43.207c.285.414.636.847 1.046 1.2.405.35.914.662 1.516.754 1.334.205 2.502-.698 3.48-2.495l.014-.028.013-.03c.687-1.574.774-2.852-.005-3.675-.37-.391-.861-.586-1.333-.676a5.243 5.243 0 0 0-1.447-.044c-.173.016-.393-.073-.54-.257-.145-.18-.127-.316-.082-.392l.393-.672L14.287 3h5.71c1.536 0 2.499 1.659 1.737 2.992l-7.997 13.996c-.768 1.344-2.706 1.344-3.473 0l-3.037-5.314 1.377-2.278.004-.006.004-.007.481-.831Z', 0.6]]
-        /* eslint-enable max-len */
-      }
-    }, options);
-  }
   const useIcon = props => {
     const icons = vue.inject(IconSymbol);
     if (!icons) throw new Error('Missing Vuetify Icons provide!');
@@ -7922,7 +7815,7 @@
   // Types
 
   const GoToSymbol = Symbol.for('vuetify:goto');
-  function genDefaults() {
+  function genDefaults$1() {
     return {
       container: undefined,
       duration: 300,
@@ -7951,12 +7844,12 @@
   function createGoTo(options, locale) {
     return {
       rtl: locale.isRtl,
-      options: mergeDeep(genDefaults(), options)
+      options: mergeDeep(genDefaults$1(), options)
     };
   }
   async function scrollTo(_target, _options, horizontal, goTo) {
     const property = horizontal ? 'scrollLeft' : 'scrollTop';
-    const options = mergeDeep(goTo?.options ?? genDefaults(), _options);
+    const options = mergeDeep(goTo?.options ?? genDefaults$1(), _options);
     const rtl = goTo?.rtl.value;
     const target = (typeof _target === 'number' ? _target : getTarget$1(_target)) ?? 0;
     const container = options.container === 'parent' && target instanceof HTMLElement ? target.parentElement : getContainer(options.container);
@@ -12946,7 +12839,7 @@
       const start = performance.now();
       offsets[0] = 0;
       const length = items.value.length;
-      for (let i = 1; i <= length - 1; i++) {
+      for (let i = 1; i <= length; i++) {
         offsets[i] = (offsets[i - 1] || 0) + getSize(i - 1);
       }
       updateTime.value = Math.max(updateTime.value, performance.now() - start);
@@ -12981,7 +12874,7 @@
       }
     }
     function calculateOffset(index) {
-      index = clamp(index, 0, items.value.length - 1);
+      index = clamp(index, 0, items.value.length);
       const whole = Math.floor(index);
       const fraction = index % 1;
       const next = whole + 1;
@@ -13986,10 +13879,7 @@
     ...omit(makeVTextFieldProps({
       modelValue: null,
       role: 'combobox'
-    }), ['validationValue', 'dirty', 'appendInnerIcon']),
-    ...makeTransitionProps({
-      transition: false
-    })
+    }), ['validationValue', 'dirty', 'appendInnerIcon'])
   }, 'VAutocomplete');
   const VAutocomplete = genericComponent()({
     name: 'VAutocomplete',
@@ -14014,6 +13904,7 @@
       const vMenuRef = vue.ref();
       const vVirtualScrollRef = vue.ref();
       const selectionIndex = vue.shallowRef(-1);
+      const _searchLock = vue.shallowRef(null);
       const {
         items,
         transformIn,
@@ -14035,9 +13926,9 @@
       const {
         filteredItems,
         getMatches
-      } = useFilter(props, items, () => isPristine.value ? '' : search.value);
+      } = useFilter(props, items, () => _searchLock.value ?? (isPristine.value ? '' : search.value));
       const displayItems = vue.computed(() => {
-        if (props.hideSelected) {
+        if (props.hideSelected && _searchLock.value === null) {
           return filteredItems.value.filter(filteredItem => !model.value.some(s => s.value === filteredItem.value));
         }
         return filteredItems.value;
@@ -14168,6 +14059,7 @@
           isPristine.value = true;
           vTextFieldRef.value?.focus();
         }
+        _searchLock.value = null;
       }
       function onFocusin(e) {
         isFocused.value = true;
@@ -14203,6 +14095,7 @@
         } else {
           const add = set !== false;
           model.value = add ? [item] : [];
+          _searchLock.value = isPristine.value ? '' : search.value ?? '';
           search.value = add && !hasSelectionSlot.value ? item.title : '';
 
           // watch for search watcher to trigger
@@ -14222,6 +14115,9 @@
         } else {
           if (!props.multiple && search.value == null) model.value = [];
           menu.value = false;
+          if (!isPristine.value && search.value) {
+            _searchLock.value = search.value;
+          }
           search.value = '';
           selectionIndex.value = -1;
         }
@@ -14231,13 +14127,14 @@
         if (val) menu.value = true;
         isPristine.value = !val;
       });
-      vue.watch(menu, () => {
-        if (!props.hideSelected && menu.value && model.value.length) {
+      vue.watch(menu, val => {
+        if (!props.hideSelected && val && model.value.length && isPristine.value) {
           const index = displayItems.value.findIndex(item => model.value.some(s => item.value === s.value));
           IN_BROWSER && window.requestAnimationFrame(() => {
             index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
           });
         }
+        if (val) _searchLock.value = null;
       });
       vue.watch(items, (newVal, oldVal) => {
         if (menu.value) return;
@@ -14288,7 +14185,6 @@
             "maxHeight": 310,
             "openOnClick": false,
             "closeOnContentClick": false,
-            "transition": props.transition,
             "onAfterEnter": onAfterEnter,
             "onAfterLeave": onAfterLeave
           }, props.menuProps), {
@@ -19316,10 +19212,7 @@
     ...omit(makeVTextFieldProps({
       modelValue: null,
       role: 'combobox'
-    }), ['validationValue', 'dirty', 'appendInnerIcon']),
-    ...makeTransitionProps({
-      transition: false
-    })
+    }), ['validationValue', 'dirty', 'appendInnerIcon'])
   }, 'VCombobox');
   const VCombobox = genericComponent()({
     name: 'VCombobox',
@@ -19363,6 +19256,7 @@
       const hasChips = vue.computed(() => !!(props.chips || slots.chip));
       const hasSelectionSlot = vue.computed(() => hasChips.value || !!slots.selection);
       const _search = vue.shallowRef(!props.multiple && !hasSelectionSlot.value ? model.value[0]?.title ?? '' : '');
+      const _searchLock = vue.shallowRef(null);
       const search = vue.computed({
         get: () => {
           return _search.value;
@@ -19397,9 +19291,9 @@
       const {
         filteredItems,
         getMatches
-      } = useFilter(props, items, () => props.alwaysFilter || !isPristine.value ? search.value : '');
+      } = useFilter(props, items, () => _searchLock.value ?? (props.alwaysFilter || !isPristine.value ? search.value : ''));
       const displayItems = vue.computed(() => {
-        if (props.hideSelected) {
+        if (props.hideSelected && _searchLock.value === null) {
           return filteredItems.value.filter(filteredItem => !model.value.some(s => s.value === filteredItem.value));
         }
         return filteredItems.value;
@@ -19480,22 +19374,19 @@
         if (['Escape'].includes(e.key)) {
           menu.value = false;
         }
-        if (['Enter', 'Escape', 'Tab'].includes(e.key)) {
-          if (highlightFirst.value && ['Enter', 'Tab'].includes(e.key) && !model.value.some(_ref2 => {
-            let {
-              value
-            } = _ref2;
-            return value === displayItems.value[0].value;
-          })) {
-            select(filteredItems.value[0]);
-          }
-          isPristine.value = true;
+        if (highlightFirst.value && ['Enter', 'Tab'].includes(e.key) && !model.value.some(_ref2 => {
+          let {
+            value
+          } = _ref2;
+          return value === displayItems.value[0].value;
+        })) {
+          select(filteredItems.value[0]);
         }
         if (e.key === 'ArrowDown' && highlightFirst.value) {
           listRef.value?.focus('next');
         }
         if (e.key === 'Enter' && search.value) {
-          select(transformItem$3(props, search.value));
+          select(transformItem$3(props, search.value), true, true);
           if (hasSelectionSlot.value) _search.value = '';
         }
         if (['Backspace', 'Delete'].includes(e.key)) {
@@ -19543,10 +19434,12 @@
           isPristine.value = true;
           vTextFieldRef.value?.focus();
         }
+        _searchLock.value = null;
       }
       /** @param set - null means toggle */
       function select(item) {
         let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        let keepMenu = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
         if (!item || item.props.disabled) return;
         if (props.multiple) {
           const index = model.value.findIndex(selection => (props.valueComparator || deepEqual)(selection.value, item.value));
@@ -19564,11 +19457,14 @@
         } else {
           const add = set !== false;
           model.value = add ? [item] : [];
+          if ((!isPristine.value || props.alwaysFilter) && _search.value) {
+            _searchLock.value = _search.value;
+          }
           _search.value = add && !hasSelectionSlot.value ? item.title : '';
 
           // watch for search watcher to trigger
           vue.nextTick(() => {
-            menu.value = false;
+            menu.value = keepMenu;
             isPristine.value = true;
           });
         }
@@ -19607,13 +19503,14 @@
           }
         }
       });
-      vue.watch(menu, () => {
-        if (!props.hideSelected && menu.value && model.value.length) {
+      vue.watch(menu, val => {
+        if (!props.hideSelected && val && model.value.length && isPristine.value) {
           const index = displayItems.value.findIndex(item => model.value.some(s => (props.valueComparator || deepEqual)(s.value, item.value)));
           IN_BROWSER && window.requestAnimationFrame(() => {
             index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
           });
         }
+        if (val) _searchLock.value = null;
       });
       vue.watch(items, (newVal, oldVal) => {
         if (menu.value) return;
@@ -19664,7 +19561,6 @@
             "maxHeight": 310,
             "openOnClick": false,
             "closeOnContentClick": false,
-            "transition": props.transition,
             "onAfterEnter": onAfterEnter,
             "onAfterLeave": onAfterLeave
           }, props.menuProps), {
@@ -21211,6 +21107,7 @@
   // Types
 
   const makeVDataTableFooterProps = propsFactory({
+    color: String,
     prevIcon: {
       type: IconValue,
       default: '$prev'
@@ -21313,6 +21210,7 @@
           "aria-label": t(props.itemsPerPageText)
         }, [t(props.itemsPerPageText)]), vue.createVNode(VSelect, {
           "items": itemsPerPageOptions.value,
+          "itemColor": props.color,
           "modelValue": itemsPerPage.value,
           "onUpdate:modelValue": v => setItemsPerPage(Number(v)),
           "density": "compact",
@@ -21335,7 +21233,7 @@
           "showFirstLastPage": true,
           "totalVisible": props.showCurrentPage ? 1 : 0,
           "variant": "plain"
-        }, paginationProps), null)])]);
+        }, omit(paginationProps, ['color'])), null)])]);
       });
       return {};
     }
@@ -21846,6 +21744,7 @@
             if (isEmpty) return '';
             if (column.key === 'data-table-select') {
               return slots['header.data-table-select']?.(columnSlotProps) ?? (showSelectAll.value && vue.createVNode(VCheckboxBtn, {
+                "color": props.color,
                 "density": props.density,
                 "modelValue": allSelected.value,
                 "indeterminate": someSelected.value && !allSelected.value,
@@ -21870,11 +21769,6 @@
         const displayItems = vue.computed(() => {
           return columns.value.filter(column => column?.sortable && !props.disableSort);
         });
-        const appendIcon = vue.computed(() => {
-          const showSelectColumn = columns.value.find(column => column.key === 'data-table-select');
-          if (showSelectColumn == null) return;
-          return allSelected.value ? '$checkboxOn' : someSelected.value ? '$checkboxIndeterminate' : '$checkboxOff';
-        });
         return vue.createVNode(VDataTableColumn, vue.mergeProps({
           "tag": "th",
           "class": [...headerCellClasses.value],
@@ -21884,6 +21778,7 @@
             "class": "v-data-table-header__content"
           }, [vue.createVNode(VSelect, {
             "chips": true,
+            "color": props.color,
             "class": "v-data-table__td-sort-select",
             "clearable": true,
             "density": "default",
@@ -21892,9 +21787,15 @@
             "multiple": props.multiSort,
             "variant": "underlined",
             "onClick:clear": () => sortBy.value = [],
-            "appendIcon": appendIcon.value,
             "onClick:append": () => selectAll(!allSelected.value)
           }, {
+            append: () => vue.createVNode(VCheckboxBtn, {
+              "color": props.color,
+              "density": "compact",
+              "modelValue": allSelected.value,
+              "indeterminate": someSelected.value && !allSelected.value,
+              "onUpdate:modelValue": selectAll
+            }, null),
             chip: props => vue.createVNode(VChip, {
               "onClick": props.item.raw?.sortable ? () => toggleSort(props.item.raw) : undefined,
               "onMousedown": e => {
@@ -21924,7 +21825,7 @@
           "name": "v-data-table-progress",
           "absolute": true,
           "active": true,
-          "color": typeof props.loading === 'boolean' ? undefined : props.loading,
+          "color": typeof props.loading === 'boolean' || props.loading === 'true' ? props.color : props.loading,
           "indeterminate": true
         }, {
           default: slots.loader
@@ -22031,6 +21932,7 @@
   // Types
 
   const makeVDataTableRowProps = propsFactory({
+    color: String,
     index: Number,
     item: Object,
     cellProps: [Object, Function],
@@ -22148,11 +22050,13 @@
               return slots['item.data-table-select']?.({
                 ...slotProps,
                 props: {
+                  color: props.color,
                   disabled: !item.selectable,
                   modelValue: isSelected([item]),
                   onClick: vue.withModifiers(() => toggleSelect(item), ['stop'])
                 }
               }) ?? vue.createVNode(VCheckboxBtn, {
+                "color": props.color,
                 "disabled": !item.selectable,
                 "density": props.density,
                 "modelValue": isSelected([item]),
@@ -22191,6 +22095,7 @@
   // Types
 
   const makeVDataTableRowsProps = propsFactory({
+    color: String,
     loading: [Boolean, String],
     loadingText: {
       type: String,
@@ -22306,6 +22211,7 @@
               } : undefined,
               index,
               item,
+              color: props.color,
               cellProps: props.cellProps,
               collapseIcon: props.collapseIcon,
               expandIcon: props.expandIcon,
@@ -26701,12 +26607,17 @@
       }
       const model = useProxiedModel(props, 'modelValue', null, val => val ?? null, val => val == null ? val ?? null : clamp(Number(val), props.min, props.max));
       const _inputText = vue.shallowRef(null);
-      vue.watchEffect(() => {
-        if (isFocused.value && !controlsDisabled.value && Number(_inputText.value) === model.value) ; else if (model.value == null) {
+      const _lastParsedValue = vue.shallowRef(null);
+      vue.watch(model, val => {
+        if (isFocused.value && !controlsDisabled.value && Number(_inputText.value) === val) ; else if (val == null) {
           _inputText.value = null;
-        } else if (!isNaN(model.value)) {
-          _inputText.value = correctPrecision(model.value);
+          _lastParsedValue.value = null;
+        } else if (!isNaN(val)) {
+          _inputText.value = correctPrecision(val);
+          _lastParsedValue.value = Number(_inputText.value.replace(decimalSeparator.value, '.'));
         }
+      }, {
+        immediate: true
       });
       const inputText = vue.computed({
         get: () => _inputText.value,
@@ -26714,15 +26625,24 @@
           if (val === null || val === '') {
             model.value = null;
             _inputText.value = null;
+            _lastParsedValue.value = null;
             return;
           }
           const parsedValue = Number(val.replace(decimalSeparator.value, '.'));
-          if (!isNaN(parsedValue) && parsedValue <= props.max && parsedValue >= props.min) {
-            model.value = parsedValue;
+          if (!isNaN(parsedValue)) {
             _inputText.value = val;
+            _lastParsedValue.value = parsedValue;
+            if (parsedValue <= props.max && parsedValue >= props.min) {
+              model.value = parsedValue;
+            }
           }
         }
       });
+      const isOutOfRange = vue.computed(() => {
+        if (_lastParsedValue.value === null) return false;
+        const numberFromText = Number(_inputText.value);
+        return numberFromText !== clamp(numberFromText, props.min, props.max);
+      });
       const canIncrease = vue.computed(() => {
         if (controlsDisabled.value) return false;
         return (model.value ?? 0) + props.step <= props.max;
@@ -26978,6 +26898,7 @@
           "focused": isFocused.value,
           "onUpdate:focused": $event => isFocused.value = $event,
           "validationValue": model.value,
+          "error": isOutOfRange.value || undefined,
           "onBeforeinput": onBeforeinput,
           "onFocus": onFocus,
           "onBlur": onBlur,
@@ -29777,7 +29698,7 @@
           "role": "tablist",
           "symbol": VTabsSymbol
         }, scopeId, attrs), {
-          default: () => [slots.default?.() ?? items.value.map(item => slots.tab?.({
+          default: slots.default ?? (() => items.value.map(item => slots.tab?.({
             item
           }) ?? vue.createVNode(VTab, vue.mergeProps(item, {
             "key": item.text,
@@ -29787,7 +29708,9 @@
             default: slots[`tab.${item.value}`] ? () => slots[`tab.${item.value}`]?.({
               item
             }) : undefined
-          }))]
+          }))),
+          prev: slots.prev,
+          next: slots.next
         }), hasWindow && vue.createVNode(VTabsWindow, vue.mergeProps({
           "modelValue": model.value,
           "onUpdate:modelValue": $event => model.value = $event,
@@ -29876,6 +29799,10 @@
       const vFieldRef = vue.ref();
       const controlHeight = vue.shallowRef('');
       const textareaRef = vue.ref();
+      const scrollbarWidth = vue.ref(0);
+      const {
+        platform
+      } = useDisplay();
       const autocomplete = useAutocomplete(props);
       const isActive = vue.computed(() => props.persistentPlaceholder || isFocused.value || props.active);
       function onFocus() {
@@ -29920,6 +29847,18 @@
         if (!props.autoGrow) rows.value = Number(props.rows);
       });
       function calculateInputHeight() {
+        vue.nextTick(() => {
+          if (!textareaRef.value) return;
+          if (platform.value.firefox) {
+            scrollbarWidth.value = 12;
+            return;
+          }
+          const {
+            offsetWidth,
+            clientWidth
+          } = textareaRef.value;
+          scrollbarWidth.value = Math.max(0, offsetWidth - clientWidth);
+        });
         if (!props.autoGrow) return;
         vue.nextTick(() => {
           if (!sizerRef.value || !vFieldRef.value) return;
@@ -29980,7 +29919,9 @@
             'v-textarea--no-resize': props.noResize || props.autoGrow,
             'v-input--plain-underlined': isPlainOrUnderlined.value
           }, props.class],
-          "style": props.style
+          "style": [{
+            '--v-textarea-scroll-bar-width': convertToUnit(scrollbarWidth.value)
+          }, props.style]
         }, rootAttrs, inputProps, {
           "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
           "focused": isFocused.value
@@ -31499,6 +31440,11 @@
     openAll: Boolean,
     indentLines: [Boolean, String],
     search: String,
+    hideNoData: Boolean,
+    noDataText: {
+      type: String,
+      default: '$vuetify.noDataText'
+    },
     ...makeFilterProps({
       filterKeys: ['title']
     }),
@@ -31526,6 +31472,9 @@
         slots,
         emit
       } = _ref;
+      const {
+        t
+      } = useLocale();
       const {
         items
       } = useListItems(props);
@@ -31619,7 +31568,10 @@
           "selected": selected.value,
           "onUpdate:selected": $event => selected.value = $event
         }), {
-          default: () => [vue.createVNode(VTreeviewChildren, vue.mergeProps(treeviewChildrenProps, {
+          default: () => [visibleIds.value?.size === 0 && !props.hideNoData && (slots['no-data']?.() ?? vue.createVNode(VListItem, {
+            "key": "no-data",
+            "title": t(props.noDataText)
+          }, null)), vue.createVNode(VTreeviewChildren, vue.mergeProps(treeviewChildrenProps, {
             "density": props.density,
             "returnObject": props.returnObject,
             "items": items.value,
@@ -34674,7 +34626,7 @@
     ...omit(makeVDatePickerProps({
       hideHeader: true,
       showAdjacentMonths: true
-    }), ['active', 'location', 'rounded'])
+    }), ['active', 'location', 'rounded', 'height', 'minHeight', 'maxHeight'])
   }, 'VDateInput');
   const VDateInput = genericComponent()({
     name: 'VDateInput',
@@ -34816,7 +34768,7 @@
       }
       useRender(() => {
         const confirmEditProps = VConfirmEdit.filterProps(props);
-        const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location', 'rounded']));
+        const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'bgColor', 'location', 'rounded', 'maxWidth', 'minWidth', 'width']));
         const datePickerSlots = pick(slots, ['title', 'header', 'day', 'month', 'year']);
         const textFieldProps = VTextField.filterProps(omit(props, ['placeholder']));
         return vue.createVNode(VTextField, vue.mergeProps({
@@ -37908,6 +37860,118 @@
     Touch: Touch
   });
 
+  // Composables
+
+  // Types
+
+  const aliases = {
+    collapse: 'mdi-chevron-up',
+    complete: 'mdi-check',
+    cancel: 'mdi-close-circle',
+    close: 'mdi-close',
+    delete: 'mdi-close-circle',
+    // delete (e.g. v-chip close)
+    clear: 'mdi-close-circle',
+    success: 'mdi-check-circle',
+    info: 'mdi-information',
+    warning: 'mdi-alert-circle',
+    error: 'mdi-close-circle',
+    prev: 'mdi-chevron-left',
+    next: 'mdi-chevron-right',
+    checkboxOn: 'mdi-checkbox-marked',
+    checkboxOff: 'mdi-checkbox-blank-outline',
+    checkboxIndeterminate: 'mdi-minus-box',
+    delimiter: 'mdi-circle',
+    // for carousel
+    sortAsc: 'mdi-arrow-up',
+    sortDesc: 'mdi-arrow-down',
+    expand: 'mdi-chevron-down',
+    menu: 'mdi-menu',
+    subgroup: 'mdi-menu-down',
+    dropdown: 'mdi-menu-down',
+    radioOn: 'mdi-radiobox-marked',
+    radioOff: 'mdi-radiobox-blank',
+    edit: 'mdi-pencil',
+    ratingEmpty: 'mdi-star-outline',
+    ratingFull: 'mdi-star',
+    ratingHalf: 'mdi-star-half-full',
+    loading: 'mdi-cached',
+    first: 'mdi-page-first',
+    last: 'mdi-page-last',
+    unfold: 'mdi-unfold-more-horizontal',
+    file: 'mdi-paperclip',
+    plus: 'mdi-plus',
+    minus: 'mdi-minus',
+    calendar: 'mdi-calendar',
+    treeviewCollapse: 'mdi-menu-down',
+    treeviewExpand: 'mdi-menu-right',
+    tableGroupCollapse: 'mdi-chevron-down',
+    tableGroupExpand: 'mdi-chevron-right',
+    eyeDropper: 'mdi-eyedropper',
+    upload: 'mdi-cloud-upload',
+    color: 'mdi-palette',
+    command: 'mdi-apple-keyboard-command',
+    ctrl: 'mdi-apple-keyboard-control',
+    space: 'mdi-keyboard-space',
+    shift: 'mdi-apple-keyboard-shift',
+    alt: 'mdi-apple-keyboard-option',
+    enter: 'mdi-keyboard-return',
+    arrowup: 'mdi-arrow-up',
+    arrowdown: 'mdi-arrow-down',
+    arrowleft: 'mdi-arrow-left',
+    arrowright: 'mdi-arrow-right',
+    backspace: 'mdi-backspace',
+    play: 'mdi-play',
+    pause: 'mdi-pause',
+    fullscreen: 'mdi-fullscreen',
+    fullscreenExit: 'mdi-fullscreen-exit',
+    volumeHigh: 'mdi-volume-high',
+    volumeMedium: 'mdi-volume-medium',
+    volumeLow: 'mdi-volume-low',
+    volumeOff: 'mdi-volume-variant-off'
+  };
+  const mdi = {
+    // Not using mergeProps here, functional components merge props by default (?)
+    component: props => vue.h(VClassIcon, {
+      ...props,
+      class: 'mdi'
+    })
+  };
+
+  // Composables
+
+  // Types
+
+  function genDefaults() {
+    return {
+      svg: {
+        component: VSvgIcon
+      },
+      class: {
+        component: VClassIcon
+      }
+    };
+  }
+  function createIcons(options) {
+    const sets = genDefaults();
+    const defaultSet = options?.defaultSet ?? 'mdi';
+    if (defaultSet === 'mdi' && !sets.mdi) {
+      sets.mdi = mdi;
+    }
+    return mergeDeep({
+      defaultSet,
+      sets,
+      aliases: {
+        ...aliases,
+        /* eslint-disable max-len */
+        vuetify: ['M8.2241 14.2009L12 21L22 3H14.4459L8.2241 14.2009Z', ['M7.26303 12.4733L7.00113 12L2 3H12.5261C12.5261 3 12.5261 3 12.5261 3L7.26303 12.4733Z', 0.6]],
+        'vuetify-outline': 'svg:M7.26 12.47 12.53 3H2L7.26 12.47ZM14.45 3 8.22 14.2 12 21 22 3H14.45ZM18.6 5 12 16.88 10.51 14.2 15.62 5ZM7.26 8.35 5.4 5H9.13L7.26 8.35Z',
+        'vuetify-play': ['m6.376 13.184-4.11-7.192C1.505 4.66 2.467 3 4.003 3h8.532l-.953 1.576-.006.01-.396.677c-.429.732-.214 1.507.194 2.015.404.503 1.092.878 1.869.806a3.72 3.72 0 0 1 1.005.022c.276.053.434.143.523.237.138.146.38.635-.25 2.09-.893 1.63-1.553 1.722-1.847 1.677-.213-.033-.468-.158-.756-.406a4.95 4.95 0 0 1-.8-.927c-.39-.564-1.04-.84-1.66-.846-.625-.006-1.316.27-1.693.921l-.478.826-.911 1.506Z', ['M9.093 11.552c.046-.079.144-.15.32-.148a.53.53 0 0 1 .43.207c.285.414.636.847 1.046 1.2.405.35.914.662 1.516.754 1.334.205 2.502-.698 3.48-2.495l.014-.028.013-.03c.687-1.574.774-2.852-.005-3.675-.37-.391-.861-.586-1.333-.676a5.243 5.243 0 0 0-1.447-.044c-.173.016-.393-.073-.54-.257-.145-.18-.127-.316-.082-.392l.393-.672L14.287 3h5.71c1.536 0 2.499 1.659 1.737 2.992l-7.997 13.996c-.768 1.344-2.706 1.344-3.473 0l-3.037-5.314 1.377-2.278.004-.006.004-.007.481-.831Z', 0.6]]
+        /* eslint-enable max-len */
+      }
+    }, options);
+  }
+
   // Composables
   function createVuetify$1() {
     let vuetify = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -38007,7 +38071,7 @@
       };
     });
   }
-  const version$1 = "3.10.5-dev.2025-10-07";
+  const version$1 = "3.10.5-dev.2025-10-09";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -38305,7 +38369,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.10.5-dev.2025-10-07";
+  const version = "3.10.5-dev.2025-10-09";
 
   /* eslint-disable local-rules/sort-imports */