@vuetify/one 1.9.4 → 1.9.6

package/dist/index.js

@@ -1,26 +1,26 @@
-import { ref as O, defineComponent as k, openBlock as u, createBlock as h, unref as t, reactive as Dt, watch as z, toRefs as Ut, shallowRef as A, computed as x, createSlots as R, withCtx as r, createElementVNode as V, toDisplayString as S, createVNode as i, createTextVNode as N, renderSlot as B, normalizeStyle as at, createCommentVNode as C, withModifiers as Ze, mergeModels as Ot, useModel as pe, createElementBlock as I, Fragment as T, onMounted as Ue, nextTick as be, renderList as K, mergeProps as E, withDirectives as Ve, vShow as Oe, isRef as se, normalizeClass as Bt, resolveComponent as Nt, onBeforeMount as Ge, onBeforeUnmount as Tt, pushScopeId as Ft, popScopeId as Mt } from "vue";
+import { ref as O, defineComponent as k, openBlock as u, createBlock as h, unref as t, reactive as Dt, watch as z, toRefs as Ut, shallowRef as A, computed as x, createSlots as R, withCtx as r, createElementVNode as V, toDisplayString as S, createVNode as i, createTextVNode as N, renderSlot as B, normalizeStyle as at, createCommentVNode as C, withModifiers as Ze, mergeModels as Ot, useModel as pe, createElementBlock as I, Fragment as T, onMounted as Ue, nextTick as be, renderList as K, mergeProps as E, withDirectives as Ve, vShow as Oe, isRef as se, normalizeClass as Bt, resolveComponent as Nt, useCssVars as Tt, onBeforeMount as Ge, onBeforeUnmount as Ft, pushScopeId as Mt, popScopeId as zt } from "vue";
 import { defineStore as q } from "pinia";
-import { VSnackbarQueue as zt } from "vuetify/lib/labs/VSnackbarQueue/index.mjs";
-import { mdiStorefront as jt, mdiSync as Pt, mdiSyncOff as Ht, mdiLogoutVariant as Rt, mdiFullscreenExit as Et, mdiFullscreen as Wt, mdiCheck as Be, mdiHome as qt, mdiTextBox as Zt, mdiSelect as Gt, mdiSpaceInvaders as it, mdiImageFilterHdr as rt, mdiTransmissionTower as lt, mdiRocketLaunchOutline as ct, mdiWhiteBalanceSunny as Qt, mdiWeatherNight as Yt, mdiDesktopTowerMonitor as Jt, mdiContrastCircle as Xt, mdiCog as Kt, mdiCogOutline as eo, mdiFileDocument as to, mdiCreditCardSettingsOutline as oo, mdiRocketOutline as no, mdiCheckCircleOutline as De, mdiCreditCard as so, mdiReload as ao, mdiPlaylistCheck as io, mdiCreditCardOutline as ro, mdiMedal as lo, mdiOpenInNew as Ne, mdiHandHeart as co, mdiHandHeartOutline as uo, mdiCloudDownload as po, mdiTrayArrowDown as st, mdiEmailOpenOutline as ut, mdiEmailVariant as dt, mdiBell as mo, mdiInboxOutline as fo, mdiInboxFullOutline as vo, mdiBillboard as _o, mdiBellOutline as ho, mdiViewDashboardOutline as go, mdiCrown as yo, mdiArrowULeftBottom as bo, mdiLogin as Vo, mdiShieldStarOutline as ko } from "@mdi/js";
-import { useRouter as Qe, useRoute as $o } from "vue-router";
+import { VSnackbarQueue as jt } from "vuetify/lib/labs/VSnackbarQueue/index.mjs";
+import { mdiStorefront as Pt, mdiSync as Ht, mdiSyncOff as Rt, mdiLogoutVariant as Et, mdiFullscreenExit as Wt, mdiFullscreen as qt, mdiCheck as Be, mdiHome as Zt, mdiTextBox as Gt, mdiSelect as Qt, mdiSpaceInvaders as it, mdiImageFilterHdr as rt, mdiTransmissionTower as lt, mdiRocketLaunchOutline as ct, mdiWhiteBalanceSunny as Yt, mdiWeatherNight as Jt, mdiDesktopTowerMonitor as Xt, mdiContrastCircle as Kt, mdiCog as eo, mdiCogOutline as to, mdiFileDocument as oo, mdiCreditCardSettingsOutline as no, mdiRocketOutline as so, mdiCheckCircleOutline as De, mdiCreditCard as ao, mdiReload as io, mdiPlaylistCheck as ro, mdiCreditCardOutline as lo, mdiMedal as co, mdiOpenInNew as Ne, mdiHandHeart as uo, mdiHandHeartOutline as po, mdiCloudDownload as mo, mdiTrayArrowDown as st, mdiEmailOpenOutline as ut, mdiEmailVariant as dt, mdiBell as fo, mdiInboxOutline as vo, mdiInboxFullOutline as _o, mdiBillboard as ho, mdiBellOutline as go, mdiViewDashboardOutline as yo, mdiCrown as bo, mdiArrowULeftBottom as Vo, mdiLogin as ko, mdiShieldStarOutline as $o } from "@mdi/js";
+import { useRouter as Qe, useRoute as wo } from "vue-router";
 import { merge as Re } from "lodash-es";
-import { VListItem as me, VList as ae, VListSubheader as wo, VListItemTitle as pt, VListItemSubtitle as xo } from "vuetify/lib/components/VList/index.mjs";
+import { VListItem as me, VList as ae, VListSubheader as xo, VListItemTitle as pt, VListItemSubtitle as Co } from "vuetify/lib/components/VList/index.mjs";
 import { VAvatar as ee } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as W, VCardTitle as Co, VCardSubtitle as So, VCardText as ue } from "vuetify/lib/components/VCard/index.mjs";
+import { VCard as W, VCardTitle as So, VCardSubtitle as Lo, VCardText as ue } from "vuetify/lib/components/VCard/index.mjs";
 import { VDialog as mt } from "vuetify/lib/components/VDialog/index.mjs";
 import { VBadge as Ye } from "vuetify/lib/components/VBadge/index.mjs";
 import { VBtn as Z } from "vuetify/lib/components/VBtn/index.mjs";
-import { VProgressCircular as Lo } from "vuetify/lib/components/VProgressCircular/index.mjs";
+import { VProgressCircular as Io } from "vuetify/lib/components/VProgressCircular/index.mjs";
 import { VSheet as Je } from "vuetify/lib/components/VSheet/index.mjs";
 import { VSwitch as ft } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as Te, VExpandTransition as fe, VExpandXTransition as Io } from "vuetify/lib/components/transitions/index.mjs";
+import { VFadeTransition as Te, VExpandTransition as fe, VExpandXTransition as Ao } from "vuetify/lib/components/transitions/index.mjs";
 import { useDisplay as ve, useTheme as Fe, useDate as ke } from "vuetify";
 import { VDivider as Q } from "vuetify/lib/components/VDivider/index.mjs";
 import { VIcon as U } from "vuetify/lib/components/VIcon/index.mjs";
 import { VLabel as We } from "vuetify/lib/components/VLabel/index.mjs";
 import { VChip as X } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as Ao } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as Do } from "vuetify/lib/components/VSelect/index.mjs";
+import { VChipGroup as Do } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VSelect as Uo } from "vuetify/lib/components/VSelect/index.mjs";
 import { VRow as $e, VCol as de } from "vuetify/lib/components/VGrid/index.mjs";
 import { VHover as Me } from "vuetify/lib/components/VHover/index.mjs";
 import { VImg as te } from "vuetify/lib/components/VImg/index.mjs";
@@ -30,18 +30,18 @@ import { VMain as xe } from "vuetify/lib/components/VMain/index.mjs";
 import { VDataTableVirtual as _t } from "vuetify/lib/components/VDataTable/index.mjs";
 import { VSkeletonLoader as ye } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
 import { VWindow as ht, VWindowItem as ge } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimelineItem as Uo, VTimeline as Oo } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VTimelineItem as Oo, VTimeline as Bo } from "vuetify/lib/components/VTimeline/index.mjs";
 import { VEmptyState as Xe } from "vuetify/lib/components/VEmptyState/index.mjs";
 import { VTooltip as J } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VResponsive as Bo } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VNavigationDrawer as No } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as To } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as Fo } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as Mo } from "vuetify/lib/components/VMenu/index.mjs";
+import { VResponsive as No } from "vuetify/lib/components/VResponsive/index.mjs";
+import { VNavigationDrawer as To } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
+import { Ripple as Fo } from "vuetify/lib/directives/index.mjs";
+import { VColorPicker as Mo } from "vuetify/lib/components/VColorPicker/index.mjs";
+import { VMenu as zo } from "vuetify/lib/components/VMenu/index.mjs";
 import { VAppBar as gt } from "vuetify/lib/components/VAppBar/index.mjs";
