@vuetify/nightly 3.8.1-next.2025-04-15 → 3.8.1-next.2025-04-18

package/dist/vuetify.min.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.1-next.2025-04-15
+* Vuetify v3.8.1-next.2025-04-18
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2182,8 +2182,8 @@ if(f.run((()=>{o.install(u)})),u.onUnmount((()=>f.stop())),u.provide(St,e),u.pro
 else{const{mount:e}=u
 u.mount=function(){const a=e(...arguments)
 return t.nextTick((()=>l.update())),u.mount=e,a}}("boolean"!=typeof __VUE_OPTIONS_API__||__VUE_OPTIONS_API__)&&u.mixin({computed:{$vuetify(){return t.reactive({defaults:hf.call(this,St),display:hf.call(this,Vn),theme:hf.call(this,ba),icons:hf.call(this,Mt),locale:hf.call(this,fa),date:hf.call(this,Vu)})}}})},unmount:function(){u.stop()},defaults:e,display:l,theme:o,icons:c,locale:d,date:v,goTo:p}}))}function hf(e){const t=this.$,a=t.parent?.provides??t.vnode.appContext?.provides
-if(a&&e in a)return a[e]}gf.version="3.8.1-next.2025-04-15"
-const yf=function(){return gf({components:rf,directives:mf,...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}})},bf="3.8.1-next.2025-04-15"
+if(a&&e in a)return a[e]}gf.version="3.8.1-next.2025-04-18"
+const yf=function(){return gf({components:rf,directives:mf,...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}})},bf="3.8.1-next.2025-04-18"
 yf.version=bf,e.blueprints=Xt,e.components=rf,e.createVuetify=yf,e.directives=mf,e.useDate=Su,e.useDefaults=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0
 const{props:a,provideSubDefaults:l}=Nt(e,t)
 return l(),a},e.useDisplay=In,e.useGoTo=Rn,e.useLayout=aa,e.useLocale=ga,e.useRtl=ya,e.useTheme=Pa,e.version=bf}))

package/lib/components/VBtn/VBtn.css

