From 1870ae779e9a6a627f6ca607957adf7322603ab1 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Tue, 23 Apr 2024 13:57:19 -0500
Subject: [PATCH 01/10] docs(VTextField): update dense example

---
 packages/docs/src/examples/v-text-field/prop-dense.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/src/examples/v-text-field/prop-dense.vue b/packages/docs/src/examples/v-text-field/prop-dense.vue
index 69f0d70f28d..6948d662c0e 100644
--- a/packages/docs/src/examples/v-text-field/prop-dense.vue
+++ b/packages/docs/src/examples/v-text-field/prop-dense.vue
@@ -1,7 +1,7 @@
 <template>
   <v-card
     class="mx-auto"
-    color="grey-lighten-3"
+    color="surface-light"
     max-width="400"
   >
     <v-card-text>

From 1ce28790b08e6bc887cfb6bf52a8472a5041b114 Mon Sep 17 00:00:00 2001
From: SonTT19 <49301480+SonTT19@users.noreply.github.com>
Date: Wed, 24 Apr 2024 20:22:15 +0700
Subject: [PATCH 02/10] fix(VCalendar): remove background for week view mode
 (#19681)

fixes #18988
---
 packages/vuetify/src/labs/VCalendar/VCalendar.sass | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/vuetify/src/labs/VCalendar/VCalendar.sass b/packages/vuetify/src/labs/VCalendar/VCalendar.sass
index ccac7fdd29d..f8cbca76f5c 100644
--- a/packages/vuetify/src/labs/VCalendar/VCalendar.sass
+++ b/packages/vuetify/src/labs/VCalendar/VCalendar.sass
@@ -7,8 +7,6 @@
   flex-direction: column
   // https://github.com/vuetifyjs/vuetify/issues/8319
   min-height: 0
-  // Themed
-  background-color: #fff
 
 .v-calendar__container
   border-top: $calendar-line-width solid $calendar-line-color

From d2af7e0371750fcde83362404922ac330707dbd8 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Wed, 24 Apr 2024 11:09:04 -0500
Subject: [PATCH 03/10] docs(team): update team members

---
 packages/docs/src/data/team.json | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/packages/docs/src/data/team.json b/packages/docs/src/data/team.json
index 7e3f065f851..3a1279181ca 100644
--- a/packages/docs/src/data/team.json
+++ b/packages/docs/src/data/team.json
@@ -35,6 +35,22 @@
     "work": "COO @ Vuetify",
     "joined": "Nov 2019"
   },
