@vuetify/one 1.9.5 → 2.0.0

package/dist/index.js

@@ -1,47 +1,46 @@
-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 { ref as O, defineComponent as k, resolveComponent as at, openBlock as u, createBlock as h, unref as t, reactive as Ut, watch as z, toRefs as Ot, 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 it, createCommentVNode as C, withModifiers as Ze, mergeModels as Bt, 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 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 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 { 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 rt, mdiImageFilterHdr as lt, mdiTransmissionTower as ct, mdiRocketLaunchOutline as ut, 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 dt, mdiEmailVariant as pt, 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 { merge as Re } from "lodash-es";
-import { VListItem as me, VList as ae, VListSubheader as xo, VListItemTitle as pt, VListItemSubtitle as Co } from "vuetify/lib/components/VList/index.mjs";
+import { VListItem as me, VList as ae, VListSubheader as wo, VListItemTitle as mt, VListItemSubtitle as xo } from "vuetify/lib/components/VList/index.mjs";
 import { VAvatar as ee } from "vuetify/lib/components/VAvatar/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 { VCard as W, VCardTitle as Co, VCardSubtitle as So, VCardText as ue } from "vuetify/lib/components/VCard/index.mjs";
+import { VDialog as ft } 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 Io } from "vuetify/lib/components/VProgressCircular/index.mjs";
+import { VProgressCircular as Lo } 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 Ao } from "vuetify/lib/components/transitions/index.mjs";
+import { VSwitch as vt } 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 { 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 Do } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as Uo } from "vuetify/lib/components/VSelect/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 { 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";
-import { VItemGroup as vt, VItem as qe } from "vuetify/lib/components/VItemGroup/index.mjs";
+import { VItemGroup as _t, VItem as qe } from "vuetify/lib/components/VItemGroup/index.mjs";
 import { VLayout as we } from "vuetify/lib/components/VLayout/index.mjs";
 import { VMain as xe } from "vuetify/lib/components/VMain/index.mjs";
-import { VDataTableVirtual as _t } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VDataTableVirtual as ht } 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 Oo, VTimeline as Bo } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VWindow as gt, 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 { VEmptyState as Xe } from "vuetify/lib/components/VEmptyState/index.mjs";
 import { VTooltip as J } from "vuetify/lib/components/VTooltip/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 jo } from "vuetify/lib/components/VLazy/index.mjs";