@@ -2,9 +2,8 @@
   .v-btn {
     align-items: center;
     border-radius: 4px;
-    display: inline-grid;
-    grid-template-areas: "prepend content append";
-    grid-template-columns: max-content auto max-content;
+    display: inline-flex;
+    flex-direction: row;
     font-weight: 500;
     justify-content: center;
     letter-spacing: 0.0892857143em;
@@ -14,7 +13,7 @@
     position: relative;
     text-decoration: none;
     text-indent: 0.0892857143em;
-    text-transform: uppercase;
+    text-transform: none;
     transition-property: box-shadow, transform, opacity, background;
     transition-duration: 0.28s;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -227,11 +226,10 @@
     opacity: 0;
   }
   .v-btn--stacked {
-    grid-template-areas: "prepend" "content" "append";
-    grid-template-columns: auto;
-    grid-template-rows: max-content max-content max-content;
-    justify-items: center;
-    align-content: center;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    gap: 4px;
   }
   .v-btn--stacked .v-btn__content {
     flex-direction: column;
@@ -243,14 +241,6 @@
   .v-btn--stacked .v-btn__content > .v-icon--end {
     margin-inline: 0;
   }
-  .v-btn--stacked .v-btn__prepend,
-  .v-btn--stacked .v-btn__content > .v-icon--start {
-    margin-bottom: 4px;
-  }
-  .v-btn--stacked .v-btn__append,
-  .v-btn--stacked .v-btn__content > .v-icon--end {
-    margin-top: 4px;
-  }
   .v-btn--stacked.v-btn--size-x-small {
     --v-btn-size: 0.625rem;
     --v-btn-height: 56px;
@@ -341,21 +331,18 @@
     transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   }
   .v-btn__prepend {
-    grid-area: prepend;
     margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
   }
   .v-btn--slim .v-btn__prepend {
     margin-inline-start: 0;
   }
   .v-btn__append {
-    grid-area: append;
     margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
   }
   .v-btn--slim .v-btn__append {
     margin-inline-end: 0;
   }
   .v-btn__content {
-    grid-area: content;
     justify-content: center;
     white-space: nowrap;
   }

package/lib/components/VBtn/VBtn.sass

@@ -9,9 +9,8 @@
   .v-btn
     align-items: center
     border-radius: $button-border-radius
-    display: inline-grid
-    grid-template-areas: "prepend content append"
-    grid-template-columns: max-content auto max-content
+    display: inline-flex
+    flex-direction: row
     font-weight: $button-font-weight
     justify-content: center
     letter-spacing: $button-text-letter-spacing
@@ -117,11 +116,10 @@
         opacity: 0
 
     &--stacked
-      grid-template-areas: "prepend" "content" "append"
-      grid-template-columns: auto
-      grid-template-rows: max-content max-content max-content
-      justify-items: center
-      align-content: center
+      align-items: center
+      flex-direction: column
+      justify-content: center
+      gap: $button-stacked-gap
 
       .v-btn__content
         flex-direction: column
@@ -133,14 +131,6 @@
       .v-btn__content > .v-icon--end
         margin-inline: 0
 
-      .v-btn__prepend,
-      .v-btn__content > .v-icon--start
-        margin-bottom: $button-stacked-icon-margin
-
-      .v-btn__append,
-      .v-btn__content > .v-icon--end
-        margin-top: $button-stacked-icon-margin
-
       @at-root
         @include button-sizes($button-stacked-sizes, true)
         @include button-density('height', $button-stacked-density)
@@ -193,21 +183,18 @@
     transition: $button-content-transition
 
   .v-btn__prepend
-    grid-area: prepend
     margin-inline: $button-margin-start $button-margin-end
 
     .v-btn--slim &
       margin-inline-start: 0
 
   .v-btn__append
-    grid-area: append
     margin-inline: $button-margin-end $button-margin-start
 
     .v-btn--slim &
       margin-inline-end: 0
 
   .v-btn__content
-    grid-area: content
     justify-content: center
     white-space: $button-white-space
 

package/lib/components/VBtn/_variables.scss

@@ -27,7 +27,7 @@ $button-font-size: tools.map-deep-get(settings.$typography, 'button', 'size') !d
 $button-font-weight: tools.map-deep-get(settings.$typography, 'button', 'weight') !default;
 $button-height: 36px !default;
 $button-stacked-height: 72px !default;
-$button-stacked-icon-margin: 4px !default;
+$button-stacked-gap: 4px !default;
 $button-icon-border-radius: map.get(settings.$rounded, 'circle') !default;
 $button-icon-font-size: 1rem !default;
 $button-line-height: normal !default;

package/lib/components/VField/VField.css

@@ -1,16 +1,16 @@
 @layer vuetify.components {
   /* region INPUT */
   .v-field {
-    display: grid;
-    grid-template-areas: "prepend-inner field clear append-inner";
-    grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    gap: 6px;
     font-size: 16px;
     letter-spacing: 0.009375em;
     max-width: 100%;
     border-radius: 4px;
     contain: layout;
     flex: 1 0;
-    grid-area: control;
     position: relative;
     --v-theme-overlay-multiplier: 1;
     --v-field-padding-start: 16px;
@@ -161,7 +161,6 @@
   }
   .v-field__field {
     flex: 1 0;
-    grid-area: field;
     position: relative;
     align-items: flex-start;
     display: flex;
@@ -169,14 +168,9 @@
   /* endregion */
   /* region AFFIXES */
   .v-field__prepend-inner {
-    grid-area: prepend-inner;
     padding-inline-end: var(--v-field-padding-after);
   }
-  .v-field__clearable {
-    grid-area: clear;
-  }
   .v-field__append-inner {
-    grid-area: append-inner;
     padding-inline-start: var(--v-field-padding-after);
   }
   .v-field__append-inner,
@@ -229,7 +223,6 @@
     cursor: pointer;
     opacity: 0;
     overflow: hidden;
-    margin-inline: 4px;
     transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
     transition-property: opacity, transform, width;
   }

package/lib/components/VField/VField.sass

@@ -8,16 +8,16 @@
 @include tools.layer('components')
   /* region INPUT */
   .v-field
-    display: grid
-    grid-template-areas: "prepend-inner field clear append-inner"
-    grid-template-columns: min-content minmax(0, 1fr) min-content min-content
+    align-items: center
+    display: flex
+    flex-direction: row
+    gap: $field-gap
     font-size: $field-font-size
     letter-spacing: $field-letter-spacing
     max-width: $field-max-width
     border-radius: $field-border-radius
     contain: layout
     flex: 1 0
-    grid-area: control
     position: relative
 
     --v-theme-overlay-multiplier: 1
@@ -163,7 +163,6 @@
 
   .v-field__field
     flex: 1 0
-    grid-area: field
     position: relative
     align-items: flex-start
     display: flex
@@ -171,14 +170,9 @@
   /* endregion */
   /* region AFFIXES */
   .v-field__prepend-inner
-    grid-area: prepend-inner
     padding-inline-end: var(--v-field-padding-after)
 
-  .v-field__clearable
-    grid-area: clear
-
   .v-field__append-inner
-    grid-area: append-inner
     padding-inline-start: var(--v-field-padding-after)
 
   .v-field__append-inner,
@@ -226,7 +220,6 @@
     cursor: pointer
     opacity: 0
     overflow: hidden
-    margin-inline: $field-clearable-margin
     transition: $field-transition-timing
     transition-property: opacity, transform, width
 

package/lib/components/VField/_variables.scss

@@ -15,9 +15,9 @@ $field-max-width: 100% !default;
 $field-transition-timing: .15s settings.$standard-easing !default;
 $field-subtle-transition-timing: 250ms settings.$standard-easing !default;
 $field-underlined-margin-bottom: 4px !default;
-$field-clearable-margin: 4px !default;
 $field-clearable-transition: .15s opacity, .15s width settings.$standard-easing !default;
 $field-chip-height: 24px !default;
+$field-gap: 6px !default;
 
 // CONTROL
 $field-control-solo-background: rgb(var(--v-theme-surface)) !default;

package/lib/entry-bundler.js

@@ -16,7 +16,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.8.1-next.2025-04-15";
+export const version = "3.8.1-next.2025-04-18";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.js";

package/lib/framework.d.ts

@@ -2572,42 +2572,42 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VApp: typeof import('vuetify/components')['VApp']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
-    VApp: typeof import('vuetify/components')['VApp']
-    VBadge: typeof import('vuetify/components')['VBadge']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VAvatar: typeof import('vuetify/components')['VAvatar']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
-    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
-    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
-    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
+    VBadge: typeof import('vuetify/components')['VBadge']
     VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VBtn: typeof import('vuetify/components')['VBtn']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
+    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
+    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
-    VChip: typeof import('vuetify/components')['VChip']
+    VBtn: typeof import('vuetify/components')['VBtn']
     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']
-    VCode: typeof import('vuetify/components')['VCode']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
-    VDialog: typeof import('vuetify/components')['VDialog']
+    VDivider: typeof import('vuetify/components')['VDivider']
+    VCode: typeof import('vuetify/components')['VCode']
+    VChip: typeof import('vuetify/components')['VChip']
     VDataTable: typeof import('vuetify/components')['VDataTable']
     VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -2615,35 +2615,36 @@ declare module 'vue' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VCounter: typeof import('vuetify/components')['VCounter']
     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']
     VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VDialog: typeof import('vuetify/components')['VDialog']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VDivider: typeof import('vuetify/components')['VDivider']
     VFab: typeof import('vuetify/components')['VFab']
-    VField: typeof import('vuetify/components')['VField']
-    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VFooter: typeof import('vuetify/components')['VFooter']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
     VImg: typeof import('vuetify/components')['VImg']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
+    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']
-    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
-    VLabel: typeof import('vuetify/components')['VLabel']
+    VInput: typeof import('vuetify/components')['VInput']
+    VKbd: typeof import('vuetify/components')['VKbd']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VInput: typeof import('vuetify/components')['VInput']
+    VLabel: typeof import('vuetify/components')['VLabel']
+    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VMenu: typeof import('vuetify/components')['VMenu']
+    VMain: typeof import('vuetify/components')['VMain']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -2653,72 +2654,71 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
-    VMain: typeof import('vuetify/components')['VMain']
-    VKbd: typeof import('vuetify/components')['VKbd']
-    VMenu: typeof import('vuetify/components')['VMenu']
-    VMessages: typeof import('vuetify/components')['VMessages']
+    VField: typeof import('vuetify/components')['VField']
+    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VPagination: typeof import('vuetify/components')['VPagination']
+    VMessages: typeof import('vuetify/components')['VMessages']
     VNumberInput: typeof import('vuetify/components')['VNumberInput']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VOverlay: typeof import('vuetify/components')['VOverlay']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
+    VPagination: typeof import('vuetify/components')['VPagination']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
+    VSelect: typeof import('vuetify/components')['VSelect']
     VRating: typeof import('vuetify/components')['VRating']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VSheet: typeof import('vuetify/components')['VSheet']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSlider: typeof import('vuetify/components')['VSlider']
     VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
-    VSelect: typeof import('vuetify/components')['VSelect']
-    VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
-    VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
     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']
-    VSlider: typeof import('vuetify/components')['VSlider']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
+    VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VSheet: typeof import('vuetify/components')['VSheet']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
     VTable: typeof import('vuetify/components')['VTable']
+    VTextField: typeof import('vuetify/components')['VTextField']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
-    VTextField: typeof import('vuetify/components')['VTextField']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
-    VTimeline: typeof import('vuetify/components')['VTimeline']
-    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
+    VTimeline: typeof import('vuetify/components')['VTimeline']
+    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
-    VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
+    VForm: typeof import('vuetify/components')['VForm']
+    VDataIterator: typeof import('vuetify/components')['VDataIterator']
     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']
+    VLazy: typeof import('vuetify/components')['VLazy']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
-    VLazy: typeof import('vuetify/components')['VLazy']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VParallax: typeof import('vuetify/components')['VParallax']
     VRadio: typeof import('vuetify/components')['VRadio']
     VResponsive: typeof import('vuetify/components')['VResponsive']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
+    VSparkline: typeof import('vuetify/components')['VSparkline']
     VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
-    VSparkline: typeof import('vuetify/components')['VSparkline']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
@@ -2744,20 +2744,20 @@ declare module 'vue' {
     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']
+    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
+    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
-    VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
-    VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
-    VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
-    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VTreeview: typeof import('vuetify/labs/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
-    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
-    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
+    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
+    VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
+    VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
+    VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
     VDateInput: typeof import('vuetify/labs/components')['VDateInput']
     VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
   }

package/lib/framework.js

@@ -109,7 +109,7 @@ export function createVuetify() {
     };
   });
 }
