vuetify 3.5.9 → 3.5.11

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.9
+* Vuetify v3.5.11
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2388,7 +2388,7 @@ function createTheme(options) {
   const current = computed(() => computedThemes.value[name.value]);
   const styles = computed(() => {
     const lines = [];
-    if (current.value.dark) {
+    if (current.value?.dark) {
       createCssClass(lines, ':root', ['color-scheme: dark']);
     }
     createCssClass(lines, ':root', genCssVariables(current.value));
@@ -4568,6 +4568,7 @@ function useSize(props) {
 
 const makeVIconProps = propsFactory({
   color: String,
+  disabled: Boolean,
   start: Boolean,
   end: Boolean,
   icon: IconValue,
@@ -4605,11 +4606,13 @@ const VIcon = genericComponent()({
       if (slotValue) {
         slotIcon.value = flattenFragments(slotValue).filter(node => node.type === Text && node.children && typeof node.children === 'string')[0]?.children;
       }
+      const hasClick = !!(attrs.onClick || attrs.onClickOnce);
       return createVNode(iconData.value.component, {
         "tag": props.tag,
         "icon": iconData.value.icon,
         "class": ['v-icon', 'notranslate', themeClasses.value, sizeClasses.value, textColorClasses.value, {
-          'v-icon--clickable': !!attrs.onClick,
+          'v-icon--clickable': hasClick,
+          'v-icon--disabled': props.disabled,
           'v-icon--start': props.start,
           'v-icon--end': props.end
         }, props.class],
@@ -4618,8 +4621,9 @@ const VIcon = genericComponent()({
           height: convertToUnit(props.size),
           width: convertToUnit(props.size)
         } : undefined, textColorStyles.value, props.style],
-        "role": attrs.onClick ? 'button' : undefined,
-        "aria-hidden": !attrs.onClick
+        "role": hasClick ? 'button' : undefined,
+        "aria-hidden": !hasClick,
+        "tabindex": hasClick ? props.disabled ? -1 : 0 : undefined
       }, {
         default: () => [slotValue]
       });
@@ -8616,9 +8620,9 @@ const VListItem = genericComponent()({
       emit('click', e);
       if (isGroupActivator || !isClickable.value) return;
       link.navigate?.(e);
-      if (root.activatable) {
+      if (root.activatable.value) {
         activate(!isActivated.value, e);
-      } else if (root.selectable) {
+      } else if (root.selectable.value) {
         select(!isSelected.value, e);
       } else if (props.value != null) {
         select(!isSelected.value, e);
@@ -9757,7 +9761,7 @@ function useScrollStrategies(props, data) {
     scope?.stop();
     if (!(data.isActive.value && props.scrollStrategy)) return;
     scope = effectScope();
-    await nextTick();
+    await new Promise(resolve => setTimeout(resolve));
     scope.active && scope.run(() => {
       if (typeof props.scrollStrategy === 'function') {
         props.scrollStrategy(data, props, scope);
@@ -10506,6 +10510,7 @@ const VOverlay = genericComponent()({
       if (v) isActive.value = false;
     });
     const root = ref();
+    const scrimEl = ref();
     const contentEl = ref();
     const {
       contentStyles,
@@ -10527,8 +10532,10 @@ const VOverlay = genericComponent()({
       emit('click:outside', e);
       if (!props.persistent) isActive.value = false;else animateClick();
     }
-    function closeConditional() {
-      return isActive.value && globalTop.value;
+    function closeConditional(e) {
+      return isActive.value && globalTop.value && (
+      // If using scrim, only close if clicking on it rather than anything opened on top
+      !props.scrim || e.target === scrimEl.value);
     }
     IN_BROWSER && watch(isActive, val => {
       if (val) {
@@ -10615,7 +10622,8 @@ const VOverlay = genericComponent()({
         "ref": root
       }, scopeId, attrs), [createVNode(Scrim, mergeProps({
         "color": scrimColor,
-        "modelValue": isActive.value && !!props.scrim
+        "modelValue": isActive.value && !!props.scrim,
+        "ref": scrimEl
       }, scrimEvents.value), null), createVNode(MaybeTransition, {
         "appear": true,
         "persisted": true,
@@ -10638,6 +10646,7 @@ const VOverlay = genericComponent()({
     })]));
     return {
       activatorEl,
+      scrimEl,
       target,
       animateClick,
       contentEl,
@@ -10833,6 +10842,9 @@ const VMenu = genericComponent()({
           isActive.value = false;
           overlay.value?.activatorEl?.focus();
         }
+      } else if (['Enter', ' '].includes(e.key) && props.closeOnContentClick) {
+        isActive.value = false;
+        parent?.closeParents();
       }
     }
     function onActivatorKeydown(e) {
@@ -11110,7 +11122,7 @@ const VField = genericComponent()({
     }
     useRender(() => {
       const isOutlined = props.variant === 'outlined';
-      const hasPrepend = slots['prepend-inner'] || props.prependInnerIcon;
+      const hasPrepend = !!(slots['prepend-inner'] || props.prependInnerIcon);
       const hasClear = !!(props.clearable || slots.clear);
       const hasAppend = !!(slots['append-inner'] || props.appendInnerIcon || hasClear);
       const label = () => slots.label ? slots.label({
@@ -12534,8 +12546,8 @@ const VAutocomplete = genericComponent()({
       if (e.key === 'ArrowDown' && highlightFirst.value) {
         listRef.value?.focus('next');
       }
-      if (!props.multiple) return;
       if (['Backspace', 'Delete'].includes(e.key)) {
+        if (!props.multiple && hasSelectionSlot.value && model.value.length > 0) return select(model.value[0], false);
         if (selectionIndex.value < 0) {
           if (e.key === 'Backspace' && !search.value) {
             selectionIndex.value = length - 1;
@@ -12543,10 +12555,10 @@ const VAutocomplete = genericComponent()({
           return;
         }
         const originalSelectionIndex = selectionIndex.value;
-        const selectedItem = model.value[selectionIndex.value];
-        if (selectedItem && !selectedItem.props.disabled) select(selectedItem, false);
+        select(model.value[selectionIndex.value], false);
         selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
       }
+      if (!props.multiple) return;
       if (e.key === 'ArrowLeft') {
         if (selectionIndex.value < 0 && selectionStart > 0) return;
         const prev = selectionIndex.value > -1 ? selectionIndex.value - 1 : length - 1;
@@ -12599,7 +12611,7 @@ const VAutocomplete = genericComponent()({
     /** @param set - null means toggle */
     function select(item) {
       let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      if (item.props.disabled) return;
+      if (!item || item.props.disabled) return;
       if (props.multiple) {
         const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
         const add = set == null ? !~index : set;
@@ -16320,6 +16332,7 @@ const VCombobox = genericComponent()({
       }
       menu.value = !menu.value;
     }
+    // eslint-disable-next-line complexity
     function onKeydown(e) {
       if (isComposingIgnoreKey(e) || props.readonly || form?.isReadonly.value) return;
       const selectionStart = vTextFieldRef.value.selectionStart;
@@ -16346,8 +16359,8 @@ const VCombobox = genericComponent()({
         select(transformItem$3(props, search.value));
         if (hasSelectionSlot.value) _search.value = '';
       }
-      if (!props.multiple) return;
       if (['Backspace', 'Delete'].includes(e.key)) {
+        if (!props.multiple && hasSelectionSlot.value && model.value.length > 0) return select(model.value[0], false);
         if (selectionIndex.value < 0) {
           if (e.key === 'Backspace' && !search.value) {
             selectionIndex.value = length - 1;
@@ -16355,10 +16368,10 @@ const VCombobox = genericComponent()({
           return;
         }
         const originalSelectionIndex = selectionIndex.value;
-        const selectedItem = model.value[selectionIndex.value];
-        if (selectedItem && !selectedItem.props.disabled) select(selectedItem, false);
+        select(model.value[selectionIndex.value], false);
         selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
       }
+      if (!props.multiple) return;
       if (e.key === 'ArrowLeft') {
         if (selectionIndex.value < 0 && selectionStart > 0) return;
         const prev = selectionIndex.value > -1 ? selectionIndex.value - 1 : length - 1;
@@ -16389,7 +16402,7 @@ const VCombobox = genericComponent()({
     /** @param set - null means toggle */
     function select(item) {
       let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      if (item.props.disabled) return;
+      if (!item || item.props.disabled) return;
       if (props.multiple) {
         const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
         const add = set == null ? !~index : set;
@@ -17617,7 +17630,7 @@ function setYear(date, year) {
   return d;
 }
 function startOfDay(date) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0);
 }
 function endOfDay(date) {
   return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);
@@ -20770,6 +20783,12 @@ const VDatePickerMonth = genericComponent()({
     const adapter = useDate();
     const rangeStart = shallowRef();
     const rangeStop = shallowRef();
+    if (props.multiple === 'range' && model.value.length > 0) {
+      rangeStart.value = model.value[0];
+      if (model.value.length > 1) {
+        rangeStop.value = model.value[model.value.length - 1];
+      }
+    }
     const atMax = computed(() => {
       const max = ['number', 'string'].includes(typeof props.multiple) ? Number(props.multiple) : Infinity;
       return model.value.length >= max;
@@ -20780,15 +20799,15 @@ const VDatePickerMonth = genericComponent()({
         rangeStart.value = _value;
         model.value = [rangeStart.value];
       } else if (!rangeStop.value) {
-        if (adapter.isSameDay(value, rangeStart.value)) {
+        if (adapter.isSameDay(_value, rangeStart.value)) {
           rangeStart.value = undefined;
           model.value = [];
           return;
-        } else if (adapter.isBefore(value, rangeStart.value)) {
-          rangeStop.value = rangeStart.value;
+        } else if (adapter.isBefore(_value, rangeStart.value)) {
+          rangeStop.value = adapter.endOfDay(rangeStart.value);
           rangeStart.value = _value;
         } else {
-          rangeStop.value = _value;
+          rangeStop.value = adapter.endOfDay(_value);
         }
         const diff = adapter.getDiff(rangeStop.value, rangeStart.value, 'days');
         const datesInRange = [rangeStart.value];
@@ -22955,12 +22974,24 @@ const VNavigationDrawer = genericComponent()({
         default: () => [hasImage && createVNode("div", {
           "key": "image",
           "class": "v-navigation-drawer__img"
-        }, [slots.image ? slots.image?.({
-          image: props.image
-        }) : createVNode("img", {
-          "src": props.image,
-          "alt": ""
-        }, null)]), slots.prepend && createVNode("div", {
+        }, [!slots.image ? createVNode(VImg, {
+          "key": "image-img",
+          "alt": "",
+          "cover": true,
+          "height": "inherit",
+          "src": props.image
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "image-defaults",
+          "disabled": !props.image,
+          "defaults": {
+            VImg: {
+              alt: '',
+              cover: true,
+              height: 'inherit',
+              src: props.image
+            }
+          }
+        }, slots.image)]), slots.prepend && createVNode("div", {
           "class": "v-navigation-drawer__prepend"
         }, [slots.prepend?.()]), createVNode("div", {
           "class": "v-navigation-drawer__content"
@@ -23061,7 +23092,7 @@ const VOtpInput = genericComponent()({
     function onInput() {
       // The maxlength attribute doesn't work for the number type input, so the text type is used.
       // The following logic simulates the behavior of a number input.
-      if (props.type === 'number' && /[^0-9]/g.test(current.value.value)) {
+      if (isValidNumber(current.value.value)) {
         current.value.value = '';
         return;
       }
@@ -23107,7 +23138,9 @@ const VOtpInput = genericComponent()({
     function onPaste(index, e) {
       e.preventDefault();
       e.stopPropagation();
-      model.value = (e?.clipboardData?.getData('Text') ?? '').split('');
+      const clipboardText = e?.clipboardData?.getData('Text') ?? '';
+      if (isValidNumber(clipboardText)) return;
+      model.value = clipboardText.split('');
       inputRef.value?.[index].blur();
     }
     function reset() {
@@ -23121,6 +23154,9 @@ const VOtpInput = genericComponent()({
       blur();
       focusIndex.value = -1;
     }
+    function isValidNumber(value) {
+      return props.type === 'number' && /[^0-9]/g.test(value);
+    }
     provideDefaults({
       VField: {
         color: computed(() => props.color),
@@ -26372,6 +26408,203 @@ const VFab = genericComponent()({
   }
 });
 
+// Types
+
+const makeVNumberInputProps = propsFactory({
+  controlVariant: {
+    type: String,
+    default: 'default'
+  },
+  inset: Boolean,
+  hideInput: Boolean,
+  min: Number,
+  max: Number,
+  step: Number,
+  ...only(makeVInputProps(), ['density', 'disabled', 'focused', 'hideDetails', 'hint', 'label', 'persistentHint', 'readonly']),
+  ...only(makeVFieldProps(), ['baseColor', 'bgColor', 'class', 'color', 'disabled', 'error', 'loading', 'reverse', 'rounded', 'style', 'theme', 'variant']),
+  ...makeFocusProps()
+}, 'VNumberInput');
+const VNumberInput = genericComponent()({
+  name: 'VNumberInput',
+  inheritAttrs: false,
+  props: {
+    ...makeVNumberInputProps(),
+    modelValue: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  emits: {
+    'update:modelValue': val => true
+  },
+  setup(props, _ref) {
+    let {
+      attrs,
+      emit,
+      slots
+    } = _ref;
+    const model = useProxiedModel(props, 'modelValue');
+    const {
+      isFocused,
+      focus,
+      blur
+    } = useFocus(props);
+    const inputRef = ref();
+    function onFocus() {
+      if (!isFocused.value) focus();
+    }
+    const controlVariant = computed(() => {
+      return props.hideInput ? 'stacked' : props.controlVariant;
+    });
+    function toggleUpDown() {
+      let increment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      if (increment) {
+        inputRef.value?.stepUp();
+      } else {
+        inputRef.value?.stepDown();
+      }
+      if (inputRef.value) model.value = parseInt(inputRef.value.value, 10);
+    }
+    function onClickUp() {
+      toggleUpDown();
+    }
+    function onClickDown() {
+      toggleUpDown(false);
+    }
+    const incrementSlotProps = computed(() => ({
+      click: onClickUp
+    }));
+    const decrementSlotProps = computed(() => ({
+      click: onClickDown
+    }));
+    useRender(() => {
+      const fieldProps = filterFieldProps(props);
+      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
+      const {
+        modelValue: _,
+        ...inputProps
+      } = VInput.filterProps(props);
+      function controlNode() {
+        const defaultHeight = controlVariant.value === 'stacked' ? 'auto' : '100%';
+        return createVNode("div", {
+          "class": "v-number-input__control"
+        }, [!slots.decrement ? createVNode(VBtn, {
+          "flat": true,
+          "key": "decrement-btn",
+          "height": defaultHeight,
+          "icon": "$expand",
+          "rounded": "0",
+          "size": "small",
+          "onClick": onClickDown
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "decrement-defaults",
+          "defaults": {
+            VBtn: {
+              flat: true,
+              rounded: '0',
+              height: defaultHeight,
+              size: 'small',
+              icon: '$expand'
+            }
+          }
+        }, {
+          default: () => [slots.decrement(decrementSlotProps.value)]
+        }), createVNode(VDivider, {
+          "vertical": controlVariant.value !== 'stacked'
+        }, null), !slots.increment ? createVNode(VBtn, {
+          "flat": true,
+          "key": "increment-btn",
+          "height": defaultHeight,
+          "icon": "$collapse",
+          "onClick": onClickUp,
+          "rounded": "0",
+          "size": "small"
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "increment-defaults",
+          "defaults": {
+            VBtn: {
+              flat: true,
+              height: defaultHeight,
+              rounded: '0',
+              size: 'small',
+              icon: '$collapse'
+            }
+          }
+        }, {
+          default: () => [slots.increment(incrementSlotProps.value)]
+        })]);
+      }
+      function dividerNode() {
+        return !props.hideInput && !props.inset ? createVNode(VDivider, {
+          "vertical": true
+        }, null) : undefined;
+      }
+      return createVNode(VInput, mergeProps({
+        "class": ['v-number-input', {
+          'v-number-input--default': controlVariant.value === 'default',
+          'v-number-input--hide-input': props.hideInput,
+          'v-number-input--inset': props.inset,
+          'v-number-input--reverse': props.reverse,
+          'v-number-input--split': controlVariant.value === 'split',
+          'v-number-input--stacked': controlVariant.value === 'stacked'
+        }, props.class]
+      }, rootAttrs, inputProps, {
+        "focused": isFocused.value,
+        "style": props.style
+      }), {
+        ...slots,
+        default: () => createVNode(VField, mergeProps(fieldProps, {
+          "active": true,
+          "focused": isFocused.value
+        }), {
+          ...slots,
+          default: _ref2 => {
+            let {
+              props: {
+                class: fieldClass,
+                ...slotProps
+              }
+            } = _ref2;
+            return createVNode("input", mergeProps({
+              "ref": inputRef,
+              "type": "number",
+              "value": model.value,
+              "class": fieldClass,
+              "max": props.max,
+              "min": props.min,
+              "step": props.step,
+              "onFocus": onFocus,
+              "onBlur": blur
+            }, inputAttrs), null);
+          },
+          'append-inner': controlVariant.value === 'split' ? () => createVNode("div", {
+            "class": "v-number-input__control"
+          }, [createVNode(VDivider, {
+            "vertical": true
+          }, null), createVNode(VBtn, {
+            "flat": true,
+            "height": "100%",
+            "icon": "$plus",
+            "tile": true,
+            "onClick": onClickUp
+          }, null)]) : !props.reverse ? () => createVNode(Fragment, null, [dividerNode(), controlNode()]) : undefined,
+          'prepend-inner': controlVariant.value === 'split' ? () => createVNode("div", {
+            "class": "v-number-input__control"
+          }, [createVNode(VBtn, {
+            "flat": true,
+            "height": "100%",
+            "icon": "$minus",
+            "tile": true,
+            "onClick": onClickDown
+          }, null), createVNode(VDivider, {
+            "vertical": true
+          }, null)]) : props.reverse ? () => createVNode(Fragment, null, [controlNode(), dividerNode()]) : undefined
+        })
+      });
+    });
+  }
+});
+
 // Utilities
 
 // Types
@@ -26819,6 +27052,8 @@ const VSparkline = genericComponent()({
   }
 });
 
+// Types
+
 const makeVSpeedDialProps = propsFactory({
   ...makeComponentProps(),
   ...makeVMenuProps({
@@ -26837,14 +27072,17 @@ const VSpeedDial = genericComponent()({
     let {
       slots
     } = _ref;
+    const menuRef = ref();
     useRender(() => {
       const menuProps = VMenu.filterProps(props);
       return createVNode(VMenu, mergeProps(menuProps, {
         "class": props.class,
         "style": props.style,
-        "contentClass": "v-speed-dial__content"
+        "contentClass": "v-speed-dial__content",
+        "ref": menuRef
       }), {
-        default: () => [createVNode(VDefaultsProvider, {
+        ...slots,
+        default: slotProps => createVNode(VDefaultsProvider, {
           "defaults": {
             VBtn: {
               size: 'small'
@@ -26856,9 +27094,9 @@ const VSpeedDial = genericComponent()({
             "group": true,
             "transition": props.transition
           }, {
-            default: () => [slots.default?.()]
+            default: () => [slots.default?.(slotProps)]
           })]
-        })]
+        })
       });
     });
     return {};
@@ -27334,6 +27572,7 @@ var components = /*#__PURE__*/Object.freeze({
   VMessages: VMessages,
   VNavigationDrawer: VNavigationDrawer,
   VNoSsr: VNoSsr,
+  VNumberInput: VNumberInput,
   VOtpInput: VOtpInput,
   VOverlay: VOverlay,
   VPagination: VPagination,
@@ -27619,7 +27858,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.5.9";
+const version$1 = "3.5.11";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -27631,9 +27870,248 @@ function inject(key) {
   }
 }
 
+// Icons
+
+// Types
+
+const md1 = {
+  defaults: {
+    global: {
+      rounded: 'sm'
+    },
+    VAvatar: {
+      rounded: 'circle'
+    },
+    VAutocomplete: {
+      variant: 'underlined'
+    },
+    VBanner: {
+      color: 'primary'
+    },
+    VBtn: {
+      color: 'primary',
+      rounded: 0
+    },
+    VCheckbox: {
+      color: 'secondary'
+    },
+    VCombobox: {
+      variant: 'underlined'
+    },
+    VSelect: {
+      variant: 'underlined'
+    },
+    VSlider: {
+      color: 'primary'
+    },
+    VTabs: {
+      color: 'primary'
+    },
+    VTextarea: {
+      variant: 'underlined'
+    },
+    VTextField: {
+      variant: 'underlined'
+    },
+    VToolbar: {
+      VBtn: {
+        color: null
+      }
+    }
+  },
+  icons: {
+    defaultSet: 'mdi',
+    sets: {
+      mdi
+    }
+  },
+  theme: {
+    themes: {
+      light: {
+        colors: {
+          primary: '#3F51B5',
+          'primary-darken-1': '#303F9F',
+          'primary-lighten-1': '#C5CAE9',
+          secondary: '#FF4081',
+          'secondary-darken-1': '#F50057',
+          'secondary-lighten-1': '#FF80AB',
+          accent: '#009688'
+        }
+      }
+    }
+  }
+};
+
+// Icons
+
+// Types
+
+const md2 = {
+  defaults: {
+    global: {
+      rounded: 'md'
+    },
+    VAvatar: {
+      rounded: 'circle'
+    },
+    VAutocomplete: {
+      variant: 'filled'
+    },
+    VBanner: {
+      color: 'primary'
+    },
+    VBtn: {
+      color: 'primary'
+    },
+    VCheckbox: {
+      color: 'secondary'
+    },
+    VCombobox: {
+      variant: 'filled'
+    },
+    VSelect: {
+      variant: 'filled'
+    },
+    VSlider: {
+      color: 'primary'
+    },
+    VTabs: {
+      color: 'primary'
+    },
+    VTextarea: {
+      variant: 'filled'
+    },
+    VTextField: {
+      variant: 'filled'
+    },
+    VToolbar: {
+      VBtn: {
+        color: null
+      }
+    }
+  },
+  icons: {
+    defaultSet: 'mdi',
+    sets: {
+      mdi
+    }
+  },
+  theme: {
+    themes: {
+      light: {
+        colors: {
+          primary: '#6200EE',
+          'primary-darken-1': '#3700B3',
+          secondary: '#03DAC6',
+          'secondary-darken-1': '#018786',
+          error: '#B00020'
+        }
+      }
+    }
+  }
+};
+
+// Icons
+
+// Types
+
+const md3 = {
+  defaults: {
+    VAppBar: {
+      flat: true
+    },
+    VAutocomplete: {
+      variant: 'filled'
+    },
+    VBanner: {
+      color: 'primary'
+    },
+    VBottomSheet: {
+      contentClass: 'rounded-t-xl overflow-hidden'
+    },
+    VBtn: {
+      color: 'primary',
+      rounded: 'xl'
+    },
+    VBtnGroup: {
+      rounded: 'xl',
+      VBtn: {
+        rounded: null
+      }
+    },
+    VCard: {
+      rounded: 'lg'
+    },
+    VCheckbox: {
+      color: 'secondary',
+      inset: true
+    },
+    VChip: {
+      rounded: 'sm'
+    },
+    VCombobox: {
+      variant: 'filled'
+    },
+    VNavigationDrawer: {
+      // VList: {
+      //   nav: true,
+      //   VListItem: {
+      //     rounded: 'xl',
+      //   },
+      // },
+    },
+    VSelect: {
+      variant: 'filled'
+    },
+    VSlider: {
+      color: 'primary'
+    },
+    VTabs: {
+      color: 'primary'
+    },
+    VTextarea: {
+      variant: 'filled'
+    },
+    VTextField: {
+      variant: 'filled'
+    },
+    VToolbar: {
+      VBtn: {
+        color: null
+      }
+    }
+  },
+  icons: {
+    defaultSet: 'mdi',
+    sets: {
+      mdi
+    }
+  },
+  theme: {
+    themes: {
+      light: {
+        colors: {
+          primary: '#6750a4',
+          secondary: '#b4b0bb',
+          tertiary: '#7d5260',
+          error: '#b3261e',
+          surface: '#fffbfe'
+        }
+      }
+    }
+  }
+};
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  md1: md1,
+  md2: md2,
+  md3: md3
+});
+
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.5.9";
+const version = "3.5.11";
 
 /* eslint-disable local-rules/sort-imports */
 
@@ -27646,5 +28124,5 @@ const createVuetify = function () {
   });
 };
 
-export { components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };
+export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };
 //# sourceMappingURL=vuetify-labs.esm.js.map