+  "alexandriajackson": {
+    "avatar": "https://cdn.vuetifyjs.com/docs/images/team/alexandria.jpg",
+    "discord": "alexandriajackson_",
+    "focus": [
+      "vuetifyjs/*"
+    ],
+    "languages": [
+      "English"
+    ],
+    "location": "Dallas, TX, USA",
+    "name": "Alexandria Jackson",
+    "team": "company",
+    "twitter": "AlexxJackson96",
+    "work": "Marketing Coordinator @ Vuetify",
+    "joined": "Sept 2023"
+  },
   "KaelWD": {
     "discord": "kaelwd",
     "focus": [

From 2d13e368eb998b13f40feb64e687f586aecfd2cc Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Wed, 24 Apr 2024 23:03:27 -0500
Subject: [PATCH 04/10] fix(VDatePicker): stay on current month when selecting
 multiple

---
 .../vuetify/src/components/VDatePicker/VDatePicker.tsx    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx b/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx
index f8317b8a8c5..58c09d1eb7d 100644
--- a/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx
+++ b/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx
@@ -228,10 +228,10 @@ export const VDatePicker = genericComponent<new <
     }
 
     watch(model, (val, oldVal) => {
-      const before = adapter.date(wrapInArray(val)[0])
-      const after = adapter.date(wrapInArray(oldVal)[0])
-      const newMonth = adapter.getMonth(before)
-      const newYear = adapter.getYear(before)
+      const before = adapter.date(wrapInArray(oldVal)[oldVal.length - 1])
+      const after = adapter.date(wrapInArray(val)[val.length - 1])
+      const newMonth = adapter.getMonth(after)
+      const newYear = adapter.getYear(after)
 
       if (newMonth !== month.value) {
         month.value = newMonth

From 2c726a52d479c4333df832290917fd1775f7b0f1 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Thu, 25 Apr 2024 14:01:13 -0500
Subject: [PATCH 05/10] fix(VSpeedDial): remove mode designator on transition

---
 packages/vuetify/src/labs/VSpeedDial/VSpeedDial.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/vuetify/src/labs/VSpeedDial/VSpeedDial.tsx b/packages/vuetify/src/labs/VSpeedDial/VSpeedDial.tsx
index 883e0cd83de..d8ac14c8fc5 100644
--- a/packages/vuetify/src/labs/VSpeedDial/VSpeedDial.tsx
+++ b/packages/vuetify/src/labs/VSpeedDial/VSpeedDial.tsx
@@ -78,7 +78,6 @@ export const VSpeedDial = genericComponent<OverlaySlots>()({
                   appear
                   group
                   transition={ props.transition }
-                  mode="out-in"
                 >
                   { slots.default?.(slotProps) }
                 </MaybeTransition>

From a063f9495053da27b5fa06f05ad26bb2d036fab0 Mon Sep 17 00:00:00 2001
From: santarosalia <94663227+santarosalia@users.noreply.github.com>
Date: Tue, 30 Apr 2024 22:42:21 +0900
Subject: [PATCH 06/10] fix(locale): ko translations (#19687)

---
 packages/vuetify/src/locale/ko.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/vuetify/src/locale/ko.ts b/packages/vuetify/src/locale/ko.ts
index f038b7c3679..1a0782eec8a 100644
--- a/packages/vuetify/src/locale/ko.ts
+++ b/packages/vuetify/src/locale/ko.ts
@@ -57,7 +57,7 @@ export default {
   },
   calendar: {
     moreEvents: '{0} 더보기',
-    today: 'Today',
+    today: '오늘',
   },
   input: {
     clear: 'Clear {0}',
@@ -72,29 +72,29 @@ export default {
   timePicker: {
     am: '오전',
     pm: '오후',
-    title: 'Select Time',
+    title: '시간을 선택하세요.',
   },
   pagination: {
     ariaLabel: {
       root: 'Pagination Navigation',
       next: '다음 페이지',
       previous: '이전 페이지',
-      page: '고토 페이지 {0}',
+      page: '{0} 페이지로 이동',
       currentPage: '현재 페이지, 페이지 {0}',
-      first: 'First page',
-      last: 'Last page',
+      first: '첫 페이지',
+      last: '마지막 페이지',
     },
   },
   stepper: {
-    next: 'Next',
-    prev: 'Previous',
+    next: '다음',
+    prev: '이전',
   },
   rating: {
     ariaLabel: {
       item: 'Rating {0} of {1}',
     },
   },
-  loading: 'Loading...',
+  loading: '불러오는 중...',
   infiniteScroll: {
     loadMore: 'Load more',
     empty: 'No more',

From b9a588fe8a634dcd80546edf4124873e497cf494 Mon Sep 17 00:00:00 2001
From: Ken Kieu <minhcanhdn0704@gmail.com>
Date: Tue, 30 Apr 2024 06:46:07 -0700
Subject: [PATCH 07/10] fix(useDirectiveComponent): cannot read properties of
 undefined (#19693)

---
 packages/vuetify/src/composables/directiveComponent.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/vuetify/src/composables/directiveComponent.ts b/packages/vuetify/src/composables/directiveComponent.ts
index 11d1c8af9bc..1335e08a39a 100644
--- a/packages/vuetify/src/composables/directiveComponent.ts
+++ b/packages/vuetify/src/composables/directiveComponent.ts
@@ -25,7 +25,7 @@ export const useDirectiveComponent = (
       const { value } = binding
 
       // Get the children from the props or directive value, or the element's children
-      const children = props.text || value.text || el.innerHTML
+      const children = props?.text || value?.text || el.innerHTML
 
       // If vnode.ctx is the same as the instance, then we're bound to a plain element
       // and need to find the nearest parent component instance to inherit provides from
@@ -33,7 +33,7 @@ export const useDirectiveComponent = (
         ? findComponentParent(vnode, binding.instance!.$)?.provides
         : vnode.ctx?.provides) ?? binding.instance!.$.provides
 
-      const node = h(concreteComponent, mergeProps(props, value), children)
+      const node = h(concreteComponent, mergeProps(props, value), { default: () => children })
       node.appContext = Object.assign(
         Object.create(null),
         (binding.instance as ComponentPublicInstance).$.appContext,

From 9504efad850198bdf6062b02db12879b4bf125f2 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Tue, 30 Apr 2024 09:18:43 -0500
Subject: [PATCH 08/10] fix(VSnackbar): conditionally load layout styles

closes #19717
---
 .../src/components/VSnackbar/VSnackbar.tsx        | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx b/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx
index 8192bf0e2e3..a96e7a72f28 100644
--- a/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx
+++ b/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx
@@ -10,16 +10,18 @@ import { VProgressLinear } from '@/components/VProgressLinear'
 // Composables
 import { useLayout } from '@/composables'
 import { forwardRefs } from '@/composables/forwardRefs'
+import { VuetifyLayoutKey } from '@/composables/layout'
 import { makeLocationProps } from '@/composables/location'
 import { makePositionProps, usePosition } from '@/composables/position'
 import { useProxiedModel } from '@/composables/proxiedModel'
 import { makeRoundedProps, useRounded } from '@/composables/rounded'
 import { useScopeId } from '@/composables/scopeId'
 import { makeThemeProps, provideTheme } from '@/composables/theme'
+import { useToggleScope } from '@/composables/toggleScope'
 import { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'
 
 // Utilities
-import { computed, mergeProps, nextTick, onMounted, onScopeDispose, ref, shallowRef, watch } from 'vue'
+import { computed, inject, mergeProps, nextTick, onMounted, onScopeDispose, ref, shallowRef, watch, watchEffect } from 'vue'
 import { genericComponent, omit, propsFactory, refElement, useRender } from '@/util'
 
 type VSnackbarSlots = {
@@ -96,7 +98,6 @@ export const VSnackbar = genericComponent<VSnackbarSlots>()({
 
   setup (props, { slots }) {
     const isActive = useProxiedModel(props, 'modelValue')
-    const { mainStyles } = useLayout()
     const { positionClasses } = usePosition(props)
     const { scopeId } = useScopeId()
     const { themeClasses } = provideTheme(props)
@@ -108,6 +109,16 @@ export const VSnackbar = genericComponent<VSnackbarSlots>()({
     const timerRef = ref<VProgressLinear>()
     const isHovering = shallowRef(false)
     const startY = shallowRef(0)
+    const mainStyles = ref()
+    const hasLayout = inject(VuetifyLayoutKey, undefined)
+
+    useToggleScope(() => !!hasLayout, () => {
+      const layout = useLayout()
+
+      watchEffect(() => {
+        mainStyles.value = layout.mainStyles.value
+      })
+    })
 
     watch(isActive, startTimeout)
     watch(() => props.timeout, startTimeout)

From 24d1066408d58479422bec9fd2bd94c7b578b82b Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Tue, 30 Apr 2024 09:20:39 -0500
Subject: [PATCH 09/10] fix(VSnackbar): make touchstart listener passive

---
 packages/vuetify/src/components/VSnackbar/VSnackbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx b/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx
index a96e7a72f28..562c041eedf 100644
--- a/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx
+++ b/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx
@@ -221,7 +221,7 @@ export const VSnackbar = genericComponent<VSnackbarSlots>()({
           scrim={ false }
           scrollStrategy="none"
           _disableGlobalStack
-          onTouchstart={ onTouchstart }
+          onTouchstartPassive={ onTouchstart }
           onTouchend={ onTouchend }
           { ...scopeId }
           v-slots={{ activator: slots.activator }}

From 3a90a91d8b26fd4d4228b73a48800639479ccc64 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Tue, 30 Apr 2024 09:37:23 -0500
Subject: [PATCH 10/10] chore(release): publish v3.5.18

---
 lerna.json                          | 2 +-
 packages/api-generator/package.json | 4 ++--
 packages/docs/package.json          | 6 +++---
 packages/vuetify/package.json       | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/lerna.json b/lerna.json
index b3ae1a6e7b6..1bb7e51f0b8 100644
--- a/lerna.json
+++ b/lerna.json
@@ -13,6 +13,6 @@
     }
   },
   "npmClient": "yarn",
-  "version": "3.5.17",
+  "version": "3.5.18",
   "useWorkspaces": true
 }
diff --git a/packages/api-generator/package.json b/packages/api-generator/package.json
index 8e47c036e75..e74b586eeb0 100755
--- a/packages/api-generator/package.json
+++ b/packages/api-generator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/api-generator",
-  "version": "3.5.17",
+  "version": "3.5.18",
   "private": true,
   "description": "",
   "scripts": {
@@ -17,7 +17,7 @@
     "ts-morph": "^22.0.0",
     "tsx": "^4.7.2",
     "vue": "^3.4.21",
-    "vuetify": "^3.5.17"
+    "vuetify": "^3.5.18"
   },
   "devDependencies": {
     "@types/stringify-object": "^4.0.5"
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 57d655cad2d..261ccd34304 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -3,7 +3,7 @@
   "description": "A Vue.js project",
   "private": true,
   "author": "John Leider <john@vuetifyjs.com>",
-  "version": "3.5.17",
+  "version": "3.5.18",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuetifyjs/vuetify.git",
@@ -38,7 +38,7 @@
     "vue-i18n": "^9.11.0",
     "vue-instantsearch": "^4.15.0",
     "vue-prism-component": "^2.0.0",
-    "vuetify": "^3.5.17"
+    "vuetify": "^3.5.18"
   },
   "devDependencies": {
     "@emailjs/browser": "^4.3.3",
@@ -50,7 +50,7 @@
     "@vitejs/plugin-basic-ssl": "^1.1.0",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/compiler-sfc": "^3.4.21",
-    "@vuetify/api-generator": "^3.5.17",
+    "@vuetify/api-generator": "^3.5.18",
     "ajv": "^8.12.0",
     "async-es": "^3.2.5",
     "date-fns": "^3.6.0",
diff --git a/packages/vuetify/package.json b/packages/vuetify/package.json
index 712dd6e32c9..ca0e5ece7d0 100755
--- a/packages/vuetify/package.json
+++ b/packages/vuetify/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vuetify",
   "description": "Vue Material Component Framework",
-  "version": "3.5.17",
+  "version": "3.5.18",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"