-export const version = "3.8.1-next.2025-04-15";
+export const version = "3.8.1-next.2025-04-18";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/lib/styles/main.css

@@ -5993,7 +5993,7 @@
     line-height: 2.6;
     letter-spacing: 0.0892857143em;
     font-family: "Roboto", sans-serif;
-    text-transform: uppercase;
+    text-transform: none;
   }
   .text-caption {
     font-size: 0.75rem;
@@ -8144,7 +8144,7 @@
       line-height: 2.6;
       letter-spacing: 0.0892857143em;
       font-family: "Roboto", sans-serif;
-      text-transform: uppercase;
+      text-transform: none;
     }
     .text-sm-caption {
       font-size: 0.75rem;
@@ -10191,7 +10191,7 @@
       line-height: 2.6;
       letter-spacing: 0.0892857143em;
       font-family: "Roboto", sans-serif;
-      text-transform: uppercase;
+      text-transform: none;
     }
     .text-md-caption {
       font-size: 0.75rem;
@@ -12238,7 +12238,7 @@
       line-height: 2.6;
       letter-spacing: 0.0892857143em;
       font-family: "Roboto", sans-serif;
-      text-transform: uppercase;
+      text-transform: none;
     }
     .text-lg-caption {
       font-size: 0.75rem;
@@ -14285,7 +14285,7 @@
       line-height: 2.6;
       letter-spacing: 0.0892857143em;
       font-family: "Roboto", sans-serif;
-      text-transform: uppercase;
+      text-transform: none;
     }
     .text-xl-caption {
       font-size: 0.75rem;
@@ -16332,7 +16332,7 @@
       line-height: 2.6;
       letter-spacing: 0.0892857143em;
       font-family: "Roboto", sans-serif;
-      text-transform: uppercase;
+      text-transform: none;
     }
     .text-xxl-caption {
       font-size: 0.75rem;

package/lib/styles/settings/_variables.scss

@@ -291,7 +291,7 @@ $typography: map-deep-merge(
       'line-height': 2.6,
       'letter-spacing': .0892857143em,
       'font-family': $body-font-family,
-      'text-transform': uppercase
+      'text-transform': none
     ),
     'caption': (
       'size': .75rem,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuetify/nightly",
   "description": "Vue Material Component Framework",
-  "version": "3.8.1-next.2025-04-15",
+  "version": "3.8.1-next.2025-04-18",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"