-import { VLazy as zo } from "vuetify/lib/components/VLazy/index.mjs";
-import { VFooter as jo } from "vuetify/lib/components/VFooter/index.mjs";
-const Po = q("Queue", () => {
+import { VLazy as jo } from "vuetify/lib/components/VLazy/index.mjs";
+import { VFooter as Po } from "vuetify/lib/components/VFooter/index.mjs";
+const Ho = q("Queue", () => {
   const c = O([]);
   function e(n) {
     const o = typeof n == "string" ? { text: n } : n;
@@ -51,11 +51,11 @@ const Po = q("Queue", () => {
     queue: c,
     show: e
   };
-}), Ho = /* @__PURE__ */ k({
+}), Ro = /* @__PURE__ */ k({
   __name: "VoSnackbarQueue",
   setup(c) {
-    const e = Po();
-    return (n, o) => (u(), h(zt, {
+    const e = Ho();
+    return (n, o) => (u(), h(jt, {
       modelValue: t(e).queue,
       "onUpdate:modelValue": o[0] || (o[0] = (s) => t(e).queue = s),
       closable: "",
@@ -107,7 +107,7 @@ const Po = q("Queue", () => {
   avatar: "",
   dev: !1,
   disableAds: !1,
-  composition: "options",
+  composition: "composition",
   pwaRefresh: !0,
   theme: "system",
   mixedTheme: !0,
@@ -183,12 +183,10 @@ const Po = q("Queue", () => {
     if (p.promise) return p.promise;
     a.value = !0, p.promise = fetch(`${n.url}/auth/verify`, {
       credentials: "include",
-      headers: g ? {
-        "Cache-Control": "no-cache"
-      } : void 0
+      cache: g ? "reload" : void 0
     }).then(
       async (f) => {
-        f.ok ? e.value = (await f.json()).user : f.status === 401 ? e.value = null : console.error(f.statusText);
+        f.ok || f.status === 401 ? e.value = (await f.json()).user : console.error(f.statusText);
       },
       () => {
       }
@@ -261,33 +259,33 @@ const Po = q("Queue", () => {
     lastLoginProvider: $,
     sync: d
   };
-}), Ro = { class: "text-body-2" }, Eo = /* @__PURE__ */ V("div", { class: "text-caption mt-n1" }, "Last Used", -1), yt = /* @__PURE__ */ k({
+}), Eo = { class: "text-body-2" }, Wo = /* @__PURE__ */ V("div", { class: "text-caption mt-n1" }, "Last Used", -1), yt = /* @__PURE__ */ k({
   __name: "VoAuthShopify",
   setup(c) {
     const e = P(), n = x(() => e.user && e.findIdentity("shopify")), o = x(() => e.user ? n.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
     return (s, a) => (u(), h(me, {
       "base-color": "#5b8a3c",
-      "prepend-icon": `svg:${t(jt)}`,
+      "prepend-icon": `svg:${t(Pt)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: a[0] || (a[0] = (l) => t(e).login("shopify"))
     }, R({
       title: r(() => [
-        V("span", Ro, S(t(o)), 1)
+        V("span", Eo, S(t(o)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "shopify" ? {
         name: "subtitle",
         fn: r(() => [
-          Eo
+          Wo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Wo = { class: "text-body-2" }, qo = /* @__PURE__ */ V("div", { class: "text-caption mt-n1" }, "Last Used", -1), bt = /* @__PURE__ */ k({
+}), qo = { class: "text-body-2" }, Zo = /* @__PURE__ */ V("div", { class: "text-caption mt-n1" }, "Last Used", -1), bt = /* @__PURE__ */ k({
   __name: "VoAuthDiscord",
   setup(c) {
     const e = P(), n = x(() => e.user && e.findIdentity("discord")), o = x(() => e.user ? n.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
@@ -300,20 +298,20 @@ const Po = q("Queue", () => {
       onClick: a[0] || (a[0] = (l) => t(e).login("discord"))
     }, R({
       title: r(() => [
-        V("span", Wo, S(t(o)), 1)
+        V("span", qo, S(t(o)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "discord" ? {
         name: "subtitle",
         fn: r(() => [
-          qo
+          Zo
         ]),
         key: "0"
       } : void 0
     ]), 1024));
   }
-}), Zo = { class: "text-body-2" }, Go = /* @__PURE__ */ V("div", { class: "text-caption mt-n1" }, "Last Used", -1), Vt = /* @__PURE__ */ k({
+}), Go = { class: "text-body-2" }, Qo = /* @__PURE__ */ V("div", { class: "text-caption mt-n1" }, "Last Used", -1), Vt = /* @__PURE__ */ k({
   __name: "VoAuthGithub",
   setup(c) {
     const e = P(), n = x(() => e.user && e.findIdentity("github")), o = x(() => e.user ? n.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
@@ -326,20 +324,20 @@ const Po = q("Queue", () => {
       onClick: a[0] || (a[0] = (l) => t(e).login("github"))
     }, R({
       title: r(() => [
-        V("span", Zo, S(t(o)), 1)
+        V("span", Go, S(t(o)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "github" ? {
         name: "subtitle",
         fn: r(() => [
-          Go
+          Qo
         ]),
         key: "0"
       } : void 0
     ]), 1024));
   }
-}), Qo = { class: "text-center" }, Yo = { class: "text-center mb-6" }, Jo = { class: "text-h6 font-weight-light" }, Xo = /* @__PURE__ */ V("span", { class: "text-h3 font-weight-bold" }, "Vuetify One", -1), kt = /* @__PURE__ */ k({
+}), Yo = { class: "text-center" }, Jo = { class: "text-center mb-6" }, Xo = { class: "text-h6 font-weight-light" }, Ko = /* @__PURE__ */ V("span", { class: "text-h3 font-weight-bold" }, "Vuetify One", -1), kt = /* @__PURE__ */ k({
   __name: "VoAuthCard",
   setup(c) {
     const e = P();
@@ -350,22 +348,22 @@ const Po = q("Queue", () => {
         "max-width": "480"
       }, {
         default: r(() => [
-          V("div", Qo, [
+          V("div", Yo, [
             i(ee, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
             })
           ]),
-          V("div", Yo, [
-            i(Co, { class: "text-h5 mb-1 text-md-h4" }, {
+          V("div", Jo, [
+            i(So, { class: "text-h5 mb-1 text-md-h4" }, {
               default: r(() => [
-                V("div", Jo, S(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
-                Xo
+                V("div", Xo, S(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                Ko
               ]),
               _: 1
             }),
-            i(So, { class: "text-wrap" }, {
+            i(Lo, { class: "text-wrap" }, {
               default: r(() => [
                 N(" Login to save your settings and gain access to exclusive subscriber perks. ")
               ]),
@@ -483,7 +481,7 @@ const Po = q("Queue", () => {
     read: d,
     unread: l
   };
-}), Ko = /* @__PURE__ */ k({
+}), en = /* @__PURE__ */ k({
   __name: "VoNotificationsTotalBadge",
   setup(c) {
     const e = P(), n = ze(), o = F(), s = x(() => o.notifications.show ? n.unread.length : 0);
@@ -518,7 +516,7 @@ const Po = q("Queue", () => {
       variant: "flat"
     }, R({
       loader: r(() => [
-        n.$slots.loader ? C("", !0) : (u(), h(Lo, {
+        n.$slots.loader ? C("", !0) : (u(), h(Io, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
@@ -544,7 +542,7 @@ const Po = q("Queue", () => {
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), en = { class: "pa-4 d-flex flex-column ga-4" }, wt = /* @__PURE__ */ k({
+}), tn = { class: "pa-4 d-flex flex-column ga-4" }, wt = /* @__PURE__ */ k({
   __name: "VoAuthListItem",
   setup(c) {
     const e = P(), n = F(), o = A(!e.user && !e.isLoading);
@@ -568,7 +566,7 @@ const Po = q("Queue", () => {
                 class: "mb-0",
                 link: !!t(e).user,
                 nav: "",
-                "prepend-icon": `svg:${t(e).user && t(n).syncSettings ? t(Pt) : t(Ht)}`,
+                "prepend-icon": `svg:${t(e).user && t(n).syncSettings ? t(Ht) : t(Rt)}`,
                 rounded: "b-0",
                 slim: "",
                 title: t(e).user && t(n).syncSettings ? "Sync is on" : "Sync is paused",
@@ -609,7 +607,7 @@ const Po = q("Queue", () => {
                     color: "transparent"
                   }, {
                     default: r(() => [
-                      V("div", en, [
+                      V("div", tn, [
                         i(d, {
                           onClick: l[2] || (l[2] = (_) => o.value = !1)
                         }),
@@ -666,7 +664,7 @@ const Po = q("Queue", () => {
       } : void 0
     ]), 1024));
   }
-}), tn = /* @__PURE__ */ k({
+}), on = /* @__PURE__ */ k({
   __name: "VoAuthLogoutNavItem",
   setup(c) {
     const e = P(), n = A(!1);
@@ -680,7 +678,7 @@ const Po = q("Queue", () => {
         disabled: t(n),
         link: "",
         loading: t(n),
-        "prepend-icon": `svg:${t(Rt)}`,
+        "prepend-icon": `svg:${t(Et)}`,
         title: "Logout",
         onClick: o
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
@@ -720,7 +718,7 @@ const Po = q("Queue", () => {
               key: 0,
               class: "me-2",
               density: "comfortable",
-              icon: `svg:${t(o) ? t(Et) : t(Wt)}`,
+              icon: `svg:${t(o) ? t(Wt) : t(qt)}`,
               size: "small",
               variant: "text",
               onClick: a[0] || (a[0] = (d) => o.value = !t(o))
@@ -787,7 +785,7 @@ const Po = q("Queue", () => {
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), on = {
+}), nn = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
 }, _e = /* @__PURE__ */ k({
@@ -807,17 +805,17 @@ const Po = q("Queue", () => {
         ]),
         _: 1
       })) : C("", !0),
-      e.text ? (u(), I("div", on, S(e.text), 1)) : C("", !0)
+      e.text ? (u(), I("div", nn, S(e.text), 1)) : C("", !0)
     ], 64));
   }
-}), nn = { key: 0 }, sn = /* @__PURE__ */ k({
+}), sn = { key: 0 }, an = /* @__PURE__ */ k({
   __name: "VoSettingsPageSuitOption",
   setup(c) {
     const e = F(), n = [
       {
         title: "Choose a page suit",
         value: "",
-        prependIcon: `svg:${Gt}`,
+        prependIcon: `svg:${Qt}`,
         disabled: !0
       },
       {
@@ -853,8 +851,8 @@ const Po = q("Queue", () => {
         }, null, 8, ["modelValue"]),
         i(fe, null, {
           default: r(() => [
-            t(e).suits.show ? (u(), I("div", nn, [
-              i(Do, {
+            t(e).suits.show ? (u(), I("div", sn, [
+              i(Uo, {
                 modelValue: t(e).suits.suit,
                 "onUpdate:modelValue": s[1] || (s[1] = (d) => t(e).suits.suit = d),
                 clearable: "",
@@ -877,7 +875,7 @@ const Po = q("Queue", () => {
                 _: 1
               }, 8, ["modelValue"]),
               i(l, { text: "Select your suit elements to display the background image:" }),
-              i(Ao, {
+              i(Do, {
                 modelValue: t(e).suits.elements,
                 "onUpdate:modelValue": s[2] || (s[2] = (d) => t(e).suits.elements = d),
                 color: "primary",
@@ -886,7 +884,7 @@ const Po = q("Queue", () => {
               }, {
                 default: r(() => [
                   i(X, {
-                    "append-icon": `svg:${t(qt)}`,
+                    "append-icon": `svg:${t(Zt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
@@ -902,7 +900,7 @@ const Po = q("Queue", () => {
                     _: 1
                   }, 8, ["append-icon"]),
                   i(X, {
-                    "append-icon": `svg:${t(Zt)}`,
+                    "append-icon": `svg:${t(Gt)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
@@ -945,7 +943,7 @@ const Po = q("Queue", () => {
   }
 });
 function Le() {
-  const c = $o();
+  const c = wo();
   return x(
     () => c.query
   );
@@ -1103,7 +1101,7 @@ const j = q("one", () => {
     verify: ne
   };
 });
-function an() {
+function rn() {
   return {
     blackguard: {
       dark: !0,
@@ -1297,7 +1295,7 @@ function an() {
   };
 }
 const je = q("settings", () => {
-  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = j(), n = F(), o = Fe(), s = an(), a = {
+  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = j(), n = F(), o = Fe(), s = rn(), a = {
     blackguard: {
       "app-bar": c + "suits/blackguard/blackguard-app-bar.png",
       drawer: c + "suits/blackguard/blackguard-app-drawer.png",
@@ -1334,7 +1332,7 @@ const je = q("settings", () => {
     suit: l,
     CDN_URL: c
   };
-}), rn = { class: "ms-5" }, ln = { class: "pb-2" }, cn = /* @__PURE__ */ k({
+}), ln = { class: "ms-5" }, cn = { class: "pb-2" }, un = /* @__PURE__ */ k({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1347,28 +1345,28 @@ const je = q("settings", () => {
         title: "Light",
         subtitle: "A standard light theme.",
         image: o.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${Qt}`,
+        prependIcon: `svg:${Yt}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
         image: o.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${Yt}`,
+        prependIcon: `svg:${Jt}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
         image: o.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${Jt}`,
+        prependIcon: `svg:${Xt}`,
         value: "system"
       },
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
         image: o.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${Xt}`,
+        prependIcon: `svg:${Kt}`,
         value: "highContrast",
         disabled: !n.isSubscriber
       }
@@ -1416,11 +1414,11 @@ const je = q("settings", () => {
       y.disabled || (s.theme = y.value, _ == null || _());
     }
     return (_, y) => {
-      const $ = _e, g = sn, f = xt, v = Se;
+      const $ = _e, g = an, f = xt, v = Se;
       return u(), h(v, {
         modelValue: e.value,
         "onUpdate:modelValue": y[6] || (y[6] = (b) => e.value = b),
-        "prepend-icon": `svg:${t(Kt)}`,
+        "prepend-icon": `svg:${t(eo)}`,
         title: "Settings"
       }, {
         default: r(() => [
@@ -1449,7 +1447,7 @@ const je = q("settings", () => {
                                 md: "6"
                               }, {
                                 default: r(() => [
-                                  i(wo, { class: "mb-n4" }, {
+                                  i(xo, { class: "mb-n4" }, {
                                     default: r(() => [
                                       N(S(b.title), 1)
                                     ]),
@@ -1524,8 +1522,8 @@ const je = q("settings", () => {
                       }, null, 8, ["modelValue"])) : C("", !0),
                       i(fe, null, {
                         default: r(() => [
-                          Ve(V("div", rn, [
-                            V("div", ln, [
+                          Ve(V("div", ln, [
+                            V("div", cn, [
                               i(f, {
                                 modelValue: t(s).showHouseAds,
                                 "onUpdate:modelValue": y[2] || (y[2] = (b) => t(s).showHouseAds = b),
@@ -1585,16 +1583,16 @@ const je = q("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), un = /* @__PURE__ */ k({
+}), dn = /* @__PURE__ */ k({
   __name: "VoSettingsListItem",
   setup(c) {
     const e = A(!1);
     return (n, o) => {
-      const s = cn, a = Y;
+      const s = un, a = Y;
       return u(), h(a, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(eo)}`,
+        "prepend-icon": `svg:${t(to)}`,
         title: "Settings"
       }, {
         default: r(() => [
@@ -1607,7 +1605,7 @@ const je = q("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), dn = { class: "text-caption" }, pn = /* @__PURE__ */ k({
+}), pn = { class: "text-caption" }, mn = /* @__PURE__ */ k({
   __name: "VoSubscriptionInvoices",
   setup(c) {
     const e = ke(), n = j();
@@ -1623,17 +1621,18 @@ const je = q("settings", () => {
               }),
               i(W, {
                 border: "",
-                height: "450",
                 rounded: "lg"
               }, {
                 default: r(() => [
                   i(_t, {
+                    "fixed-header": "",
+                    height: "450",
                     items: t(n).invoices,
                     loading: t(n).isLoading,
                     sticky: ""
                   }, {
                     "item.date": r(({ item: l }) => [
-                      V("div", dn, S(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
+                      V("div", pn, S(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": r(({ item: l }) => [
                       N(" $" + S(l.amount / 100), 1)
@@ -1652,7 +1651,7 @@ const je = q("settings", () => {
                     "item.pdf": r(({ item: l }) => [
                       i(Z, {
                         href: l.pdf,
-                        icon: `svg:${t(to)}`,
+                        icon: `svg:${t(oo)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1671,10 +1670,10 @@ const je = q("settings", () => {
       });
     };
   }
-}), mn = { class: "d-flex align-center" }, fn = {
+}), fn = { class: "d-flex align-center" }, vn = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, vn = /* @__PURE__ */ V("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), _n = { class: "me-1" }, hn = { class: "text-medium-emphasis text-caption" }, gn = { class: "d-flex align-center" }, yn = /* @__PURE__ */ V("span", { class: "mx-1" }, "—", -1), bn = { class: "d-flex align-start justify-space-between text-caption py-2" }, Vn = { class: "font-weight-bold" }, kn = { class: "font-weight-bold" }, $n = /* @__PURE__ */ k({
+}, _n = /* @__PURE__ */ V("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), hn = { class: "me-1" }, gn = { class: "text-medium-emphasis text-caption" }, yn = { class: "d-flex align-center" }, bn = /* @__PURE__ */ V("span", { class: "mx-1" }, "—", -1), Vn = { class: "d-flex align-start justify-space-between text-caption py-2" }, kn = { class: "font-weight-bold" }, $n = { class: "font-weight-bold" }, wn = /* @__PURE__ */ k({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(c, { emit: e }) {
@@ -1717,7 +1716,7 @@ const je = q("settings", () => {
                       t(o).hasBilling ? (u(), h(m, {
                         key: 1,
                         loading: t(o).isLoading,
-                        "prepend-icon": `svg:${t(oo)}`,
+                        "prepend-icon": `svg:${t(no)}`,
                         text: "Billing",
                         onClick: t(o).manage
                       }, null, 8, ["loading", "prepend-icon", "onClick"])) : C("", !0)
@@ -1728,13 +1727,13 @@ const je = q("settings", () => {
                   t(o).info ? {
                     name: "subtitle",
                     fn: r(() => [
-                      V("div", mn, [
-                        V("span", fn, S(t(o).info.status), 1),
+                      V("div", fn, [
+                        V("span", vn, S(t(o).info.status), 1),
                         t(o).info.items.length ? (u(), I(T, { key: 0 }, [
-                          vn,
-                          V("span", _n, [
+                          _n,
+                          V("span", hn, [
                             N(" $" + S(t(o).info.items[0].plan.amount / 100), 1),
-                            V("span", hn, "/" + S(t(o).interval), 1)
+                            V("span", gn, "/" + S(t(o).interval), 1)
                           ]),
                           i(m, {
                             size: "x-small",
@@ -1749,13 +1748,13 @@ const je = q("settings", () => {
                   } : {
                     name: "subtitle",
                     fn: r(() => [
-                      V("div", gn, [
+                      V("div", yn, [
                         i(ye, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
-                        yn,
+                        bn,
                         i(ye, {
                           height: "16",
                           type: "ossein",
@@ -1766,15 +1765,15 @@ const je = q("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                V("div", bn, [
+                V("div", Vn, [
                   V("div", null, [
                     ((_ = t(o).info) == null ? void 0 : _.status) === "active" ? (u(), I(T, { key: 0 }, [
                       N(" Your plan renews on "),
-                      V("span", Vn, S(t(n).format(t(a), "fullDateWithWeekday")), 1),
+                      V("span", kn, S(t(n).format(t(a), "fullDateWithWeekday")), 1),
                       N(". ")
                     ], 64)) : (u(), I(T, { key: 1 }, [
                       N(" Your plan ends on "),
-                      V("span", kn, S(t(n).format((y = t(o).info) == null ? void 0 : y.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      V("span", $n, S(t(n).format((y = t(o).info) == null ? void 0 : y.currentPeriodEnd, "fullDateWithWeekday")), 1),
                       N(". ")
                     ], 64))
                   ])
@@ -1788,7 +1787,7 @@ const je = q("settings", () => {
       });
     };
   }
-}), wn = /* @__PURE__ */ V("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), xn = ["innerHTML"], Cn = /* @__PURE__ */ V("br", null, null, -1), Sn = /* @__PURE__ */ V("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), Ln = ["innerHTML"], In = /* @__PURE__ */ k({
+}), xn = /* @__PURE__ */ V("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Cn = ["innerHTML"], Sn = /* @__PURE__ */ V("br", null, null, -1), Ln = /* @__PURE__ */ V("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), In = ["innerHTML"], An = /* @__PURE__ */ k({
   __name: "VoSubscriptionPerks",
   setup(c) {
     const e = [
@@ -1814,7 +1813,7 @@ const je = q("settings", () => {
           ]),
           _: 1
         }),
-        wn,
+        xn,
         i(ae, {
           class: "py-0",
           density: "compact",
@@ -1835,21 +1834,21 @@ const je = q("settings", () => {
                 })
               ]),
               title: r(() => [
-                V("div", { innerHTML: p }, null, 8, xn)
+                V("div", { innerHTML: p }, null, 8, Cn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        Cn,
+        Sn,
         i(We, { class: "font-weight-black" }, {
           default: r(() => [
             N("Up Next")
           ]),
           _: 1
         }),
-        Sn,
+        Ln,
         i(ae, {
           class: "py-0",
           density: "compact",
@@ -1860,7 +1859,7 @@ const je = q("settings", () => {
             (u(), I(T, null, K(n, (p, m) => i(d, {
               key: m,
               class: "mb-0",
-              "prepend-icon": `svg:${t(no)}`
+              "prepend-icon": `svg:${t(so)}`
             }, {
               prepend: r(() => [
                 i(U, {
@@ -1869,7 +1868,7 @@ const je = q("settings", () => {
                 })
               ]),
               title: r(() => [
-                V("div", { innerHTML: p }, null, 8, Ln)
+                V("div", { innerHTML: p }, null, 8, In)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1879,7 +1878,7 @@ const je = q("settings", () => {
       ], 64);
     };
   }
-}), An = /* @__PURE__ */ k({
+}), Dn = /* @__PURE__ */ k({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1974,7 +1973,7 @@ const je = q("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Dn = { class: "px-3" }, Un = /* @__PURE__ */ V("br", null, null, -1), On = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Bn = /* @__PURE__ */ k({
+}), Un = { class: "px-3" }, On = /* @__PURE__ */ V("br", null, null, -1), Bn = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Nn = /* @__PURE__ */ k({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2001,11 +2000,11 @@ const je = q("settings", () => {
       await o.modify(a.value), await o.subscriptionInfo(), d.value = null, await e(3e3), l.value = "status", await e(300), d.value = !1;
     }
     return (m, _) => {
-      const y = _e, $ = An, g = In, f = $n, v = pn, b = Ce, M = Se;
+      const y = _e, $ = Dn, g = An, f = wn, v = mn, b = Ce, M = Se;
       return u(), h(M, {
         modelValue: n.value,
         "onUpdate:modelValue": _[4] || (_[4] = (D) => n.value = D),
-        "prepend-icon": `svg:${t(so)}`,
+        "prepend-icon": `svg:${t(ao)}`,
         title: "Subscriptions"
       }, R({
         default: r(() => [
@@ -2013,7 +2012,7 @@ const je = q("settings", () => {
             default: r(() => [
               i(xe, { scrollable: "" }, {
                 default: r(() => [
-                  V("div", Dn, [
+                  V("div", Un, [
                     i(ue, null, {
                       default: r(() => [
                         i(y, {
@@ -2028,7 +2027,7 @@ const je = q("settings", () => {
                                   modelValue: t(a),
                                   "onUpdate:modelValue": _[0] || (_[0] = (D) => se(a) ? a.value = D : null)
                                 }, null, 8, ["modelValue"]),
-                                Un,
+                                On,
                                 i(g)
                               ]),
                               _: 1
@@ -2061,13 +2060,13 @@ const je = q("settings", () => {
         t(l) === "subscribe" ? {
           name: "actions",
           fn: r(() => [
-            V("div", On, [
+            V("div", Bn, [
               t(d) !== !1 ? (u(), h(b, {
                 key: 0,
                 block: "",
                 color: "success",
                 loading: t(o).isLoading,
-                "prepend-icon": `svg:${t(d) !== null ? t(ao) : t(De)}`,
+                "prepend-icon": `svg:${t(d) !== null ? t(io) : t(De)}`,
                 readonly: t(d) === null,
                 size: "default",
                 text: t(d) !== null ? "Modify Subscription" : "Success",
@@ -2075,7 +2074,7 @@ const je = q("settings", () => {
               }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(o).one ? (u(), h(b, {
                 key: 2,
                 block: "",
-                "prepend-icon": `svg:${t(io)}`,
+                "prepend-icon": `svg:${t(ro)}`,
                 size: "default",
                 text: "Manage Subscription",
                 onClick: _[3] || (_[3] = (D) => l.value = "status")
@@ -2097,16 +2096,16 @@ const je = q("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), Nn = /* @__PURE__ */ k({
+}), Tn = /* @__PURE__ */ k({
   __name: "VoSubscriptionListItem",
   setup(c) {
     const e = A(!1);
     return (n, o) => {
-      const s = Bn, a = Y;
+      const s = Nn, a = Y;
       return u(), h(a, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(ro)}`,
+        "prepend-icon": `svg:${t(lo)}`,
         title: "Subscriptions"
       }, {
         default: r(() => [
@@ -2119,7 +2118,7 @@ const je = q("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Tn = {
+}), Fn = {
   key: 0,
   class: "text-success"
 }, Pe = /* @__PURE__ */ k({
@@ -2141,7 +2140,7 @@ const je = q("settings", () => {
     return (s, a) => {
       var d, p;
       const l = Ce;
-      return u(), h(Uo, {
+      return u(), h(Oo, {
         "dot-color": (d = s.sponsorship) != null && d.isActive ? "success" : "transparent",
         icon: (p = s.sponsorship) != null && p.isActive ? `svg:${t(Be)}` : void 0,
         size: "x-small",
@@ -2158,9 +2157,9 @@ const je = q("settings", () => {
             subtitle: r(() => {
               var m;
               return [
-                (m = s.sponsorship) != null && m.isActive ? (u(), I("div", Tn, [
+                (m = s.sponsorship) != null && m.isActive ? (u(), I("div", Fn, [
                   i(U, {
-                    icon: `svg:${t(lo)}`,
+                    icon: `svg:${t(co)}`,
                     size: "x-small"
                   }, null, 8, ["icon"]),
                   N(" " + S(t(o)), 1)
@@ -2198,7 +2197,7 @@ const je = q("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), Fn = /* @__PURE__ */ k({
+}), Mn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemPatreon",
   setup(c) {
     return (e, n) => {
@@ -2211,7 +2210,7 @@ const je = q("settings", () => {
       });
     };
   }
-}), Mn = /* @__PURE__ */ k({
+}), zn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(c) {
     const e = j();
@@ -2226,7 +2225,7 @@ const je = q("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), zn = /* @__PURE__ */ k({
+}), jn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(c) {
     const e = j();
@@ -2241,7 +2240,7 @@ const je = q("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), jn = /* @__PURE__ */ k({
+}), Pn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(c) {
     const e = j();
@@ -2256,12 +2255,12 @@ const je = q("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Pn = /* @__PURE__ */ k({
+}), Hn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimeline",
   setup(c) {
     return (e, n) => {
-      const o = jn, s = zn, a = Mn, l = Fn;
-      return u(), h(Oo, {
+      const o = Pn, s = jn, a = zn, l = Mn;
+      return u(), h(Bo, {
         class: "justify-start ms-n7",
         "line-inset": "12",
         side: "end",
@@ -2278,7 +2277,7 @@ const je = q("settings", () => {
       });
     };
   }
-}), Hn = { class: "px-3 pb-5 d-flex flex-column h-100" }, Rn = { class: "font-weight-black" }, En = { class: "text-caption text-medium-emphasis" }, Wn = /* @__PURE__ */ k({
+}), Rn = { class: "px-3 pb-5 d-flex flex-column h-100" }, En = { class: "font-weight-black" }, Wn = { class: "text-caption text-medium-emphasis" }, qn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2290,11 +2289,11 @@ const je = q("settings", () => {
     return z(n, async () => {
       n.value.one === "sponsorships" && (o.isOpen = !0, await be(), e.value = !0);
     }, { immediate: !0 }), (s, a) => {
-      const l = _e, d = Pn, p = Se;
+      const l = _e, d = Hn, p = Se;
       return u(), h(p, {
         modelValue: e.value,
         "onUpdate:modelValue": a[0] || (a[0] = (m) => e.value = m),
-        "prepend-icon": `svg:${t(co)}`,
+        "prepend-icon": `svg:${t(uo)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
@@ -2302,7 +2301,7 @@ const je = q("settings", () => {
             default: r(() => [
               i(xe, { scrollable: "" }, {
                 default: r(() => [
-                  V("div", Hn, [
+                  V("div", Rn, [
                     i(ue, { class: "flex-0-0 mb-16 mb-sm-4" }, {
                       default: r(() => [
                         i(l, {
@@ -2326,10 +2325,10 @@ const je = q("settings", () => {
                       ]),
                       title: r(() => [
                         N(" One Status: "),
-                        V("span", Rn, S(t(o).isSubscriber ? "Active" : "Inactive"), 1)
+                        V("span", En, S(t(o).isSubscriber ? "Active" : "Inactive"), 1)
                       ]),
                       text: r(() => [
-                        V("div", En, S(t(o).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
+                        V("div", Wn, S(t(o).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
                       ]),
                       _: 1
                     })
@@ -2345,16 +2344,16 @@ const je = q("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), qn = /* @__PURE__ */ k({
+}), Zn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsListItem",
   setup(c) {
     const e = A(!1);
     return (n, o) => {
-      const s = Wn, a = Y;
+      const s = qn, a = Y;
       return u(), h(a, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(uo)}`,
+        "prepend-icon": `svg:${t(po)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
@@ -2367,7 +2366,7 @@ const je = q("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Zn = q("downloads", () => {
+}), Gn = q("downloads", () => {
   const c = oe(), e = O([]), n = A(!1);
   async function o() {
     if (e.value.length) return e.value;
@@ -2386,10 +2385,10 @@ const je = q("settings", () => {
     isLoading: n,
     index: o
   };
-}), Gn = /* @__PURE__ */ k({
+}), Qn = /* @__PURE__ */ k({
   __name: "VoDownloadsTable",
   setup(c) {
-    const e = ke(), n = Zn(), o = [
+    const e = ke(), n = Gn(), o = [
       {
         title: "Order ID",
         value: "order_name"
@@ -2450,7 +2449,7 @@ const je = q("settings", () => {
                       i(Z, {
                         color: "medium-emphasis",
                         href: d.download_url,
-                        icon: `svg:${t(po)}`,
+                        icon: `svg:${t(mo)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -2469,12 +2468,12 @@ const je = q("settings", () => {
       });
     };
   }
-}), Qn = { class: "px-3" }, Yn = /* @__PURE__ */ k({
+}), Yn = { class: "px-3" }, Jn = /* @__PURE__ */ k({
   __name: "VoDownloadsNavItem",
   setup(c) {
     const e = A(!1);
     return (n, o) => {
-      const s = Gn, a = Se, l = Y;
+      const s = Qn, a = Se, l = Y;
       return u(), h(l, {
         active: t(e),
         link: "",
@@ -2493,7 +2492,7 @@ const je = q("settings", () => {
                 default: r(() => [
                   i(xe, { scrollable: "" }, {
                     default: r(() => [
-                      V("div", Qn, [
+                      V("div", Yn, [
                         i(ue, null, {
                           default: r(() => [
                             i(s)
@@ -2515,7 +2514,7 @@ const je = q("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Jn = /* @__PURE__ */ k({
+}), Xn = /* @__PURE__ */ k({
   __name: "VoStudioNavItem",
   setup(c) {
     const e = A(!1);
@@ -2552,13 +2551,13 @@ const je = q("settings", () => {
     id: c,
     url: e
   };
-}), Xn = {
+}), Kn = {
   key: 0,
   class: "pt-16"
-}, Kn = /* @__PURE__ */ V("div", { class: "text-medium-emphasis" }, " All caught up ", -1), es = {
+}, es = /* @__PURE__ */ V("div", { class: "text-medium-emphasis" }, " All caught up ", -1), ts = {
   key: 1,
   class: "pa-5"
-}, ts = { class: "text-subtitle-1 font-weight-bold" }, os = { class: "text-caption font-weight-bold text-medium-emphasis" }, ns = { class: "text-disabled text-caption mt-2 mb-3" }, ss = /* @__PURE__ */ k({
+}, os = { class: "text-subtitle-1 font-weight-bold" }, ns = { class: "text-caption font-weight-bold text-medium-emphasis" }, ss = { class: "text-disabled text-caption mt-2 mb-3" }, as = /* @__PURE__ */ k({
   __name: "VoNotificationsBannerList",
   props: {
     items: {}
@@ -2577,7 +2576,7 @@ const je = q("settings", () => {
       lines: "three"
     }, {
       default: r(() => [
-        d.items.length ? (u(), I("div", es, [
+        d.items.length ? (u(), I("div", ts, [
           (u(!0), I(T, null, K(d.items, (m) => {
             var _;
             return u(), I("div", {
@@ -2636,9 +2635,9 @@ const je = q("settings", () => {
                         ]),
                         _: 2
                       }, 1032, ["text"])) : C("", !0),
-                      V("div", ts, S(m.metadata.text), 1),
-                      V("div", os, S(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
-                      V("div", ns, S(m.metadata.subtext), 1),
+                      V("div", os, S(m.metadata.text), 1),
+                      V("div", ns, S(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
+                      V("div", ss, S(m.metadata.subtext), 1),
                       i(X, E({ ref_for: !0 }, {
                         href: m.metadata.link.startsWith("http") ? m.metadata.link : void 0,
                         target: m.metadata.link.startsWith("http") ? "_blank" : void 0,
@@ -2664,7 +2663,7 @@ const je = q("settings", () => {
               }, 1024)
             ]);
           }), 128))
-        ])) : (u(), I("div", Xn, [
+        ])) : (u(), I("div", Kn, [
           i(Xe, {
             icon: "$vuetify",
             size: "256"
@@ -2673,7 +2672,7 @@ const je = q("settings", () => {
               i(U, { color: "medium-emphasis" })
             ]),
             title: r(() => [
-              Kn
+              es
             ]),
             _: 1
           })
@@ -2682,7 +2681,7 @@ const je = q("settings", () => {
       _: 1
     }));
   }
-}), as = { class: "ps-3 text-subtitle-2 pe-2" }, is = { class: "text-truncate" }, rs = { class: "text-caption font-weight-bold text-medium-emphasis" }, ls = { class: "text-disabled text-caption my-2" }, cs = /* @__PURE__ */ k({
+}), is = { class: "ps-3 text-subtitle-2 pe-2" }, rs = { class: "text-truncate" }, ls = { class: "text-caption font-weight-bold text-medium-emphasis" }, cs = { class: "text-disabled text-caption my-2" }, us = /* @__PURE__ */ k({
   __name: "VoNotificationsListItem",
   props: {
     demo: { type: Boolean },
@@ -2713,10 +2712,10 @@ const je = q("settings", () => {
         default: r(({ isHovering: y, props: $ }) => [
           i(_, E($, { class: "py-4 mb-0" }), {
             prepend: r(() => [
-              V("div", as, S(p.notification.metadata.emoji), 1)
+              V("div", is, S(p.notification.metadata.emoji), 1)
             ]),
             append: r(() => [
-              i(Bo, {
+              i(No, {
                 class: "mt-n3",
                 width: "56"
               }, {
@@ -2751,12 +2750,12 @@ const je = q("settings", () => {
             default: r(() => [
               i(pt, { class: "text-wrap text-h6 mb-1" }, {
                 default: r(() => [
-                  V("div", is, S(p.notification.title), 1)
+                  V("div", rs, S(p.notification.title), 1)
                 ]),
                 _: 1
               }),
-              V("div", rs, S(t(o).format(p.notification.created_at, "fullDateWithWeekday")), 1),
-              V("div", ls, S(p.notification.metadata.text), 1),
+              V("div", ls, S(t(o).format(p.notification.created_at, "fullDateWithWeekday")), 1),
+              V("div", cs, S(p.notification.metadata.text), 1),
               i(X, E({
                 "append-icon": `svg:${t(Ne)}`
               }, t(a), {
@@ -2779,17 +2778,17 @@ const je = q("settings", () => {
       });
     };
   }
-}), us = {
+}), ds = {
   key: 0,
   class: "pt-16"
-}, ds = /* @__PURE__ */ V("div", { class: "text-medium-emphasis" }, " All caught up ", -1), ps = /* @__PURE__ */ k({
+}, ps = /* @__PURE__ */ V("div", { class: "text-medium-emphasis" }, " All caught up ", -1), ms = /* @__PURE__ */ k({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(c) {
     return (e, n) => {
-      const o = cs;
+      const o = us;
       return u(), h(ae, {
         class: "py-0",
         height: "100%",
@@ -2801,7 +2800,7 @@ const je = q("settings", () => {
           }, [
             a !== 0 ? (u(), h(Q, { key: 0 })) : C("", !0),
             i(o, { notification: s }, null, 8, ["notification"])
-          ], 64))), 128)) : (u(), I("div", us, [
+          ], 64))), 128)) : (u(), I("div", ds, [
             i(Xe, {
               icon: "$vuetify",
               size: "256"
@@ -2810,7 +2809,7 @@ const je = q("settings", () => {
                 i(U, { color: "medium-emphasis" })
               ]),
               title: r(() => [
-                ds
+                ps
               ]),
               _: 1
             })
@@ -2912,7 +2911,7 @@ const je = q("settings", () => {
     store: y,
     update: $
   };
-}), ms = { class: "text-caption" }, fs = { class: "text-caption" }, vs = /* @__PURE__ */ k({
+}), fs = { class: "text-caption" }, vs = { class: "text-caption" }, _s = /* @__PURE__ */ k({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2928,17 +2927,17 @@ const je = q("settings", () => {
       }
       a.isOpen = !0, await be(), p.value = !0;
     }, { immediate: !0 }), (m, _) => {
-      const y = Y, $ = ps, g = ss, f = Se;
+      const y = Y, $ = ms, g = as, f = Se;
       return u(), h(f, {
         modelValue: p.value,
         "onUpdate:modelValue": _[2] || (_[2] = (v) => p.value = v),
-        "prepend-icon": `svg:${t(mo)}`,
+        "prepend-icon": `svg:${t(fo)}`,
         title: "Notifications"
       }, {
         default: r(() => [
           i(we, null, {
             default: r(() => [
-              i(No, {
+              i(To, {
                 location: t(e).mobile.value ? "top" : "start",
                 permanent: "",
                 width: t(e).mobile.value ? 128 : 168
@@ -2954,34 +2953,34 @@ const je = q("settings", () => {
                   }, {
                     default: r(() => [
                       i(y, {
-                        "prepend-icon": `svg:${t(fo)}`,
+                        "prepend-icon": `svg:${t(vo)}`,
                         title: "Unread",
                         value: "read"
                       }, R({ _: 2 }, [
                         t(s).unread.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            V("span", ms, S(t(s).unread.length), 1)
+                            V("span", fs, S(t(s).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       i(y, {
-                        "prepend-icon": `svg:${t(vo)}`,
+                        "prepend-icon": `svg:${t(_o)}`,
                         title: "Read",
                         value: "unread"
                       }, R({ _: 2 }, [
                         t(s).read.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            V("span", fs, S(t(s).read.length), 1)
+                            V("span", vs, S(t(s).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       t(o).all.length > 0 && t(l).notifications.banners ? (u(), h(y, {
                         key: 0,
-                        "prepend-icon": `svg:${t(_o)}`,
+                        "prepend-icon": `svg:${t(ho)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
@@ -3044,7 +3043,7 @@ const je = q("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), _s = /* @__PURE__ */ k({
+}), hs = /* @__PURE__ */ k({
   __name: "VoNotificationsBadge",
   setup(c) {
     const e = ze(), n = F();
@@ -3059,19 +3058,19 @@ const je = q("settings", () => {
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), hs = /* @__PURE__ */ k({
+}), gs = /* @__PURE__ */ k({
   __name: "VoNotificationsNavItem",
   setup(c) {
     const e = He(), n = F(), o = ze(), s = A(!1);
     return Ue(async () => {
       o.index(), e.index();
     }), (a, l) => {
-      const d = _s, p = vs, m = Y;
+      const d = hs, p = _s, m = Y;
       return t(n).notifications.show ? (u(), h(m, {
         key: 0,
         active: t(s),
         link: "",
-        "prepend-icon": `svg:${t(ho)}`,
+        "prepend-icon": `svg:${t(go)}`,
         title: "Notifications"
       }, R({
         default: r(() => [
@@ -3097,7 +3096,7 @@ const je = q("settings", () => {
       ]), 1032, ["active", "prepend-icon"])) : C("", !0);
     };
   }
-}), gs = /* @__PURE__ */ k({
+}), ys = /* @__PURE__ */ k({
   __name: "VoDashboardNavItem",
   setup(c) {
     const e = j();
@@ -3109,19 +3108,19 @@ const je = q("settings", () => {
     return (o, s) => {
       const a = Y;
       return u(), h(a, {
-        "prepend-icon": `svg:${t(go)}`,
+        "prepend-icon": `svg:${t(yo)}`,
         title: "Dashboard",
         to: "/user/dashboard",
         onClick: n
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), ys = /* @__PURE__ */ k({
+}), bs = /* @__PURE__ */ k({
   __name: "VoUserList",
   setup(c) {
     const e = P(), n = j();
     return (o, s) => {
-      const a = gs, l = hs, d = Jn, p = Yn, m = qn, _ = Nn, y = un, $ = tn;
+      const a = ys, l = gs, d = Xn, p = Jn, m = Zn, _ = Tn, y = dn, $ = on;
       return u(), h(ae, {
         density: "compact",
         nav: "",
@@ -3156,7 +3155,7 @@ const je = q("settings", () => {
   setup(c) {
     return (e, n) => (u(), h(U, { icon: "$vuetify-bin" }));
   }
-}), bs = { key: 0 }, Vs = { class: "d-flex align-center justify-center pa-1 ga-2" }, ks = /* @__PURE__ */ k({
+}), Vs = { key: 0 }, ks = { class: "d-flex align-center justify-center pa-1 ga-2" }, $s = /* @__PURE__ */ k({
   __name: "VoUserQuickActions",
   setup(c) {
     const e = F();
@@ -3164,8 +3163,8 @@ const je = q("settings", () => {
       const s = St, a = Ct;
       return u(), h(fe, null, {
         default: r(() => [
-          t(e).quickbar ? (u(), I("div", bs, [
-            V("div", Vs, [
+          t(e).quickbar ? (u(), I("div", Vs, [
+            V("div", ks, [
               i(Z, {
                 class: "text-caption",
                 color: t(e).colors.one,
@@ -3230,7 +3229,7 @@ const je = q("settings", () => {
       });
     };
   }
-}), $s = { class: "mb-2" }, ws = { key: 0 }, xs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Cs = { class: "text-h6" }, Ss = /* @__PURE__ */ k({
+}), ws = { class: "mb-2" }, xs = { key: 0 }, Cs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Ss = { class: "text-h6" }, Ls = /* @__PURE__ */ k({
   __name: "VoUserAvatar",
   setup(c) {
     const e = P(), n = j(), o = F(), s = A(!1), a = x(() => {
@@ -3287,19 +3286,19 @@ const je = q("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [To, t(n).isSubscriber]
+          [Fo, t(n).isSubscriber]
         ]),
-        V("div", $s, [
+        V("div", ws, [
           i(fe, null, {
             default: r(() => [
-              t(s) ? (u(), I("div", ws, [
+              t(s) ? (u(), I("div", xs, [
                 i(W, {
                   class: "pt-6 pb-1",
                   flat: "",
                   rounded: "0"
                 }, {
                   default: r(() => [
-                    V("div", xs, [
+                    V("div", Cs, [
                       (u(!0), I(T, null, K(t(a), (y, $) => (u(), h(Z, {
                         key: $,
                         active: t(o).avatar === y,
@@ -3324,11 +3323,11 @@ const je = q("settings", () => {
             _: 1
           })
         ]),
-        V("div", Cs, S(((_ = t(e).user) == null ? void 0 : _.name) ?? "Guest"), 1)
+        V("div", Ss, S(((_ = t(e).user) == null ? void 0 : _.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), Ls = /* @__PURE__ */ k({
+}), Is = /* @__PURE__ */ k({
   __name: "VoUserBadges",
   setup(c) {
     const e = P(), n = j(), o = x(() => {
@@ -3366,7 +3365,7 @@ const je = q("settings", () => {
             activator: r(({ props: d }) => [
               i(U, E({
                 color: "amber-darken-2",
-                icon: `svg:${t(yo)}`
+                icon: `svg:${t(bo)}`
               }, d, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
@@ -3402,10 +3401,10 @@ const je = q("settings", () => {
       _: 1
     })) : C("", !0);
   }
-}), Is = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, As = {
+}), As = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Ds = {
   key: "reset",
   class: "align-self-end"
-}, Ds = /* @__PURE__ */ k({
+}, Us = /* @__PURE__ */ k({
   __name: "VoUserColors",
   setup(c) {
     const e = P(), n = j(), o = F(), s = A(!1);
@@ -3413,7 +3412,7 @@ const je = q("settings", () => {
       o.colors.one = "surface-light";
     }
     return (l, d) => {
-      const p = Ls, m = Ce;
+      const p = Is, m = Ce;
       return u(), I(T, null, [
         i(te, {
           color: t(e).user ? t(o).colors.one : "surface-light",
@@ -3424,17 +3423,17 @@ const je = q("settings", () => {
           rounded: "0"
         }, {
           default: r(() => [
-            V("div", Is, [
+            V("div", As, [
               i(p),
-              i(Io, null, {
+              i(Ao, null, {
                 default: r(() => [
-                  Ve(V("div", As, [
+                  Ve(V("div", Ds, [
                     i(m, {
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
                       disabled: t(o).colors.one === "surface-light",
-                      icon: `svg:${t(bo)}`,
+                      icon: `svg:${t(Vo)}`,
                       title: "Revert to Default",
                       variant: "text",
                       onClick: a
@@ -3474,7 +3473,7 @@ const je = q("settings", () => {
         }, 8, ["color"]),
         i(fe, null, {
           default: r(() => [
-            t(s) ? (u(), h(Fo, {
+            t(s) ? (u(), h(Mo, {
               key: 0,
               elevation: "0",
               height: "250",
@@ -3494,7 +3493,7 @@ const je = q("settings", () => {
       ], 64);
     };
   }
-}), Us = { class: "text-center mt-n9 mb-4" }, Os = /* @__PURE__ */ k({
+}), Os = { class: "text-center mt-n9 mb-4" }, Bs = /* @__PURE__ */ k({
   __name: "VoUserMenu",
   setup(c) {
     const e = He(), n = j(), o = O();
@@ -3502,8 +3501,8 @@ const je = q("settings", () => {
       var s, a;
       await new Promise((l) => setTimeout(l, 300)), n.isOpen && ((a = (s = o.value) == null ? void 0 : s.updateLocation) == null || a.call(s));
     }, { flush: "pre" }), (s, a) => {
-      const l = Ds, d = Ss, p = ks, m = ys, _ = wt;
-      return u(), h(Mo, {
+      const l = Us, d = Ls, p = $s, m = bs, _ = wt;
+      return u(), h(zo, {
         ref_key: "menu",
         ref: o,
         modelValue: t(n).isOpen,
@@ -3522,7 +3521,7 @@ const je = q("settings", () => {
           }, {
             default: r(() => [
               i(l),
-              V("div", Us, [
+              V("div", Os, [
                 i(d),
                 i(p)
               ]),
@@ -3538,7 +3537,7 @@ const je = q("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Bs = { key: 0 }, Lt = /* @__PURE__ */ k({
+}), Ns = { key: 0 }, Lt = /* @__PURE__ */ k({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
@@ -3546,14 +3545,14 @@ const je = q("settings", () => {
   setup(c) {
     const e = P(), n = j(), o = F(), { lgAndUp: s } = ve(), a = x(() => n.isOpen || !e.user ? o.colors.one === "surface-light" ? "primary" : o.colors.one : "surface-light");
     return (l, d) => {
-      const p = Os, m = Ce, _ = Ko, y = $t, $ = Ho;
+      const p = Bs, m = Ce, _ = en, y = $t, $ = Ro;
       return u(), I(T, null, [
         i(_, {
           "offset-y": t(e).user ? 5 : 0
         }, {
           default: r(() => [
             i(m, E({
-              [`${t(s) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(Vo)}`
+              [`${t(s) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(ko)}`
             }, {
               active: "",
               border: !!t(e).user,
@@ -3566,7 +3565,7 @@ const je = q("settings", () => {
               variant: t(e).user ? t(n).isOpen ? "outlined" : "text" : "flat"
             }), {
               default: r(() => [
-                t(e).user ? C("", !0) : (u(), I("span", Bs, "Login")),
+                t(e).user ? C("", !0) : (u(), I("span", Ns, "Login")),
                 t(e).user ? (u(), h(ee, {
                   key: 1,
                   image: t(o).avatar || t(e).user.picture || ""
@@ -3583,7 +3582,7 @@ const je = q("settings", () => {
       ], 64);
     };
   }
-}), Ns = /* @__PURE__ */ k({
+}), Ts = /* @__PURE__ */ k({
   __name: "VoAppBar",
   props: {
     logo: {}
@@ -3644,18 +3643,24 @@ const je = q("settings", () => {
       ]), 1032, ["image"]);
     };
   }
-}), Ts = /* @__PURE__ */ k({
+}), Fs = /* @__PURE__ */ k({
   __name: "VoNotificationsBanner",
   props: {
     demo: { type: Boolean }
   },
   setup(c) {
+    Tt((g) => {
+      var f;
+      return {
+        "0b9050b7": (f = t(l)) == null ? void 0 : f.metadata.bg_blur
+      };
+    });
     const e = c, { mdAndUp: n } = ve(), o = Qe(), s = F(), a = He(), l = x(() => a.banner), d = x(() => {
       var g, f;
       return ((g = l.value) == null ? void 0 : g.metadata.height) || ((f = l.value) != null && f.metadata.subtext ? 88 : 48);
     }), p = x(() => e.demo ? !0 : !l.value || !s.notifications.last.banner.includes(l.value.slug));
     function m() {
-      l.value && s.notifications.last.banner.push(l.value.slug);
+      e.demo || l.value && s.notifications.last.banner.push(l.value.slug);
     }
     async function _(g) {
       var b;
@@ -3743,12 +3748,11 @@ const je = q("settings", () => {
               key: 1,
               class: "ms-6 me-2",
               density: "comfortable",
-              disabled: g.demo,
               icon: "$clear",
               size: "small",
               variant: "plain",
               onClick: Ze(m, ["prevent", "stop"])
-            }, null, 8, ["disabled"])) : C("", !0)
+            })) : C("", !0)
           ]),
           default: r(() => [
             t(l).metadata.text ? (u(), h(pt, {
@@ -3760,7 +3764,7 @@ const je = q("settings", () => {
               ]),
               _: 1
             })) : C("", !0),
-            t(l).metadata.subtext ? (u(), h(xo, { key: 1 }, {
+            t(l).metadata.subtext ? (u(), h(Co, { key: 1 }, {
               default: r(() => [
                 N(S(t(l).metadata.subtext), 1)
               ]),
@@ -3778,7 +3782,7 @@ const je = q("settings", () => {
   for (const [o, s] of e)
     n[o] = s;
   return n;
-}, Fs = /* @__PURE__ */ et(Ts, [["__scopeId", "data-v-b7567b33"]]), Ms = {
+}, Ms = /* @__PURE__ */ et(Fs, [["__scopeId", "data-v-2a88ced7"]]), zs = {
   key: 0,
   class: "text-uppercase position-absolute ms-auto font-weight-medium on-surface-light",
   style: { right: "12px", bottom: "8px", "font-size": "10px" }
@@ -3798,7 +3802,7 @@ const je = q("settings", () => {
       target: "_blank"
     }, R({
       default: r(() => [
-        i(zo, {
+        i(jo, {
           "min-height": e.minHeight,
           width: "100%"
         }, {
@@ -3807,7 +3811,7 @@ const je = q("settings", () => {
           ]),
           _: 3
         }, 8, ["min-height"]),
-        e.caption ? (u(), I("div", Ms, S(e.caption), 1)) : C("", !0)
+        e.caption ? (u(), I("div", zs, S(e.caption), 1)) : C("", !0)
       ]),
       _: 2
     }, [
@@ -3909,7 +3913,7 @@ const je = q("settings", () => {
     store: _,
     update: y
   };
-}), zs = /* @__PURE__ */ k({
+}), js = /* @__PURE__ */ k({
   __name: "VoPromotionsCardHighlight",
   props: {
     slug: {}
@@ -3933,7 +3937,7 @@ const je = q("settings", () => {
       const y = It;
       return t(l) || !t(o).hasLoaded ? (u(), h(y, {
         key: 0,
-        class: "mb-4",
+        class: "vo-promotions-card-highlight",
         color: (($ = t(l)) == null ? void 0 : $.metadata.color) ?? "surface",
         height: "60",
         href: (g = t(l)) == null ? void 0 : g.metadata.url,
@@ -3976,7 +3980,7 @@ const je = q("settings", () => {
       ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : C("", !0);
     };
   }
-}), js = { class: "d-flex ga-4" }, Ps = { class: "d-flex align-start ga-4" }, Hs = { class: "text-caption on-surface-light" }, Rs = /* @__PURE__ */ k({
+}), Ps = { class: "d-flex ga-4" }, Hs = { class: "d-flex align-start ga-4" }, Rs = { class: "text-caption on-surface-light" }, Es = /* @__PURE__ */ k({
   __name: "VoPromotionsCardVuetify",
   props: {
     slug: {}
@@ -3994,14 +3998,14 @@ const je = q("settings", () => {
         key: 0,
         border: "",
         caption: "ads via vuetify",
-        class: "pa-2 mb-4",
+        class: "vo-promotions-card-vuetify pa-2",
         href: (_ = (m = t(a)) == null ? void 0 : m.metadata) == null ? void 0 : _.url,
         width: "360"
       }, {
         default: r(() => {
           var y, $, g;
           return [
-            V("div", js, [
+            V("div", Ps, [
               t(o).hasLoaded ? t(a) ? (u(), I(T, { key: 1 }, [
                 i(te, {
                   cover: "",
@@ -4012,8 +4016,8 @@ const je = q("settings", () => {
                   src: ($ = (y = t(a).metadata) == null ? void 0 : y.images.default) == null ? void 0 : $.url,
                   width: "100%"
                 }, null, 8, ["src"]),
-                V("div", Ps, [
-                  V("div", Hs, S((g = t(a).metadata) == null ? void 0 : g.text), 1)
+                V("div", Hs, [
+                  V("div", Rs, S((g = t(a).metadata) == null ? void 0 : g.text), 1)
                 ])
               ], 64)) : C("", !0) : (u(), I(T, { key: 0 }, [
                 i(ye, {
@@ -4039,21 +4043,21 @@ const je = q("settings", () => {
       }, 8, ["href"])) : C("", !0);
     };
   }
-}), Es = {
+}), Ws = {
   key: 0,
   class: "v-footer__image"
-}, Ws = /* @__PURE__ */ k({
+}, qs = /* @__PURE__ */ k({
   __name: "VoFooter",
   props: {
     image: {}
   },
   setup(c) {
-    return (e, n) => (u(), h(jo, {
+    return (e, n) => (u(), h(Po, {
       class: "vo-footer",
       height: "40"
     }, {
       default: r(() => [
-        e.image || e.$slots.image ? (u(), I("div", Es, [
+        e.image || e.$slots.image ? (u(), I("div", Ws, [
           e.$slots.image ? B(e.$slots, "image", { key: 0 }, void 0, !0) : (u(), h(te, {
             key: 1,
             cover: "",
@@ -4066,7 +4070,7 @@ const je = q("settings", () => {
       _: 3
     }));
   }
-}), At = /* @__PURE__ */ et(Ws, [["__scopeId", "data-v-3135ada5"]]), qs = ["href"], Zs = /* @__PURE__ */ k({
+}), At = /* @__PURE__ */ et(qs, [["__scopeId", "data-v-3135ada5"]]), Zs = ["href"], Gs = /* @__PURE__ */ k({
   __name: "VoPromotionsFooter",
   props: {
     slug: {}
@@ -4120,14 +4124,14 @@ const je = q("settings", () => {
                 text: "SPONSORED",
                 variant: "flat"
               })) : C("", !0)
-            ], 8, qs)
+            ], 8, Zs)
           ];
         }),
         _: 1
       }, 8, ["color", "image"]);
     };
   }
-}), Gs = ["id"], Qs = /* @__PURE__ */ k({
+}), Qs = ["id"], Ys = /* @__PURE__ */ k({
   __name: "VoScript",
   props: {
     id: {
@@ -4152,19 +4156,19 @@ const je = q("settings", () => {
     }), Ue(() => {
       var l;
       a.value && ((l = s.value) == null || l.appendChild(a.value));
-    }), Tt(() => {
+    }), Ft(() => {
       var l;
       a.value && ((l = s.value) == null || l.removeChild(a.value));
     }), (l, d) => (u(), I("div", {
       id: c.id,
       ref_key: "rootEl",
       ref: s
-    }, null, 8, Gs));
+    }, null, 8, Qs));
   }
-}), Ys = (c) => (Ft("data-v-d01d30e4"), c = c(), Mt(), c), Js = ["href", "title"], Xs = {
+}), Js = (c) => (Mt("data-v-d01d30e4"), c = c(), zt(), c), Xs = ["href", "title"], Ks = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Ks = /* @__PURE__ */ Ys(() => /* @__PURE__ */ V("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), ea = /* @__PURE__ */ k({
+}, ea = /* @__PURE__ */ Js(() => /* @__PURE__ */ V("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), ta = /* @__PURE__ */ k({
   __name: "VoSocialFooter",
   setup(c) {
     const e = je(), n = [
@@ -4175,7 +4179,7 @@ const je = q("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${ko}`,
+        icon: `svg:${$o}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -4219,10 +4223,10 @@ const je = q("settings", () => {
               icon: l.icon,
               size: l.icon === "$vuetify" ? 24 : 16
             }, null, 8, ["icon", "size"])
-          ], 8, Js)), 64)),
-          V("div", Xs, [
+          ], 8, Xs)), 64)),
+          V("div", Ks, [
             N(" © 2016-" + S((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-            Ks
+            ea
           ])
         ]),
         _: 2
@@ -4237,7 +4241,7 @@ const je = q("settings", () => {
       ]), 1032, ["image"]);
     };
   }
-}), ta = /* @__PURE__ */ et(ea, [["__scopeId", "data-v-d01d30e4"]]), oa = q("spots", () => {
+}), oa = /* @__PURE__ */ et(ta, [["__scopeId", "data-v-d01d30e4"]]), na = q("spots", () => {
   const c = oe(), e = Ke(), n = O([]), o = O([]), s = O(), a = A(!1), l = x(() => s.value ? s.value : n.value.find(({
     metadata: {
       site: g,
@@ -4317,10 +4321,10 @@ const je = q("settings", () => {
     update: _,
     destroy: y
   };
-}), na = ["href"], sa = /* @__PURE__ */ k({
+}), sa = ["href"], aa = /* @__PURE__ */ k({
   __name: "VoSpot",
   setup(c) {
-    const e = oa();
+    const e = na();
     return (n, o) => {
       var s;
       return t(e).spot ? (u(), I("a", {
@@ -4336,10 +4340,10 @@ const je = q("settings", () => {
           src: (s = t(e).spot.metadata.image) == null ? void 0 : s.url,
           width: "225"
         }, null, 8, ["color", "src"])
-      ], 8, na)) : C("", !0);
+      ], 8, sa)) : C("", !0);
     };
   }
-}), Ga = {
+}), Qa = {
   discord: ["M22,24L16.75,19L17.38,21H4.5A2.5,2.5 0 0,1 2,18.5V3.5A2.5,2.5 0 0,1 4.5,1H19.5A2.5,2.5 0 0,1 22,3.5V24M12,6.8C9.32,6.8 7.44,7.95 7.44,7.95C8.47,7.03 10.27,6.5 10.27,6.5L10.1,6.33C8.41,6.36 6.88,7.53 6.88,7.53C5.16,11.12 5.27,14.22 5.27,14.22C6.67,16.03 8.75,15.9 8.75,15.9L9.46,15C8.21,14.73 7.42,13.62 7.42,13.62C7.42,13.62 9.3,14.9 12,14.9C14.7,14.9 16.58,13.62 16.58,13.62C16.58,13.62 15.79,14.73 14.54,15L15.25,15.9C15.25,15.9 17.33,16.03 18.73,14.22C18.73,14.22 18.84,11.12 17.12,7.53C17.12,7.53 15.59,6.36 13.9,6.33L13.73,6.5C13.73,6.5 15.53,7.03 16.56,7.95C16.56,7.95 14.68,6.8 12,6.8M9.93,10.59C10.58,10.59 11.11,11.16 11.1,11.86C11.1,12.55 10.58,13.13 9.93,13.13C9.29,13.13 8.77,12.55 8.77,11.86C8.77,11.16 9.28,10.59 9.93,10.59M14.1,10.59C14.75,10.59 15.27,11.16 15.27,11.86C15.27,12.55 14.75,13.13 14.1,13.13C13.46,13.13 12.94,12.55 12.94,11.86C12.94,11.16 13.45,10.59 14.1,10.59Z"],
   github: ["M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"],
   reddit: "M14.5 15.41C14.58 15.5 14.58 15.69 14.5 15.8C13.77 16.5 12.41 16.56 12 16.56C11.61 16.56 10.25 16.5 9.54 15.8C9.44 15.69 9.44 15.5 9.54 15.41C9.65 15.31 9.82 15.31 9.92 15.41C10.38 15.87 11.33 16 12 16C12.69 16 13.66 15.87 14.1 15.41C14.21 15.31 14.38 15.31 14.5 15.41M10.75 13.04C10.75 12.47 10.28 12 9.71 12C9.14 12 8.67 12.47 8.67 13.04C8.67 13.61 9.14 14.09 9.71 14.08C10.28 14.08 10.75 13.61 10.75 13.04M14.29 12C13.72 12 13.25 12.5 13.25 13.05S13.72 14.09 14.29 14.09C14.86 14.09 15.33 13.61 15.33 13.05C15.33 12.5 14.86 12 14.29 12M22 12C22 17.5 17.5 22 12 22S2 17.5 2 12C2 6.5 6.5 2 12 2S22 6.5 22 12M18.67 12C18.67 11.19 18 10.54 17.22 10.54C16.82 10.54 16.46 10.7 16.2 10.95C15.2 10.23 13.83 9.77 12.3 9.71L12.97 6.58L15.14 7.05C15.16 7.6 15.62 8.04 16.18 8.04C16.75 8.04 17.22 7.57 17.22 7C17.22 6.43 16.75 5.96 16.18 5.96C15.77 5.96 15.41 6.2 15.25 6.55L12.82 6.03C12.75 6 12.68 6.03 12.63 6.07C12.57 6.11 12.54 6.17 12.53 6.24L11.79 9.72C10.24 9.77 8.84 10.23 7.82 10.96C7.56 10.71 7.2 10.56 6.81 10.56C6 10.56 5.35 11.21 5.35 12C5.35 12.61 5.71 13.11 6.21 13.34C6.19 13.5 6.18 13.62 6.18 13.78C6.18 16 8.79 17.85 12 17.85C15.23 17.85 17.85 16.03 17.85 13.78C17.85 13.64 17.84 13.5 17.81 13.34C18.31 13.11 18.67 12.6 18.67 12Z",
@@ -4360,7 +4364,7 @@ const je = q("settings", () => {
     ["M12.435 14.3194L22 4L9.26479 7.61064L12.435 14.3194Z", 1],
     ["M2 4L6.87046 12.2799L9.26479 7.61064L2 4Z", 1]
   ]
-}, Qa = q("bins", () => {
+}, Ya = q("bins", () => {
   const c = P(), e = oe(), n = O([]), o = O(), s = A(!1), a = A(-1), l = x(() => !c.user || !o.value ? !1 : c.user.id === o.value.owner.id), d = x(() => n.value.filter((v) => v.favorite)), p = x(() => n.value.filter((v) => v.pinned));
   z(o, () => {
     window.clearTimeout(a.value), a.value = window.setTimeout(() => {
@@ -4445,7 +4449,7 @@ const je = q("settings", () => {
     update: $,
     updateOrCreate: g
   };
-}), Ya = q("products", () => {
+}), Ja = q("products", () => {
   const c = oe(), e = O([]), n = x(() => e.value.filter((a) => a.product_type === "Themes"));
   async function o() {
     if (e.value.length) return e.value;
@@ -4466,31 +4470,31 @@ const je = q("settings", () => {
     randomize: s
   };
 });
-function Ja() {
+function Xa() {
   function c(e) {
-    e.component("VoAppBar", Ns), e.component("VoAuthBtn", Lt), e.component("VoAuthCard", kt), e.component("VoAuthDialog", $t), e.component("VoAuthListItem", wt), e.component("VoIconBin", St), e.component("VoIconIssues", Ct), e.component("VoNotificationsBanner", Fs), e.component("VoPromotionsCardHighlight", zs), e.component("VoPromotionsCardVuetify", Rs), e.component("VoPromotionsFooter", Zs), e.component("VoScript", Qs), e.component("VoSocialFooter", ta), e.component("VoSpot", sa);
+    e.component("VoAppBar", Ts), e.component("VoAuthBtn", Lt), e.component("VoAuthCard", kt), e.component("VoAuthDialog", $t), e.component("VoAuthListItem", wt), e.component("VoIconBin", St), e.component("VoIconIssues", Ct), e.component("VoNotificationsBanner", Ms), e.component("VoPromotionsCardHighlight", js), e.component("VoPromotionsCardVuetify", Es), e.component("VoPromotionsFooter", Gs), e.component("VoScript", Ys), e.component("VoSocialFooter", oa), e.component("VoSpot", aa);
   }
   return { install: c };
 }
-function Xa(c, e) {
+function Ka(c, e) {
   return function(n) {
     const o = n.store;
     o.url = e, o.$id === "site" && (o.id = c);
   };
 }
 export {
-  Ga as aliases,
-  Ja as createOne,
-  Xa as one,
+  Qa as aliases,
+  Xa as createOne,
+  Ka as one,
   P as useAuthStore,
   He as useBannersStore,
-  Qa as useBinsStore,
+  Ya as useBinsStore,
   oe as useHttpStore,
   j as useOneStore,
-  Ya as useProductsStore,
+  Ja as useProductsStore,
   tt as usePromotionsStore,
-  Po as useQueueStore,
+  Ho as useQueueStore,
   je as useSettingsStore,
-  oa as useSpotsStore,
+  na as useSpotsStore,
   F as useUserStore
 };