-import { VFooter as Po } from "vuetify/lib/components/VFooter/index.mjs";
-const Ho = q("Queue", () => {
+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 { VAppBar as yt } 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", () => {
   const c = O([]);
   function e(n) {
     const o = typeof n == "string" ? { text: n } : n;
@@ -51,16 +50,19 @@ const Ho = q("Queue", () => {
     queue: c,
     show: e
   };
-}), Ro = /* @__PURE__ */ k({
+}), Ho = /* @__PURE__ */ k({
   __name: "VoSnackbarQueue",
   setup(c) {
-    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: "",
-      location: "bottom end"
-    }, null, 8, ["modelValue"]));
+    const e = Po();
+    return (n, o) => {
+      const s = at("VSnackbarQueue");
+      return u(), h(s, {
+        modelValue: t(e).queue,
+        "onUpdate:modelValue": o[0] || (o[0] = (a) => t(e).queue = a),
+        closable: "",
+        location: "bottom end"
+      }, null, 8, ["modelValue"]);
+    };
   }
 }), oe = q("http", {
   state: () => ({
@@ -107,7 +109,7 @@ const Ho = q("Queue", () => {
   avatar: "",
   dev: !1,
   disableAds: !1,
-  composition: "options",
+  composition: "composition",
   pwaRefresh: !0,
   theme: "system",
   mixedTheme: !0,
@@ -141,7 +143,7 @@ const Ho = q("Queue", () => {
     }
   }
 }, F = q("user", () => {
-  const c = Dt(Re({}, Ae));
+  const c = Ut(Re({}, Ae));
   z(c, n);
   function e() {
     if (!Ee) return;
@@ -156,7 +158,7 @@ const Ho = q("Queue", () => {
     Ee && (Object.assign(c, Re({}, Ae)), n());
   }
   return e(), {
-    ...Ut(c),
+    ...Ot(c),
     load: e,
     save: n,
     reset: o
@@ -183,12 +185,10 @@ const Ho = 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 +261,33 @@ const Ho = q("Queue", () => {
     lastLoginProvider: $,
     sync: d
   };
-}), Eo = { class: "text-body-2" }, Wo = /* @__PURE__ */ V("div", { class: "text-caption mt-n1" }, "Last Used", -1), yt = /* @__PURE__ */ k({
+}), Ro = { class: "text-body-2" }, Eo = /* @__PURE__ */ V("div", { class: "text-caption mt-n1" }, "Last Used", -1), bt = /* @__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(Pt)}`,
+      "prepend-icon": `svg:${t(jt)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: a[0] || (a[0] = (l) => t(e).login("shopify"))
     }, R({
       title: r(() => [
-        V("span", Eo, S(t(o)), 1)
+        V("span", Ro, S(t(o)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "shopify" ? {
         name: "subtitle",
         fn: r(() => [
-          Wo
+          Eo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), qo = { class: "text-body-2" }, Zo = /* @__PURE__ */ V("div", { class: "text-caption mt-n1" }, "Last Used", -1), bt = /* @__PURE__ */ k({
+}), Wo = { class: "text-body-2" }, qo = /* @__PURE__ */ V("div", { class: "text-caption mt-n1" }, "Last Used", -1), Vt = /* @__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 +300,20 @@ const Ho = q("Queue", () => {
       onClick: a[0] || (a[0] = (l) => t(e).login("discord"))
     }, R({
       title: r(() => [
-        V("span", qo, S(t(o)), 1)
+        V("span", Wo, S(t(o)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "discord" ? {
         name: "subtitle",
         fn: r(() => [
-          Zo
+          qo
         ]),
         key: "0"
       } : void 0
     ]), 1024));
   }
-}), Go = { class: "text-body-2" }, Qo = /* @__PURE__ */ V("div", { class: "text-caption mt-n1" }, "Last Used", -1), Vt = /* @__PURE__ */ k({
+}), Zo = { class: "text-body-2" }, Go = /* @__PURE__ */ V("div", { class: "text-caption mt-n1" }, "Last Used", -1), kt = /* @__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,46 +326,46 @@ const Ho = q("Queue", () => {
       onClick: a[0] || (a[0] = (l) => t(e).login("github"))
     }, R({
       title: r(() => [
-        V("span", Go, S(t(o)), 1)
+        V("span", Zo, S(t(o)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "github" ? {
         name: "subtitle",
         fn: r(() => [
-          Qo
+          Go
         ]),
         key: "0"
       } : void 0
     ]), 1024));
   }
-}), 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({
+}), 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), $t = /* @__PURE__ */ k({
   __name: "VoAuthCard",
   setup(c) {
     const e = P();
     return (n, o) => {
-      const s = Vt, a = bt, l = yt;
+      const s = kt, a = Vt, l = bt;
       return u(), h(W, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
         default: r(() => [
-          V("div", Yo, [
+          V("div", Qo, [
             i(ee, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
             })
           ]),
-          V("div", Jo, [
-            i(So, { class: "text-h5 mb-1 text-md-h4" }, {
+          V("div", Yo, [
+            i(Co, { class: "text-h5 mb-1 text-md-h4" }, {
               default: r(() => [
-                V("div", Xo, S(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
-                Ko
+                V("div", Jo, S(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                Xo
               ]),
               _: 1
             }),
-            i(Lo, { class: "text-wrap" }, {
+            i(So, { class: "text-wrap" }, {
               default: r(() => [
                 N(" Login to save your settings and gain access to exclusive subscriber perks. ")
               ]),
@@ -389,13 +389,13 @@ const Ho = q("Queue", () => {
       });
     };
   }
-}), $t = /* @__PURE__ */ k({
+}), wt = /* @__PURE__ */ k({
   __name: "VoAuthDialog",
   setup(c) {
     const e = P();
     return (n, o) => {
-      const s = kt;
-      return u(), h(mt, {
+      const s = $t;
+      return u(), h(ft, {
         modelValue: t(e).dialog,
         "onUpdate:modelValue": o[0] || (o[0] = (a) => t(e).dialog = a),
         "max-width": "480"
@@ -483,7 +483,7 @@ const Ho = q("Queue", () => {
     read: d,
     unread: l
   };
-}), en = /* @__PURE__ */ k({
+}), Ko = /* @__PURE__ */ k({
   __name: "VoNotificationsTotalBadge",
   setup(c) {
     const e = P(), n = ze(), o = F(), s = x(() => o.notifications.show ? n.unread.length : 0);
@@ -511,14 +511,14 @@ const Ho = q("Queue", () => {
       class: "text-none font-weight-regular",
       color: "primary",
       size: "small",
-      style: at({
+      style: it({
         pointerEvents: e.readonly ? "none" : void 0
       }),
       tabindex: e.readonly ? -1 : void 0,
       variant: "flat"
     }, R({
       loader: r(() => [
-        n.$slots.loader ? C("", !0) : (u(), h(Io, {
+        n.$slots.loader ? C("", !0) : (u(), h(Lo, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
@@ -544,7 +544,7 @@ const Ho = q("Queue", () => {
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), tn = { class: "pa-4 d-flex flex-column ga-4" }, wt = /* @__PURE__ */ k({
+}), en = { class: "pa-4 d-flex flex-column ga-4" }, xt = /* @__PURE__ */ k({
   __name: "VoAuthListItem",
   setup(c) {
     const e = P(), n = F(), o = A(!e.user && !e.isLoading);
@@ -555,7 +555,7 @@ const Ho = q("Queue", () => {
       e.user && (o.value = !o.value);
     }
     return (a, l) => {
-      const d = Vt, p = bt, m = yt;
+      const d = kt, p = Vt, m = bt;
       return u(), h(W, {
         class: "ma-2",
         rounded: "lg",
@@ -568,7 +568,7 @@ const Ho = q("Queue", () => {
                 class: "mb-0",
                 link: !!t(e).user,
                 nav: "",
-                "prepend-icon": `svg:${t(e).user && t(n).syncSettings ? t(Ht) : t(Rt)}`,
+                "prepend-icon": `svg:${t(e).user && t(n).syncSettings ? t(Pt) : t(Ht)}`,
                 rounded: "b-0",
                 slim: "",
                 title: t(e).user && t(n).syncSettings ? "Sync is on" : "Sync is paused",
@@ -577,7 +577,7 @@ const Ho = q("Queue", () => {
                 append: r(() => [
                   i(Te, null, {
                     default: r(() => [
-                      t(e).user && (t(o) || !t(n).syncSettings) ? (u(), h(ft, {
+                      t(e).user && (t(o) || !t(n).syncSettings) ? (u(), h(vt, {
                         key: 0,
                         modelValue: t(n).syncSettings,
                         "onUpdate:modelValue": l[0] || (l[0] = (_) => t(n).syncSettings = _),
@@ -609,7 +609,7 @@ const Ho = q("Queue", () => {
                     color: "transparent"
                   }, {
                     default: r(() => [
-                      V("div", tn, [
+                      V("div", en, [
                         i(d, {
                           onClick: l[2] || (l[2] = (_) => o.value = !1)
                         }),
@@ -666,7 +666,7 @@ const Ho = q("Queue", () => {
       } : void 0
     ]), 1024));
   }
-}), on = /* @__PURE__ */ k({
+}), tn = /* @__PURE__ */ k({
   __name: "VoAuthLogoutNavItem",
   setup(c) {
     const e = P(), n = A(!1);
@@ -680,7 +680,7 @@ const Ho = q("Queue", () => {
         disabled: t(n),
         link: "",
         loading: t(n),
-        "prepend-icon": `svg:${t(Et)}`,
+        "prepend-icon": `svg:${t(Rt)}`,
         title: "Logout",
         onClick: o
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
@@ -688,7 +688,7 @@ const Ho = q("Queue", () => {
   }
 }), Se = /* @__PURE__ */ k({
   __name: "VoDialog",
-  props: /* @__PURE__ */ Ot({
+  props: /* @__PURE__ */ Bt({
     prependIcon: {},
     title: {}
   }, {
@@ -698,7 +698,7 @@ const Ho = q("Queue", () => {
   emits: ["update:modelValue"],
   setup(c) {
     const e = pe(c, "modelValue"), n = ve(), o = A(!1);
-    return (s, a) => (u(), h(mt, {
+    return (s, a) => (u(), h(ft, {
       modelValue: e.value,
       "onUpdate:modelValue": a[2] || (a[2] = (l) => e.value = l),
       activator: "parent",
@@ -720,7 +720,7 @@ const Ho = q("Queue", () => {
               key: 0,
               class: "me-2",
               density: "comfortable",
-              icon: `svg:${t(o) ? t(Wt) : t(qt)}`,
+              icon: `svg:${t(o) ? t(Et) : t(Wt)}`,
               size: "small",
               variant: "text",
               onClick: a[0] || (a[0] = (d) => o.value = !t(o))
@@ -758,13 +758,13 @@ const Ho = q("Queue", () => {
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), xt = /* @__PURE__ */ k({
+}), Ct = /* @__PURE__ */ k({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
   setup(c) {
-    return (e, n) => (u(), h(ft, {
+    return (e, n) => (u(), h(vt, {
       color: "primary",
       density: "compact",
       disabled: e.disabled,
@@ -787,7 +787,7 @@ const Ho = q("Queue", () => {
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), nn = {
+}), on = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
 }, _e = /* @__PURE__ */ k({
@@ -807,42 +807,42 @@ const Ho = q("Queue", () => {
         ]),
         _: 1
       })) : C("", !0),
-      e.text ? (u(), I("div", nn, S(e.text), 1)) : C("", !0)
+      e.text ? (u(), I("div", on, S(e.text), 1)) : C("", !0)
     ], 64));
   }
-}), sn = { key: 0 }, an = /* @__PURE__ */ k({
+}), nn = { key: 0 }, sn = /* @__PURE__ */ k({
   __name: "VoSettingsPageSuitOption",
   setup(c) {
     const e = F(), n = [
       {
         title: "Choose a page suit",
         value: "",
-        prependIcon: `svg:${Qt}`,
+        prependIcon: `svg:${Gt}`,
         disabled: !0
       },
       {
         title: "Blackguard",
-        prependIcon: `svg:${it}`,
+        prependIcon: `svg:${rt}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
-        prependIcon: `svg:${rt}`,
+        prependIcon: `svg:${lt}`,
         value: "polaris"
       },
       {
         title: "Nebula",
-        prependIcon: `svg:${lt}`,
+        prependIcon: `svg:${ct}`,
         value: "nebula"
       },
       {
         title: "Odyssey",
-        prependIcon: `svg:${ct}`,
+        prependIcon: `svg:${ut}`,
         value: "odyssey"
       }
     ];
     return (o, s) => {
-      const a = xt, l = _e;
+      const a = Ct, l = _e;
       return u(), I(T, null, [
         i(a, {
           modelValue: t(e).suits.show,
@@ -853,8 +853,8 @@ const Ho = q("Queue", () => {
         }, null, 8, ["modelValue"]),
         i(fe, null, {
           default: r(() => [
-            t(e).suits.show ? (u(), I("div", sn, [
-              i(Uo, {
+            t(e).suits.show ? (u(), I("div", nn, [
+              i(Do, {
                 modelValue: t(e).suits.suit,
                 "onUpdate:modelValue": s[1] || (s[1] = (d) => t(e).suits.suit = d),
                 clearable: "",
@@ -877,7 +877,7 @@ const Ho = q("Queue", () => {
                 _: 1
               }, 8, ["modelValue"]),
               i(l, { text: "Select your suit elements to display the background image:" }),
-              i(Do, {
+              i(Ao, {
                 modelValue: t(e).suits.elements,
                 "onUpdate:modelValue": s[2] || (s[2] = (d) => t(e).suits.elements = d),
                 color: "primary",
@@ -886,7 +886,7 @@ const Ho = q("Queue", () => {
               }, {
                 default: r(() => [
                   i(X, {
-                    "append-icon": `svg:${t(Zt)}`,
+                    "append-icon": `svg:${t(qt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
@@ -902,7 +902,7 @@ const Ho = q("Queue", () => {
                     _: 1
                   }, 8, ["append-icon"]),
                   i(X, {
-                    "append-icon": `svg:${t(Gt)}`,
+                    "append-icon": `svg:${t(Zt)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
@@ -945,7 +945,7 @@ const Ho = q("Queue", () => {
   }
 });
 function Le() {
-  const c = wo();
+  const c = $o();
   return x(
     () => c.query
   );
@@ -1103,7 +1103,7 @@ const j = q("one", () => {
     verify: ne
   };
 });
-function rn() {
+function an() {
   return {
     blackguard: {
       dark: !0,
@@ -1297,7 +1297,7 @@ function rn() {
   };
 }
 const je = q("settings", () => {
-  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = j(), n = F(), o = Fe(), s = rn(), a = {
+  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = j(), n = F(), o = Fe(), s = an(), a = {
     blackguard: {
       "app-bar": c + "suits/blackguard/blackguard-app-bar.png",
       drawer: c + "suits/blackguard/blackguard-app-drawer.png",
@@ -1334,7 +1334,7 @@ const je = q("settings", () => {
     suit: l,
     CDN_URL: c
   };
-}), ln = { class: "ms-5" }, cn = { class: "pb-2" }, un = /* @__PURE__ */ k({
+}), rn = { class: "ms-5" }, ln = { class: "pb-2" }, cn = /* @__PURE__ */ k({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1347,28 +1347,28 @@ const je = q("settings", () => {
         title: "Light",
         subtitle: "A standard light theme.",
         image: o.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${Yt}`,
+        prependIcon: `svg:${Qt}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
         image: o.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${Jt}`,
+        prependIcon: `svg:${Yt}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
         image: o.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${Xt}`,
+        prependIcon: `svg:${Jt}`,
         value: "system"
       },
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
         image: o.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${Kt}`,
+        prependIcon: `svg:${Xt}`,
         value: "highContrast",
         disabled: !n.isSubscriber
       }
@@ -1377,7 +1377,7 @@ const je = q("settings", () => {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
         image: o.CDN_URL + "themes/blackguard.png",
-        prependIcon: `svg:${it}`,
+        prependIcon: `svg:${rt}`,
         value: "blackguard",
         disabled: !n.isSubscriber
       },
@@ -1385,7 +1385,7 @@ const je = q("settings", () => {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
         image: o.CDN_URL + "themes/polaris.png",
-        prependIcon: `svg:${rt}`,
+        prependIcon: `svg:${lt}`,
         value: "polaris",
         disabled: !n.isSubscriber
       },
@@ -1393,7 +1393,7 @@ const je = q("settings", () => {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
         image: o.CDN_URL + "themes/nebula.png",
-        prependIcon: `svg:${lt}`,
+        prependIcon: `svg:${ct}`,
         value: "nebula",
         disabled: !n.isSubscriber
       },
@@ -1401,7 +1401,7 @@ const je = q("settings", () => {
         title: "Odyssey",
         subtitle: "A theme for v3.7 Odyssey.",
         image: o.CDN_URL + "themes/odyssey.png",
-        prependIcon: `svg:${ct}`,
+        prependIcon: `svg:${ut}`,
         value: "odyssey",
         disabled: !n.isSubscriber
       }
@@ -1416,11 +1416,11 @@ const je = q("settings", () => {
       y.disabled || (s.theme = y.value, _ == null || _());
     }
     return (_, y) => {
-      const $ = _e, g = an, f = xt, v = Se;
+      const $ = _e, g = sn, f = Ct, v = Se;
       return u(), h(v, {
         modelValue: e.value,
         "onUpdate:modelValue": y[6] || (y[6] = (b) => e.value = b),
-        "prepend-icon": `svg:${t(eo)}`,
+        "prepend-icon": `svg:${t(Kt)}`,
         title: "Settings"
       }, {
         default: r(() => [
@@ -1434,7 +1434,7 @@ const je = q("settings", () => {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
-                      i(vt, {
+                      i(_t, {
                         modelValue: t(s).theme,
                         "onUpdate:modelValue": y[0] || (y[0] = (b) => t(s).theme = b),
                         mandatory: ""
@@ -1449,7 +1449,7 @@ const je = q("settings", () => {
                                 md: "6"
                               }, {
                                 default: r(() => [
-                                  i(xo, { class: "mb-n4" }, {
+                                  i(wo, { class: "mb-n4" }, {
                                     default: r(() => [
                                       N(S(b.title), 1)
                                     ]),
@@ -1478,7 +1478,7 @@ const je = q("settings", () => {
                                           }), {
                                             image: r(() => [
                                               i(te, {
-                                                style: at({
+                                                style: it({
                                                   filter: ie || le ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
@@ -1524,8 +1524,8 @@ const je = q("settings", () => {
                       }, null, 8, ["modelValue"])) : C("", !0),
                       i(fe, null, {
                         default: r(() => [
-                          Ve(V("div", ln, [
-                            V("div", cn, [
+                          Ve(V("div", rn, [
+                            V("div", ln, [
                               i(f, {
                                 modelValue: t(s).showHouseAds,
                                 "onUpdate:modelValue": y[2] || (y[2] = (b) => t(s).showHouseAds = b),
@@ -1585,16 +1585,16 @@ const je = q("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), dn = /* @__PURE__ */ k({
+}), un = /* @__PURE__ */ k({
   __name: "VoSettingsListItem",
   setup(c) {
     const e = A(!1);
     return (n, o) => {
-      const s = un, a = Y;
+      const s = cn, a = Y;
       return u(), h(a, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(to)}`,
+        "prepend-icon": `svg:${t(eo)}`,
         title: "Settings"
       }, {
         default: r(() => [
@@ -1607,7 +1607,7 @@ const je = q("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), pn = { class: "text-caption" }, mn = /* @__PURE__ */ k({
+}), dn = { class: "text-caption" }, pn = /* @__PURE__ */ k({
   __name: "VoSubscriptionInvoices",
   setup(c) {
     const e = ke(), n = j();
@@ -1623,17 +1623,18 @@ const je = q("settings", () => {
               }),
               i(W, {
                 border: "",
-                height: "450",
                 rounded: "lg"
               }, {
                 default: r(() => [
-                  i(_t, {
+                  i(ht, {
+                    "fixed-header": "",
+                    height: "450",
                     items: t(n).invoices,
                     loading: t(n).isLoading,
                     sticky: ""
                   }, {
                     "item.date": r(({ item: l }) => [
-                      V("div", pn, S(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
+                      V("div", dn, S(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": r(({ item: l }) => [
                       N(" $" + S(l.amount / 100), 1)
@@ -1652,7 +1653,7 @@ const je = q("settings", () => {
                     "item.pdf": r(({ item: l }) => [
                       i(Z, {
                         href: l.pdf,
-                        icon: `svg:${t(oo)}`,
+                        icon: `svg:${t(to)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1671,10 +1672,10 @@ const je = q("settings", () => {
       });
     };
   }
-}), fn = { class: "d-flex align-center" }, vn = {
+}), mn = { class: "d-flex align-center" }, fn = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, _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({
+}, 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({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(c, { emit: e }) {
@@ -1717,7 +1718,7 @@ const je = q("settings", () => {
                       t(o).hasBilling ? (u(), h(m, {
                         key: 1,
                         loading: t(o).isLoading,
-                        "prepend-icon": `svg:${t(no)}`,
+                        "prepend-icon": `svg:${t(oo)}`,
                         text: "Billing",
                         onClick: t(o).manage
                       }, null, 8, ["loading", "prepend-icon", "onClick"])) : C("", !0)
@@ -1728,13 +1729,13 @@ const je = q("settings", () => {
                   t(o).info ? {
                     name: "subtitle",
                     fn: r(() => [
-                      V("div", fn, [
-                        V("span", vn, S(t(o).info.status), 1),
+                      V("div", mn, [
+                        V("span", fn, S(t(o).info.status), 1),
                         t(o).info.items.length ? (u(), I(T, { key: 0 }, [
-                          _n,
-                          V("span", hn, [
+                          vn,
+                          V("span", _n, [
                             N(" $" + S(t(o).info.items[0].plan.amount / 100), 1),
-                            V("span", gn, "/" + S(t(o).interval), 1)
+                            V("span", hn, "/" + S(t(o).interval), 1)
                           ]),
                           i(m, {
                             size: "x-small",
@@ -1749,13 +1750,13 @@ const je = q("settings", () => {
                   } : {
                     name: "subtitle",
                     fn: r(() => [
-                      V("div", yn, [
+                      V("div", gn, [
                         i(ye, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
-                        bn,
+                        yn,
                         i(ye, {
                           height: "16",
                           type: "ossein",
@@ -1766,15 +1767,15 @@ const je = q("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                V("div", Vn, [
+                V("div", bn, [
                   V("div", null, [
                     ((_ = t(o).info) == null ? void 0 : _.status) === "active" ? (u(), I(T, { key: 0 }, [
                       N(" Your plan renews on "),
-                      V("span", kn, S(t(n).format(t(a), "fullDateWithWeekday")), 1),
+                      V("span", Vn, S(t(n).format(t(a), "fullDateWithWeekday")), 1),
                       N(". ")
                     ], 64)) : (u(), I(T, { key: 1 }, [
                       N(" Your plan ends on "),
-                      V("span", $n, S(t(n).format((y = t(o).info) == null ? void 0 : y.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      V("span", kn, S(t(n).format((y = t(o).info) == null ? void 0 : y.currentPeriodEnd, "fullDateWithWeekday")), 1),
                       N(". ")
                     ], 64))
                   ])
@@ -1788,7 +1789,7 @@ const je = q("settings", () => {
       });
     };
   }
-}), 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({
+}), 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({
   __name: "VoSubscriptionPerks",
   setup(c) {
     const e = [
@@ -1814,7 +1815,7 @@ const je = q("settings", () => {
           ]),
           _: 1
         }),
-        xn,
+        wn,
         i(ae, {
           class: "py-0",
           density: "compact",
@@ -1835,21 +1836,21 @@ const je = q("settings", () => {
                 })
               ]),
               title: r(() => [
-                V("div", { innerHTML: p }, null, 8, Cn)
+                V("div", { innerHTML: p }, null, 8, xn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        Sn,
+        Cn,
         i(We, { class: "font-weight-black" }, {
           default: r(() => [
             N("Up Next")
           ]),
           _: 1
         }),
-        Ln,
+        Sn,
         i(ae, {
           class: "py-0",
           density: "compact",
@@ -1860,7 +1861,7 @@ const je = q("settings", () => {
             (u(), I(T, null, K(n, (p, m) => i(d, {
               key: m,
               class: "mb-0",
-              "prepend-icon": `svg:${t(so)}`
+              "prepend-icon": `svg:${t(no)}`
             }, {
               prepend: r(() => [
                 i(U, {
@@ -1869,7 +1870,7 @@ const je = q("settings", () => {
                 })
               ]),
               title: r(() => [
-                V("div", { innerHTML: p }, null, 8, In)
+                V("div", { innerHTML: p }, null, 8, Ln)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1879,7 +1880,7 @@ const je = q("settings", () => {
       ], 64);
     };
   }
-}), Dn = /* @__PURE__ */ k({
+}), An = /* @__PURE__ */ k({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1894,7 +1895,7 @@ const je = q("settings", () => {
       s && o.subscriptionInfo();
     }), z(() => o.interval, (s) => {
       n.value = s;
-    }, { immediate: !0 }), (s, a) => (u(), h(vt, {
+    }, { immediate: !0 }), (s, a) => (u(), h(_t, {
       modelValue: n.value,
       "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
       mandatory: ""
@@ -1974,7 +1975,7 @@ const je = q("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), 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({
+}), 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({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2001,11 +2002,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, $ = Dn, g = An, f = wn, v = mn, b = Ce, M = Se;
+      const y = _e, $ = An, g = In, f = $n, v = pn, b = Ce, M = Se;
       return u(), h(M, {
         modelValue: n.value,
         "onUpdate:modelValue": _[4] || (_[4] = (D) => n.value = D),
-        "prepend-icon": `svg:${t(ao)}`,
+        "prepend-icon": `svg:${t(so)}`,
         title: "Subscriptions"
       }, R({
         default: r(() => [
@@ -2013,14 +2014,14 @@ const je = q("settings", () => {
             default: r(() => [
               i(xe, { scrollable: "" }, {
                 default: r(() => [
-                  V("div", Un, [
+                  V("div", Dn, [
                     i(ue, null, {
                       default: r(() => [
                         i(y, {
                           text: "The Vuetify One subscription is a great way to support the Vuetify team and get access to exclusive features and content.",
                           title: "Vuetify One"
                         }),
-                        i(ht, { "model-value": t(l) }, {
+                        i(gt, { "model-value": t(l) }, {
                           default: r(() => [
                             i(ge, { value: "subscribe" }, {
                               default: r(() => [
@@ -2028,7 +2029,7 @@ const je = q("settings", () => {
                                   modelValue: t(a),
                                   "onUpdate:modelValue": _[0] || (_[0] = (D) => se(a) ? a.value = D : null)
                                 }, null, 8, ["modelValue"]),
-                                On,
+                                Un,
                                 i(g)
                               ]),
                               _: 1
@@ -2061,13 +2062,13 @@ const je = q("settings", () => {
         t(l) === "subscribe" ? {
           name: "actions",
           fn: r(() => [
-            V("div", Bn, [
+            V("div", On, [
               t(d) !== !1 ? (u(), h(b, {
                 key: 0,
                 block: "",
                 color: "success",
                 loading: t(o).isLoading,
-                "prepend-icon": `svg:${t(d) !== null ? t(io) : t(De)}`,
+                "prepend-icon": `svg:${t(d) !== null ? t(ao) : t(De)}`,
                 readonly: t(d) === null,
                 size: "default",
                 text: t(d) !== null ? "Modify Subscription" : "Success",
@@ -2075,7 +2076,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(ro)}`,
+                "prepend-icon": `svg:${t(io)}`,
                 size: "default",
                 text: "Manage Subscription",
                 onClick: _[3] || (_[3] = (D) => l.value = "status")
@@ -2097,16 +2098,16 @@ const je = q("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), Tn = /* @__PURE__ */ k({
+}), Nn = /* @__PURE__ */ k({
   __name: "VoSubscriptionListItem",
   setup(c) {
     const e = A(!1);
     return (n, o) => {
-      const s = Nn, a = Y;
+      const s = Bn, a = Y;
       return u(), h(a, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(lo)}`,
+        "prepend-icon": `svg:${t(ro)}`,
         title: "Subscriptions"
       }, {
         default: r(() => [
@@ -2119,7 +2120,7 @@ const je = q("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Fn = {
+}), Tn = {
   key: 0,
   class: "text-success"
 }, Pe = /* @__PURE__ */ k({
@@ -2141,7 +2142,7 @@ const je = q("settings", () => {
     return (s, a) => {
       var d, p;
       const l = Ce;
-      return u(), h(Oo, {
+      return u(), h(Uo, {
         "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 +2159,9 @@ const je = q("settings", () => {
             subtitle: r(() => {
               var m;
               return [
-                (m = s.sponsorship) != null && m.isActive ? (u(), I("div", Fn, [
+                (m = s.sponsorship) != null && m.isActive ? (u(), I("div", Tn, [
                   i(U, {
-                    icon: `svg:${t(co)}`,
+                    icon: `svg:${t(lo)}`,
                     size: "x-small"
                   }, null, 8, ["icon"]),
                   N(" " + S(t(o)), 1)
@@ -2198,7 +2199,7 @@ const je = q("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), Mn = /* @__PURE__ */ k({
+}), Fn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemPatreon",
   setup(c) {
     return (e, n) => {
@@ -2211,7 +2212,7 @@ const je = q("settings", () => {
       });
     };
   }
-}), zn = /* @__PURE__ */ k({
+}), Mn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(c) {
     const e = j();
@@ -2226,7 +2227,7 @@ const je = q("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), jn = /* @__PURE__ */ k({
+}), zn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(c) {
     const e = j();
@@ -2241,7 +2242,7 @@ const je = q("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Pn = /* @__PURE__ */ k({
+}), jn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(c) {
     const e = j();
@@ -2256,12 +2257,12 @@ const je = q("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Hn = /* @__PURE__ */ k({
+}), Pn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimeline",
   setup(c) {
     return (e, n) => {
-      const o = Pn, s = jn, a = zn, l = Mn;
-      return u(), h(Bo, {
+      const o = jn, s = zn, a = Mn, l = Fn;
+      return u(), h(Oo, {
         class: "justify-start ms-n7",
         "line-inset": "12",
         side: "end",
@@ -2278,7 +2279,7 @@ const je = q("settings", () => {
       });
     };
   }
-}), 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({
+}), 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({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2290,11 +2291,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 = Hn, p = Se;
+      const l = _e, d = Pn, p = Se;
       return u(), h(p, {
         modelValue: e.value,
         "onUpdate:modelValue": a[0] || (a[0] = (m) => e.value = m),
-        "prepend-icon": `svg:${t(uo)}`,
+        "prepend-icon": `svg:${t(co)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
@@ -2302,7 +2303,7 @@ const je = q("settings", () => {
             default: r(() => [
               i(xe, { scrollable: "" }, {
                 default: r(() => [
-                  V("div", Rn, [
+                  V("div", Hn, [
                     i(ue, { class: "flex-0-0 mb-16 mb-sm-4" }, {
                       default: r(() => [
                         i(l, {
@@ -2326,10 +2327,10 @@ const je = q("settings", () => {
                       ]),
                       title: r(() => [
                         N(" One Status: "),
-                        V("span", En, S(t(o).isSubscriber ? "Active" : "Inactive"), 1)
+                        V("span", Rn, S(t(o).isSubscriber ? "Active" : "Inactive"), 1)
                       ]),
                       text: r(() => [
-                        V("div", Wn, S(t(o).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
+                        V("div", En, S(t(o).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
                       ]),
                       _: 1
                     })
@@ -2345,16 +2346,16 @@ const je = q("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Zn = /* @__PURE__ */ k({
+}), qn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsListItem",
   setup(c) {
     const e = A(!1);
     return (n, o) => {
-      const s = qn, a = Y;
+      const s = Wn, a = Y;
       return u(), h(a, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(po)}`,
+        "prepend-icon": `svg:${t(uo)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
@@ -2367,7 +2368,7 @@ const je = q("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Gn = q("downloads", () => {
+}), Zn = q("downloads", () => {
   const c = oe(), e = O([]), n = A(!1);
   async function o() {
     if (e.value.length) return e.value;
@@ -2386,10 +2387,10 @@ const je = q("settings", () => {
     isLoading: n,
     index: o
   };
-}), Qn = /* @__PURE__ */ k({
+}), Gn = /* @__PURE__ */ k({
   __name: "VoDownloadsTable",
   setup(c) {
-    const e = ke(), n = Gn(), o = [
+    const e = ke(), n = Zn(), o = [
       {
         title: "Order ID",
         value: "order_name"
@@ -2427,7 +2428,7 @@ const je = q("settings", () => {
                 rounded: "lg"
               }, {
                 default: r(() => [
-                  i(_t, {
+                  i(ht, {
                     "fixed-header": "",
                     headers: o,
                     height: "640",
@@ -2450,7 +2451,7 @@ const je = q("settings", () => {
                       i(Z, {
                         color: "medium-emphasis",
                         href: d.download_url,
-                        icon: `svg:${t(mo)}`,
+                        icon: `svg:${t(po)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -2469,12 +2470,12 @@ const je = q("settings", () => {
       });
     };
   }
-}), Yn = { class: "px-3" }, Jn = /* @__PURE__ */ k({
+}), Qn = { class: "px-3" }, Yn = /* @__PURE__ */ k({
   __name: "VoDownloadsNavItem",
   setup(c) {
     const e = A(!1);
     return (n, o) => {
-      const s = Qn, a = Se, l = Y;
+      const s = Gn, a = Se, l = Y;
       return u(), h(l, {
         active: t(e),
         link: "",
@@ -2493,7 +2494,7 @@ const je = q("settings", () => {
                 default: r(() => [
                   i(xe, { scrollable: "" }, {
                     default: r(() => [
-                      V("div", Yn, [
+                      V("div", Qn, [
                         i(ue, null, {
                           default: r(() => [
                             i(s)
@@ -2515,7 +2516,7 @@ const je = q("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Xn = /* @__PURE__ */ k({
+}), Jn = /* @__PURE__ */ k({
   __name: "VoStudioNavItem",
   setup(c) {
     const e = A(!1);
@@ -2552,13 +2553,13 @@ const je = q("settings", () => {
     id: c,
     url: e
   };
-}), Kn = {
+}), Xn = {
   key: 0,
   class: "pt-16"
-}, es = /* @__PURE__ */ V("div", { class: "text-medium-emphasis" }, " All caught up ", -1), ts = {
+}, Kn = /* @__PURE__ */ V("div", { class: "text-medium-emphasis" }, " All caught up ", -1), es = {
   key: 1,
   class: "pa-5"
-}, 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({
+}, 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({
   __name: "VoNotificationsBannerList",
   props: {
     items: {}
@@ -2577,7 +2578,7 @@ const je = q("settings", () => {
       lines: "three"
     }, {
       default: r(() => [
-        d.items.length ? (u(), I("div", ts, [
+        d.items.length ? (u(), I("div", es, [
           (u(!0), I(T, null, K(d.items, (m) => {
             var _;
             return u(), I("div", {
@@ -2622,7 +2623,7 @@ const je = q("settings", () => {
                             default: r(() => [
                               Ve(i(Z, E({ ref_for: !0 }, g, {
                                 class: "ms-auto float-right",
-                                icon: `svg:${a(m.slug) ? t(dt) : t(ut)}`,
+                                icon: `svg:${a(m.slug) ? t(pt) : t(dt)}`,
                                 "mdi-email-variant": "",
                                 size: "small",
                                 variant: "text",
@@ -2636,9 +2637,9 @@ const je = q("settings", () => {
                         ]),
                         _: 2
                       }, 1032, ["text"])) : C("", !0),
-                      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),
+                      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),
                       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 +2665,7 @@ const je = q("settings", () => {
               }, 1024)
             ]);
           }), 128))
-        ])) : (u(), I("div", Kn, [
+        ])) : (u(), I("div", Xn, [
           i(Xe, {
             icon: "$vuetify",
             size: "256"
@@ -2673,7 +2674,7 @@ const je = q("settings", () => {
               i(U, { color: "medium-emphasis" })
             ]),
             title: r(() => [
-              es
+              Kn
             ]),
             _: 1
           })
@@ -2682,7 +2683,7 @@ const je = q("settings", () => {
       _: 1
     }));
   }
-}), 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({
+}), 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({
   __name: "VoNotificationsListItem",
   props: {
     demo: { type: Boolean },
@@ -2713,10 +2714,10 @@ const je = q("settings", () => {
         default: r(({ isHovering: y, props: $ }) => [
           i(_, E($, { class: "py-4 mb-0" }), {
             prepend: r(() => [
-              V("div", is, S(p.notification.metadata.emoji), 1)
+              V("div", as, S(p.notification.metadata.emoji), 1)
             ]),
             append: r(() => [
-              i(No, {
+              i(Bo, {
                 class: "mt-n3",
                 width: "56"
               }, {
@@ -2730,7 +2731,7 @@ const je = q("settings", () => {
                         default: r(() => [
                           Ve(i(Z, E(g, {
                             class: "ms-auto",
-                            icon: `svg:${l(p.notification.slug) ? t(dt) : t(ut)}`,
+                            icon: `svg:${l(p.notification.slug) ? t(pt) : t(dt)}`,
                             "mdi-email-variant": "",
                             size: "small",
                             variant: "text",
@@ -2749,14 +2750,14 @@ const je = q("settings", () => {
               }, 1024)
             ]),
             default: r(() => [
-              i(pt, { class: "text-wrap text-h6 mb-1" }, {
+              i(mt, { class: "text-wrap text-h6 mb-1" }, {
                 default: r(() => [
-                  V("div", rs, S(p.notification.title), 1)
+                  V("div", is, S(p.notification.title), 1)
                 ]),
                 _: 1
               }),
-              V("div", ls, S(t(o).format(p.notification.created_at, "fullDateWithWeekday")), 1),
-              V("div", cs, S(p.notification.metadata.text), 1),
+              V("div", rs, S(t(o).format(p.notification.created_at, "fullDateWithWeekday")), 1),
+              V("div", ls, S(p.notification.metadata.text), 1),
               i(X, E({
                 "append-icon": `svg:${t(Ne)}`
               }, t(a), {
@@ -2779,17 +2780,17 @@ const je = q("settings", () => {
       });
     };
   }
-}), ds = {
+}), us = {
   key: 0,
   class: "pt-16"
-}, ps = /* @__PURE__ */ V("div", { class: "text-medium-emphasis" }, " All caught up ", -1), ms = /* @__PURE__ */ k({
+}, ds = /* @__PURE__ */ V("div", { class: "text-medium-emphasis" }, " All caught up ", -1), ps = /* @__PURE__ */ k({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(c) {
     return (e, n) => {
-      const o = us;
+      const o = cs;
       return u(), h(ae, {
         class: "py-0",
         height: "100%",
@@ -2801,7 +2802,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", ds, [
+          ], 64))), 128)) : (u(), I("div", us, [
             i(Xe, {
               icon: "$vuetify",
               size: "256"
@@ -2810,7 +2811,7 @@ const je = q("settings", () => {
                 i(U, { color: "medium-emphasis" })
               ]),
               title: r(() => [
-                ps
+                ds
               ]),
               _: 1
             })
@@ -2912,7 +2913,7 @@ const je = q("settings", () => {
     store: y,
     update: $
   };
-}), fs = { class: "text-caption" }, vs = { class: "text-caption" }, _s = /* @__PURE__ */ k({
+}), ms = { class: "text-caption" }, fs = { class: "text-caption" }, vs = /* @__PURE__ */ k({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2928,17 +2929,17 @@ const je = q("settings", () => {
       }
       a.isOpen = !0, await be(), p.value = !0;
     }, { immediate: !0 }), (m, _) => {
-      const y = Y, $ = ms, g = as, f = Se;
+      const y = Y, $ = ps, g = ss, f = Se;
       return u(), h(f, {
         modelValue: p.value,
         "onUpdate:modelValue": _[2] || (_[2] = (v) => p.value = v),
-        "prepend-icon": `svg:${t(fo)}`,
+        "prepend-icon": `svg:${t(mo)}`,
         title: "Notifications"
       }, {
         default: r(() => [
           i(we, null, {
             default: r(() => [
-              i(To, {
+              i(No, {
                 location: t(e).mobile.value ? "top" : "start",
                 permanent: "",
                 width: t(e).mobile.value ? 128 : 168
@@ -2954,34 +2955,34 @@ const je = q("settings", () => {
                   }, {
                     default: r(() => [
                       i(y, {
-                        "prepend-icon": `svg:${t(vo)}`,
+                        "prepend-icon": `svg:${t(fo)}`,
                         title: "Unread",
                         value: "read"
                       }, R({ _: 2 }, [
                         t(s).unread.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            V("span", fs, S(t(s).unread.length), 1)
+                            V("span", ms, S(t(s).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       i(y, {
-                        "prepend-icon": `svg:${t(_o)}`,
+                        "prepend-icon": `svg:${t(vo)}`,
                         title: "Read",
                         value: "unread"
                       }, R({ _: 2 }, [
                         t(s).read.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            V("span", vs, S(t(s).read.length), 1)
+                            V("span", fs, 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(ho)}`,
+                        "prepend-icon": `svg:${t(_o)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
@@ -3001,7 +3002,7 @@ const je = q("settings", () => {
               }, 8, ["location", "width"]),
               i(xe, { scrollable: "" }, {
                 default: r(() => [
-                  i(ht, {
+                  i(gt, {
                     modelValue: t(d),
                     "onUpdate:modelValue": _[1] || (_[1] = (v) => se(d) ? d.value = v : null)
                   }, {
@@ -3044,7 +3045,7 @@ const je = q("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), hs = /* @__PURE__ */ k({
+}), _s = /* @__PURE__ */ k({
   __name: "VoNotificationsBadge",
   setup(c) {
     const e = ze(), n = F();
@@ -3059,19 +3060,19 @@ const je = q("settings", () => {
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), gs = /* @__PURE__ */ k({
+}), hs = /* @__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 = hs, p = _s, m = Y;
+      const d = _s, p = vs, m = Y;
       return t(n).notifications.show ? (u(), h(m, {
         key: 0,
         active: t(s),
         link: "",
-        "prepend-icon": `svg:${t(go)}`,
+        "prepend-icon": `svg:${t(ho)}`,
         title: "Notifications"
       }, R({
         default: r(() => [
@@ -3097,7 +3098,7 @@ const je = q("settings", () => {
       ]), 1032, ["active", "prepend-icon"])) : C("", !0);
     };
   }
-}), ys = /* @__PURE__ */ k({
+}), gs = /* @__PURE__ */ k({
   __name: "VoDashboardNavItem",
   setup(c) {
     const e = j();
@@ -3109,19 +3110,19 @@ const je = q("settings", () => {
     return (o, s) => {
       const a = Y;
       return u(), h(a, {
-        "prepend-icon": `svg:${t(yo)}`,
+        "prepend-icon": `svg:${t(go)}`,
         title: "Dashboard",
         to: "/user/dashboard",
         onClick: n
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), bs = /* @__PURE__ */ k({
+}), ys = /* @__PURE__ */ k({
   __name: "VoUserList",
   setup(c) {
     const e = P(), n = j();
     return (o, s) => {
-      const a = ys, l = gs, d = Xn, p = Jn, m = Zn, _ = Tn, y = dn, $ = on;
+      const a = gs, l = hs, d = Jn, p = Yn, m = qn, _ = Nn, y = un, $ = tn;
       return u(), h(ae, {
         density: "compact",
         nav: "",
@@ -3141,7 +3142,7 @@ const je = q("settings", () => {
       });
     };
   }
-}), Ct = /* @__PURE__ */ k({
+}), St = /* @__PURE__ */ k({
   __name: "VoIconIssues",
   setup(c) {
     const e = [
@@ -3151,21 +3152,21 @@ const je = q("settings", () => {
     ];
     return (n, o) => (u(), h(U, { icon: e }));
   }
-}), St = /* @__PURE__ */ k({
+}), Lt = /* @__PURE__ */ k({
   __name: "VoIconBin",
   setup(c) {
     return (e, n) => (u(), h(U, { icon: "$vuetify-bin" }));
   }
-}), Vs = { key: 0 }, ks = { class: "d-flex align-center justify-center pa-1 ga-2" }, $s = /* @__PURE__ */ k({
+}), bs = { key: 0 }, Vs = { class: "d-flex align-center justify-center pa-1 ga-2" }, ks = /* @__PURE__ */ k({
   __name: "VoUserQuickActions",
   setup(c) {
     const e = F();
     return (n, o) => {
-      const s = St, a = Ct;
+      const s = Lt, a = St;
       return u(), h(fe, null, {
         default: r(() => [
-          t(e).quickbar ? (u(), I("div", Vs, [
-            V("div", ks, [
+          t(e).quickbar ? (u(), I("div", bs, [
+            V("div", Vs, [
               i(Z, {
                 class: "text-caption",
                 color: t(e).colors.one,
@@ -3230,7 +3231,7 @@ const je = q("settings", () => {
       });
     };
   }
-}), 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({
+}), $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({
   __name: "VoUserAvatar",
   setup(c) {
     const e = P(), n = j(), o = F(), s = A(!1), a = x(() => {
@@ -3262,7 +3263,7 @@ const je = q("settings", () => {
       var _;
       return u(), I("div", null, [
         Ve((u(), h(ee, {
-          class: Bt([
+          class: Nt([
             "border-md border-opacity-100 border-surface-light",
             {
               "cursor-pointer": t(n).isSubscriber
@@ -3287,19 +3288,19 @@ const je = q("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [Fo, t(n).isSubscriber]
+          [To, t(n).isSubscriber]
         ]),
-        V("div", ws, [
+        V("div", $s, [
           i(fe, null, {
             default: r(() => [
-              t(s) ? (u(), I("div", xs, [
+              t(s) ? (u(), I("div", ws, [
                 i(W, {
                   class: "pt-6 pb-1",
                   flat: "",
                   rounded: "0"
                 }, {
                   default: r(() => [
-                    V("div", Cs, [
+                    V("div", xs, [
                       (u(!0), I(T, null, K(t(a), (y, $) => (u(), h(Z, {
                         key: $,
                         active: t(o).avatar === y,
@@ -3324,11 +3325,11 @@ const je = q("settings", () => {
             _: 1
           })
         ]),
-        V("div", Ss, S(((_ = t(e).user) == null ? void 0 : _.name) ?? "Guest"), 1)
+        V("div", Cs, S(((_ = t(e).user) == null ? void 0 : _.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), Is = /* @__PURE__ */ k({
+}), Ls = /* @__PURE__ */ k({
   __name: "VoUserBadges",
   setup(c) {
     const e = P(), n = j(), o = x(() => {
@@ -3366,7 +3367,7 @@ const je = q("settings", () => {
             activator: r(({ props: d }) => [
               i(U, E({
                 color: "amber-darken-2",
-                icon: `svg:${t(bo)}`
+                icon: `svg:${t(yo)}`
               }, d, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
@@ -3402,10 +3403,10 @@ const je = q("settings", () => {
       _: 1
     })) : C("", !0);
   }
-}), As = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Ds = {
+}), Is = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, As = {
   key: "reset",
   class: "align-self-end"
-}, Us = /* @__PURE__ */ k({
+}, Ds = /* @__PURE__ */ k({
   __name: "VoUserColors",
   setup(c) {
     const e = P(), n = j(), o = F(), s = A(!1);
@@ -3413,7 +3414,7 @@ const je = q("settings", () => {
       o.colors.one = "surface-light";
     }
     return (l, d) => {
-      const p = Is, m = Ce;
+      const p = Ls, m = Ce;
       return u(), I(T, null, [
         i(te, {
           color: t(e).user ? t(o).colors.one : "surface-light",
@@ -3424,17 +3425,17 @@ const je = q("settings", () => {
           rounded: "0"
         }, {
           default: r(() => [
-            V("div", As, [
+            V("div", Is, [
               i(p),
-              i(Ao, null, {
+              i(Io, null, {
                 default: r(() => [
-                  Ve(V("div", Ds, [
+                  Ve(V("div", As, [
                     i(m, {
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
                       disabled: t(o).colors.one === "surface-light",
-                      icon: `svg:${t(Vo)}`,
+                      icon: `svg:${t(bo)}`,
                       title: "Revert to Default",
                       variant: "text",
                       onClick: a
@@ -3474,7 +3475,7 @@ const je = q("settings", () => {
         }, 8, ["color"]),
         i(fe, null, {
           default: r(() => [
-            t(s) ? (u(), h(Mo, {
+            t(s) ? (u(), h(Fo, {
               key: 0,
               elevation: "0",
               height: "250",
@@ -3494,7 +3495,7 @@ const je = q("settings", () => {
       ], 64);
     };
   }
-}), Os = { class: "text-center mt-n9 mb-4" }, Bs = /* @__PURE__ */ k({
+}), Us = { class: "text-center mt-n9 mb-4" }, Os = /* @__PURE__ */ k({
   __name: "VoUserMenu",
   setup(c) {
     const e = He(), n = j(), o = O();
@@ -3502,8 +3503,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 = Us, d = Ls, p = $s, m = bs, _ = wt;
-      return u(), h(zo, {
+      const l = Ds, d = Ss, p = ks, m = ys, _ = xt;
+      return u(), h(Mo, {
         ref_key: "menu",
         ref: o,
         modelValue: t(n).isOpen,
@@ -3522,7 +3523,7 @@ const je = q("settings", () => {
           }, {
             default: r(() => [
               i(l),
-              V("div", Os, [
+              V("div", Us, [
                 i(d),
                 i(p)
               ]),
@@ -3538,7 +3539,7 @@ const je = q("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Ns = { key: 0 }, Lt = /* @__PURE__ */ k({
+}), Bs = { key: 0 }, It = /* @__PURE__ */ k({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
@@ -3546,14 +3547,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 = Bs, m = Ce, _ = en, y = $t, $ = Ro;
+      const p = Os, m = Ce, _ = Ko, y = wt, $ = Ho;
       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(ko)}`
+              [`${t(s) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(Vo)}`
             }, {
               active: "",
               border: !!t(e).user,
@@ -3566,7 +3567,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", Ns, "Login")),
+                t(e).user ? C("", !0) : (u(), I("span", Bs, "Login")),
                 t(e).user ? (u(), h(ee, {
                   key: 1,
                   image: t(o).avatar || t(e).user.picture || ""
@@ -3583,7 +3584,7 @@ const je = q("settings", () => {
       ], 64);
     };
   }
-}), Ts = /* @__PURE__ */ k({
+}), Ns = /* @__PURE__ */ k({
   __name: "VoAppBar",
   props: {
     logo: {}
@@ -3591,8 +3592,8 @@ const je = q("settings", () => {
   setup(c) {
     const e = c, n = Fe(), o = je(), s = x(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${e.logo}-logo-${n.current.value.dark ? "dark" : "light"}.png`);
     return (a, l) => {
-      const d = Nt("router-link"), p = Lt;
-      return u(), h(gt, {
+      const d = at("router-link"), p = It;
+      return u(), h(yt, {
         class: "border-b",
         image: t(o).suit["app-bar"],
         name: "vo-app-bar"
@@ -3644,7 +3645,7 @@ const je = q("settings", () => {
       ]), 1032, ["image"]);
     };
   }
-}), Fs = /* @__PURE__ */ k({
+}), Ts = /* @__PURE__ */ k({
   __name: "VoNotificationsBanner",
   props: {
     demo: { type: Boolean }
@@ -3696,7 +3697,7 @@ const je = q("settings", () => {
         h: "256"
       }).toString(), f.toString();
     });
-    return (g, f) => t(l) ? (u(), h(gt, {
+    return (g, f) => t(l) ? (u(), h(yt, {
       key: 0,
       color: t(l).metadata.color,
       flat: "",
@@ -3756,7 +3757,7 @@ const je = q("settings", () => {
             })) : C("", !0)
           ]),
           default: r(() => [
-            t(l).metadata.text ? (u(), h(pt, {
+            t(l).metadata.text ? (u(), h(mt, {
               key: 0,
               class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
             }, {
@@ -3765,7 +3766,7 @@ const je = q("settings", () => {
               ]),
               _: 1
             })) : C("", !0),
-            t(l).metadata.subtext ? (u(), h(Co, { key: 1 }, {
+            t(l).metadata.subtext ? (u(), h(xo, { key: 1 }, {
               default: r(() => [
                 N(S(t(l).metadata.subtext), 1)
               ]),
@@ -3783,11 +3784,11 @@ const je = q("settings", () => {
   for (const [o, s] of e)
     n[o] = s;
   return n;
-}, Ms = /* @__PURE__ */ et(Fs, [["__scopeId", "data-v-2a88ced7"]]), zs = {
+}, Fs = /* @__PURE__ */ et(Ts, [["__scopeId", "data-v-2a88ced7"]]), Ms = {
   key: 0,
   class: "text-uppercase position-absolute ms-auto font-weight-medium on-surface-light",
   style: { right: "12px", bottom: "8px", "font-size": "10px" }
-}, It = /* @__PURE__ */ k({
+}, At = /* @__PURE__ */ k({
   __name: "VoPromotionsCard",
   props: {
     caption: {},
@@ -3803,7 +3804,7 @@ const je = q("settings", () => {
       target: "_blank"
     }, R({
       default: r(() => [
-        i(jo, {
+        i(zo, {
           "min-height": e.minHeight,
           width: "100%"
         }, {
@@ -3812,7 +3813,7 @@ const je = q("settings", () => {
           ]),
           _: 3
         }, 8, ["min-height"]),
-        e.caption ? (u(), I("div", zs, S(e.caption), 1)) : C("", !0)
+        e.caption ? (u(), I("div", Ms, S(e.caption), 1)) : C("", !0)
       ]),
       _: 2
     }, [
@@ -3914,7 +3915,7 @@ const je = q("settings", () => {
     store: _,
     update: y
   };
-}), js = /* @__PURE__ */ k({
+}), zs = /* @__PURE__ */ k({
   __name: "VoPromotionsCardHighlight",
   props: {
     slug: {}
@@ -3935,10 +3936,10 @@ const je = q("settings", () => {
     });
     return (m, _) => {
       var $, g, f;
-      const y = It;
+      const y = At;
       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,
@@ -3981,7 +3982,7 @@ const je = q("settings", () => {
       ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : C("", !0);
     };
   }
-}), Ps = { class: "d-flex ga-4" }, Hs = { class: "d-flex align-start ga-4" }, Rs = { class: "text-caption on-surface-light" }, Es = /* @__PURE__ */ k({
+}), js = { class: "d-flex ga-4" }, Ps = { class: "d-flex align-start ga-4" }, Hs = { class: "text-caption on-surface-light" }, Rs = /* @__PURE__ */ k({
   __name: "VoPromotionsCardVuetify",
   props: {
     slug: {}
@@ -3994,19 +3995,19 @@ const je = q("settings", () => {
     });
     return (l, d) => {
       var m, _;
-      const p = It;
+      const p = At;
       return t(a) || !t(o).hasLoaded ? (u(), h(p, {
         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", Ps, [
+            V("div", js, [
               t(o).hasLoaded ? t(a) ? (u(), I(T, { key: 1 }, [
                 i(te, {
                   cover: "",
@@ -4017,8 +4018,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", Hs, [
-                  V("div", Rs, S((g = t(a).metadata) == null ? void 0 : g.text), 1)
+                V("div", Ps, [
+                  V("div", Hs, S((g = t(a).metadata) == null ? void 0 : g.text), 1)
                 ])
               ], 64)) : C("", !0) : (u(), I(T, { key: 0 }, [
                 i(ye, {
@@ -4044,21 +4045,21 @@ const je = q("settings", () => {
       }, 8, ["href"])) : C("", !0);
     };
   }
-}), Ws = {
+}), Es = {
   key: 0,
   class: "v-footer__image"
-}, qs = /* @__PURE__ */ k({
+}, Ws = /* @__PURE__ */ k({
   __name: "VoFooter",
   props: {
     image: {}
   },
   setup(c) {
-    return (e, n) => (u(), h(Po, {
+    return (e, n) => (u(), h(jo, {
       class: "vo-footer",
       height: "40"
     }, {
       default: r(() => [
-        e.image || e.$slots.image ? (u(), I("div", Ws, [
+        e.image || e.$slots.image ? (u(), I("div", Es, [
           e.$slots.image ? B(e.$slots, "image", { key: 0 }, void 0, !0) : (u(), h(te, {
             key: 1,
             cover: "",
@@ -4071,7 +4072,7 @@ const je = q("settings", () => {
       _: 3
     }));
   }
-}), At = /* @__PURE__ */ et(qs, [["__scopeId", "data-v-3135ada5"]]), Zs = ["href"], Gs = /* @__PURE__ */ k({
+}), Dt = /* @__PURE__ */ et(Ws, [["__scopeId", "data-v-3135ada5"]]), qs = ["href"], Zs = /* @__PURE__ */ k({
   __name: "VoPromotionsFooter",
   props: {
     slug: {}
@@ -4094,7 +4095,7 @@ const je = q("settings", () => {
       e.slug && await o.show(e.slug);
     }), (m, _) => {
       var $;
-      const y = At;
+      const y = Dt;
       return u(), h(y, {
         color: (($ = t(l)) == null ? void 0 : $.metadata.color) ?? "surface",
         image: t(p),
@@ -4125,14 +4126,14 @@ const je = q("settings", () => {
                 text: "SPONSORED",
                 variant: "flat"
               })) : C("", !0)
-            ], 8, Zs)
+            ], 8, qs)
           ];
         }),
         _: 1
       }, 8, ["color", "image"]);
     };
   }
-}), Qs = ["id"], Ys = /* @__PURE__ */ k({
+}), Gs = ["id"], Qs = /* @__PURE__ */ k({
   __name: "VoScript",
   props: {
     id: {
@@ -4164,12 +4165,12 @@ const je = q("settings", () => {
       id: c.id,
       ref_key: "rootEl",
       ref: s
-    }, null, 8, Qs));
+    }, null, 8, Gs));
   }
-}), Js = (c) => (Mt("data-v-d01d30e4"), c = c(), zt(), c), Xs = ["href", "title"], Ks = {
+}), Ys = (c) => (Mt("data-v-d01d30e4"), c = c(), zt(), c), Js = ["href", "title"], Xs = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, ea = /* @__PURE__ */ Js(() => /* @__PURE__ */ V("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), ta = /* @__PURE__ */ k({
+}, Ks = /* @__PURE__ */ Ys(() => /* @__PURE__ */ V("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), ea = /* @__PURE__ */ k({
   __name: "VoSocialFooter",
   setup(c) {
     const e = je(), n = [
@@ -4180,7 +4181,7 @@ const je = q("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${$o}`,
+        icon: `svg:${ko}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -4205,7 +4206,7 @@ const je = q("settings", () => {
       }
     ];
     return (o, s) => {
-      const a = At;
+      const a = Dt;
       return u(), h(a, {
         class: "vo-footer",
         height: "40",
@@ -4224,10 +4225,10 @@ const je = q("settings", () => {
               icon: l.icon,
               size: l.icon === "$vuetify" ? 24 : 16
             }, null, 8, ["icon", "size"])
-          ], 8, Xs)), 64)),
-          V("div", Ks, [
+          ], 8, Js)), 64)),
+          V("div", Xs, [
             N(" © 2016-" + S((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-            ea
+            Ks
           ])
         ]),
         _: 2
@@ -4242,7 +4243,7 @@ const je = q("settings", () => {
       ]), 1032, ["image"]);
     };
   }
-}), oa = /* @__PURE__ */ et(ta, [["__scopeId", "data-v-d01d30e4"]]), na = q("spots", () => {
+}), ta = /* @__PURE__ */ et(ea, [["__scopeId", "data-v-d01d30e4"]]), oa = 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,
@@ -4322,10 +4323,10 @@ const je = q("settings", () => {
     update: _,
     destroy: y
   };
-}), sa = ["href"], aa = /* @__PURE__ */ k({
+}), na = ["href"], sa = /* @__PURE__ */ k({
   __name: "VoSpot",
   setup(c) {
-    const e = na();
+    const e = oa();
     return (n, o) => {
       var s;
       return t(e).spot ? (u(), I("a", {
@@ -4341,10 +4342,10 @@ const je = q("settings", () => {
           src: (s = t(e).spot.metadata.image) == null ? void 0 : s.url,
           width: "225"
         }, null, 8, ["color", "src"])
-      ], 8, sa)) : C("", !0);
+      ], 8, na)) : C("", !0);
     };
   }
-}), Qa = {
+}), Za = {
   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",
@@ -4365,7 +4366,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]
   ]
-}, Ya = q("bins", () => {
+}, Ga = 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(() => {
@@ -4450,7 +4451,7 @@ const je = q("settings", () => {
     update: $,
     updateOrCreate: g
   };
-}), Ja = q("products", () => {
+}), Qa = 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;
@@ -4471,31 +4472,31 @@ const je = q("settings", () => {
     randomize: s
   };
 });
-function Xa() {
+function Ya() {
   function c(e) {
-    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);
+    e.component("VoAppBar", Ns), e.component("VoAuthBtn", It), e.component("VoAuthCard", $t), e.component("VoAuthDialog", wt), e.component("VoAuthListItem", xt), e.component("VoIconBin", Lt), e.component("VoIconIssues", St), 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);
   }
   return { install: c };
 }
-function Ka(c, e) {
+function Ja(c, e) {
   return function(n) {
     const o = n.store;
     o.url = e, o.$id === "site" && (o.id = c);
   };
 }
 export {
-  Qa as aliases,
-  Xa as createOne,
-  Ka as one,
+  Za as aliases,
+  Ya as createOne,
+  Ja as one,
   P as useAuthStore,
   He as useBannersStore,
-  Ya as useBinsStore,
+  Ga as useBinsStore,
   oe as useHttpStore,
   j as useOneStore,
-  Ja as useProductsStore,
+  Qa as useProductsStore,
   tt as usePromotionsStore,
-  Ho as useQueueStore,
+  Po as useQueueStore,
   je as useSettingsStore,
-  na as useSpotsStore,
+  oa as useSpotsStore,
   F as useUserStore
 };