vuetify 3.5.9 → 3.5.10

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.9
+* Vuetify v3.5.10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2392,7 +2392,7 @@
     const current = vue.computed(() => computedThemes.value[name.value]);
     const styles = vue.computed(() => {
       const lines = [];
-      if (current.value.dark) {
+      if (current.value?.dark) {
         createCssClass(lines, ':root', ['color-scheme: dark']);
       }
       createCssClass(lines, ':root', genCssVariables(current.value));
@@ -4572,6 +4572,7 @@
 
   const makeVIconProps = propsFactory({
     color: String,
+    disabled: Boolean,
     start: Boolean,
     end: Boolean,
     icon: IconValue,
@@ -4609,11 +4610,13 @@
         if (slotValue) {
           slotIcon.value = flattenFragments(slotValue).filter(node => node.type === vue.Text && node.children && typeof node.children === 'string')[0]?.children;
         }
+        const hasClick = !!(attrs.onClick || attrs.onClickOnce);
         return vue.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],
@@ -4622,8 +4625,9 @@
             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]
         });
@@ -8620,9 +8624,9 @@
         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);
@@ -9761,7 +9765,7 @@
       scope?.stop();
       if (!(data.isActive.value && props.scrollStrategy)) return;
       scope = vue.effectScope();
-      await vue.nextTick();
+      await new Promise(resolve => setTimeout(resolve));
       scope.active && scope.run(() => {
         if (typeof props.scrollStrategy === 'function') {
           props.scrollStrategy(data, props, scope);
@@ -10510,6 +10514,7 @@
         if (v) isActive.value = false;
       });
       const root = vue.ref();
+      const scrimEl = vue.ref();
       const contentEl = vue.ref();
       const {
         contentStyles,
@@ -10531,8 +10536,10 @@
         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 && vue.watch(isActive, val => {
         if (val) {
@@ -10619,7 +10626,8 @@
           "ref": root
         }, scopeId, attrs), [vue.createVNode(Scrim, vue.mergeProps({
           "color": scrimColor,
-          "modelValue": isActive.value && !!props.scrim
+          "modelValue": isActive.value && !!props.scrim,
+          "ref": scrimEl
         }, scrimEvents.value), null), vue.createVNode(MaybeTransition, {
           "appear": true,
           "persisted": true,
@@ -10642,6 +10650,7 @@
       })]));
       return {
         activatorEl,
+        scrimEl,
         target,
         animateClick,
         contentEl,
@@ -10837,6 +10846,9 @@
             isActive.value = false;
             overlay.value?.activatorEl?.focus();
           }
+        } else if (['Enter', ' '].includes(e.key) && props.closeOnContentClick) {
+          isActive.value = false;
+          parent?.closeParents();
         }
       }
       function onActivatorKeydown(e) {
@@ -11114,7 +11126,7 @@
       }
       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({
@@ -12538,8 +12550,8 @@
         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;
@@ -12547,10 +12559,10 @@
             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;
@@ -12603,7 +12615,7 @@
       /** @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;
@@ -16324,6 +16336,7 @@
         }
         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;
@@ -16350,8 +16363,8 @@
           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;
@@ -16359,10 +16372,10 @@
             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;
@@ -16393,7 +16406,7 @@
       /** @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;
@@ -17621,7 +17634,7 @@
     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);
@@ -20774,6 +20787,12 @@
       const adapter = useDate();
       const rangeStart = vue.shallowRef();
       const rangeStop = vue.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 = vue.computed(() => {
         const max = ['number', 'string'].includes(typeof props.multiple) ? Number(props.multiple) : Infinity;
         return model.value.length >= max;
@@ -20784,15 +20803,15 @@
           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];
@@ -22959,12 +22978,24 @@
           default: () => [hasImage && vue.createVNode("div", {
             "key": "image",
             "class": "v-navigation-drawer__img"
-          }, [slots.image ? slots.image?.({
-            image: props.image
-          }) : vue.createVNode("img", {
-            "src": props.image,
-            "alt": ""
-          }, null)]), slots.prepend && vue.createVNode("div", {
+          }, [!slots.image ? vue.createVNode(VImg, {
+            "key": "image-img",
+            "alt": "",
+            "cover": true,
+            "height": "inherit",
+            "src": props.image
+          }, null) : vue.createVNode(VDefaultsProvider, {
+            "key": "image-defaults",
+            "disabled": !props.image,
+            "defaults": {
+              VImg: {
+                alt: '',
+                cover: true,
+                height: 'inherit',
+                src: props.image
+              }
+            }
+          }, slots.image)]), slots.prepend && vue.createVNode("div", {
             "class": "v-navigation-drawer__prepend"
           }, [slots.prepend?.()]), vue.createVNode("div", {
             "class": "v-navigation-drawer__content"
@@ -23065,7 +23096,7 @@
       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;
         }
@@ -23111,7 +23142,9 @@
       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() {
@@ -23125,6 +23158,9 @@
         blur();
         focusIndex.value = -1;
       }
+      function isValidNumber(value) {
+        return props.type === 'number' && !isNaN(Number(value));
+      }
       provideDefaults({
         VField: {
           color: vue.computed(() => props.color),
@@ -26376,6 +26412,203 @@
     }
   });
 
+  // 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 = vue.ref();
+      function onFocus() {
+        if (!isFocused.value) focus();
+      }
+      const controlVariant = vue.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 = vue.computed(() => ({
+        click: onClickUp
+      }));
+      const decrementSlotProps = vue.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 vue.createVNode("div", {
+            "class": "v-number-input__control"
+          }, [!slots.decrement ? vue.createVNode(VBtn, {
+            "flat": true,
+            "key": "decrement-btn",
+            "height": defaultHeight,
+            "icon": "mdi-chevron-down",
+            "rounded": "0",
+            "size": "small",
+            "onClick": onClickDown
+          }, null) : vue.createVNode(VDefaultsProvider, {
+            "key": "decrement-defaults",
+            "defaults": {
+              VBtn: {
+                flat: true,
+                rounded: '0',
+                height: defaultHeight,
+                size: 'small',
+                icon: 'mdi-chevron-down'
+              }
+            }
+          }, {
+            default: () => [slots.decrement(decrementSlotProps.value)]
+          }), vue.createVNode(VDivider, {
+            "vertical": controlVariant.value !== 'stacked'
+          }, null), !slots.increment ? vue.createVNode(VBtn, {
+            "flat": true,
+            "key": "increment-btn",
+            "height": defaultHeight,
+            "icon": "mdi-chevron-up",
+            "onClick": onClickUp,
+            "rounded": "0",
+            "size": "small"
+          }, null) : vue.createVNode(VDefaultsProvider, {
+            "key": "increment-defaults",
+            "defaults": {
+              VBtn: {
+                flat: true,
+                height: defaultHeight,
+                rounded: '0',
+                size: 'small',
+                icon: 'mdi-chevron-up'
+              }
+            }
+          }, {
+            default: () => [slots.increment(incrementSlotProps.value)]
+          })]);
+        }
+        function dividerNode() {
+          return !props.hideInput && !props.inset ? vue.createVNode(VDivider, {
+            "vertical": true
+          }, null) : undefined;
+        }
+        return vue.createVNode(VInput, vue.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: () => vue.createVNode(VField, vue.mergeProps(fieldProps, {
+            "active": true,
+            "focused": isFocused.value
+          }), {
+            ...slots,
+            default: _ref2 => {
+              let {
+                props: {
+                  class: fieldClass,
+                  ...slotProps
+                }
+              } = _ref2;
+              return vue.createVNode("input", vue.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' ? () => vue.createVNode("div", {
+              "class": "v-number-input__control"
+            }, [vue.createVNode(VDivider, {
+              "vertical": true
+            }, null), vue.createVNode(VBtn, {
+              "flat": true,
+              "height": "100%",
+              "icon": "mdi-plus",
+              "tile": true,
+              "onClick": onClickUp
+            }, null)]) : !props.reverse ? () => vue.createVNode(vue.Fragment, null, [dividerNode(), controlNode()]) : undefined,
+            'prepend-inner': controlVariant.value === 'split' ? () => vue.createVNode("div", {
+              "class": "v-number-input__control"
+            }, [vue.createVNode(VBtn, {
+              "flat": true,
+              "height": "100%",
+              "icon": "mdi-minus",
+              "tile": true,
+              "onClick": onClickDown
+            }, null), vue.createVNode(VDivider, {
+              "vertical": true
+            }, null)]) : props.reverse ? () => vue.createVNode(vue.Fragment, null, [controlNode(), dividerNode()]) : undefined
+          })
+        });
+      });
+    }
+  });
+
   // Utilities
 
   // Types
@@ -26823,6 +27056,8 @@
     }
   });
 
+  // Types
+
   const makeVSpeedDialProps = propsFactory({
     ...makeComponentProps(),
     ...makeVMenuProps({
@@ -26841,14 +27076,17 @@
       let {
         slots
       } = _ref;
+      const menuRef = vue.ref();
       useRender(() => {
         const menuProps = VMenu.filterProps(props);
         return vue.createVNode(VMenu, vue.mergeProps(menuProps, {
           "class": props.class,
           "style": props.style,
-          "contentClass": "v-speed-dial__content"
+          "contentClass": "v-speed-dial__content",
+          "ref": menuRef
         }), {
-          default: () => [vue.createVNode(VDefaultsProvider, {
+          ...slots,
+          default: slotProps => vue.createVNode(VDefaultsProvider, {
             "defaults": {
               VBtn: {
                 size: 'small'
@@ -26860,9 +27098,9 @@
               "group": true,
               "transition": props.transition
             }, {
-              default: () => [slots.default?.()]
+              default: () => [slots.default?.(slotProps)]
             })]
-          })]
+          })
         });
       });
       return {};
@@ -27338,6 +27576,7 @@
     VMessages: VMessages,
     VNavigationDrawer: VNavigationDrawer,
     VNoSsr: VNoSsr,
+    VNumberInput: VNumberInput,
     VOtpInput: VOtpInput,
     VOverlay: VOverlay,
     VPagination: VPagination,
@@ -27623,7 +27862,7 @@
       goTo
     };
   }
-  const version$1 = "3.5.9";
+  const version$1 = "3.5.10";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -27635,9 +27874,248 @@
     }
   }
 
+  // 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.10";
 
   /* eslint-disable local-rules/sort-imports */
 
@@ -27650,6 +28128,7 @@
     });
   };
 
+  exports.blueprints = index;
   exports.components = components;
   exports.createVuetify = createVuetify;
   exports.directives = directives;