vuetify 3.7.16 → 3.7.18

package/dist/vuetify.d.ts

@@ -28760,7 +28760,7 @@ declare const VDatePickerMonth: {
         "onUpdate:modelValue"?: ((date: unknown) => any) | undefined;
         "onUpdate:month"?: ((date: number) => any) | undefined;
         "onUpdate:year"?: ((date: number) => any) | undefined;
-    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:modelValue': (date: unknown) => true;
         'update:month': (date: number) => true;
         'update:year': (date: number) => true;
@@ -28888,7 +28888,7 @@ declare const VDatePickerMonth: {
         "onUpdate:modelValue"?: ((date: unknown) => any) | undefined;
         "onUpdate:month"?: ((date: number) => any) | undefined;
         "onUpdate:year"?: ((date: number) => any) | undefined;
-    }, {}, {}, {}, {}, {
+    }, () => JSX.Element, {}, {}, {}, {
         transition: string;
         disabled: boolean;
         reverseTransition: string;
@@ -28951,7 +28951,7 @@ declare const VDatePickerMonth: {
     "onUpdate:modelValue"?: ((date: unknown) => any) | undefined;
     "onUpdate:month"?: ((date: number) => any) | undefined;
     "onUpdate:year"?: ((date: number) => any) | undefined;
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (date: unknown) => true;
     'update:month': (date: number) => true;
     'update:year': (date: number) => true;
@@ -67137,47 +67137,42 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
+    VApp: typeof import('vuetify/components')['VApp']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
-    VBadge: typeof import('vuetify/components')['VBadge']
     VAvatar: typeof import('vuetify/components')['VAvatar']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
+    VBadge: typeof import('vuetify/components')['VBadge']
     VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VBtn: typeof import('vuetify/components')['VBtn']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VCode: typeof import('vuetify/components')['VCode']
     VChip: typeof import('vuetify/components')['VChip']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
-    VApp: typeof import('vuetify/components')['VApp']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    VCode: typeof import('vuetify/components')['VCode']
     VCombobox: typeof import('vuetify/components')['VCombobox']
-    VDatePicker: typeof import('vuetify/components')['VDatePicker']
-    VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
-    VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
-    VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
-    VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
-    VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
+    VDivider: typeof import('vuetify/components')['VDivider']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VDataTable: typeof import('vuetify/components')['VDataTable']
     VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -67185,32 +67180,34 @@ declare module 'vue' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VDialog: typeof import('vuetify/components')['VDialog']
-    VDivider: typeof import('vuetify/components')['VDivider']
+    VDatePicker: typeof import('vuetify/components')['VDatePicker']
+    VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
+    VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
+    VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
+    VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
+    VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
     VCounter: typeof import('vuetify/components')['VCounter']
-    VFab: typeof import('vuetify/components')['VFab']
+    VDialog: typeof import('vuetify/components')['VDialog']
     VEmptyState: typeof import('vuetify/components')['VEmptyState']
-    VField: typeof import('vuetify/components')['VField']
-    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VFooter: typeof import('vuetify/components')['VFooter']
     VFileInput: typeof import('vuetify/components')['VFileInput']
-    VInput: typeof import('vuetify/components')['VInput']
+    VField: typeof import('vuetify/components')['VField']
+    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VImg: typeof import('vuetify/components')['VImg']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VKbd: typeof import('vuetify/components')['VKbd']
-    VMain: typeof import('vuetify/components')['VMain']
+    VImg: typeof import('vuetify/components')['VImg']
     VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
-    VLabel: typeof import('vuetify/components')['VLabel']
+    VFab: typeof import('vuetify/components')['VFab']
+    VInput: typeof import('vuetify/components')['VInput']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -67220,70 +67217,74 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
+    VLabel: typeof import('vuetify/components')['VLabel']
+    VKbd: typeof import('vuetify/components')['VKbd']
+    VMain: typeof import('vuetify/components')['VMain']
     VMenu: typeof import('vuetify/components')['VMenu']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
     VMessages: typeof import('vuetify/components')['VMessages']
     VOverlay: typeof import('vuetify/components')['VOverlay']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VPagination: typeof import('vuetify/components')['VPagination']
-    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
-    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VRating: typeof import('vuetify/components')['VRating']
-    VSheet: typeof import('vuetify/components')['VSheet']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
-    VSlider: typeof import('vuetify/components')['VSlider']
-    VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
+    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSelect: typeof import('vuetify/components')['VSelect']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSheet: typeof import('vuetify/components')['VSheet']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
+    VSlider: typeof import('vuetify/components')['VSlider']
+    VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
     VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
-    VTable: typeof import('vuetify/components')['VTable']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VTextField: typeof import('vuetify/components')['VTextField']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
+    VTable: typeof import('vuetify/components')['VTable']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
     VTooltip: typeof import('vuetify/components')['VTooltip']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VTextField: typeof import('vuetify/components')['VTextField']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
-    VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
+    VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
+    VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VForm: typeof import('vuetify/components')['VForm']
     VHover: typeof import('vuetify/components')['VHover']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VLazy: typeof import('vuetify/components')['VLazy']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
-    VParallax: typeof import('vuetify/components')['VParallax']
-    VRadio: typeof import('vuetify/components')['VRadio']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
+    VRadio: typeof import('vuetify/components')['VRadio']
+    VParallax: typeof import('vuetify/components')['VParallax']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
-    VSparkline: typeof import('vuetify/components')['VSparkline']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
+    VSparkline: typeof import('vuetify/components')['VSparkline']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VValidation: typeof import('vuetify/components')['VValidation']
+    VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -67300,18 +67301,11 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
-    VCalendar: typeof import('vuetify/labs/components')['VCalendar']
-    VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
-    VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
-    VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
-    VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
-    VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
-    VPicker: typeof import('vuetify/labs/components')['VPicker']
-    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
-    VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
     VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
     VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
+    VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
@@ -67322,7 +67316,13 @@ declare module 'vue' {
     VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
     VDateInput: typeof import('vuetify/labs/components')['VDateInput']
-    VSnackbarQueue: typeof import('vuetify/labs/components')['VSnackbarQueue']
     VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
+    VCalendar: typeof import('vuetify/labs/components')['VCalendar']
+    VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
+    VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
+    VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
+    VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
+    VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
+    VSnackbarQueue: typeof import('vuetify/labs/components')['VSnackbarQueue']
   }
 }

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.16
+* Vuetify v3.7.18
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2888,7 +2888,7 @@ function createTheme(options) {
   function getHead() {
     return {
       style: [{
-        children: styles.value,
+        textContent: styles.value,
         id: 'vuetify-theme-stylesheet',
         nonce: parsedOptions.cspNonce || false
       }]
@@ -12058,11 +12058,6 @@ const VField = genericComponent()({
     };
   }
 });
-// TODO: this is kinda slow, might be better to implicitly inherit props instead
-function filterFieldProps(attrs) {
-  const keys = Object.keys(VField.props).filter(k => !isOn(k) && k !== 'class' && k !== 'style');
-  return pick(attrs, keys);
-}
 
 // Types
 
@@ -12170,7 +12165,7 @@ const VTextField = genericComponent()({
         modelValue: _,
         ...inputProps
       } = VInput.filterProps(props);
-      const fieldProps = filterFieldProps(props);
+      const fieldProps = VField.filterProps(props);
       return createVNode(VInput, mergeProps({
         "ref": vInputRef,
         "modelValue": model.value,
@@ -21784,30 +21779,30 @@ const VDatePickerControls = genericComponent()({
         "class": ['v-date-picker-controls']
       }, [createVNode(VBtn, {
         "class": "v-date-picker-controls__month-btn",
+        "data-testid": "month-btn",
         "disabled": disableMonth.value,
         "text": props.text,
         "variant": "text",
         "rounded": true,
         "onClick": onClickMonth
       }, null), createVNode(VBtn, {
-        "key": "mode-btn",
         "class": "v-date-picker-controls__mode-btn",
+        "data-testid": "year-btn",
         "disabled": disableYear.value,
         "density": "comfortable",
         "icon": props.modeIcon,
         "variant": "text",
         "onClick": onClickYear
-      }, null), createVNode(VSpacer, {
-        "key": "mode-spacer"
-      }, null), createVNode("div", {
-        "key": "month-buttons",
+      }, null), createVNode(VSpacer, null, null), createVNode("div", {
         "class": "v-date-picker-controls__month"
       }, [createVNode(VBtn, {
+        "data-testid": "prev-month",
         "disabled": disablePrev.value,
         "icon": props.prevIcon,
         "variant": "text",
         "onClick": onClickPrev
       }, null), createVNode(VBtn, {
+        "data-testid": "next-month",
         "disabled": disableNext.value,
         "icon": props.nextIcon,
         "variant": "text",
@@ -22154,7 +22149,7 @@ const VDatePickerMonth = genericComponent()({
         model.value = [value];
       }
     }
-    useRender(() => createVNode("div", {
+    return () => createVNode("div", {
       "class": "v-date-picker-month"
     }, [props.showWeek && createVNode("div", {
       "key": "weeks",
@@ -22176,13 +22171,6 @@ const VDatePickerMonth = genericComponent()({
       }, [weekDay])), daysInMonth.value.map((item, i) => {
         const slotProps = {
           props: {
-            class: 'v-date-picker-month__day-btn',
-            color: (item.isSelected || item.isToday) && !item.isDisabled ? props.color : undefined,
-            disabled: item.isDisabled,
-            icon: true,
-            ripple: false,
-            text: item.localized,
-            variant: item.isDisabled ? item.isToday ? 'outlined' : 'text' : item.isToday && !item.isSelected ? 'outlined' : 'flat',
             onClick: () => onClick(item.date)
           },
           item,
@@ -22200,9 +22188,24 @@ const VDatePickerMonth = genericComponent()({
             'v-date-picker-month__day--week-start': item.isWeekStart
           }],
           "data-v-date": !item.isDisabled ? item.isoDate : undefined
-        }, [(props.showAdjacentMonths || !item.isAdjacent) && (slots.day?.(slotProps) ?? createVNode(VBtn, slotProps.props, null))]);
+        }, [(props.showAdjacentMonths || !item.isAdjacent) && createVNode(VDefaultsProvider, {
+          "defaults": {
+            VBtn: {
+              class: 'v-date-picker-month__day-btn',
+              color: (item.isSelected || item.isToday) && !item.isDisabled ? props.color : undefined,
+              disabled: item.isDisabled,
+              icon: true,
+              ripple: false,
+              text: item.localized,
+              variant: item.isDisabled ? item.isToday ? 'outlined' : 'text' : item.isToday && !item.isSelected ? 'outlined' : 'flat',
+              onClick: () => onClick(item.date)
+            }
+          }
+        }, {
+          default: () => [slots.day?.(slotProps) ?? createVNode(VBtn, slotProps.props, null)]
+        })]);
       })])]
-    })]));
+    })]);
   }
 });
 
@@ -23340,7 +23343,7 @@ const VFileInput = genericComponent()({
         modelValue: _,
         ...inputProps
       } = VInput.filterProps(props);
-      const fieldProps = filterFieldProps(props);
+      const fieldProps = VField.filterProps(props);
       return createVNode(VInput, mergeProps({
         "ref": vInputRef,
         "modelValue": props.multiple ? model.value : model.value[0],
@@ -27475,7 +27478,7 @@ const VTextarea = genericComponent()({
         modelValue: _,
         ...inputProps
       } = VInput.filterProps(props);
-      const fieldProps = filterFieldProps(props);
+      const fieldProps = VField.filterProps(props);
       return createVNode(VInput, mergeProps({
         "ref": vInputRef,
         "modelValue": model.value,
@@ -28449,7 +28452,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.16";
+const version$1 = "3.7.18";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28474,7 +28477,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.16";
+const version = "3.7.18";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };