From f7f316fa1bba5303ca59d4d7261e06ca7274ad75 Mon Sep 17 00:00:00 2001
From: Zavier Miller <zavierjmiller@gmail.com>
Date: Sat, 12 Oct 2024 15:28:07 -0500
Subject: [PATCH 01/16] fix(VListItem): fix avatar-badge spacing

fixes #20573
---
 .../src/components/VList/VListItem.sass       | 26 ++++++++++++-------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/packages/vuetify/src/components/VList/VListItem.sass b/packages/vuetify/src/components/VList/VListItem.sass
index 3dfb6b0b782..da3aaba712c 100644
--- a/packages/vuetify/src/components/VList/VListItem.sass
+++ b/packages/vuetify/src/components/VList/VListItem.sass
@@ -80,11 +80,11 @@
       ~ .v-list-item__spacer
         width: $list-item-icon-margin-start
 
-    > .v-avatar ~ .v-list-item__spacer
-      width: $list-item-avatar-margin-start
+    > .v-avatar,
+    > .v-badge:has(.v-avatar)
+      ~ .v-list-item__spacer
+        width: $list-item-avatar-margin-start
 
-    > .v-list-item-action ~ .v-list-item__spacer
-      width: $list-item-action-spacer-width
 
     .v-list-item--slim &
       > .v-badge,
@@ -93,8 +93,10 @@
         ~ .v-list-item__spacer
           width: $list-item-slim-spacer-width
 
-      > .v-avatar ~ .v-list-item__spacer
-        width: $list-item-slim-avatar-spacer-width
+      > .v-avatar,
+      > .v-badge:has(.v-avatar)
+        ~ .v-list-item__spacer
+          width: $list-item-slim-avatar-spacer-width
 
       > .v-list-item-action ~ .v-list-item__spacer
         width: $list-item-slim-action-spacer-width
@@ -118,8 +120,10 @@
       ~ .v-list-item__spacer
         width: $list-item-icon-margin-end
 
-    > .v-avatar ~ .v-list-item__spacer
-      width: $list-item-avatar-margin-end
+    > .v-avatar,
+    > .v-badge:has(.v-avatar)
+      ~ .v-list-item__spacer
+        width: $list-item-avatar-margin-end
 
     > .v-list-item-action ~ .v-list-item__spacer
       width: $list-item-action-spacer-width
@@ -131,8 +135,10 @@
         ~ .v-list-item__spacer
           width: $list-item-slim-spacer-width
 
-      > .v-avatar ~ .v-list-item__spacer
-        width: $list-item-slim-avatar-spacer-width
+      > .v-avatar,
+      > .v-badge:has(.v-avatar)
+        ~ .v-list-item__spacer
+          width: $list-item-slim-avatar-spacer-width
 
       > .v-list-item-action ~ .v-list-item__spacer
         width: $list-item-slim-action-spacer-width

From 499f632c44ba1e10b0d26e146ed6e63f04fbde3d Mon Sep 17 00:00:00 2001
From: Kael <kaelwd@gmail.com>
Date: Mon, 14 Oct 2024 23:05:26 +1100
Subject: [PATCH 02/16] docs: make the service worker optional, improve
 precache logic (#20425)

---
 docker-compose.yml                            |   8 +
 packages/docs/auto-imports.d.ts               |  22 ++
 packages/docs/components.d.ts                 |   1 +
 .../src/components/app/bar/SettingsToggle.vue |  17 ++
 .../components/app/settings/DeveloperMode.vue |  36 ++-
 .../src/components/app/settings/Drawer.vue    |   7 +-
 .../src/components/app/settings/Options.vue   |  14 +-
 .../app/settings/SettingsHeader.vue           |  11 +-
 .../app/settings/options/AdOption.vue         |  29 ++-
 .../app/settings/options/ApiOption.vue        |  29 ++-
 .../app/settings/options/CodeOption.vue       |  29 ++-
 .../app/settings/options/OfflineOption.vue    |  67 ++++++
 .../app/settings/options/PinOption.vue        |  44 ++--
 .../settings/options/SlashSearchOption.vue    |  23 +-
 packages/docs/src/i18n/messages/en.json       |  14 +-
 packages/docs/src/plugins/pwa.ts              |  25 +-
 packages/docs/src/plugins/vuetify.ts          |   1 +
 packages/docs/src/service-worker.js           | 220 +++---------------
 packages/docs/src/shims.d.ts                  |   2 +
 packages/docs/src/stores/pwa.ts               |  61 +++++
 packages/docs/src/utils/pwa.ts                |  97 ++++++++
 packages/docs/tsconfig.json                   |   1 +
 packages/docs/vite.config.mts                 |   7 +-
 23 files changed, 445 insertions(+), 320 deletions(-)
 create mode 100644 docker-compose.yml
 create mode 100644 packages/docs/src/components/app/settings/options/OfflineOption.vue
 create mode 100644 packages/docs/src/stores/pwa.ts
 create mode 100644 packages/docs/src/utils/pwa.ts

diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 00000000000..3aa0fd8b8b7
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,8 @@
+services:
+  docs:
+    image: nginx:alpine
+    ports:
+      - ${PORT:-8095}:80
+    volumes:
+      - ./packages/docs/dist:/usr/share/nginx/html
+      - ./packages/docs/build/nginx.conf:/etc/nginx/nginx.conf
diff --git a/packages/docs/auto-imports.d.ts b/packages/docs/auto-imports.d.ts
index b41ec364536..e6b6cfa4212 100644
--- a/packages/docs/auto-imports.d.ts
+++ b/packages/docs/auto-imports.d.ts
@@ -14,13 +14,16 @@ declare global {
   const PropType: typeof import('vue')['PropType']
   const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
   const anyLanguagePattern: typeof import('./src/utils/routes')['anyLanguagePattern']
+  const cacheManifestEntries: typeof import('./src/utils/pwa')['cacheManifestEntries']
   const camelCase: typeof import('lodash-es')['camelCase']
   const camelize: typeof import('vue')['camelize']
+  const cleanCache: typeof import('./src/utils/pwa')['cleanCache']
   const computed: typeof import('vue')['computed']
   const configureMarkdown: typeof import('./src/utils/markdown-it')['configureMarkdown']
   const copyElementContent: typeof import('./src/utils/helpers')['copyElementContent']
   const createAdProps: typeof import('./src/composables/ad')['createAdProps']
   const createApp: typeof import('vue')['createApp']
+  const createCacheKey: typeof import('./src/utils/pwa')['createCacheKey']
   const createOne: typeof import('@vuetify/one')['createOne']
   const createPinia: typeof import('pinia')['createPinia']
   const customRef: typeof import('vue')['customRef']
@@ -29,12 +32,14 @@ declare global {
   const defineStore: typeof import('pinia')['defineStore']
   const disabledLanguagePattern: typeof import('./src/utils/routes')['disabledLanguagePattern']
   const effectScope: typeof import('vue')['effectScope']
+  const ensureCacheableResponse: typeof import('./src/utils/pwa')['ensureCacheableResponse']
   const eventName: typeof import('./src/utils/helpers')['eventName']
   const genAppMetaInfo: typeof import('./src/utils/metadata')['genAppMetaInfo']
   const genMetaInfo: typeof import('./src/utils/metadata')['genMetaInfo']
   const generatedRoutes: typeof import('./src/utils/routes')['generatedRoutes']
   const getActivePinia: typeof import('pinia')['getActivePinia']
   const getBranch: typeof import('./src/utils/helpers')['getBranch']
+  const getCacheKeyForUrl: typeof import('./src/utils/pwa')['getCacheKeyForUrl']
   const getCurrentInstance: typeof import('vue')['getCurrentInstance']
   const getCurrentScope: typeof import('vue')['getCurrentScope']
   const getDistance: typeof import('./src/utils/helpers')['getDistance']
@@ -58,7 +63,9 @@ declare global {
   const mapWritableState: typeof import('pinia')['mapWritableState']
   const markRaw: typeof import('vue')['markRaw']
   const markdownItRules: typeof import('./src/utils/markdown-it-rules')['default']
+  const matchPrecache: typeof import('./src/utils/pwa')['matchPrecache']
   const mergeProps: typeof import('vue')['mergeProps']
+  const messageSW: typeof import('./src/utils/pwa')['messageSW']
   const nextTick: typeof import('vue')['nextTick']
   const onActivated: typeof import('vue')['onActivated']
   const onBeforeMount: typeof import('vue')['onBeforeMount']
@@ -76,9 +83,11 @@ declare global {
   const onServerPrefetch: typeof import('vue')['onServerPrefetch']
   const onUnmounted: typeof import('vue')['onUnmounted']
   const onUpdated: typeof import('vue')['onUpdated']
+  const openCache: typeof import('./src/utils/pwa')['openCache']
   const preferredLocale: typeof import('./src/utils/routes')['preferredLocale']
   const propsToString: typeof import('./src/utils/helpers')['propsToString']
   const provide: typeof import('vue')['provide']
+  const pwaStore: typeof import('./src/stores/pwa')['pwaStore']
   const reactive: typeof import('vue')['reactive']
   const readonly: typeof import('vue')['readonly']
   const redirectRoutes: typeof import('./src/utils/routes')['redirectRoutes']
@@ -125,6 +134,7 @@ declare global {
   const usePlayground: typeof import('./src/composables/playground')['usePlayground']
   const useProductsStore: typeof import('@vuetify/one')['useProductsStore']
   const usePromotionsStore: typeof import('./src/stores/promotions')['usePromotionsStore']
+  const usePwaStore: typeof import('./src/stores/pwa')['usePwaStore']
   const useQueueStore: typeof import('@vuetify/one')['useQueueStore']
   const useReleasesStore: typeof import('./src/stores/releases')['useReleasesStore']
   const useRoute: typeof import('vue-router')['useRoute']
@@ -164,8 +174,10 @@ declare module 'vue' {
     readonly IS_SERVER: UnwrapRef<typeof import('./src/utils/globals')['IS_SERVER']>
     readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
     readonly anyLanguagePattern: UnwrapRef<typeof import('./src/utils/routes')['anyLanguagePattern']>
+    readonly cacheManifestEntries: UnwrapRef<typeof import('./src/utils/pwa')['cacheManifestEntries']>
     readonly camelCase: UnwrapRef<typeof import('lodash-es')['camelCase']>
     readonly camelize: UnwrapRef<typeof import('vue')['camelize']>
+    readonly cleanCache: UnwrapRef<typeof import('./src/utils/pwa')['cleanCache']>
     readonly computed: UnwrapRef<typeof import('vue')['computed']>
     readonly configureMarkdown: UnwrapRef<typeof import('./src/utils/markdown-it')['configureMarkdown']>
     readonly copyElementContent: UnwrapRef<typeof import('./src/utils/helpers')['copyElementContent']>
@@ -179,6 +191,7 @@ declare module 'vue' {
     readonly defineStore: UnwrapRef<typeof import('pinia')['defineStore']>
     readonly disabledLanguagePattern: UnwrapRef<typeof import('./src/utils/routes')['disabledLanguagePattern']>
     readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
+    readonly ensureCacheableResponse: UnwrapRef<typeof import('./src/utils/pwa')['ensureCacheableResponse']>
     readonly eventName: UnwrapRef<typeof import('./src/utils/helpers')['eventName']>
     readonly genAppMetaInfo: UnwrapRef<typeof import('./src/utils/metadata')['genAppMetaInfo']>
     readonly genMetaInfo: UnwrapRef<typeof import('./src/utils/metadata')['genMetaInfo']>
@@ -209,6 +222,7 @@ declare module 'vue' {
     readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
     readonly markdownItRules: UnwrapRef<typeof import('./src/utils/markdown-it-rules')['default']>
     readonly mergeProps: UnwrapRef<typeof import('vue')['mergeProps']>
+    readonly messageSW: UnwrapRef<typeof import('./src/utils/pwa')['messageSW']>
     readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
     readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
     readonly onBeforeMount: UnwrapRef<typeof import('vue')['onBeforeMount']>
@@ -225,6 +239,7 @@ declare module 'vue' {
     readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
     readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
     readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
+    readonly openCache: UnwrapRef<typeof import('./src/utils/pwa')['openCache']>
     readonly preferredLocale: UnwrapRef<typeof import('./src/utils/routes')['preferredLocale']>
     readonly propsToString: UnwrapRef<typeof import('./src/utils/helpers')['propsToString']>
     readonly provide: UnwrapRef<typeof import('vue')['provide']>
@@ -274,6 +289,7 @@ declare module 'vue' {
     readonly usePlayground: UnwrapRef<typeof import('./src/composables/playground')['usePlayground']>
     readonly useProductsStore: UnwrapRef<typeof import('@vuetify/one')['useProductsStore']>
     readonly usePromotionsStore: UnwrapRef<typeof import('./src/stores/promotions')['usePromotionsStore']>
+    readonly usePwaStore: UnwrapRef<typeof import('./src/stores/pwa')['usePwaStore']>
     readonly useQueueStore: UnwrapRef<typeof import('@vuetify/one')['useQueueStore']>
     readonly useReleasesStore: UnwrapRef<typeof import('./src/stores/releases')['useReleasesStore']>
     readonly useRoute: UnwrapRef<typeof import('vue-router')['useRoute']>
@@ -306,8 +322,10 @@ declare module '@vue/runtime-core' {
     readonly IS_SERVER: UnwrapRef<typeof import('./src/utils/globals')['IS_SERVER']>
     readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
     readonly anyLanguagePattern: UnwrapRef<typeof import('./src/utils/routes')['anyLanguagePattern']>
+    readonly cacheManifestEntries: UnwrapRef<typeof import('./src/utils/pwa')['cacheManifestEntries']>
     readonly camelCase: UnwrapRef<typeof import('lodash-es')['camelCase']>
     readonly camelize: UnwrapRef<typeof import('vue')['camelize']>
+    readonly cleanCache: UnwrapRef<typeof import('./src/utils/pwa')['cleanCache']>
     readonly computed: UnwrapRef<typeof import('vue')['computed']>
     readonly configureMarkdown: UnwrapRef<typeof import('./src/utils/markdown-it')['configureMarkdown']>
     readonly copyElementContent: UnwrapRef<typeof import('./src/utils/helpers')['copyElementContent']>
@@ -321,6 +339,7 @@ declare module '@vue/runtime-core' {
     readonly defineStore: UnwrapRef<typeof import('pinia')['defineStore']>
     readonly disabledLanguagePattern: UnwrapRef<typeof import('./src/utils/routes')['disabledLanguagePattern']>
     readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
+    readonly ensureCacheableResponse: UnwrapRef<typeof import('./src/utils/pwa')['ensureCacheableResponse']>
     readonly eventName: UnwrapRef<typeof import('./src/utils/helpers')['eventName']>
     readonly genAppMetaInfo: UnwrapRef<typeof import('./src/utils/metadata')['genAppMetaInfo']>
     readonly genMetaInfo: UnwrapRef<typeof import('./src/utils/metadata')['genMetaInfo']>
@@ -351,6 +370,7 @@ declare module '@vue/runtime-core' {
     readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
     readonly markdownItRules: UnwrapRef<typeof import('./src/utils/markdown-it-rules')['default']>
     readonly mergeProps: UnwrapRef<typeof import('vue')['mergeProps']>
+    readonly messageSW: UnwrapRef<typeof import('./src/utils/pwa')['messageSW']>
     readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
     readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
     readonly onBeforeMount: UnwrapRef<typeof import('vue')['onBeforeMount']>
@@ -367,6 +387,7 @@ declare module '@vue/runtime-core' {
     readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
     readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
     readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
+    readonly openCache: UnwrapRef<typeof import('./src/utils/pwa')['openCache']>
     readonly preferredLocale: UnwrapRef<typeof import('./src/utils/routes')['preferredLocale']>
     readonly propsToString: UnwrapRef<typeof import('./src/utils/helpers')['propsToString']>
     readonly provide: UnwrapRef<typeof import('vue')['provide']>
@@ -416,6 +437,7 @@ declare module '@vue/runtime-core' {
     readonly usePlayground: UnwrapRef<typeof import('./src/composables/playground')['usePlayground']>
     readonly useProductsStore: UnwrapRef<typeof import('@vuetify/one')['useProductsStore']>
     readonly usePromotionsStore: UnwrapRef<typeof import('./src/stores/promotions')['usePromotionsStore']>
+    readonly usePwaStore: UnwrapRef<typeof import('./src/stores/pwa')['usePwaStore']>
     readonly useQueueStore: UnwrapRef<typeof import('@vuetify/one')['useQueueStore']>
     readonly useReleasesStore: UnwrapRef<typeof import('./src/stores/releases')['useReleasesStore']>
     readonly useRoute: UnwrapRef<typeof import('vue-router')['useRoute']>
diff --git a/packages/docs/components.d.ts b/packages/docs/components.d.ts
index 3d6c948e850..421ea1bea37 100644
--- a/packages/docs/components.d.ts
+++ b/packages/docs/components.d.ts
@@ -76,6 +76,7 @@ declare module 'vue' {
     AppSettingsOptionsBannerOption: typeof import('./src/components/app/settings/options/BannerOption.vue')['default']
     AppSettingsOptionsCodeOption: typeof import('./src/components/app/settings/options/CodeOption.vue')['default']
     AppSettingsOptionsNotificationsOption: typeof import('./src/components/app/settings/options/NotificationsOption.vue')['default']
+    AppSettingsOptionsOfflineOption: typeof import('./src/components/app/settings/options/OfflineOption.vue')['default']
     AppSettingsOptionsPinOption: typeof import('./src/components/app/settings/options/PinOption.vue')['default']
     AppSettingsOptionsQuickbarOption: typeof import('./src/components/app/settings/options/QuickbarOption.vue')['default']
     AppSettingsOptionsRailDrawerOption: typeof import('./src/components/app/settings/options/RailDrawerOption.vue')['default']
diff --git a/packages/docs/src/components/app/bar/SettingsToggle.vue b/packages/docs/src/components/app/bar/SettingsToggle.vue
index a181f2a0ea7..f5a4f486a78 100644
--- a/packages/docs/src/components/app/bar/SettingsToggle.vue
+++ b/packages/docs/src/components/app/bar/SettingsToggle.vue
@@ -1,5 +1,21 @@
 <template>
+  <v-progress-circular
+    v-if="pwa.availableOffline && pwa.isUpdating"
+    :model-value="pwa.progress / pwa.progressTotal * 100"
+    class="me-n2"
+    color="primary"
+    size="42"
+    width="1"
+  >
+    <AppBtn
+      id="settings-toggle"
+      :icon="app.settings ? 'mdi-cog' : 'mdi-cog-outline'"
+      color="medium-emphasis"
+      @click="onClick"
+    />
+  </v-progress-circular>
   <AppBtn
+    v-else
     id="settings-toggle"
     :icon="app.settings ? 'mdi-cog' : 'mdi-cog-outline'"
     class="me-n2"
@@ -12,6 +28,7 @@
 
 <script setup>
   const app = useAppStore()
+  const pwa = usePwaStore()
   const { name } = useRoute()
 
   function onClick () {
diff --git a/packages/docs/src/components/app/settings/DeveloperMode.vue b/packages/docs/src/components/app/settings/DeveloperMode.vue
index 31885eddefa..2014f5675b5 100644
--- a/packages/docs/src/components/app/settings/DeveloperMode.vue
+++ b/packages/docs/src/components/app/settings/DeveloperMode.vue
@@ -1,29 +1,21 @@
 <template>
-  <v-defaults-provider
-    :defaults="{
-      VIcon: {
-        color: user.dev ? 'error' : 'disabled'
-      }
-    }"
-  >
-    <v-switch
-      v-model="user.dev"
-      :messages="t('developer-mode-message')"
-      class="ps-1"
-      color="error"
-      density="comfortable"
-      false-icon="$close"
-      true-icon="mdi-check"
-      inset
+  <AppSettingsSettingsHeader text="developer-mode-message" title="developer-mode">
+    <v-defaults-provider
+      :defaults="{
+        VIcon: {
+          color: user.dev ? 'error' : 'disabled'
+        }
+      }"
     >
-      <template #label>
-        <div v-text="t('developer-mode')" />
-      </template>
-    </v-switch>
-  </v-defaults-provider>
+      <SettingsSwitch
+        v-model="user.dev"
+        base-color="error"
+        color="error"
+      />
+    </v-defaults-provider>
+  </AppSettingsSettingsHeader>
 </template>
 
 <script setup>
-  const { t } = useI18n()
   const user = useUserStore()
 </script>
diff --git a/packages/docs/src/components/app/settings/Drawer.vue b/packages/docs/src/components/app/settings/Drawer.vue
index 4f627ddf151..fa5c2d33c84 100644
--- a/packages/docs/src/components/app/settings/Drawer.vue
+++ b/packages/docs/src/components/app/settings/Drawer.vue
@@ -8,7 +8,7 @@
     temporary
     touchless
   >
-    <v-toolbar :title="t('settings')" flat>
+    <v-toolbar :title="t('settings.header')" flat>
       <template #append>
         <v-btn
           icon="mdi-close"
@@ -22,10 +22,6 @@
 
     <v-container class="px-3 py-3">
       <AppSettingsOptions />
-
-      <AppSettingsOptionsAdOption v-if="one.isSubscriber" />
-
-      <AppSettingsDeveloperMode />
     </v-container>
 
     <template #append>
@@ -36,7 +32,6 @@
 
 <script setup>
   const app = useAppStore()
-  const one = useOneStore()
 
   const { t } = useI18n()
   const { isRtl } = useRtl()
diff --git a/packages/docs/src/components/app/settings/Options.vue b/packages/docs/src/components/app/settings/Options.vue
index f5e429c8f1c..6e3bb2c4d16 100644
--- a/packages/docs/src/components/app/settings/Options.vue
+++ b/packages/docs/src/components/app/settings/Options.vue
@@ -7,12 +7,10 @@
 
     <AppSettingsOptionsThemeOption />
 
+    <AppSettingsOptionsOfflineOption />
+
     <v-divider class="mt-4 mb-3" />
 
-    <AppSettingsSettingsHeader
-      text="general-message"
-      title="general"
-    />
     <AppSettingsOptionsPinOption />
 
     <AppSettingsOptionsCodeOption />
@@ -20,5 +18,13 @@
     <AppSettingsOptionsApiOption />
 
     <AppSettingsOptionsSlashSearchOption />
+
+    <AppSettingsOptionsAdOption v-if="one.isSubscriber" />
+
+    <AppSettingsDeveloperMode />
   </div>
 </template>
+
+<script setup lang="ts">
+  const one = useOneStore()
+</script>
diff --git a/packages/docs/src/components/app/settings/SettingsHeader.vue b/packages/docs/src/components/app/settings/SettingsHeader.vue
index eea01e80774..1f8b1307d61 100644
--- a/packages/docs/src/components/app/settings/SettingsHeader.vue
+++ b/packages/docs/src/components/app/settings/SettingsHeader.vue
@@ -1,8 +1,13 @@
 <template>
-  <div class="mb-3">
-    <v-label :text="t(title)" class="mb-2 font-weight-medium" />
+  <div class="d-flex mb-3 w-100">
+    <div class="flex-1-1-0">
+      <v-label :text="t(title)" class="mb-1 font-weight-medium">
+        <slot name="title" />
+      </v-label>
+      <v-messages :messages="t(text)" active />
+    </div>
 
-    <v-messages :messages="t(text)" active />
+    <slot />
   </div>
 </template>
 
diff --git a/packages/docs/src/components/app/settings/options/AdOption.vue b/packages/docs/src/components/app/settings/options/AdOption.vue
index 3fc7127a981..2ee0e151992 100644
--- a/packages/docs/src/components/app/settings/options/AdOption.vue
+++ b/packages/docs/src/components/app/settings/options/AdOption.vue
@@ -1,23 +1,20 @@
 <template>
-  <v-defaults-provider
-    :defaults="{
-      VIcon: {
-        color: user.disableAds && one.isSubscriber ? 'primary' : 'disabled'
-      }
-    }"
-  >
-    <SettingsSwitch
-      v-model="user.disableAds"
-      :disabled="!one.isSubscriber"
-      :label="t('dashboard.perks.disable-ads')"
-      :messages="t('dashboard.perks.disable-ads-message')"
-      :readonly="!one.isSubscriber"
-    />
-  </v-defaults-provider>
+  <AppSettingsSettingsHeader text="dashboard.perks.disable-ads-message" title="dashboard.perks.disable-ads">
+    <v-defaults-provider
+      :defaults="{
+        VIcon: { color: user.disableAds && one.isSubscriber ? 'primary' : 'disabled' }
+      }"
+    >
+      <SettingsSwitch
+        v-model="user.disableAds"
+        :disabled="!one.isSubscriber"
+        :readonly="!one.isSubscriber"
+      />
+    </v-defaults-provider>
+  </AppSettingsSettingsHeader>
 </template>
 
 <script setup>
-  const { t } = useI18n()
   const one = useOneStore()
   const user = useUserStore()
 </script>
diff --git a/packages/docs/src/components/app/settings/options/ApiOption.vue b/packages/docs/src/components/app/settings/options/ApiOption.vue
index 3a5e9f92f09..d1c065c8d93 100644
--- a/packages/docs/src/components/app/settings/options/ApiOption.vue
+++ b/packages/docs/src/components/app/settings/options/ApiOption.vue
@@ -1,22 +1,19 @@
 <template>
-  <v-defaults-provider
-    :defaults="{
-      VIcon: {
-        color: user.api === 'inline' ? 'primary' : 'disabled'
-      }
-    }"
-  >
-    <SettingsSwitch
-      v-model="user.api"
-      :label="t('enable-inline-api')"
-      :messages="t('enable-inline-api-message')"
-      false-value="link-only"
-      true-value="inline"
-    />
-  </v-defaults-provider>
+  <AppSettingsSettingsHeader text="enable-inline-api-message" title="enable-inline-api">
+    <v-defaults-provider
+      :defaults="{
+        VIcon: { color: user.api === 'inline' ? 'primary' : 'disabled' }
+      }"
+    >
+      <SettingsSwitch
+        v-model="user.api"
+        false-value="link-only"
+        true-value="inline"
+      />
+    </v-defaults-provider>
+  </AppSettingsSettingsHeader>
 </template>
 
 <script setup>
-  const { t } = useI18n()
   const user = useUserStore()
 </script>
diff --git a/packages/docs/src/components/app/settings/options/CodeOption.vue b/packages/docs/src/components/app/settings/options/CodeOption.vue
index 184ebb4b8d5..54a1bed9743 100644
--- a/packages/docs/src/components/app/settings/options/CodeOption.vue
+++ b/packages/docs/src/components/app/settings/options/CodeOption.vue
@@ -1,22 +1,19 @@
 <template>
-  <v-defaults-provider
-    :defaults="{
-      VIcon: {
-        color: user.composition === 'composition' ? 'primary' : 'disabled'
-      }
-    }"
-  >
-    <SettingsSwitch
-      v-model="user.composition"
-      :label="t('enable-composition')"
-      :messages="t('enable-composition-message')"
-      false-value="options"
-      true-value="composition"
-    />
-  </v-defaults-provider>
+  <AppSettingsSettingsHeader text="enable-composition-message" title="enable-composition">
+    <v-defaults-provider
+      :defaults="{
+        VIcon: { color: user.composition === 'composition' ? 'primary' : 'disabled' }
+      }"
+    >
+      <SettingsSwitch
+        v-model="user.composition"
+        false-value="options"
+        true-value="composition"
+      />
+    </v-defaults-provider>
+  </AppSettingsSettingsHeader>
 </template>
 
 <script setup>
-  const { t } = useI18n()
   const user = useUserStore()
 </script>
diff --git a/packages/docs/src/components/app/settings/options/OfflineOption.vue b/packages/docs/src/components/app/settings/options/OfflineOption.vue
new file mode 100644
index 00000000000..1c044bc0a56
--- /dev/null
+++ b/packages/docs/src/components/app/settings/options/OfflineOption.vue
@@ -0,0 +1,67 @@
+<template>
+  <v-divider class="mt-4 mb-3" />
+
+  <AppSettingsSettingsHeader
+    :text="
+      store.isOffline ? 'settings.offline.offline-message'
+      : store.availableOffline ? 'settings.offline.active-message'
+        : 'settings.offline.message'"
+    title="settings.offline.header"
+  >
+    <SettingsSwitch
+      v-model="store.availableOffline"
+      class="flex-0-0-auto ms-auto"
+    />
+  </AppSettingsSettingsHeader>
+
+  <v-progress-linear
+    v-slot="{ value }"
+    :active="store.isUpdating"
+    :max="store.progressTotal"
+    :model-value="store.progress"
+    color="primary"
+    height="18"
+    rounded="pill"
+    rounded-bar
+  >
+    <div
+      :style="{
+        width: '100%',
+        display: 'grid',
+        gridTemplateAreas: `'a'`,
+        textAlign: 'center',
+        '--progress': `calc(${ value } * 1%)`,
+      }"
+    >
+      <div
+        class="on-primary"
+        style="grid-area: a; clip-path: inset(0 calc(100% - var(--progress)) 0 0 round 9px)"
+      >Downloading: {{ store.progress }} / {{ store.progressTotal }}</div>
+      <div
+        style="grid-area: a; clip-path: inset(0 0 0 var(--progress) round 9px)"
+      >Downloading: {{ store.progress }} / {{ store.progressTotal }}</div>
+    </div>
+  </v-progress-linear>
+
+  <v-expand-transition>
+    <v-card v-if="store.availableOffline && !store.isUpdating && store.pendingUpdate" color="surface-variant" variant="tonal">
+      <v-card-text class="text-caption pb-0">{{ t('settings.offline.pending') }}</v-card-text>
+      <template #actions>
+        <v-spacer />
+        <v-btn color="primary" variant="plain" @click="reload">
+          {{ t('settings.offline.reload') }}
+        </v-btn>
+      </template>
+    </v-card>
+  </v-expand-transition>
+</template>
+
+<script setup lang="ts">
+  const { t } = useI18n()
+
+  const store = usePwaStore()
+
+  function reload () {
+    location.reload()
+  }
+</script>
diff --git a/packages/docs/src/components/app/settings/options/PinOption.vue b/packages/docs/src/components/app/settings/options/PinOption.vue
index 28f71b0c8df..2c2c6b33a7b 100644
--- a/packages/docs/src/components/app/settings/options/PinOption.vue
+++ b/packages/docs/src/components/app/settings/options/PinOption.vue
@@ -1,29 +1,25 @@
 <template>
-  <v-defaults-provider
-    :defaults="{
-      VIcon: {
-        color: one.isSubscriber && user.pins ? 'primary' : 'disabled'
-      }
-    }"
-  >
-    <SettingsSwitch
-      v-model="user.pins"
-      :disabled="!one.isSubscriber"
-      :messages="t('dashboard.perks.enable-pins-message')"
+  <AppSettingsSettingsHeader text="dashboard.perks.enable-pins-message" title="dashboard.perks.enable-pins">
+    <template #title>
+      <v-chip
+        :text="t('new').toUpperCase()"
+        class="ms-2"
+        color="success"
+        size="x-small"
+        variant="outlined"
+      />
+    </template>
+    <v-defaults-provider
+      :defaults="{
+        VIcon: { color: one.isSubscriber && user.pins ? 'primary' : 'disabled' }
+      }"
     >
-      <template #label>
-        {{ t('dashboard.perks.enable-pins') }}
-
-        <v-chip
-          :text="t('new').toUpperCase()"
-          class="ms-2"
-          color="success"
-          size="x-small"
-          variant="outlined"
-        />
-      </template>
-    </SettingsSwitch>
-  </v-defaults-provider>
+      <SettingsSwitch
+        v-model="user.pins"
+        :disabled="!one.isSubscriber"
+      />
+    </v-defaults-provider>
+  </AppSettingsSettingsHeader>
 </template>
 
 <script setup>
diff --git a/packages/docs/src/components/app/settings/options/SlashSearchOption.vue b/packages/docs/src/components/app/settings/options/SlashSearchOption.vue
index 786c299f400..4a831835b6e 100644
--- a/packages/docs/src/components/app/settings/options/SlashSearchOption.vue
+++ b/packages/docs/src/components/app/settings/options/SlashSearchOption.vue
@@ -1,20 +1,15 @@
 <template>
-  <v-defaults-provider
-    :defaults="{
-      VIcon: {
-        color: user.slashSearch ? 'primary' : 'disabled'
-      }
-    }"
-  >
-    <SettingsSwitch
-      v-model="user.slashSearch"
-      :label="t('slash-search')"
-      :messages="t('slash-search-message')"
-    />
-  </v-defaults-provider>
+  <AppSettingsSettingsHeader text="slash-search-message" title="slash-search">
+    <v-defaults-provider
+      :defaults="{
+        VIcon: { color: user.slashSearch ? 'primary' : 'disabled' }
+      }"
+    >
+      <SettingsSwitch v-model="user.slashSearch" />
+    </v-defaults-provider>
+  </AppSettingsSettingsHeader>
 </template>
 
 <script setup>
-  const { t } = useI18n()
   const user = useUserStore()
 </script>
diff --git a/packages/docs/src/i18n/messages/en.json b/packages/docs/src/i18n/messages/en.json
index f495f07113e..642fc57ec57 100644
--- a/packages/docs/src/i18n/messages/en.json
+++ b/packages/docs/src/i18n/messages/en.json
@@ -165,8 +165,6 @@
   "framework-services": "Framework services",
   "functional": "Functional",
   "funding": "Funding",
-  "general": "General",
-  "general-message": "Enable composition API for examples, show component API inline, and more.",
   "getting-started": "Getting started",
   "get-help": "Get help",
   "github": "GitHub",
@@ -293,7 +291,17 @@
   "see-more-themes-from": "See More Themes From {vendor}",
   "selection": "Selection",
   "services": "Services",
-  "settings": "Documentation settings",
+  "settings": {
+    "header": "Documentation settings",
+    "offline": {
+      "header": "Available offline",
+      "message": "Install a service worker to cache the entire site locally.",
+      "active-message": "Disable this option to remove the service worker and clear the cache.",
+      "offline-message": "You are currently offline, the site is served from cache.",
+      "pending": "There is a pending update, reload the page to activate.",
+      "reload": "Reload"
+    }
+  },
   "slash-search": "Use / for Search hotkey",
   "slash-search-message": "This option sets the bound search key to '/' from Cmd/Ctrl+K.",
   "small": "Small",
diff --git a/packages/docs/src/plugins/pwa.ts b/packages/docs/src/plugins/pwa.ts
index 0d00459b180..8ffb20a44c5 100644
--- a/packages/docs/src/plugins/pwa.ts
+++ b/packages/docs/src/plugins/pwa.ts
@@ -2,18 +2,13 @@
 import type { Router } from 'vue-router'
 
 export async function installPwa (router: Router) {
-  await router.isReady()
+  const store = usePwaStore()
 
-  let pendingUpdate = false
-  if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.addEventListener('controllerchange', async () => {
-      pendingUpdate = true
-    })
-  }
+  await router.isReady()
 
   router.beforeEach(async (to, from) => {
     if (to.path !== from.path) {
-      if (pendingUpdate) {
+      if (store.pendingUpdate && !store.isUpdating) {
         console.log('Reloading page to update service worker')
         window.location.pathname = to.fullPath
       }
@@ -23,4 +18,18 @@ export async function installPwa (router: Router) {
       })
     }
   })
+
+  if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.addEventListener('controllerchange', async () => {
+      console.log('controllerchange')
+      store.isUpdating = false
+      store.pendingUpdate = true
+    })
+
+    if (store.availableOffline) {
+      store.registerWorker()
+    } else if (localStorage.getItem('vuetify:availableOffline') == null) {
+      store.removeWorker()
+    }
+  }
 }
diff --git a/packages/docs/src/plugins/vuetify.ts b/packages/docs/src/plugins/vuetify.ts
index dc04e625a3d..401404c9a81 100644
--- a/packages/docs/src/plugins/vuetify.ts
+++ b/packages/docs/src/plugins/vuetify.ts
@@ -76,6 +76,7 @@ export function installVuetify (app: App) {
         inset: true,
         trueIcon: 'mdi-check',
         falseIcon: '$close',
+        hideDetails: 'auto',
       },
       BorderChip: {
         border: true,
diff --git a/packages/docs/src/service-worker.js b/packages/docs/src/service-worker.js
index 6c3fd0eb60f..36316bdf4eb 100644
--- a/packages/docs/src/service-worker.js
+++ b/packages/docs/src/service-worker.js
@@ -1,8 +1,9 @@
-import eachLimit from 'async-es/eachLimit'
+import { cacheManifestEntries, cleanCache, ensureCacheableResponse, messageSW, openCache } from '@/utils/pwa'
 
+let PREVIOUS_MANIFEST
 const MANIFEST = self.__WB_MANIFEST
+const manifestUrls = new Set(MANIFEST.map(e => '/' + e.url))
 
-let previousManifest
 self.addEventListener('message', async event => {
   if (event.data === 'sw:update' || event.data?.type === 'SKIP_WAITING') {
     console.log('[SW] Skip waiting')
@@ -10,9 +11,6 @@ self.addEventListener('message', async event => {
   } else if (event.data?.type === 'GET_MANIFEST') {
     console.log('[SW] Sending manifest')
     event.ports[0].postMessage(MANIFEST)
-  } else if (event.data?.type === 'SET_MANIFEST') {
-    console.log('[SW] Recieved manifest')
-    previousManifest = event.data.manifest
   } else {
     console.log('[SW] Unknown message', event.data)
   }
@@ -28,49 +26,53 @@ self.addEventListener('install', event => {
         new Promise(resolve => setTimeout(resolve, 500)),
         messageSW(self.registration.active, { type: 'GET_MANIFEST' })
           .then(manifest => {
-            previousManifest = manifest
+            PREVIOUS_MANIFEST = manifest
             console.log('[SW] Recieved manifest')
           }),
       ])
     }
+    await removeWorkboxCaches()
+    const clients = await self.clients.matchAll({
+      includeUncontrolled: true,
+    })
+    await cacheManifestEntries(MANIFEST, (value, total) => {
+      clients.forEach(client => {
+        client.postMessage({ type: 'PROGRESS', value, total })
+      })
+    })
     self.skipWaiting()
   })())
 })
 
-let hasModernCache = false
 self.addEventListener('activate', event => {
   console.log('[SW] Activated')
   event.waitUntil((async () => {
-    hasModernCache = await caches.has(`precache-${self.registration.scope}`)
-    if (hasModernCache) {
-      await removeWorkboxCaches()
-      await self.clients.claim()
+    await self.clients.claim()
+    if (PREVIOUS_MANIFEST) {
+      await cleanCache(PREVIOUS_MANIFEST)
     }
-    await cacheManifestEntries(MANIFEST)
+    console.log('[SW] Ready')
   })())
 })
 
 self.addEventListener('fetch', event => {
-  const url = new URL(event.request.url, location.href)
+  const url = new URL(event.request.url)
 
   if (!['http:', 'https:'].includes(url.protocol)) return
 
   if (event.request.method !== 'GET') return
 
-  if (
-    event.request.mode === 'navigate' &&
-    event.request.destination === 'document' &&
-    url.origin === self.location.origin
-  ) {
-    return event.respondWith(getFallbackDocument())
-  }
-
   if (['https://tag.researchnow.com', 'https://srv.carbonads.net', 'https://pixel.adsafeprotected.com', 'https://cdn4.buysellads.net', 'https://ad.doubleclick.net'].includes(url.origin)) {
     return
   }
 
-  if (getCacheKeyForUrl(url.href)) {
-    return event.respondWith(matchPrecache(event.request))
+  if (url.origin === self.location.origin) {
+    if (event.request.mode === 'navigate' &&
+      event.request.destination === 'document') {
+      return event.respondWith(matchPrecache('/_fallback.html'))
+    } else if (manifestUrls.has(url.pathname)) {
+      return event.respondWith(matchPrecache(event.request))
+    }
   }
 
   if (event.request.destination !== 'document') {
@@ -80,30 +82,20 @@ self.addEventListener('fetch', event => {
 
 async function matchPrecache (request) {
   const precache = await openCache('precache')
-  const matched = await precache.match(getCacheKeyForUrl(request.url))
+  const matched = await precache.match(request)
   if (matched) return matched
   const response = fetch(request)
-  const cacheKey = getCacheKeyForUrl(request.url)
-  if (cacheKey) {
-    response.then(response => {
-      response = ensureCacheableResponse(response)
-      if (response.status === 200) {
-        precache.put(cacheKey, response.clone())
-      } else {
-        console.error(`[SW] Failed to fetch missing precached asset ${request.url}`)
-      }
-    })
-  }
+  response.then(response => {
+    response = ensureCacheableResponse(response)
+    if (response.status === 200) {
+      precache.put(response.url, response.clone())
+    } else {
+      console.error(`[SW] Failed to fetch missing precached asset ${request.url}`)
+    }
+  })
   return response
 }
 
-const urlsToCacheKeys = new Map()
-function getCacheKeyForUrl (url) {
-  url = createCacheKey(url).url
-
-  return urlsToCacheKeys.get(url)
-}
-
 async function networkFirst (request) {
   const cache = await openCache('runtime')
   const fromNetwork = fetch(request).then(response => ensureCacheableResponse(response)).catch(() => null)
@@ -133,90 +125,9 @@ async function networkFirst (request) {
   }
 }
 
-async function getFallbackDocument () {
-  const precache = await openCache('precache')
-
-  const cacheKey = getCacheKeyForUrl('/_fallback.html')
-  const request = fetch('/_fallback.html')
-  if (cacheKey) {
-    request.then(response => {
-      response = ensureCacheableResponse(response)
-      if (response.status === 200) {
-        precache.put(cacheKey, response.clone())
-      }
-    })
-  }
-  request.catch(() => {
-    console.warn('[SW] Failed to fetch fallback document')
-  })
-
-  const fallback = await precache.match(cacheKey)
-
-  if (!fallback) {
-    return request.then(ensureCacheableResponse)
-  }
-
-  return fallback
-}
-
-async function cleanCache () {
-  if (!previousManifest) return
-
-  const precache = await openCache('precache')
-
-  const responses = await Promise.all(
-    previousManifest.map(entry => precache.match(createCacheKey(entry).cacheKey))
-  )
-
-  // Date of earliest entry in the old manifest
-  const date = Array.from(
-    new Set(responses.filter(v => v).map(getDate))
-  ).reduce((acc, val) => Math.min(acc, val), Date.now())
-
-  console.log('[SW] Cleaning caches before', new Date(date))
-
-  let n = 0
-  for (const cache of [precache, await openCache('runtime')]) {
-    for (const req of await cache.keys()) {
-      const res = await cache.match(req)
-      if (res && getDate(res) < date) {
-        ++n
-        await cache.delete(req)
-      }
-    }
-  }
-  console.log(`[SW] Cleared ${n} old items from cache`)
-}
-
-async function openCache (name) {
-  return caches.open(`${name}-${self.registration.scope}`)
-}
-
-function getDate (response) {
-  const date = new Date(Object.fromEntries(response.headers).date)
-  return date.getTime()
-}
-
-function createCacheKey (entry) {
-  const { revision, url } = typeof entry === 'string'
-    ? { url: entry }
-    : entry
-
-  const cacheKeyUrl = new URL(url, location.href)
-
-  if (revision) {
-    cacheKeyUrl.searchParams.set('__WB_REVISION__', revision)
-  }
-
-  return {
-    cacheKey: cacheKeyUrl.href,
-    url: new URL(url, location.href).href,
-  }
-}
-
 function removeWorkboxCaches () {
   return caches.keys().then(keys => {
-    keys = keys.filter(key => key.startsWith('workbox-'))
+    keys = keys.filter(key => key.startsWith('workbox-') || key.endsWith(self.registration.scope))
     if (keys.length) {
       console.log('[SW] Removing workbox caches')
       return Promise.all(
@@ -225,64 +136,3 @@ function removeWorkboxCaches () {
     }
   })
 }
-
-async function cacheManifestEntries (manifest) {
-  for (const entry of manifest) {
-    const cacheKey = createCacheKey(entry)
-    urlsToCacheKeys.set(cacheKey.url, cacheKey.cacheKey)
-  }
-  const cache = await openCache('precache')
-  await eachLimit(urlsToCacheKeys, 10, async ([url, cacheKey]) => {
-    let response
-    try {
-      response = ensureCacheableResponse(await fetch(url))
-    } catch (err) {
-      console.warn(`[SW] Failed to cache ${url}`, err.message)
-      return
-    }
-    if (response.status === 200) {
-      await cache.put(cacheKey, response)
-    } else {
-      console.warn(`[SW] Failed to cache ${url}`, response.status, response.statusText)
-    }
-  })
-  console.log('[SW] Precached', urlsToCacheKeys.size, 'files')
-  if (previousManifest && hasModernCache) {
-    await cleanCache()
-    let count = 0
-    for (const entry of previousManifest) {
-      const cacheKey = createCacheKey(entry)
-      if (!urlsToCacheKeys.has(cacheKey.url)) {
-        count++
-        urlsToCacheKeys.set(cacheKey.url, cacheKey.cacheKey)
-      }
-    }
-    console.log('[SW] Reused', count, 'of', previousManifest.length, 'files')
-  }
-}
-
-function messageSW (sw, data) {
-  return new Promise(resolve => {
-    const messageChannel = new MessageChannel()
-    messageChannel.port1.onmessage = event => {
-      resolve(event.data)
-    }
-    sw.postMessage(data, [messageChannel.port2])
-  })
-}
-
-function ensureCacheableResponse (response) {
-  if (!response.redirected) return response
-
-  if (!response.url || new URL(response.url).origin !== location.origin) {
-    console.error('[SW] Uncacheable redirect', response.url, response)
-    return Response.error()
-  }
-
-  const cloned = response.clone()
-  return new Response(cloned.body, {
-    headers: new Headers(cloned.headers),
-    status: cloned.status,
-    statusText: cloned.statusText,
-  })
-}
diff --git a/packages/docs/src/shims.d.ts b/packages/docs/src/shims.d.ts
index fdfa6f3c1bc..0d2db6aca83 100644
--- a/packages/docs/src/shims.d.ts
+++ b/packages/docs/src/shims.d.ts
@@ -66,3 +66,5 @@ declare module 'virtual:examples' {
 }
 
 declare module 'vue-instantsearch/vue3/es/src/instantsearch.js'
+
+declare module 'async-es/eachLimit'
diff --git a/packages/docs/src/stores/pwa.ts b/packages/docs/src/stores/pwa.ts
new file mode 100644
index 00000000000..948b926e04f
--- /dev/null
+++ b/packages/docs/src/stores/pwa.ts
@@ -0,0 +1,61 @@
+export const usePwaStore = defineStore('pwa', () => {
+  const isOffline = ref(!navigator.onLine)
+  const isUpdating = ref(false)
+  const nextManifest = ref()
+  const pendingUpdate = ref(false)
+  const prevManifest = ref()
+  const progress = ref(0)
+  const progressTotal = ref(0)
+
+  window.addEventListener('online', () => isOffline.value = false)
+  window.addEventListener('offline', () => isOffline.value = true)
+
+  const _availableOffline = ref(localStorage.getItem('vuetify:availableOffline') === 'true')
+  const availableOffline = computed({
+    get: () => _availableOffline.value,
+    set: val => {
+      _availableOffline.value = val
+      localStorage.setItem('vuetify:availableOffline', String(val))
+      if (val) {
+        registerWorker()
+      } else {
+        removeWorker()
+      }
+    },
+  })
+
+  function registerWorker () {
+    navigator.serviceWorker.addEventListener('message', e => {
+      if (e.data?.type === 'PROGRESS') {
+        isUpdating.value = true
+        progress.value = e.data.value
+        progressTotal.value = e.data.total
+      }
+    })
+    navigator.serviceWorker.register('/service-worker.js', {
+      scope: '/',
+    })
+  }
+
+  async function removeWorker () {
+    const registration = await navigator.serviceWorker.getRegistration()
+    await window.caches.delete(`precache-${location.origin}`)
+    await window.caches.delete(`runtime-${location.origin}`)
+    if (await registration?.unregister()) {
+      window.location.reload()
+    }
+  }
+
+  return {
+    availableOffline,
+    isOffline,
+    isUpdating,
+    nextManifest,
+    pendingUpdate,
+    prevManifest,
+    progress,
+    progressTotal,
+    registerWorker,
+    removeWorker,
+  }
+})
diff --git a/packages/docs/src/utils/pwa.ts b/packages/docs/src/utils/pwa.ts
new file mode 100644
index 00000000000..2fec4fb0d1b
--- /dev/null
+++ b/packages/docs/src/utils/pwa.ts
@@ -0,0 +1,97 @@
+import eachLimit from 'async-es/eachLimit'
+
+type ManifestEntry = { url: string, revision?: string }
+type Manifest = ManifestEntry[]
+
+export async function openCache (name: string) {
+  return caches.open(`${name}-${location.origin}`)
+}
+
+export async function cacheManifestEntries (
+  manifest: Manifest,
+  progress?: (value: number, total: number) => void
+) {
+  const cache = await openCache('precache')
+  let count = 0
+  const total = manifest.length
+  await eachLimit(manifest, 8, async ({ url, revision }: ManifestEntry) => {
+    let response
+    try {
+      const _url = new URL(url, location.origin)
+      if (revision) {
+        _url.searchParams.set('WB_REVISION', revision)
+      }
+      response = ensureCacheableResponse(await fetch(_url))
+    } catch (err: any) {
+      console.warn(`[SW] Failed to cache ${url}`, err.message)
+      return
+    }
+    if (response.status === 200) {
+      await cache.put(url, response)
+    } else {
+      console.warn(`[SW] Failed to cache ${url}`, response.status, response.statusText)
+    }
+    progress?.(++count, total)
+  })
+  console.log('[SW] Precached', total, 'files')
+}
+
+export async function cleanCache (previousManifest: Manifest) {
+  if (!previousManifest) return
+
+  const precache = await openCache('precache')
+
+  const responses = await Promise.all(
+    previousManifest.map(entry => precache.match(entry.url))
+  )
+
+  // Date of earliest entry in the old manifest
+  const date = Array.from(
+    new Set(responses.filter(v => !!v).map(getDate))
+  ).reduce((acc, val) => Math.min(acc, val), Date.now())
+
+  console.log('[SW] Cleaning caches before', new Date(date))
+
+  let n = 0
+  for (const cache of [precache, await openCache('runtime')]) {
+    for (const req of await cache.keys()) {
+      const res = await cache.match(req)
+      if (res && getDate(res) < date) {
+        ++n
+        await cache.delete(req)
+      }
+    }
+  }
+  console.log(`[SW] Cleared ${n} old items from cache`)
+}
+
+function getDate (response: Response) {
+  const date = new Date(Object.fromEntries(response.headers).date)
+  return date.getTime()
+}
+
+export function ensureCacheableResponse (response: Response) {
+  if (!response.redirected) return response
+
+  if (!response.url || new URL(response.url).origin !== location.origin) {
+    console.error('[SW] Uncacheable redirect', response.url, response)
+    return Response.error()
+  }
+
+  const cloned = response.clone()
+  return new Response(cloned.body, {
+    headers: new Headers(cloned.headers),
+    status: cloned.status,
+    statusText: cloned.statusText,
+  })
+}
+
+export function messageSW (sw: ServiceWorker, data: {}): Promise<any> {
+  return new Promise(resolve => {
+    const messageChannel = new MessageChannel()
+    messageChannel.port1.onmessage = (event: MessageEvent) => {
+      resolve(event.data)
+    }
+    sw.postMessage(data, [messageChannel.port2])
+  })
+}
diff --git a/packages/docs/tsconfig.json b/packages/docs/tsconfig.json
index 33062e52aa9..9986b617c59 100644
--- a/packages/docs/tsconfig.json
+++ b/packages/docs/tsconfig.json
@@ -6,6 +6,7 @@
     "incremental": false,
     "lib": [
       "dom",
+      "dom.iterable",
       "esnext"
     ],
     "module": "esnext",
diff --git a/packages/docs/vite.config.mts b/packages/docs/vite.config.mts
index bc25377ed9d..26540a32fc7 100644
--- a/packages/docs/vite.config.mts
+++ b/packages/docs/vite.config.mts
@@ -209,12 +209,13 @@ export default defineConfig(({ command, mode, isSsrBuild }) => {
         filename: 'service-worker.js',
         strategies: 'injectManifest',
         includeAssets: ['favicon.ico'],
+        injectRegister: false,
         injectManifest: {
-          globIgnores: ['**/*.html'],
+          globIgnores: ['**/*.html', '**/*.map'],
           additionalManifestEntries: [
-            { url: '/_fallback.html', revision: Date.now().toString(16) },
+            { url: '_fallback.html', revision: Date.now().toString(16) },
           ],
-          dontCacheBustURLsMatching: /assets\/.+[A-Za-z0-9]{8}\.(js|css)$/,
+          dontCacheBustURLsMatching: /^\/?assets\//,
           maximumFileSizeToCacheInBytes: 24 * 1024 ** 2,
         },
         manifest: {

From 62ffbd3cd9ad308f8b356b46af4bb84525248c5d Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Mon, 14 Oct 2024 15:14:56 -0500
Subject: [PATCH 03/16] docs(SearchDialog): move to first list/list-item when
 pressing down

---
 packages/docs/src/components/app/search/SearchDialog.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/docs/src/components/app/search/SearchDialog.vue b/packages/docs/src/components/app/search/SearchDialog.vue
index 46b57f2ed2b..b29b04528fd 100644
--- a/packages/docs/src/components/app/search/SearchDialog.vue
+++ b/packages/docs/src/components/app/search/SearchDialog.vue
@@ -17,6 +17,7 @@
         variant="filled"
         autofocus
         @focus="$event.target.select()"
+        @keydown.down="$refs?.list?.$el.focus()"
       >
         <template #append-inner>
           <AppBtn size="small" border>
@@ -26,7 +27,6 @@
       </AppTextField>
 
       <v-card-text :class="['px-4 py-0 d-flex flex-wrap justify-center', searchString ? 'align-start' : 'align-center']">
-
         <AppSearchSearchRecent
           v-if="searches.length && !searchString"
           :searches="searches"
@@ -159,7 +159,6 @@
 
     searches.value = array
   }
-
   function onClickResult (result: any) {
     const array = searches.value.slice(0, 6)
 

From b2a3863a13425f2846d02383b473de7fab0160b2 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Mon, 14 Oct 2024 15:21:54 -0500
Subject: [PATCH 04/16] docs(SearchResults): fix VList typing

---
 packages/docs/src/components/app/search/SearchResults.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/src/components/app/search/SearchResults.vue b/packages/docs/src/components/app/search/SearchResults.vue
index 0e3bb021550..8b8a3fcdaf9 100644
--- a/packages/docs/src/components/app/search/SearchResults.vue
+++ b/packages/docs/src/components/app/search/SearchResults.vue
@@ -96,7 +96,7 @@
 
   const app = useAppStore()
 
-  const rootEl = ref<VList>()
+  const rootEl = ref<InstanceType<typeof VList>>()
   defineExpose({ rootEl })
 
   function makeBreadcrumbs (hierarchy: any) {

From 10b58cba02b1ee37c9cc80c6c9403e225c0c9ec0 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Mon, 14 Oct 2024 15:22:03 -0500
Subject: [PATCH 05/16] docs(OfflineOption): fix off/on switch colors

---
 .../app/settings/options/OfflineOption.vue         | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/docs/src/components/app/settings/options/OfflineOption.vue b/packages/docs/src/components/app/settings/options/OfflineOption.vue
index 1c044bc0a56..494f5b9d6a2 100644
--- a/packages/docs/src/components/app/settings/options/OfflineOption.vue
+++ b/packages/docs/src/components/app/settings/options/OfflineOption.vue
@@ -8,10 +8,16 @@
         : 'settings.offline.message'"
     title="settings.offline.header"
   >
-    <SettingsSwitch
-      v-model="store.availableOffline"
-      class="flex-0-0-auto ms-auto"
-    />
+    <v-defaults-provider
+      :defaults="{
+        VIcon: { color: store.availableOffline ? 'primary' : 'disabled' }
+      }"
+    >
+      <SettingsSwitch
+        v-model="store.availableOffline"
+        class="flex-0-0-auto ms-auto"
+      />
+    </v-defaults-provider>
   </AppSettingsSettingsHeader>
 
   <v-progress-linear

From 890b384ef6db30c97005d9b9ba858051265c691b Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Mon, 14 Oct 2024 15:41:54 -0500
Subject: [PATCH 06/16] docs(ThemeOption): remove premium themes, link to
 vuetify one

---
 .../app/settings/options/ThemeOption.vue      | 24 +++++++------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/packages/docs/src/components/app/settings/options/ThemeOption.vue b/packages/docs/src/components/app/settings/options/ThemeOption.vue
index bb1253556ad..440d12491c7 100644
--- a/packages/docs/src/components/app/settings/options/ThemeOption.vue
+++ b/packages/docs/src/components/app/settings/options/ThemeOption.vue
@@ -33,6 +33,15 @@
       :messages="t('dark-code-message')"
     />
   </v-defaults-provider>
+
+  <AppBtn
+    append-icon="mdi-page-next"
+    color="surface-variant"
+    text="Vuetify One Themes"
+    to="?one=settings"
+    variant="flat"
+    block
+  />
 </template>
 
 <script setup lang="ts">
@@ -51,21 +60,6 @@
       icon: 'mdi-weather-night',
       value: 'dark',
     },
-    {
-      text: 'Blackguard',
-      icon: 'mdi-space-invaders',
-      value: 'blackguard',
-    },
-    {
-      text: 'Polaris',
-      icon: 'mdi-image-filter-hdr',
-      value: 'polaris',
-    },
-    {
-      text: 'Nebula',
-      icon: 'mdi-rocket-launch-outline',
-      value: 'nebula',
-    },
     {
       text: t('system'),
       icon: 'mdi-desktop-tower-monitor',

From a06c183d1ff995ec422832c2e5ac26f2fd6d59e8 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Mon, 14 Oct 2024 15:48:20 -0500
Subject: [PATCH 07/16] docs(StoreLink): change icon

---
 packages/docs/src/components/app/bar/StoreLink.vue | 2 +-
 packages/docs/src/plugins/icons.ts                 | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/docs/src/components/app/bar/StoreLink.vue b/packages/docs/src/components/app/bar/StoreLink.vue
index 42b82169a52..f3d2ecdc5b9 100644
--- a/packages/docs/src/components/app/bar/StoreLink.vue
+++ b/packages/docs/src/components/app/bar/StoreLink.vue
@@ -2,7 +2,7 @@
   <AppBtn
     color="medium-emphasis"
     href="https://store.vuetifyjs.com/?utm_source=vuetifyjs.com&utm_medium=toolbar"
-    icon="mdi-cart-outline"
+    icon="mdi-storefront-outline"
     rel="noopener"
     target="_blank"
     @click="onClick"
diff --git a/packages/docs/src/plugins/icons.ts b/packages/docs/src/plugins/icons.ts
index 70b6b967956..7613dfa4729 100644
--- a/packages/docs/src/plugins/icons.ts
+++ b/packages/docs/src/plugins/icons.ts
@@ -349,6 +349,7 @@ export {
   mdiStarCircleOutline,
   mdiStarHalfFull,
   mdiStarOutline,
+  mdiStorefrontOutline,
   mdiStoreOutline,
   mdiSvg,
   mdiTable,

From 86bb05a63be6e19ee4334a8b3a2fe592828d465c Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Mon, 14 Oct 2024 16:44:30 -0500
Subject: [PATCH 08/16] docs(SearchDialog): fix lint

---
 packages/docs/src/components/app/search/SearchDialog.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/src/components/app/search/SearchDialog.vue b/packages/docs/src/components/app/search/SearchDialog.vue
index b29b04528fd..3bd3a0692f1 100644
--- a/packages/docs/src/components/app/search/SearchDialog.vue
+++ b/packages/docs/src/components/app/search/SearchDialog.vue
@@ -17,7 +17,7 @@
         variant="filled"
         autofocus
         @focus="$event.target.select()"
-        @keydown.down="$refs?.list?.$el.focus()"
+        @keydown.down="list?.$el.focus()"
       >
         <template #append-inner>
           <AppBtn size="small" border>

From b9531bcd4e300fb2b67e1cf5adb6dcc1f45d4141 Mon Sep 17 00:00:00 2001
From: Kael <kaelwd@gmail.com>
Date: Thu, 17 Oct 2024 17:53:54 +1100
Subject: [PATCH 09/16] docs(VTextarea): update maxRows description

closes #20565
closes #20577
---
 packages/api-generator/src/locale/en/VTextarea.json | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/api-generator/src/locale/en/VTextarea.json b/packages/api-generator/src/locale/en/VTextarea.json
index 318d95ad79c..aebdf3fe136 100644
--- a/packages/api-generator/src/locale/en/VTextarea.json
+++ b/packages/api-generator/src/locale/en/VTextarea.json
@@ -5,10 +5,9 @@
     "noResize": "Remove resize handle.",
     "persistentPlaceholder": "Forces placeholder to always be visible.",
     "prefix": "Displays prefix text.",
-    "rowHeight": "Height value for each row. Requires the use of the **auto-grow** prop.",
     "rows": "Default row count.",
     "suffix": "Displays suffix text.",
-    "maxRows": "Specifies the maximum number of row count"
+    "maxRows": "Specifies the maximum number of rows for **auto-grow**."
   },
   "events": {
     "keydown": "Emitted when **any** key is pressed, textarea must be focused.",

From 488fc0221e7957dbfac6d680f2ea40bb25412d5d Mon Sep 17 00:00:00 2001
From: Kael <kaelwd@gmail.com>
Date: Thu, 17 Oct 2024 18:09:37 +1100
Subject: [PATCH 10/16] fix(VTreeview): allow multiple nodes to be loading

fixes #19390
closes #20404
---
 .../src/labs/VTreeview/VTreeviewChildren.tsx  | 56 ++++++++++---------
 1 file changed, 30 insertions(+), 26 deletions(-)

diff --git a/packages/vuetify/src/labs/VTreeview/VTreeviewChildren.tsx b/packages/vuetify/src/labs/VTreeview/VTreeviewChildren.tsx
index d5d0d05ff79..89a88fdfc7c 100644
--- a/packages/vuetify/src/labs/VTreeview/VTreeviewChildren.tsx
+++ b/packages/vuetify/src/labs/VTreeview/VTreeviewChildren.tsx
@@ -7,7 +7,7 @@ import { VCheckboxBtn } from '@/components/VCheckbox'
 import { IconValue } from '@/composables/icons'
 
 // Utilities
-import { computed, shallowRef, toRaw, withModifiers } from 'vue'
+import { computed, reactive, toRaw, withModifiers } from 'vue'
 import { genericComponent, propsFactory } from '@/util'
 
 // Types
@@ -18,10 +18,17 @@ import type { SelectStrategyProp } from '@/composables/nested/nested'
 import type { GenericProps } from '@/util'
 
 export type VTreeviewChildrenSlots<T> = {
-  [K in keyof Omit<VListItemSlots, 'default'>]: VListItemSlots[K] & { item: T }
+  [K in keyof Omit<VListItemSlots, 'default'>]: VListItemSlots[K] & {
+    item: T
+    internalItem: InternalListItem<T>
+  }
 } & {
   default: never
-  item: { props: InternalListItem['props'] }
+  item: {
+    props: InternalListItem['props']
+    item: T
+    internalItem: InternalListItem<T>
+  }
 }
 
 export const makeVTreeviewChildrenProps = propsFactory({
@@ -57,26 +64,22 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
 
   props: makeVTreeviewChildrenProps(),
 
-  setup (props, { emit, slots }) {
-    const isLoading = shallowRef(null)
+  setup (props, { slots }) {
+    const isLoading = reactive(new Set<unknown>())
 
     const isClickOnOpen = computed(() => props.openOnClick != null ? props.openOnClick : props.selectable)
 
-    function checkChildren (item: any) {
-      return new Promise<void>(resolve => {
-        if (!props.items?.length || !props.loadChildren) return resolve()
+    async function checkChildren (item: InternalListItem) {
+      try {
+        if (!props.items?.length || !props.loadChildren) return
 
         if (item?.children?.length === 0) {
-          isLoading.value = item.value
-          props.loadChildren(item).then(resolve)
-
-          return
+          isLoading.add(item.value)
+          await props.loadChildren(item.raw)
         }
-
-        resolve()
-      }).finally(() => {
-        isLoading.value = null
-      })
+      } finally {
+        isLoading.delete(item.value)
+      }
     }
 
     function selectItem (select: (value: boolean) => void, isSelected: boolean) {
@@ -85,8 +88,9 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
       }
     }
 
-    return () => slots.default?.() ?? props.items?.map(({ children, props: itemProps, raw: item }) => {
-      const loading = isLoading.value === item.value
+    return () => slots.default?.() ?? props.items?.map(item => {
+      const { children, props: itemProps } = item
+      const loading = isLoading.has(item.value)
       const slotsWithItem = {
         prepend: slotProps => (
           <>
@@ -111,11 +115,11 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
               </div>
             )}
 
-            { slots.prepend?.({ ...slotProps, item }) }
+            { slots.prepend?.({ ...slotProps, item: item.raw, internalItem: item }) }
           </>
         ),
-        append: slots.append ? slotProps => slots.append?.({ ...slotProps, item }) : undefined,
-        title: slots.title ? slotProps => slots.title?.({ ...slotProps, item }) : undefined,
+        append: slots.append ? slotProps => slots.append?.({ ...slotProps, item: item.raw, internalItem: item }) : undefined,
+        title: slots.title ? slotProps => slots.title?.({ ...slotProps, item: item.raw, internalItem: item }) : undefined,
       } satisfies VTreeviewItem['$props']['$children']
 
       const treeviewGroupProps = VTreeviewGroup.filterProps(itemProps)
@@ -124,7 +128,7 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
       return children ? (
         <VTreeviewGroup
           { ...treeviewGroupProps }
-          value={ props.returnObject ? item : treeviewGroupProps?.value }
+          value={ props.returnObject ? item.raw : treeviewGroupProps?.value }
         >
           {{
             activator: ({ props: activatorProps }) => {
@@ -139,7 +143,7 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
               return (
                 <VTreeviewItem
                   { ...listItemProps }
-                  value={ props.returnObject ? toRaw(item) : itemProps.value }
+                  value={ props.returnObject ? toRaw(item.raw) : itemProps.value }
                   loading={ loading }
                   v-slots={ slotsWithItem }
                 />
@@ -156,10 +160,10 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
           }}
         </VTreeviewGroup>
       ) : (
-        slots.item?.({ props: itemProps }) ?? (
+        slots.item?.({ props: itemProps, item: item.raw, internalItem: item }) ?? (
           <VTreeviewItem
             { ...itemProps }
-            value={ props.returnObject ? toRaw(item) : itemProps.value }
+            value={ props.returnObject ? toRaw(item.raw) : itemProps.value }
             v-slots={ slotsWithItem }
           />
         ))

From 60bc70ecbb1692c94dfd9ceb9bae1415355bafed Mon Sep 17 00:00:00 2001
From: Kael <kaelwd@gmail.com>
Date: Thu, 17 Oct 2024 18:34:27 +1100
Subject: [PATCH 11/16] fix(VDataTable): remove page clamp on initial render

fixes #17966
closes #20185
---
 .../src/components/VDataTable/composables/paginate.ts        | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/vuetify/src/components/VDataTable/composables/paginate.ts b/packages/vuetify/src/components/VDataTable/composables/paginate.ts
index 63515ee6195..1cf90f3d9f2 100644
--- a/packages/vuetify/src/components/VDataTable/composables/paginate.ts
+++ b/packages/vuetify/src/components/VDataTable/composables/paginate.ts
@@ -2,7 +2,7 @@
 import { useProxiedModel } from '@/composables/proxiedModel'
 
 // Utilities
-import { computed, inject, provide, watch, watchEffect } from 'vue'
+import { computed, inject, provide, watch } from 'vue'
 import { clamp, getCurrentInstance, propsFactory } from '@/util'
 
 // Types
@@ -73,7 +73,8 @@ export function providePagination (options: {
     return Math.ceil(itemsLength.value / itemsPerPage.value)
   })
 
-  watchEffect(() => {
+  // Don't run immediately, items may not have been loaded yet: #17966
+  watch([page, pageCount], () => {
     if (page.value > pageCount.value) {
       page.value = pageCount.value
     }

From fc338c45e032e1a095c21c3bb08744d4af2369eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joaqu=C3=ADn=20S=C3=A1nchez?= <userquin@gmail.com>
Date: Thu, 17 Oct 2024 09:38:17 +0200
Subject: [PATCH 12/16] docs: update nuxt module link (#20400)

Co-authored-by: Kael <kaelwd@gmail.com>
---
 packages/docs/src/pages/en/getting-started/installation.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/docs/src/pages/en/getting-started/installation.md b/packages/docs/src/pages/en/getting-started/installation.md
index e4cd893d9a8..abeee7239f2 100644
--- a/packages/docs/src/pages/en/getting-started/installation.md
+++ b/packages/docs/src/pages/en/getting-started/installation.md
@@ -222,9 +222,9 @@ You should now have access to all Vuetify components and tools in the Nuxt app.
 
 ### vuetify-nuxt-module
 
-Alternatively, you can use the [vuetify-nuxt-module](https://github.com/userquin/vuetify-nuxt-module) (works only with Vite). The module is strongly opinionated and has a built-in default configuration out of the box. You can use it without any configuration, and it will work for most use cases.
+Alternatively, you can use the [vuetify-nuxt-module](https://github.com/vuetifyjs/nuxt-module) (works only with Vite). The module is strongly opinionated and has a built-in default configuration out of the box. You can use it without any configuration, and it will work for most use cases.
 
-Check the [documentation](https://vuetify-nuxt-module.netlify.app/) for more information on how to use it.
+Check the [documentation](https://nuxt.vuetifyjs.com/) for more information on how to use it.
 
 ## Using Laravel Mix
 

From 8f683e777b0d8e6164f8e7ccab35776d8dbb11d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?D=C3=B3nal=20Murtagh?= <donal.murtagh@clarusonesourcing.com>
Date: Thu, 17 Oct 2024 08:39:49 +0100
Subject: [PATCH 13/16] docs(VForm): remove hide-details from usage example
 (#20541)

---
 packages/docs/src/examples/v-form/usage.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/packages/docs/src/examples/v-form/usage.vue b/packages/docs/src/examples/v-form/usage.vue
index 9b8a3716615..37e652dba2a 100644
--- a/packages/docs/src/examples/v-form/usage.vue
+++ b/packages/docs/src/examples/v-form/usage.vue
@@ -11,7 +11,6 @@
             :counter="10"
             :rules="nameRules"
             label="First name"
-            hide-details
             required
           ></v-text-field>
         </v-col>
@@ -25,7 +24,6 @@
             :counter="10"
             :rules="nameRules"
             label="Last name"
-            hide-details
             required
           ></v-text-field>
         </v-col>
@@ -38,7 +36,6 @@
             v-model="email"
             :rules="emailRules"
             label="E-mail"
-            hide-details
             required
           ></v-text-field>
         </v-col>

From aa1cc3aef6bbad3179519235cc68c18f20063470 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joaqu=C3=ADn=20S=C3=A1nchez?= <userquin@gmail.com>
Date: Thu, 17 Oct 2024 09:40:48 +0200
Subject: [PATCH 14/16] docs: fix `undefined` wireframe github link (#20437)

---
 packages/docs/src/layouts/wireframe.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/docs/src/layouts/wireframe.vue b/packages/docs/src/layouts/wireframe.vue
index a7b32cdd891..af79273469c 100644
--- a/packages/docs/src/layouts/wireframe.vue
+++ b/packages/docs/src/layouts/wireframe.vue
@@ -13,6 +13,6 @@
 
 <script setup>
   const route = useRoute()
-  const { page } = route.meta
-  const href = `https://github.com/vuetifyjs/vuetify/blob/master/packages/docs/src/examples/wireframes/${page}.vue`
+  const paths = route.path.split('/').filter(p => p.length > 0)
+  const href = `https://github.com/vuetifyjs/vuetify/blob/master/packages/docs/src/examples/wireframes/${paths.at(-1)}.vue`
 </script>

From 2b22da169f9923628c4f6d8623ddd8899e5d60eb Mon Sep 17 00:00:00 2001
From: Kael <kaelwd@gmail.com>
Date: Thu, 17 Oct 2024 18:58:05 +1100
Subject: [PATCH 15/16] fix(styles): explicitly import global functions

---
 package.json                                  |   4 +-
 .../pages/en/getting-started/upgrade-guide.md |   4 +-
 packages/vuetify/build/rollup.config.mjs      |   2 +
 .../components/VBottomSheet/VBottomSheet.sass |   3 +-
 .../src/components/VField/_variables.scss     |   3 +-
 .../components/VOverflowBtn/VOverflowBtn.sass |  11 +-
 .../VProgressLinear/_variables.scss           |   3 +-
 .../src/components/VTable/_mixins.scss        |   4 +-
 .../vuetify/src/components/VTabs/VTabs.sass   |   2 +-
 .../vuetify/src/styles/settings/_colors.scss  | 513 ++++++++--------
 .../src/styles/utilities/_display.sass        |   3 +-
 .../src/styles/utilities/_elevation.scss      |   3 +-
 .../src/styles/utilities/_screenreaders.sass  |   3 +-
 pnpm-lock.yaml                                | 554 ++++++++++++------
 14 files changed, 653 insertions(+), 459 deletions(-)

diff --git a/package.json b/package.json
index 037d29e737f..b80b83615bd 100755
--- a/package.json
+++ b/package.json
@@ -70,8 +70,8 @@
     "mkdirp": "^3.0.1",
     "moment": "^2.30.1",
     "rimraf": "^5.0.5",
-    "sass": "^1.77.8",
-    "sass-embedded": "^1.77.8",
+    "sass": "^1.80.1",
+    "sass-embedded": "^1.80.1",
     "semver": "^7.6.0",
     "shelljs": "^0.8.5",
     "stringify-object": "^5.0.0",
diff --git a/packages/docs/src/pages/en/getting-started/upgrade-guide.md b/packages/docs/src/pages/en/getting-started/upgrade-guide.md
index 4062276e41d..b6d47222e85 100644
--- a/packages/docs/src/pages/en/getting-started/upgrade-guide.md
+++ b/packages/docs/src/pages/en/getting-started/upgrade-guide.md
@@ -90,10 +90,10 @@ app.use(vuetify)
 
 ### SASS variables
 
-- `$headings` was merged with `$typography`: Access font-size of subtitle-2 with `map-get($typography, 'subtitle-2', 'size')`
+- `$headings` was merged with `$typography`: Access font-size of subtitle-2 with `map.get($typography, 'subtitle-2', 'size')`
 - If you imported variables from `~vuetify/src/styles/settings/_variables` in v2, you have to replace it with `vuetify/settings`
 - Component variables that previously lived in e.g. `~/vuetify/src/components/VIcon/VIcon.sass` can now be imported from `vuetify/settings` directly too.
-- `$display-breakpoints` no longer includes `{breakpoint}-only` variables (e.g. xs-only), use `@media #{map-get(v.$display-breakpoints, 'xs')}` instead.
+- `$display-breakpoints` no longer includes `{breakpoint}-only` variables (e.g. xs-only), use `@media #{map.get(v.$display-breakpoints, 'xs')}` instead.
 - The `$transition` map has been removed, replaced with individual `$standard-easing`, `$decelerated-easing`, `$accelerated-easing` variables.
 - `$container-padding-x` is now 16px instead of 12px as in v2. You can replace it with `$spacer * 3` to get to the previous look.
 - Too many component variables to list have been renamed or removed. There is no automated way to update these as the element structure has changed significantly, you will need to manually update these along with any custom styles.
diff --git a/packages/vuetify/build/rollup.config.mjs b/packages/vuetify/build/rollup.config.mjs
index 9903704e960..a1708bfc1cf 100644
--- a/packages/vuetify/build/rollup.config.mjs
+++ b/packages/vuetify/build/rollup.config.mjs
@@ -68,6 +68,7 @@ export default [
       sass({
         options: {
           charset: false,
+          silenceDeprecations: ['legacy-js-api'],
         },
         output (styles, styleNodes) {
           // Complete CSS bundle
@@ -203,6 +204,7 @@ export default [
       sass({
         options: {
           charset: false,
+          silenceDeprecations: ['legacy-js-api'],
         },
         output (styles, styleNodes) {
           mkdirp(path.resolve(root, 'dist')).then(() => {
diff --git a/packages/vuetify/src/components/VBottomSheet/VBottomSheet.sass b/packages/vuetify/src/components/VBottomSheet/VBottomSheet.sass
index f1de396eea3..56bf0868208 100644
--- a/packages/vuetify/src/components/VBottomSheet/VBottomSheet.sass
+++ b/packages/vuetify/src/components/VBottomSheet/VBottomSheet.sass
@@ -1,3 +1,4 @@
+@use 'sass:map'
 @use '../../styles/settings'
 @use '../../styles/tools'
 @use './variables' as *
@@ -36,5 +37,5 @@
     &.v-bottom-sheet--inset
       max-width: none
 
-      @media #{map-get(settings.$display-breakpoints, 'sm-and-up')}
+      @media #{map.get(settings.$display-breakpoints, 'sm-and-up')}
         max-width: $bottom-sheet-inset-width
diff --git a/packages/vuetify/src/components/VField/_variables.scss b/packages/vuetify/src/components/VField/_variables.scss
index f5ca24998fc..00b093ff68c 100644
--- a/packages/vuetify/src/components/VField/_variables.scss
+++ b/packages/vuetify/src/components/VField/_variables.scss
@@ -1,10 +1,11 @@
 @forward '../VInput/variables';
+@use 'sass:map';
 @use '../../styles/settings';
 @use '../VInput/variables' as *;
 
 // INPUT
 $field-border-radius: settings.$border-radius-root !default;
-$field-rounded-border-radius: map-get(settings.$rounded, 'xl') !default;
+$field-rounded-border-radius: map.get(settings.$rounded, 'xl') !default;
 $field-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
 $field-disabled-color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !default;
 $field-error-color: rgb(var(--v-theme-error)) !default;
diff --git a/packages/vuetify/src/components/VOverflowBtn/VOverflowBtn.sass b/packages/vuetify/src/components/VOverflowBtn/VOverflowBtn.sass
index 722abcbfaf3..6c362bf9457 100644
--- a/packages/vuetify/src/components/VOverflowBtn/VOverflowBtn.sass
+++ b/packages/vuetify/src/components/VOverflowBtn/VOverflowBtn.sass
@@ -1,17 +1,18 @@
-@import './_variables.scss'
+@use 'sass:map'
+@use './variables' as *
 
 // Theme
 @include theme(v-overflow-btn) using ($material)
   &#{&} > .v-input__control > .v-input__slot
-    border-color: map-get($material, 'dividers')
+    border-color: map.get($material, 'dividers')
 
   &:not(.v-input--is-focused):not(.v-input--has-state)
     > .v-input__control > .v-input__slot:hover
-      background: map-get($material, 'cards')
+      background: map.get($material, 'cards')
 
   &.v-overflow-btn--segmented
     .v-input__append-inner
-      border-left: thin solid map-get($material, 'dividers')
+      border-left: thin solid map.get($material, 'dividers')
 
 
 .v-autocomplete__content.v-menu__content
@@ -49,7 +50,7 @@
     margin-inline-start: $overflow-selection-comma-margin-x
 
   .v-input__slot
-    transition: .3s map-get($transition, 'swing')
+    transition: .3s map.get($transition, 'swing')
 
     &::before,
     &::after
diff --git a/packages/vuetify/src/components/VProgressLinear/_variables.scss b/packages/vuetify/src/components/VProgressLinear/_variables.scss
index 51d1b5dee93..ad195d93799 100644
--- a/packages/vuetify/src/components/VProgressLinear/_variables.scss
+++ b/packages/vuetify/src/components/VProgressLinear/_variables.scss
@@ -1,10 +1,11 @@
+@use 'sass:map';
 @use '../../styles/settings';
 
 // VProgressLinear
 $progress-linear-background: currentColor !default;
 $progress-linear-background-background: $progress-linear-background !default;
 $progress-linear-background-opacity: var(--v-border-opacity) !default;
-$progress-linear-border-radius: map-get(settings.$rounded, 'pill') !default;
+$progress-linear-border-radius: map.get(settings.$rounded, 'pill') !default;
 $progress-linear-stream-opacity: 0.3 !default;
 $progress-linear-stripe-background-size: 40px 40px !default;
 $progress-linear-stream-border-width: 4px !default;
diff --git a/packages/vuetify/src/components/VTable/_mixins.scss b/packages/vuetify/src/components/VTable/_mixins.scss
index 57ce1d1fbdc..040a6064926 100644
--- a/packages/vuetify/src/components/VTable/_mixins.scss
+++ b/packages/vuetify/src/components/VTable/_mixins.scss
@@ -11,10 +11,10 @@
           > tfoot {
             > tr {
               > th {
-                height: map-get($properties, header)
+                height: map.get($properties, header)
               }
               > td {
-                height: map-get($properties, row)
+                height: map.get($properties, row)
               }
             }
           }
diff --git a/packages/vuetify/src/components/VTabs/VTabs.sass b/packages/vuetify/src/components/VTabs/VTabs.sass
index 382dcc35a2b..22172d619d4 100644
--- a/packages/vuetify/src/components/VTabs/VTabs.sass
+++ b/packages/vuetify/src/components/VTabs/VTabs.sass
@@ -47,7 +47,7 @@
     .v-tab:last-child
       margin-inline-end: 0
 
-  @media #{map-get(settings.$display-breakpoints, 'md-and-down')}
+  @media #{map.get(settings.$display-breakpoints, 'md-and-down')}
     .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes)
       .v-tab:first-child
         margin-inline-start: 52px
diff --git a/packages/vuetify/src/styles/settings/_colors.scss b/packages/vuetify/src/styles/settings/_colors.scss
index 3195f0ff4fd..4ff67b149be 100644
--- a/packages/vuetify/src/styles/settings/_colors.scss
+++ b/packages/vuetify/src/styles/settings/_colors.scss
@@ -1,3 +1,4 @@
+@use 'sass:map';
 @use '../tools/functions' as *;
 
 $shades: () !default;
@@ -13,8 +14,8 @@ $shades: map-deep-merge(
 $text-on-shades: () !default;
 $text-on-shades: map-deep-merge(
   (
-    'black': map-get($shades, 'white'),
-    'white': map-get($shades, 'black'),
+    'black': map.get($shades, 'white'),
+    'white': map.get($shades, 'black'),
     'transparent': currentColor
   ),
   $text-on-shades
@@ -44,20 +45,20 @@ $red: map-deep-merge(
 $text-on-red: () !default;
 $text-on-red: map-deep-merge(
   (
-    'base': map-get($shades, 'white'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'white'),
-    'lighten-1': map-get($shades, 'white'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'white'),
-    'accent-3': map-get($shades, 'white'),
-    'accent-4': map-get($shades, 'white')
+    'base': map.get($shades, 'white'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'white'),
+    'lighten-1': map.get($shades, 'white'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'black'),
+    'accent-2': map.get($shades, 'white'),
+    'accent-3': map.get($shades, 'white'),
+    'accent-4': map.get($shades, 'white')
   ),
   $text-on-red
 );
@@ -86,20 +87,20 @@ $pink: map-deep-merge(
 $text-on-pink: () !default;
 $text-on-pink: map-deep-merge(
   (
-    'base': map-get($shades, 'white'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'white'),
-    'lighten-1': map-get($shades, 'white'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'white'),
-    'accent-2': map-get($shades, 'white'),
-    'accent-3': map-get($shades, 'white'),
-    'accent-4': map-get($shades, 'white')
+    'base': map.get($shades, 'white'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'white'),
+    'lighten-1': map.get($shades, 'white'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'white'),
+    'accent-2': map.get($shades, 'white'),
+    'accent-3': map.get($shades, 'white'),
+    'accent-4': map.get($shades, 'white')
   ),
   $text-on-pink
 );
@@ -128,20 +129,20 @@ $purple: map-deep-merge(
 $text-on-purple: () !default;
 $text-on-purple: map-deep-merge(
   (
-    'base': map-get($shades, 'white'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'white'),
-    'lighten-2': map-get($shades, 'white'),
-    'lighten-1': map-get($shades, 'white'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'white'),
-    'accent-2': map-get($shades, 'white'),
-    'accent-3': map-get($shades, 'white'),
-    'accent-4': map-get($shades, 'white')
+    'base': map.get($shades, 'white'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'white'),
+    'lighten-2': map.get($shades, 'white'),
+    'lighten-1': map.get($shades, 'white'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'white'),
+    'accent-2': map.get($shades, 'white'),
+    'accent-3': map.get($shades, 'white'),
+    'accent-4': map.get($shades, 'white')
   ),
   $text-on-purple
 );
@@ -170,20 +171,20 @@ $deep-purple: map-deep-merge(
 $text-on-deep-purple: () !default;
 $text-on-deep-purple: map-deep-merge(
   (
-    'base': map-get($shades, 'white'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'white'),
-    'lighten-2': map-get($shades, 'white'),
-    'lighten-1': map-get($shades, 'white'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'white'),
-    'accent-2': map-get($shades, 'white'),
-    'accent-3': map-get($shades, 'white'),
-    'accent-4': map-get($shades, 'white')
+    'base': map.get($shades, 'white'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'white'),
+    'lighten-2': map.get($shades, 'white'),
+    'lighten-1': map.get($shades, 'white'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'white'),
+    'accent-2': map.get($shades, 'white'),
+    'accent-3': map.get($shades, 'white'),
+    'accent-4': map.get($shades, 'white')
   ),
   $text-on-deep-purple
 );
@@ -212,20 +213,20 @@ $indigo: map-deep-merge(
 $text-on-indigo: () !default;
 $text-on-indigo: map-deep-merge(
   (
-    'base': map-get($shades, 'white'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'white'),
-    'lighten-2': map-get($shades, 'white'),
-    'lighten-1': map-get($shades, 'white'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'white'),
-    'accent-2': map-get($shades, 'white'),
-    'accent-3': map-get($shades, 'white'),
-    'accent-4': map-get($shades, 'white')
+    'base': map.get($shades, 'white'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'white'),
+    'lighten-2': map.get($shades, 'white'),
+    'lighten-1': map.get($shades, 'white'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'white'),
+    'accent-2': map.get($shades, 'white'),
+    'accent-3': map.get($shades, 'white'),
+    'accent-4': map.get($shades, 'white')
   ),
   $text-on-indigo
 );
@@ -254,20 +255,20 @@ $blue: map-deep-merge(
 $text-on-blue: () !default;
 $text-on-blue: map-deep-merge(
   (
-    'base': map-get($shades, 'white'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'white'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'white'),
-    'accent-3': map-get($shades, 'white'),
-    'accent-4': map-get($shades, 'white')
+    'base': map.get($shades, 'white'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'black'),
+    'lighten-1': map.get($shades, 'white'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'black'),
+    'accent-2': map.get($shades, 'white'),
+    'accent-3': map.get($shades, 'white'),
+    'accent-4': map.get($shades, 'white')
   ),
   $text-on-blue
 );
@@ -296,20 +297,20 @@ $light-blue: map-deep-merge(
 $text-on-light-blue: () !default;
 $text-on-light-blue: map-deep-merge(
   (
-    'base': map-get($shades, 'white'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'white'),
-    'accent-4': map-get($shades, 'white')
+    'base': map.get($shades, 'white'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'black'),
+    'lighten-1': map.get($shades, 'black'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'black'),
+    'accent-2': map.get($shades, 'black'),
+    'accent-3': map.get($shades, 'white'),
+    'accent-4': map.get($shades, 'white')
   ),
   $text-on-light-blue
 );
@@ -338,20 +339,20 @@ $cyan: map-deep-merge(
 $text-on-cyan: () !default;
 $text-on-cyan: map-deep-merge(
   (
-    'base': map-get($shades, 'black'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
-    'accent-4': map-get($shades, 'white')
+    'base': map.get($shades, 'black'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'black'),
+    'lighten-1': map.get($shades, 'black'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'black'),
+    'accent-2': map.get($shades, 'black'),
+    'accent-3': map.get($shades, 'black'),
+    'accent-4': map.get($shades, 'white')
   ),
   $text-on-cyan
 );
@@ -380,20 +381,20 @@ $teal: map-deep-merge(
 $text-on-teal: () !default;
 $text-on-teal: map-deep-merge(
   (
-    'base': map-get($shades, 'white'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'white'),
-    'lighten-1': map-get($shades, 'white'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
-    'accent-4': map-get($shades, 'white')
+    'base': map.get($shades, 'white'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'white'),
+    'lighten-1': map.get($shades, 'white'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'black'),
+    'accent-2': map.get($shades, 'black'),
+    'accent-3': map.get($shades, 'black'),
+    'accent-4': map.get($shades, 'white')
   ),
   $text-on-teal
 );
@@ -422,20 +423,20 @@ $green: map-deep-merge(
 $text-on-green: () !default;
 $text-on-green: map-deep-merge(
   (
-    'base': map-get($shades, 'white'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'white'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
-    'accent-4': map-get($shades, 'black')
+    'base': map.get($shades, 'white'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'black'),
+    'lighten-1': map.get($shades, 'white'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'black'),
+    'accent-2': map.get($shades, 'black'),
+    'accent-3': map.get($shades, 'black'),
+    'accent-4': map.get($shades, 'black')
   ),
   $text-on-green
 );
@@ -464,20 +465,20 @@ $light-green: map-deep-merge(
 $text-on-light-green: () !default;
 $text-on-light-green: map-deep-merge(
   (
-    'base': map-get($shades, 'black'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
-    'accent-4': map-get($shades, 'black')
+    'base': map.get($shades, 'black'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'black'),
+    'lighten-1': map.get($shades, 'black'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'black'),
+    'accent-2': map.get($shades, 'black'),
+    'accent-3': map.get($shades, 'black'),
+    'accent-4': map.get($shades, 'black')
   ),
   $text-on-light-green
 );
@@ -506,20 +507,20 @@ $lime: map-deep-merge(
 $text-on-lime: () !default;
 $text-on-lime: map-deep-merge(
   (
-    'base': map-get($shades, 'black'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'black'),
-    'darken-2': map-get($shades, 'black'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
-    'accent-4': map-get($shades, 'black')
+    'base': map.get($shades, 'black'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'black'),
+    'lighten-1': map.get($shades, 'black'),
+    'darken-1': map.get($shades, 'black'),
+    'darken-2': map.get($shades, 'black'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'black'),
+    'accent-2': map.get($shades, 'black'),
+    'accent-3': map.get($shades, 'black'),
+    'accent-4': map.get($shades, 'black')
   ),
   $text-on-lime
 );
@@ -548,20 +549,20 @@ $yellow: map-deep-merge(
 $text-on-yellow: () !default;
 $text-on-yellow: map-deep-merge(
   (
-    'base': map-get($shades, 'black'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'black'),
-    'darken-2': map-get($shades, 'black'),
-    'darken-3': map-get($shades, 'black'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
-    'accent-4': map-get($shades, 'black')
+    'base': map.get($shades, 'black'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'black'),
+    'lighten-1': map.get($shades, 'black'),
+    'darken-1': map.get($shades, 'black'),
+    'darken-2': map.get($shades, 'black'),
+    'darken-3': map.get($shades, 'black'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'black'),
+    'accent-2': map.get($shades, 'black'),
+    'accent-3': map.get($shades, 'black'),
+    'accent-4': map.get($shades, 'black')
   ),
   $text-on-yellow
 );
@@ -590,20 +591,20 @@ $amber: map-deep-merge(
 $text-on-amber: () !default;
 $text-on-amber: map-deep-merge(
   (
-    'base': map-get($shades, 'black'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'black'),
-    'darken-2': map-get($shades, 'black'),
-    'darken-3': map-get($shades, 'black'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
-    'accent-4': map-get($shades, 'black')
+    'base': map.get($shades, 'black'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'black'),
+    'lighten-1': map.get($shades, 'black'),
+    'darken-1': map.get($shades, 'black'),
+    'darken-2': map.get($shades, 'black'),
+    'darken-3': map.get($shades, 'black'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'black'),
+    'accent-2': map.get($shades, 'black'),
+    'accent-3': map.get($shades, 'black'),
+    'accent-4': map.get($shades, 'black')
   ),
   $text-on-amber
 );
@@ -632,20 +633,20 @@ $orange: map-deep-merge(
 $text-on-orange: () !default;
 $text-on-orange: map-deep-merge(
   (
-    'base': map-get($shades, 'black'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
-    'accent-4': map-get($shades, 'white')
+    'base': map.get($shades, 'black'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'black'),
+    'lighten-1': map.get($shades, 'black'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'black'),
+    'accent-2': map.get($shades, 'black'),
+    'accent-3': map.get($shades, 'black'),
+    'accent-4': map.get($shades, 'white')
   ),
   $text-on-orange
 );
@@ -674,20 +675,20 @@ $deep-orange: map-deep-merge(
 $text-on-deep-orange: () !default;
 $text-on-deep-orange: map-deep-merge(
   (
-    'base': map-get($shades, 'white'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'white'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'white'),
-    'accent-3': map-get($shades, 'white'),
-    'accent-4': map-get($shades, 'white')
+    'base': map.get($shades, 'white'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'black'),
+    'lighten-1': map.get($shades, 'white'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white'),
+    'accent-1': map.get($shades, 'black'),
+    'accent-2': map.get($shades, 'white'),
+    'accent-3': map.get($shades, 'white'),
+    'accent-4': map.get($shades, 'white')
   ),
   $text-on-deep-orange
 );
@@ -712,16 +713,16 @@ $brown: map-deep-merge(
 $text-on-brown: () !default;
 $text-on-brown: map-deep-merge(
   (
-    'base': map-get($shades, 'white'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'white'),
-    'lighten-1': map-get($shades, 'white'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white')
+    'base': map.get($shades, 'white'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'white'),
+    'lighten-1': map.get($shades, 'white'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white')
   ),
   $text-on-brown
 );
@@ -746,16 +747,16 @@ $blue-grey: map-deep-merge(
 $text-on-blue-grey: () !default;
 $text-on-blue-grey: map-deep-merge(
   (
-    'base': map-get($shades, 'white'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'white'),
-    'lighten-1': map-get($shades, 'white'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white')
+    'base': map.get($shades, 'white'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'white'),
+    'lighten-1': map.get($shades, 'white'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white')
   ),
   $text-on-blue-grey
 );
@@ -780,16 +781,16 @@ $grey: map-deep-merge(
 $text-on-grey: () !default;
 $text-on-grey: map-deep-merge(
   (
-    'base': map-get($shades, 'white'),
-    'lighten-5': map-get($shades, 'black'),
-    'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'white'),
-    'darken-2': map-get($shades, 'white'),
-    'darken-3': map-get($shades, 'white'),
-    'darken-4': map-get($shades, 'white')
+    'base': map.get($shades, 'white'),
+    'lighten-5': map.get($shades, 'black'),
+    'lighten-4': map.get($shades, 'black'),
+    'lighten-3': map.get($shades, 'black'),
+    'lighten-2': map.get($shades, 'black'),
+    'lighten-1': map.get($shades, 'black'),
+    'darken-1': map.get($shades, 'white'),
+    'darken-2': map.get($shades, 'white'),
+    'darken-3': map.get($shades, 'white'),
+    'darken-4': map.get($shades, 'white')
   ),
   $text-on-grey
 );
diff --git a/packages/vuetify/src/styles/utilities/_display.sass b/packages/vuetify/src/styles/utilities/_display.sass
index d30de6c7e3d..6bd68bf40d8 100644
--- a/packages/vuetify/src/styles/utilities/_display.sass
+++ b/packages/vuetify/src/styles/utilities/_display.sass
@@ -1,7 +1,8 @@
+@use 'sass:list'
 @use '../settings'
 @use '../tools'
 
-@if (settings.$utilities != false and length(settings.$utilities) > 0)
+@if (settings.$utilities != false and list.length(settings.$utilities) > 0)
   @include tools.layer('utilities')
     @each $size, $media_query in settings.$display-breakpoints
       .hidden
diff --git a/packages/vuetify/src/styles/utilities/_elevation.scss b/packages/vuetify/src/styles/utilities/_elevation.scss
index 37cdefb0b6e..3e72d408e2a 100644
--- a/packages/vuetify/src/styles/utilities/_elevation.scss
+++ b/packages/vuetify/src/styles/utilities/_elevation.scss
@@ -1,7 +1,8 @@
+@use 'sass:list';
 @use '../tools';
 @use '../settings';
 
-@if (settings.$utilities != false and length(settings.$utilities) > 0) {
+@if (settings.$utilities != false and list.length(settings.$utilities) > 0) {
   @include tools.layer('utilities') {
     $z: 24;
     @while $z >= 0 {
diff --git a/packages/vuetify/src/styles/utilities/_screenreaders.sass b/packages/vuetify/src/styles/utilities/_screenreaders.sass
index 7a443976e9f..aa0273f931f 100644
--- a/packages/vuetify/src/styles/utilities/_screenreaders.sass
+++ b/packages/vuetify/src/styles/utilities/_screenreaders.sass
@@ -1,8 +1,9 @@
 // Source: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
+@use 'sass:list'
 @use '../settings'
 @use '../tools'
 
-@if (settings.$utilities != false and length(settings.$utilities) > 0)
+@if (settings.$utilities != false and list.length(settings.$utilities) > 0)
   @include tools.layer('utilities')
     .d-sr-only,
     .d-sr-only-focusable:not(:focus)
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c01138f480f..3db693197da 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -118,7 +118,7 @@ importers:
         version: 9.24.1(eslint@8.57.0)
       eslint-plugin-vuetify:
         specifier: ^2.3.0
-        version: 2.3.0(eslint@8.57.0)(vuetify@3.7.1(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4)))
+        version: 2.3.0(eslint@8.57.0)(vuetify@3.7.2(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4)))
       glob:
         specifier: ^11.0.0
         version: 11.0.0
@@ -144,11 +144,11 @@ importers:
         specifier: ^5.0.5
         version: 5.0.5
       sass:
-        specifier: ^1.77.8
-        version: 1.77.8
+        specifier: ^1.80.1
+        version: 1.80.1
       sass-embedded:
-        specifier: ^1.77.8
-        version: 1.77.8
+        specifier: ^1.80.1
+        version: 1.80.1
       semver:
         specifier: ^7.6.0
         version: 7.6.3
@@ -166,10 +166,10 @@ importers:
         version: 2.0.1
       vite-plugin-inspect:
         specifier: ^0.8.3
-        version: 0.8.3(rollup@4.21.2)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+        version: 0.8.3(rollup@4.21.2)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       vite-plugin-warmup:
         specifier: ^0.1.0
-        version: 0.1.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+        version: 0.1.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       vue:
         specifier: ^3.4.27
         version: 3.4.27(typescript@5.5.4)
@@ -327,10 +327,10 @@ importers:
         version: 1.26.3
       '@vitejs/plugin-basic-ssl':
         specifier: ^1.1.0
-        version: 1.1.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+        version: 1.1.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       '@vitejs/plugin-vue':
         specifier: ^5.0.4
-        version: 5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))
+        version: 5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))
       '@vue/compiler-sfc':
         specifier: ^3.4.27
         version: 3.4.27
@@ -339,7 +339,7 @@ importers:
         version: link:../api-generator
       '@yankeeinlondon/builder-api':
         specifier: ^1.4.1
-        version: 1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+        version: 1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       ajv:
         specifier: ^8.12.0
         version: 8.17.1
@@ -402,28 +402,28 @@ importers:
         version: 0.17.5(rollup@4.21.2)
       unplugin-fonts:
         specifier: 1.0.3
-        version: 1.0.3(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+        version: 1.0.3(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       unplugin-vue-components:
         specifier: ^0.27.4
         version: 0.27.4(@babel/parser@7.25.6)(rollup@4.21.2)(vue@3.4.27(typescript@5.5.4))
       vite:
         specifier: ^5.4.3
-        version: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+        version: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
       vite-plugin-md:
         specifier: ^0.21.5
-        version: 0.21.5(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+        version: 0.21.5(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       vite-plugin-pages:
         specifier: ^0.32.1
-        version: 0.32.1(@vue/compiler-sfc@3.4.27)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+        version: 0.32.1(@vue/compiler-sfc@3.4.27)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       vite-plugin-pwa:
         specifier: ^0.17.4
-        version: 0.17.5(@types/babel__core@7.1.19)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+        version: 0.17.5(@types/babel__core@7.1.19)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       vite-plugin-vue-layouts:
         specifier: ^0.11.0
-        version: 0.11.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.5.4)))(vue@3.4.27(typescript@5.5.4))
+        version: 0.11.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.5.4)))(vue@3.4.27(typescript@5.5.4))
       vite-plugin-vuetify:
         specifier: ^2.0.4
-        version: 2.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))(vuetify@packages+vuetify)
+        version: 2.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))(vuetify@packages+vuetify)
       vue-tsc:
         specifier: ^2.0.29
         version: 2.0.29(typescript@5.5.4)
@@ -486,16 +486,16 @@ importers:
         version: 0.1.11
       '@vitejs/plugin-vue':
         specifier: ^5.0.4
-        version: 5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))
+        version: 5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))
       '@vitejs/plugin-vue-jsx':
         specifier: ^3.1.0
-        version: 3.1.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))
+        version: 3.1.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))
       '@vitest/browser':
         specifier: ^2.1.1
-        version: 2.1.1(typescript@5.5.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vitest@2.1.1)(webdriverio@8.40.5(encoding@0.1.13))
+        version: 2.1.1(typescript@5.5.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vitest@2.1.1)(webdriverio@8.40.5(encoding@0.1.13))
       '@vitest/coverage-v8':
         specifier: ^2.1.1
-        version: 2.1.1(@vitest/browser@2.1.1(typescript@5.5.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vitest@2.1.1)(webdriverio@8.40.5(encoding@0.1.13)))(vitest@2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+        version: 2.1.1(@vitest/browser@2.1.1(typescript@5.5.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vitest@2.1.1)(webdriverio@8.40.5(encoding@0.1.13)))(vitest@2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       '@vitest/ui':
         specifier: ^2.1.1
         version: 2.1.1(vitest@2.1.1)
@@ -549,7 +549,7 @@ importers:
         version: 28.7.0(@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.5.4))(eslint@8.57.0)(typescript@5.5.4))(eslint@8.57.0)(jest@28.1.3(@types/node@22.5.4))(typescript@5.5.4)
       eslint-plugin-vitest:
         specifier: 0.4.1
-        version: 0.4.1(@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.5.4))(eslint@8.57.0)(typescript@5.5.4))(eslint@8.57.0)(typescript@5.5.4)(vitest@2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+        version: 0.4.1(@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.5.4))(eslint@8.57.0)(typescript@5.5.4))(eslint@8.57.0)(typescript@5.5.4)(vitest@2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       expect:
         specifier: ^28.1.3
         version: 28.1.3
@@ -600,13 +600,13 @@ importers:
         version: 2.0.1
       vite:
         specifier: ^5.4.3
-        version: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+        version: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
       vite-ssr:
         specifier: ^0.17.1
-        version: 0.17.1(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(@vueuse/head@1.3.1(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(rollup@3.29.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.5.4)))(vue@3.4.27(typescript@5.5.4))
+        version: 0.17.1(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(@vueuse/head@1.3.1(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(rollup@3.29.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.5.4)))(vue@3.4.27(typescript@5.5.4))
       vitest:
         specifier: ^2.1.1
-        version: 2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+        version: 2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
       vue-i18n:
         specifier: ^9.7.1
         version: 9.11.1(vue@3.4.27(typescript@5.5.4))
@@ -1302,8 +1302,8 @@ packages:
   '@bcoe/v8-coverage@0.2.3':
     resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
 
-  '@bufbuild/protobuf@1.10.0':
-    resolution: {integrity: sha512-QDdVFLoN93Zjg36NoQPZfsVH9tZew7wKDKyV5qRdj8ntT4wQCOradQjRaTdwMhWUYsgKsvCINKKm87FdEk96Ag==}
+  '@bufbuild/protobuf@2.2.0':
+    resolution: {integrity: sha512-+imAQkHf7U/Rwvu0wk1XWgsP3WnpCWmK7B48f0XqSNzgk64+grljTKC7pnO/xBiEMUziF7vKRfbBnOQhg126qQ==}
 
   '@bundled-es-modules/cookie@2.0.0':
     resolution: {integrity: sha512-Or6YHg/kamKHpxULAdSqhGqnWFneIXu1NKvvfBBzKGwpVsYuFIQ5aBPHDnnoR3ghW1nvSkALd+EF9iMtY7Vjxw==}
@@ -2163,6 +2163,82 @@ packages:
   '@open-draft/until@2.1.0':
     resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==}
 
+  '@parcel/watcher-android-arm64@2.4.1':
+    resolution: {integrity: sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  '@parcel/watcher-darwin-arm64@2.4.1':
+    resolution: {integrity: sha512-ln41eihm5YXIY043vBrrHfn94SIBlqOWmoROhsMVTSXGh0QahKGy77tfEywQ7v3NywyxBBkGIfrWRHm0hsKtzA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@parcel/watcher-darwin-x64@2.4.1':
+    resolution: {integrity: sha512-yrw81BRLjjtHyDu7J61oPuSoeYWR3lDElcPGJyOvIXmor6DEo7/G2u1o7I38cwlcoBHQFULqF6nesIX3tsEXMg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@parcel/watcher-freebsd-x64@2.4.1':
+    resolution: {integrity: sha512-TJa3Pex/gX3CWIx/Co8k+ykNdDCLx+TuZj3f3h7eOjgpdKM+Mnix37RYsYU4LHhiYJz3DK5nFCCra81p6g050w==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@parcel/watcher-linux-arm-glibc@2.4.1':
+    resolution: {integrity: sha512-4rVYDlsMEYfa537BRXxJ5UF4ddNwnr2/1O4MHM5PjI9cvV2qymvhwZSFgXqbS8YoTk5i/JR0L0JDs69BUn45YA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  '@parcel/watcher-linux-arm64-glibc@2.4.1':
+    resolution: {integrity: sha512-BJ7mH985OADVLpbrzCLgrJ3TOpiZggE9FMblfO65PlOCdG++xJpKUJ0Aol74ZUIYfb8WsRlUdgrZxKkz3zXWYA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@parcel/watcher-linux-arm64-musl@2.4.1':
+    resolution: {integrity: sha512-p4Xb7JGq3MLgAfYhslU2SjoV9G0kI0Xry0kuxeG/41UfpjHGOhv7UoUDAz/jb1u2elbhazy4rRBL8PegPJFBhA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@parcel/watcher-linux-x64-glibc@2.4.1':
+    resolution: {integrity: sha512-s9O3fByZ/2pyYDPoLM6zt92yu6P4E39a03zvO0qCHOTjxmt3GHRMLuRZEWhWLASTMSrrnVNWdVI/+pUElJBBBg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@parcel/watcher-linux-x64-musl@2.4.1':
+    resolution: {integrity: sha512-L2nZTYR1myLNST0O632g0Dx9LyMNHrn6TOt76sYxWLdff3cB22/GZX2UPtJnaqQPdCRoszoY5rcOj4oMTtp5fQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@parcel/watcher-win32-arm64@2.4.1':
+    resolution: {integrity: sha512-Uq2BPp5GWhrq/lcuItCHoqxjULU1QYEcyjSO5jqqOK8RNFDBQnenMMx4gAl3v8GiWa59E9+uDM7yZ6LxwUIfRg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@parcel/watcher-win32-ia32@2.4.1':
+    resolution: {integrity: sha512-maNRit5QQV2kgHFSYwftmPBxiuK5u4DXjbXx7q6eKjq5dsLXZ4FJiVvlcw35QXzk0KrUecJmuVFbj4uV9oYrcw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@parcel/watcher-win32-x64@2.4.1':
+    resolution: {integrity: sha512-+DvS92F9ezicfswqrvIRM2njcYJbd5mb9CUgtrHCHmvn7pPPa+nMDRu1o1bYYz/l5IB2NVGNJWiH7h1E58IF2A==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@parcel/watcher@2.4.1':
+    resolution: {integrity: sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==}
+    engines: {node: '>= 10.0.0'}
+
   '@percy/cli-app@1.29.3':
     resolution: {integrity: sha512-7yGEDFIRLMsJ6nzl6aMem9nMj5rfkxODEQIciuIcuao5ZD1x23KhuN3u4QLLwQFOFgy7h4WAePnUTCR6ZtpGCQ==}
     engines: {node: '>=14'}
@@ -3545,6 +3621,10 @@ packages:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
 
+  chokidar@4.0.1:
+    resolution: {integrity: sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==}
+    engines: {node: '>= 14.16.0'}
+
   chownr@2.0.0:
     resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
     engines: {node: '>=10'}
@@ -3651,6 +3731,9 @@ packages:
   colord@2.9.3:
     resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
 
+  colorjs.io@0.5.2:
+    resolution: {integrity: sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==}
+
   columnify@1.6.0:
     resolution: {integrity: sha512-lomjuFZKfM6MSAnV9aCZC9sc0qGbmZdfygNv+nCpqVkSKdCxCklLtd16O0EILGkImHw9ZpHkAnHaB+8Zxq5W6Q==}
     engines: {node: '>=8.0.0'}
@@ -4213,6 +4296,11 @@ packages:
     resolution: {integrity: sha512-rlpvsxUtM0PQvy9iZe640/IWwWYyBsTApREbA1pHOpmOUIl9MkP/U4z7vTtg4Oaojvqhxt7sdufnT0EzGaR31g==}
     engines: {node: '>=4'}
 
+  detect-libc@1.0.3:
+    resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
   detect-newline@3.1.0:
     resolution: {integrity: sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==}
     engines: {node: '>=8'}
@@ -4581,6 +4669,7 @@ packages:
   eslint@8.57.0:
     resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
 
   espree@9.6.1:
@@ -6445,6 +6534,9 @@ packages:
   node-addon-api@3.2.1:
     resolution: {integrity: sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==}
 
+  node-addon-api@7.1.1:
+    resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
+
   node-domexception@1.0.0:
     resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
     engines: {node: '>=10.5.0'}
@@ -7355,6 +7447,10 @@ packages:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
 
+  readdirp@4.0.2:
+    resolution: {integrity: sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==}
+    engines: {node: '>= 14.16.0'}
+
   rechoir@0.6.2:
     resolution: {integrity: sha512-HFM8rkZ+i3zrV+4LQjwQ0W+ez98pApMGM3HUrN04j3CqzPOzl9nmP15Y8YXNm8QHGv/eacOVEjqhmWpkRV0NAw==}
     engines: {node: '>= 0.10'}
@@ -7604,127 +7700,133 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  sass-embedded-android-arm64@1.77.8:
-    resolution: {integrity: sha512-EmWHLbEx0Zo/f/lTFzMeH2Du+/I4RmSRlEnERSUKQWVp3aBSO04QDvdxfFezgQ+2Yt/ub9WMqBpma9P/8MPsLg==}
+  sass-embedded-android-arm64@1.80.1:
+    resolution: {integrity: sha512-AjWjEtyvOLs9fIVvR2mHtRy2/OB/IzUGBYjOqGozU2BUC6acnuRmqLrKwprmZxTL7DDgQRoT/gtoo9wdtHHoEg==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [android]
-    hasBin: true
 
-  sass-embedded-android-arm@1.77.8:
-    resolution: {integrity: sha512-GpGL7xZ7V1XpFbnflib/NWbM0euRzineK0iwoo31/ntWKAXGj03iHhGzkSiOwWSFcXgsJJi3eRA5BTmBvK5Q+w==}
+  sass-embedded-android-arm@1.80.1:
+    resolution: {integrity: sha512-XvUHgUN98IZFu7tb1xc15Q/VdtaYXUnkse1n4xHQSohIOzm0TytJDmUpSkMAEFFd+iBQBxyWc40rj6IPXQH/RA==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [android]
-    hasBin: true
 
-  sass-embedded-android-ia32@1.77.8:
-    resolution: {integrity: sha512-+GjfJ3lDezPi4dUUyjQBxlNKXNa+XVWsExtGvVNkv1uKyaOxULJhubVo2G6QTJJU0esJdfeXf5Ca5/J0ph7+7w==}
+  sass-embedded-android-ia32@1.80.1:
+    resolution: {integrity: sha512-gzrlN2juF8F09zS3JqTBnc7Fq7ydIkXHeR8z4XVVpy2PTDLqOM0+HyVTJGOdRgJFWmMkl7BzD5c+pl8pW/EI7Q==}
     engines: {node: '>=14.0.0'}
     cpu: [ia32]
     os: [android]
-    hasBin: true
 
-  sass-embedded-android-x64@1.77.8:
-    resolution: {integrity: sha512-YZbFDzGe5NhaMCygShqkeCWtzjhkWxGVunc7ULR97wmxYPQLPeVyx7XFQZc84Aj0lKAJBJS4qRZeqphMqZEJsQ==}
+  sass-embedded-android-riscv64@1.80.1:
+    resolution: {integrity: sha512-pFivqYfibQlno2Uc6I/YVeCFDpr4ltvv1mcIHQ0IL0u4+PqxKJXONGBOcRMAPFEQKDEiIUDml40HB+i5q9PUhg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [riscv64]
+    os: [android]
+
+  sass-embedded-android-x64@1.80.1:
+    resolution: {integrity: sha512-v4wHQ/bNV/s/ZWe3eYkkW8cEUao0woW5EBIzRZLtY0MOdIPnomum8uH+rRP3YGOQrawegjiDP8O9Fb+nhWYXVw==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [android]
-    hasBin: true
 
-  sass-embedded-darwin-arm64@1.77.8:
-    resolution: {integrity: sha512-aifgeVRNE+i43toIkDFFJc/aPLMo0PJ5s5hKb52U+oNdiJE36n65n2L8F/8z3zZRvCa6eYtFY2b7f1QXR3B0LA==}
+  sass-embedded-darwin-arm64@1.80.1:
+    resolution: {integrity: sha512-CcY0FfzrnEkmWWevTEaEfZTRzWGHpz3aGFqNoRmkqrWrZYdiRqnr6PFHQJLugM76IoX1SfU2r8lXz25WKOzEBw==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [darwin]
-    hasBin: true
 
-  sass-embedded-darwin-x64@1.77.8:
-    resolution: {integrity: sha512-/VWZQtcWIOek60Zj6Sxk6HebXA1Qyyt3sD8o5qwbTgZnKitB1iEBuNunyGoAgMNeUz2PRd6rVki6hvbas9hQ6w==}
+  sass-embedded-darwin-x64@1.80.1:
+    resolution: {integrity: sha512-kaoww70nI8/7dCGRY4JTMEZYGTxBvqGZni1CWhBOZBTE/w1GH+1z6XGw7klVzGyw0Ysxms+abAMd8fVdCzUTzg==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [darwin]
-    hasBin: true
 
-  sass-embedded-linux-arm64@1.77.8:
-    resolution: {integrity: sha512-6iIOIZtBFa2YfMsHqOb3qake3C9d/zlKxjooKKnTSo+6g6z+CLTzMXe1bOfayb7yxeenElmFoK1k54kWD/40+g==}
+  sass-embedded-linux-arm64@1.80.1:
+    resolution: {integrity: sha512-jEn24I5MaVMgj6Tb3EzkIxIoKVvTE1lr0021N5Tv5zeG7cZCPrRO5+JplQnmwMm3i22PqYvJjhSCJ18URJPqrQ==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
-    hasBin: true
 
-  sass-embedded-linux-arm@1.77.8:
-    resolution: {integrity: sha512-2edZMB6jf0whx3T0zlgH+p131kOEmWp+I4wnKj7ZMUeokiY4Up05d10hSvb0Q63lOrSjFAWu6P5/pcYUUx8arQ==}
+  sass-embedded-linux-arm@1.80.1:
+    resolution: {integrity: sha512-6WGgcO/3bw8s2yB0TP6V4S3tCTq94bhGiSM93Xw8mr0cVPxR/VoUBeIvGdAmRKBmJiGlcJcdAbNcLGtyr7eF6w==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
-    hasBin: true
 
-  sass-embedded-linux-ia32@1.77.8:
-    resolution: {integrity: sha512-63GsFFHWN5yRLTWiSef32TM/XmjhCBx1DFhoqxmj+Yc6L9Z1h0lDHjjwdG6Sp5XTz5EmsaFKjpDgnQTP9hJX3Q==}
+  sass-embedded-linux-ia32@1.80.1:
+    resolution: {integrity: sha512-EXjSErbGxlpRWfro1fjqTACA6y/AN39LeqyL9FdM7ImGozpHbTllMkciM7wj8mZ0Rk8XLDMnvB53kYfgnjtzRA==}
     engines: {node: '>=14.0.0'}
     cpu: [ia32]
     os: [linux]
-    hasBin: true
 
-  sass-embedded-linux-musl-arm64@1.77.8:
-    resolution: {integrity: sha512-j8cgQxNWecYK+aH8ESFsyam/Q6G+9gg8eJegiRVpA9x8yk3ykfHC7UdQWwUcF22ZcuY4zegrjJx8k+thsgsOVA==}
+  sass-embedded-linux-musl-arm64@1.80.1:
+    resolution: {integrity: sha512-uONMRDG1VgZYoyezncPw8i8T93qUyIoNAGoKGO2ZnuAtXwjBGWtEAdN5Xf2LnmJTyTFlLHDUZs8OHLTA958oVg==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  sass-embedded-linux-musl-arm@1.77.8:
-    resolution: {integrity: sha512-nFkhSl3uu9btubm+JBW7uRglNVJ8W8dGfzVqh3fyQJKS1oyBC3vT3VOtfbT9YivXk28wXscSHpqXZwY7bUuopA==}
+  sass-embedded-linux-musl-arm@1.80.1:
+    resolution: {integrity: sha512-XR75p54m/NLKEcFMfUacqDTcbjr0gB1KaVwCoTsk3knbtcDfQDJNVnp5A48gu32yZXcDpGjNX+g8pUzQrKof3g==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
 
-  sass-embedded-linux-musl-ia32@1.77.8:
-    resolution: {integrity: sha512-oWveMe+8TFlP8WBWPna/+Ec5TV0CE+PxEutyi0ltSruBds2zxRq9dPVOqrpPcDN9QUx50vNZC0Afgch0aQEd0g==}
+  sass-embedded-linux-musl-ia32@1.80.1:
+    resolution: {integrity: sha512-4/2UUcSXxmvlr/HlOwa9m/DcljNFs1pcuoIAlY53f1WCd1JYGrqPUqlqGYGHCV9wuRHs1Pi1FHSBXAezyg3++w==}
     engines: {node: '>=14.0.0'}
     cpu: [ia32]
     os: [linux]
 
-  sass-embedded-linux-musl-x64@1.77.8:
-    resolution: {integrity: sha512-2NtRpMXHeFo9kaYxuZ+Ewwo39CE7BTS2JDfXkTjZTZqd8H+8KC53eBh516YQnn2oiqxSiKxm7a6pxbxGZGwXOQ==}
+  sass-embedded-linux-musl-riscv64@1.80.1:
+    resolution: {integrity: sha512-wrh98HrCQQIVI12P3NkeGFTRrK6SuIDUHsYrumK3yCR8GdYIjbt8/Ij3nvrkTTrh03/1dNJIAYi/2svAFenJoQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [riscv64]
+    os: [linux]
+
+  sass-embedded-linux-musl-x64@1.80.1:
+    resolution: {integrity: sha512-JOF/SjJYY5rEjyozS0sTRiIqIDZKFaZiBfJYP/z9yU7VHT9cd6XAxQ2iOkGSNO7cWInSFSit1kmSK50k3Ghm9A==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
 
-  sass-embedded-linux-x64@1.77.8:
-    resolution: {integrity: sha512-ND5qZLWUCpOn7LJfOf0gLSZUWhNIysY+7NZK1Ctq+pM6tpJky3JM5I1jSMplNxv5H3o8p80n0gSm+fcjsEFfjQ==}
+  sass-embedded-linux-riscv64@1.80.1:
+    resolution: {integrity: sha512-DSX54EubX7Jh00J/hQO8L3WXQ1ynTm0K06GE/iildyy7nxjvF2KUkWKZDLKv56pLwevcRZR1iLXkdJUG92GWyg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [riscv64]
+    os: [linux]
+
+  sass-embedded-linux-x64@1.80.1:
+    resolution: {integrity: sha512-v/5UDLV7+g1x8EwfIMYAADfWL5aiuxjP+4hW/arMEU9DaXPofymvZOnpLhylYyVduIDAMsj4BgIn9g0vA5ErQw==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
-    hasBin: true
 
-  sass-embedded-win32-arm64@1.77.8:
-    resolution: {integrity: sha512-7L8zT6xzEvTYj86MvUWnbkWYCNQP+74HvruLILmiPPE+TCgOjgdi750709BtppVJGGZSs40ZuN6mi/YQyGtwXg==}
+  sass-embedded-win32-arm64@1.80.1:
+    resolution: {integrity: sha512-81f+X4sIsiQS8ynpYH0sARA0st1LzTuM88OU18Th19oNblSWcaXSQ8lxljwzNPvHcWx/FLPdgIoGW1Wzx3MeoA==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [win32]
-    hasBin: true
 
-  sass-embedded-win32-ia32@1.77.8:
-    resolution: {integrity: sha512-7Buh+4bP0WyYn6XPbthkIa3M2vtcR8QIsFVg3JElVlr+8Ng19jqe0t0SwggDgbMX6AdQZC+Wj4F1BprZSok42A==}
+  sass-embedded-win32-ia32@1.80.1:
+    resolution: {integrity: sha512-VYSQyySBj3excFUytRBXjAHww75810+dOYFcBkSRupx04nCQwQm0avYqcjQfYl+eNzS4oNeEAQvhTRk8HHNDGg==}
     engines: {node: '>=14.0.0'}
     cpu: [ia32]
     os: [win32]
-    hasBin: true
 
-  sass-embedded-win32-x64@1.77.8:
-    resolution: {integrity: sha512-rZmLIx4/LLQm+4GW39sRJW0MIlDqmyV0fkRzTmhFP5i/wVC7cuj8TUubPHw18rv2rkHFfBZKZJTCkPjCS5Z+SA==}
+  sass-embedded-win32-x64@1.80.1:
+    resolution: {integrity: sha512-EtrqZckPgVSGH/rQxY7jdcX3wqltS1uzp2YEV7VAn27iwoDwThTmslQgpfWUFLVyaIjqgUjx58GJkHu020J19g==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [win32]
-    hasBin: true
 
-  sass-embedded@1.77.8:
-    resolution: {integrity: sha512-WGXA6jcaoBo5Uhw0HX/s6z/sl3zyYQ7ZOnLOJzqwpctFcFmU4L07zn51e2VSkXXFpQZFAdMZNqOGz/7h/fvcRA==}
+  sass-embedded@1.80.1:
+    resolution: {integrity: sha512-FQiaiA2Bc1a3/nXdl9cAz19cKKcW5uU+k1JUWx5Tt1UcSYmV0B+5V0GDHwtyF7UeCuoBMRl3B3LxQ6n317HLYQ==}
     engines: {node: '>=16.0.0'}
+    hasBin: true
 
-  sass@1.77.8:
-    resolution: {integrity: sha512-4UHg6prsrycW20fqLGPShtEvo/WyHRVRHwOP4DzkUrObWoWI05QBSfzU71TVB7PFaL104TwNaHpjlWXAZbQiNQ==}
+  sass@1.80.1:
+    resolution: {integrity: sha512-9lBwDZ7j3y/1DKj5Ec249EVGo5CVpwnzIyIj+cqlCjKkApLnzsJ/l9SnV4YnORvW9dQwQN+gQvh/mFZ8CnDs7Q==}
     engines: {node: '>=14.0.0'}
     hasBin: true
 
@@ -8908,8 +9010,8 @@ packages:
       typescript:
         optional: true
 
-  vuetify@3.7.1:
-    resolution: {integrity: sha512-N1XlczbgeGt/O+JUk72QPrqcDaRIXUdptUciJqGyTvZ9cfMoSlEWs6TZO+dOOfXbKvmIMFMycYg4dgSHDpCPhg==}
+  vuetify@3.7.2:
+    resolution: {integrity: sha512-q0WTcRG977+a9Dqhb8TOaPm+Xmvj0oVhnBJhAdHWFSov3HhHTTxlH2nXP/GBTXZuuMHDbBeIWFuUR2/1Fx0PPw==}
     engines: {node: ^12.20 || >=14.13}
     peerDependencies:
       typescript: '>=4.7'
@@ -10146,7 +10248,7 @@ snapshots:
 
   '@bcoe/v8-coverage@0.2.3': {}
 
-  '@bufbuild/protobuf@1.10.0': {}
+  '@bufbuild/protobuf@2.2.0': {}
 
   '@bundled-es-modules/cookie@2.0.0':
     dependencies:
@@ -11191,6 +11293,62 @@ snapshots:
 
   '@open-draft/until@2.1.0': {}
 
+  '@parcel/watcher-android-arm64@2.4.1':
+    optional: true
+
+  '@parcel/watcher-darwin-arm64@2.4.1':
+    optional: true
+
+  '@parcel/watcher-darwin-x64@2.4.1':
+    optional: true
+
+  '@parcel/watcher-freebsd-x64@2.4.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm-glibc@2.4.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-glibc@2.4.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-musl@2.4.1':
+    optional: true
+
+  '@parcel/watcher-linux-x64-glibc@2.4.1':
+    optional: true
+
+  '@parcel/watcher-linux-x64-musl@2.4.1':
+    optional: true
+
+  '@parcel/watcher-win32-arm64@2.4.1':
+    optional: true
+
+  '@parcel/watcher-win32-ia32@2.4.1':
+    optional: true
+
+  '@parcel/watcher-win32-x64@2.4.1':
+    optional: true
+
+  '@parcel/watcher@2.4.1':
+    dependencies:
+      detect-libc: 1.0.3
+      is-glob: 4.0.3
+      micromatch: 4.0.8
+      node-addon-api: 7.1.1
+    optionalDependencies:
+      '@parcel/watcher-android-arm64': 2.4.1
+      '@parcel/watcher-darwin-arm64': 2.4.1
+      '@parcel/watcher-darwin-x64': 2.4.1
+      '@parcel/watcher-freebsd-x64': 2.4.1
+      '@parcel/watcher-linux-arm-glibc': 2.4.1
+      '@parcel/watcher-linux-arm64-glibc': 2.4.1
+      '@parcel/watcher-linux-arm64-musl': 2.4.1
+      '@parcel/watcher-linux-x64-glibc': 2.4.1
+      '@parcel/watcher-linux-x64-musl': 2.4.1
+      '@parcel/watcher-win32-arm64': 2.4.1
+      '@parcel/watcher-win32-ia32': 2.4.1
+      '@parcel/watcher-win32-x64': 2.4.1
+
   '@percy/cli-app@1.29.3(typescript@5.5.4)':
     dependencies:
       '@percy/cli-command': 1.29.3(typescript@5.5.4)
@@ -11912,36 +12070,36 @@ snapshots:
       unhead: 1.9.4
       vue: 3.4.27(typescript@5.5.4)
 
-  '@vitejs/plugin-basic-ssl@1.1.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))':
+  '@vitejs/plugin-basic-ssl@1.1.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))':
     dependencies:
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
 
-  '@vitejs/plugin-vue-jsx@3.1.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))':
+  '@vitejs/plugin-vue-jsx@3.1.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/plugin-transform-typescript': 7.25.2(@babel/core@7.25.2)
       '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.25.2)
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
       vue: 3.4.27(typescript@5.5.4)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))':
+  '@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))':
     dependencies:
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
       vue: 3.4.27(typescript@5.5.4)
 
-  '@vitest/browser@2.1.1(typescript@5.5.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vitest@2.1.1)(webdriverio@8.40.5(encoding@0.1.13))':
+  '@vitest/browser@2.1.1(typescript@5.5.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vitest@2.1.1)(webdriverio@8.40.5(encoding@0.1.13))':
     dependencies:
       '@testing-library/dom': '@vuetify/testing-library-dom@1.0.2'
       '@testing-library/user-event': 14.5.2(@vuetify/testing-library-dom@1.0.2)
-      '@vitest/mocker': 2.1.1(msw@2.4.2(typescript@5.5.4))(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+      '@vitest/mocker': 2.1.1(msw@2.4.2(typescript@5.5.4))(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       '@vitest/utils': 2.1.1
       magic-string: 0.30.11
       msw: 2.4.2(typescript@5.5.4)
       sirv: 2.0.4
       tinyrainbow: 1.2.0
-      vitest: 2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vitest: 2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
       ws: 8.18.0
     optionalDependencies:
       webdriverio: 8.40.5(encoding@0.1.13)
@@ -11952,7 +12110,7 @@ snapshots:
       - utf-8-validate
       - vite
 
-  '@vitest/coverage-v8@2.1.1(@vitest/browser@2.1.1(typescript@5.5.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vitest@2.1.1)(webdriverio@8.40.5(encoding@0.1.13)))(vitest@2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))':
+  '@vitest/coverage-v8@2.1.1(@vitest/browser@2.1.1(typescript@5.5.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vitest@2.1.1)(webdriverio@8.40.5(encoding@0.1.13)))(vitest@2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 0.2.3
@@ -11966,9 +12124,9 @@ snapshots:
       std-env: 3.7.0
       test-exclude: 7.0.1
       tinyrainbow: 1.2.0
-      vitest: 2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vitest: 2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
     optionalDependencies:
-      '@vitest/browser': 2.1.1(typescript@5.5.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vitest@2.1.1)(webdriverio@8.40.5(encoding@0.1.13))
+      '@vitest/browser': 2.1.1(typescript@5.5.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vitest@2.1.1)(webdriverio@8.40.5(encoding@0.1.13))
     transitivePeerDependencies:
       - supports-color
 
@@ -11979,14 +12137,14 @@ snapshots:
       chai: 5.1.1
       tinyrainbow: 1.2.0
 
-  '@vitest/mocker@2.1.1(msw@2.4.2(typescript@5.5.4))(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))':
+  '@vitest/mocker@2.1.1(msw@2.4.2(typescript@5.5.4))(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))':
     dependencies:
       '@vitest/spy': 2.1.1
       estree-walker: 3.0.3
       magic-string: 0.30.11
     optionalDependencies:
       msw: 2.4.2(typescript@5.5.4)
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
 
   '@vitest/pretty-format@2.1.1':
     dependencies:
@@ -12016,7 +12174,7 @@ snapshots:
       sirv: 2.0.4
       tinyglobby: 0.2.6
       tinyrainbow: 1.2.0
-      vitest: 2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vitest: 2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
 
   '@vitest/utils@2.1.1':
     dependencies:
@@ -12233,11 +12391,11 @@ snapshots:
       vue: 3.4.27(typescript@5.5.4)
       vue-demi: 0.13.11(vue@3.4.27(typescript@5.5.4))
 
-  '@vuetify/loader-shared@2.0.3(vue@3.4.27(typescript@5.5.4))(vuetify@3.7.1(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4)))':
+  '@vuetify/loader-shared@2.0.3(vue@3.4.27(typescript@5.5.4))(vuetify@3.7.2(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4)))':
     dependencies:
       upath: 2.0.1
       vue: 3.4.27(typescript@5.5.4)
-      vuetify: 3.7.1(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4))
+      vuetify: 3.7.2(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4))
     optional: true
 
   '@vuetify/loader-shared@2.0.3(vue@3.4.27(typescript@5.5.4))(vuetify@packages+vuetify)':
@@ -12326,14 +12484,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@yankeeinlondon/builder-api@1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))':
+  '@yankeeinlondon/builder-api@1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))':
     dependencies:
       '@types/markdown-it': 12.2.3
       '@yankeeinlondon/happy-wrapper': 2.10.1(encoding@0.1.13)
       fp-ts: 2.16.9
       inferred-types: 0.37.6
       markdown-it: 13.0.2
-      vite-plugin-md: 0.22.5(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+      vite-plugin-md: 0.22.5(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
     transitivePeerDependencies:
       - '@vitejs/plugin-vue'
       - encoding
@@ -13002,6 +13160,10 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
+  chokidar@4.0.1:
+    dependencies:
+      readdirp: 4.0.2
+
   chownr@2.0.0: {}
 
   chromium-bidi@0.5.8(devtools-protocol@0.0.1232444):
@@ -13086,6 +13248,8 @@ snapshots:
 
   colord@2.9.3: {}
 
+  colorjs.io@0.5.2: {}
+
   columnify@1.6.0:
     dependencies:
       strip-ansi: 6.0.1
@@ -13733,6 +13897,8 @@ snapshots:
 
   detect-indent@5.0.0: {}
 
+  detect-libc@1.0.3: {}
+
   detect-newline@3.1.0: {}
 
   devtools-protocol@0.0.1232444: {}
@@ -14175,13 +14341,13 @@ snapshots:
     dependencies:
       eslint: 8.57.0
 
-  eslint-plugin-vitest@0.4.1(@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.5.4))(eslint@8.57.0)(typescript@5.5.4))(eslint@8.57.0)(typescript@5.5.4)(vitest@2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)):
+  eslint-plugin-vitest@0.4.1(@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.5.4))(eslint@8.57.0)(typescript@5.5.4))(eslint@8.57.0)(typescript@5.5.4)(vitest@2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)):
     dependencies:
       '@typescript-eslint/utils': 7.18.0(eslint@8.57.0)(typescript@5.5.4)
       eslint: 8.57.0
     optionalDependencies:
       '@typescript-eslint/eslint-plugin': 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.5.4))(eslint@8.57.0)(typescript@5.5.4)
-      vitest: 2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vitest: 2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -14200,12 +14366,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-vuetify@2.3.0(eslint@8.57.0)(vuetify@3.7.1(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4))):
+  eslint-plugin-vuetify@2.3.0(eslint@8.57.0)(vuetify@3.7.2(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4))):
     dependencies:
       eslint: 8.57.0
       eslint-plugin-vue: 9.24.1(eslint@8.57.0)
       requireindex: 1.2.0
-      vuetify: 3.7.1(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4))
+      vuetify: 3.7.2(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4))
     transitivePeerDependencies:
       - supports-color
 
@@ -16538,6 +16704,8 @@ snapshots:
   node-addon-api@3.2.1:
     optional: true
 
+  node-addon-api@7.1.1: {}
+
   node-domexception@1.0.0: {}
 
   node-fetch@2.6.7(encoding@0.1.13):
@@ -17506,6 +17674,8 @@ snapshots:
     dependencies:
       picomatch: 2.3.1
 
+  readdirp@4.0.2: {}
+
   rechoir@0.6.2:
     dependencies:
       resolve: 1.22.8
@@ -17666,7 +17836,7 @@ snapshots:
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
       resolve: 1.22.8
-      sass: 1.77.8
+      sass: 1.80.1
     transitivePeerDependencies:
       - rollup
 
@@ -17772,87 +17942,101 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
-  sass-embedded-android-arm64@1.77.8:
+  sass-embedded-android-arm64@1.80.1:
     optional: true
 
-  sass-embedded-android-arm@1.77.8:
+  sass-embedded-android-arm@1.80.1:
     optional: true
 
-  sass-embedded-android-ia32@1.77.8:
+  sass-embedded-android-ia32@1.80.1:
     optional: true
 
-  sass-embedded-android-x64@1.77.8:
+  sass-embedded-android-riscv64@1.80.1:
     optional: true
 
-  sass-embedded-darwin-arm64@1.77.8:
+  sass-embedded-android-x64@1.80.1:
     optional: true
 
-  sass-embedded-darwin-x64@1.77.8:
+  sass-embedded-darwin-arm64@1.80.1:
     optional: true
 
-  sass-embedded-linux-arm64@1.77.8:
+  sass-embedded-darwin-x64@1.80.1:
     optional: true
 
-  sass-embedded-linux-arm@1.77.8:
+  sass-embedded-linux-arm64@1.80.1:
     optional: true
 
-  sass-embedded-linux-ia32@1.77.8:
+  sass-embedded-linux-arm@1.80.1:
     optional: true
 
-  sass-embedded-linux-musl-arm64@1.77.8:
+  sass-embedded-linux-ia32@1.80.1:
     optional: true
 
-  sass-embedded-linux-musl-arm@1.77.8:
+  sass-embedded-linux-musl-arm64@1.80.1:
     optional: true
 
-  sass-embedded-linux-musl-ia32@1.77.8:
+  sass-embedded-linux-musl-arm@1.80.1:
     optional: true
 
-  sass-embedded-linux-musl-x64@1.77.8:
+  sass-embedded-linux-musl-ia32@1.80.1:
     optional: true
 
-  sass-embedded-linux-x64@1.77.8:
+  sass-embedded-linux-musl-riscv64@1.80.1:
     optional: true
 
-  sass-embedded-win32-arm64@1.77.8:
+  sass-embedded-linux-musl-x64@1.80.1:
     optional: true
 
-  sass-embedded-win32-ia32@1.77.8:
+  sass-embedded-linux-riscv64@1.80.1:
     optional: true
 
-  sass-embedded-win32-x64@1.77.8:
+  sass-embedded-linux-x64@1.80.1:
     optional: true
 
-  sass-embedded@1.77.8:
+  sass-embedded-win32-arm64@1.80.1:
+    optional: true
+
+  sass-embedded-win32-ia32@1.80.1:
+    optional: true
+
+  sass-embedded-win32-x64@1.80.1:
+    optional: true
+
+  sass-embedded@1.80.1:
     dependencies:
-      '@bufbuild/protobuf': 1.10.0
+      '@bufbuild/protobuf': 2.2.0
       buffer-builder: 0.2.0
+      colorjs.io: 0.5.2
       immutable: 4.0.0
       rxjs: 7.8.1
       supports-color: 8.1.1
       varint: 6.0.0
     optionalDependencies:
-      sass-embedded-android-arm: 1.77.8
-      sass-embedded-android-arm64: 1.77.8
-      sass-embedded-android-ia32: 1.77.8
-      sass-embedded-android-x64: 1.77.8
-      sass-embedded-darwin-arm64: 1.77.8
-      sass-embedded-darwin-x64: 1.77.8
-      sass-embedded-linux-arm: 1.77.8
-      sass-embedded-linux-arm64: 1.77.8
-      sass-embedded-linux-ia32: 1.77.8
-      sass-embedded-linux-musl-arm: 1.77.8
-      sass-embedded-linux-musl-arm64: 1.77.8
-      sass-embedded-linux-musl-ia32: 1.77.8
-      sass-embedded-linux-musl-x64: 1.77.8
-      sass-embedded-linux-x64: 1.77.8
-      sass-embedded-win32-arm64: 1.77.8
-      sass-embedded-win32-ia32: 1.77.8
-      sass-embedded-win32-x64: 1.77.8
-
-  sass@1.77.8:
-    dependencies:
-      chokidar: 3.6.0
+      sass-embedded-android-arm: 1.80.1
+      sass-embedded-android-arm64: 1.80.1
+      sass-embedded-android-ia32: 1.80.1
+      sass-embedded-android-riscv64: 1.80.1
+      sass-embedded-android-x64: 1.80.1
+      sass-embedded-darwin-arm64: 1.80.1
+      sass-embedded-darwin-x64: 1.80.1
+      sass-embedded-linux-arm: 1.80.1
+      sass-embedded-linux-arm64: 1.80.1
+      sass-embedded-linux-ia32: 1.80.1
+      sass-embedded-linux-musl-arm: 1.80.1
+      sass-embedded-linux-musl-arm64: 1.80.1
+      sass-embedded-linux-musl-ia32: 1.80.1
+      sass-embedded-linux-musl-riscv64: 1.80.1
+      sass-embedded-linux-musl-x64: 1.80.1
+      sass-embedded-linux-riscv64: 1.80.1
+      sass-embedded-linux-x64: 1.80.1
+      sass-embedded-win32-arm64: 1.80.1
+      sass-embedded-win32-ia32: 1.80.1
+      sass-embedded-win32-x64: 1.80.1
+
+  sass@1.80.1:
+    dependencies:
+      '@parcel/watcher': 2.4.1
+      chokidar: 4.0.1
       immutable: 4.0.0
       source-map-js: 1.2.1
 
@@ -18659,11 +18843,11 @@ snapshots:
     transitivePeerDependencies:
       - rollup
 
-  unplugin-fonts@1.0.3(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)):
+  unplugin-fonts@1.0.3(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)):
     dependencies:
       fast-glob: 3.3.2
       unplugin: 1.12.1
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
 
   unplugin-vue-components@0.27.4(@babel/parser@7.25.6)(rollup@3.29.4)(vue@3.4.27(typescript@5.5.4)):
     dependencies:
@@ -18763,12 +18947,12 @@ snapshots:
       type-fest: 4.15.0
       vue: 3.4.27(typescript@5.5.4)
 
-  vite-node@2.1.1(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3):
+  vite-node@2.1.1(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3):
     dependencies:
       cac: 6.7.14
       debug: 4.3.7
       pathe: 1.1.2
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -18780,7 +18964,7 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-inspect@0.8.3(rollup@4.21.2)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)):
+  vite-plugin-inspect@0.8.3(rollup@4.21.2)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)):
     dependencies:
       '@antfu/utils': 0.7.10
       '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
@@ -18791,35 +18975,35 @@ snapshots:
       perfect-debounce: 1.0.0
       picocolors: 1.1.0
       sirv: 2.0.4
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  vite-plugin-md@0.21.5(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)):
+  vite-plugin-md@0.21.5(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)):
     dependencies:
-      '@yankeeinlondon/builder-api': 1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+      '@yankeeinlondon/builder-api': 1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       '@yankeeinlondon/gray-matter': 6.2.1
       '@yankeeinlondon/happy-wrapper': 2.10.1(encoding@0.1.13)
       markdown-it: 13.0.2
       source-map-js: 1.2.1
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
     transitivePeerDependencies:
       - encoding
 
-  vite-plugin-md@0.22.5(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)):
+  vite-plugin-md@0.22.5(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)):
     dependencies:
-      '@vitejs/plugin-vue': 5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))
-      '@yankeeinlondon/builder-api': 1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+      '@vitejs/plugin-vue': 5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))
+      '@yankeeinlondon/builder-api': 1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       '@yankeeinlondon/gray-matter': 6.2.1
       '@yankeeinlondon/happy-wrapper': 2.10.1(encoding@0.1.13)
       markdown-it: 13.0.2
       source-map-js: 1.2.1
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
     transitivePeerDependencies:
       - encoding
 
-  vite-plugin-pages@0.32.1(@vue/compiler-sfc@3.4.27)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)):
+  vite-plugin-pages@0.32.1(@vue/compiler-sfc@3.4.27)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)):
     dependencies:
       '@types/debug': 4.1.12
       debug: 4.3.7
@@ -18829,73 +19013,73 @@ snapshots:
       json5: 2.2.3
       local-pkg: 0.5.0
       picocolors: 1.1.0
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
       yaml: 2.5.1
     optionalDependencies:
       '@vue/compiler-sfc': 3.4.27
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-pwa@0.17.5(@types/babel__core@7.1.19)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)):
+  vite-plugin-pwa@0.17.5(@types/babel__core@7.1.19)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)):
     dependencies:
       debug: 4.3.7
       fast-glob: 3.3.2
       pretty-bytes: 6.1.1
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
       workbox-build: 7.0.0(@types/babel__core@7.1.19)
       workbox-window: 7.0.0
     transitivePeerDependencies:
       - '@types/babel__core'
       - supports-color
 
-  vite-plugin-vue-layouts@0.11.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.5.4)))(vue@3.4.27(typescript@5.5.4)):
+  vite-plugin-vue-layouts@0.11.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.5.4)))(vue@3.4.27(typescript@5.5.4)):
     dependencies:
       debug: 4.3.7
       fast-glob: 3.3.2
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
       vue: 3.4.27(typescript@5.5.4)
       vue-router: 4.3.0(vue@3.4.27(typescript@5.5.4))
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-vuetify@2.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))(vuetify@3.7.1):
+  vite-plugin-vuetify@2.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))(vuetify@3.7.2):
     dependencies:
-      '@vuetify/loader-shared': 2.0.3(vue@3.4.27(typescript@5.5.4))(vuetify@3.7.1(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4)))
+      '@vuetify/loader-shared': 2.0.3(vue@3.4.27(typescript@5.5.4))(vuetify@3.7.2(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4)))
       debug: 4.3.7
       upath: 2.0.1
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
       vue: 3.4.27(typescript@5.5.4)
-      vuetify: 3.7.1(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4))
+      vuetify: 3.7.2(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4))
     transitivePeerDependencies:
       - supports-color
     optional: true
 
-  vite-plugin-vuetify@2.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))(vuetify@packages+vuetify):
+  vite-plugin-vuetify@2.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))(vuetify@packages+vuetify):
     dependencies:
       '@vuetify/loader-shared': 2.0.3(vue@3.4.27(typescript@5.5.4))(vuetify@packages+vuetify)
       debug: 4.3.7
       upath: 2.0.1
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
       vue: 3.4.27(typescript@5.5.4)
       vuetify: link:packages/vuetify
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-warmup@0.1.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)):
+  vite-plugin-warmup@0.1.0(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)):
     dependencies:
       fast-glob: 3.3.2
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
 
-  vite-ssr@0.17.1(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(@vueuse/head@1.3.1(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(rollup@3.29.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.5.4)))(vue@3.4.27(typescript@5.5.4)):
+  vite-ssr@0.17.1(@vitejs/plugin-vue@5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4)))(@vueuse/head@1.3.1(vue@3.4.27(typescript@5.5.4)))(encoding@0.1.13)(rollup@3.29.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.5.4)))(vue@3.4.27(typescript@5.5.4)):
     dependencies:
       '@rollup/plugin-replace': 3.0.0(rollup@3.29.4)
       '@vue/server-renderer': 3.4.27(vue@3.4.27(typescript@5.5.4))
       chalk: 4.1.2
       connect: 3.7.0
       node-fetch: 2.7.0(encoding@0.1.13)
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
     optionalDependencies:
-      '@vitejs/plugin-vue': 5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))
+      '@vitejs/plugin-vue': 5.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))
       '@vueuse/head': 1.3.1(vue@3.4.27(typescript@5.5.4))
       vue: 3.4.27(typescript@5.5.4)
       vue-router: 4.3.0(vue@3.4.27(typescript@5.5.4))
@@ -18904,7 +19088,7 @@ snapshots:
       - rollup
       - supports-color
 
-  vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3):
+  vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.4.45
@@ -18912,14 +19096,14 @@ snapshots:
     optionalDependencies:
       '@types/node': 22.5.4
       fsevents: 2.3.3
-      sass: 1.77.8
-      sass-embedded: 1.77.8
+      sass: 1.80.1
+      sass-embedded: 1.80.1
       terser: 5.31.3
 
-  vitest@2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3):
+  vitest@2.1.1(@types/node@22.5.4)(@vitest/browser@2.1.1)(@vitest/ui@2.1.1)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@25.0.0)(msw@2.4.2(typescript@5.5.4))(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3):
     dependencies:
       '@vitest/expect': 2.1.1
-      '@vitest/mocker': 2.1.1(msw@2.4.2(typescript@5.5.4))(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))
+      '@vitest/mocker': 2.1.1(msw@2.4.2(typescript@5.5.4))(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))
       '@vitest/pretty-format': 2.1.1
       '@vitest/runner': 2.1.1
       '@vitest/snapshot': 2.1.1
@@ -18934,12 +19118,12 @@ snapshots:
       tinyexec: 0.3.0
       tinypool: 1.0.1
       tinyrainbow: 1.2.0
-      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
-      vite-node: 2.1.1(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3)
+      vite: 5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
+      vite-node: 2.1.1(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 22.5.4
-      '@vitest/browser': 2.1.1(typescript@5.5.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vitest@2.1.1)(webdriverio@8.40.5(encoding@0.1.13))
+      '@vitest/browser': 2.1.1(typescript@5.5.4)(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vitest@2.1.1)(webdriverio@8.40.5(encoding@0.1.13))
       '@vitest/ui': 2.1.1(vitest@2.1.1)
       happy-dom: 8.9.0(encoding@0.1.13)
       jsdom: 25.0.0
@@ -19132,12 +19316,12 @@ snapshots:
     optionalDependencies:
       typescript: 5.5.4
 
-  vuetify@3.7.1(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4)):
+  vuetify@3.7.2(typescript@5.5.4)(vite-plugin-vuetify@2.0.4)(vue@3.4.27(typescript@5.5.4)):
     dependencies:
       vue: 3.4.27(typescript@5.5.4)
     optionalDependencies:
       typescript: 5.5.4
-      vite-plugin-vuetify: 2.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.77.8)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))(vuetify@3.7.1)
+      vite-plugin-vuetify: 2.0.4(vite@5.4.3(@types/node@22.5.4)(sass-embedded@1.80.1)(sass@1.80.1)(terser@5.31.3))(vue@3.4.27(typescript@5.5.4))(vuetify@3.7.2)
 
   w3c-xmlserializer@5.0.0:
     dependencies:

From e3b9895b12b669bee7d39f9de8653222231f5330 Mon Sep 17 00:00:00 2001
From: Kael <kaelwd@gmail.com>
Date: Thu, 17 Oct 2024 18:58:54 +1100
Subject: [PATCH 16/16] chore(release): publish v3.7.3

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

diff --git a/lerna.json b/lerna.json
index 04d2a9cd572..8e5b9115df1 100644
--- a/lerna.json
+++ b/lerna.json
@@ -13,5 +13,5 @@
     }
   },
   "npmClient": "pnpm",
-  "version": "3.7.2"
+  "version": "3.7.3"
 }
\ No newline at end of file
diff --git a/packages/api-generator/package.json b/packages/api-generator/package.json
index 44daadbc7b1..38ced8d50e8 100755
--- a/packages/api-generator/package.json
+++ b/packages/api-generator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/api-generator",
-  "version": "3.7.2",
+  "version": "3.7.3",
   "private": true,
   "description": "",
   "scripts": {
diff --git a/packages/docs/package.json b/packages/docs/package.json
index d1d85d7ac40..f75b1b713c0 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.7.2",
+  "version": "3.7.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuetifyjs/vuetify.git",
diff --git a/packages/vuetify/package.json b/packages/vuetify/package.json
index 9b2ac769d3c..ab5cafd66e3 100755
--- a/packages/vuetify/package.json
+++ b/packages/vuetify/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vuetify",
   "description": "Vue Material Component Framework",
-  "version": "3.7.2",
+  "version": "3.7.3",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"