@vuetify/one 2.2.3 → 2.2.4

package/dist/index.css

@@ -1 +1 @@
-.v-footer__image[data-v-31335c0a]{display:flex;height:40px;flex:1 1 auto;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.social-link[data-v-7a9688b8] .v-icon{color:rgba(var(--v-theme-on-background),var(--v-disabled-opacity));text-decoration:none;transition:.2s ease-in-out}.social-link[data-v-7a9688b8] .v-icon:hover{color:rgb(var(--v-theme-primary))}.v-app-bar[data-v-55bdb145] .v-toolbar__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(calc(var(--4bc57505) * 1px));backdrop-filter:blur(calc(var(--4bc57505) * 1px));background:linear-gradient(15deg,#000000a6,#00000092,#0000007f,#0000006d,#0000005d,#0000004e,#00000041,#00000034,#00000029,#00000020,#00000017,#00000010,#0000000a,#00000006,#00000003,#00000001,#0000)}.v-list-item-subtitle[data-v-55bdb145]{color:currentColor;opacity:var(--v-high-emphasis-opacity)}
+.v-footer__image[data-v-31335c0a]{display:flex;height:40px;flex:1 1 auto;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.social-link[data-v-7a9688b8] .v-icon{color:rgba(var(--v-theme-on-background),var(--v-disabled-opacity));text-decoration:none;transition:.2s ease-in-out}.social-link[data-v-7a9688b8] .v-icon:hover{color:rgb(var(--v-theme-primary))}.v-app-bar[data-v-af468337] .v-toolbar__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(calc(var(--201b10d9) * 1px));backdrop-filter:blur(calc(var(--201b10d9) * 1px));background:linear-gradient(15deg,#000000a6,#00000092,#0000007f,#0000006d,#0000005d,#0000004e,#00000041,#00000034,#00000029,#00000020,#00000017,#00000010,#0000000a,#00000006,#00000003,#00000001,#0000)}.v-list-item-subtitle[data-v-af468337]{color:currentColor;opacity:var(--v-high-emphasis-opacity)}

package/dist/index.js

@@ -1,35 +1,35 @@
-import { ref as M, defineComponent as b, createBlock as v, openBlock as d, unref as e, reactive as Ft, watch as R, toRefs as zt, computed as V, shallowRef as A, onMounted as Me, createSlots as Z, withCtx as i, createElementVNode as h, toDisplayString as S, createVNode as a, createTextVNode as O, renderSlot as B, normalizeStyle as pt, createCommentVNode as x, withModifiers as Xe, mergeModels as jt, useModel as ce, createElementBlock as L, Fragment as N, nextTick as he, renderList as re, mergeProps as Y, withDirectives as ye, vShow as Fe, isRef as oe, watchEffect as Pt, normalizeClass as Rt, resolveComponent as Ht, onBeforeMount as Ke, onBeforeUnmount as Et, useCssVars as qt, onServerPrefetch as Wt } from "vue";
+import { ref as M, defineComponent as b, createBlock as v, openBlock as d, unref as e, reactive as Ft, watch as R, toRefs as zt, computed as V, shallowRef as A, onMounted as Fe, createSlots as Z, withCtx as i, createElementVNode as h, toDisplayString as S, createVNode as a, createTextVNode as O, renderSlot as B, normalizeStyle as pt, createCommentVNode as x, withModifiers as Ne, mergeModels as jt, useModel as ce, createElementBlock as L, Fragment as N, nextTick as Ie, renderList as re, mergeProps as Y, withDirectives as he, vShow as ze, isRef as oe, watchEffect as Pt, normalizeClass as Rt, resolveComponent as Ht, onBeforeMount as Ke, onBeforeUnmount as Et, useCssVars as qt, onServerPrefetch as Wt } from "vue";
 import { defineStore as G } from "pinia";
 import { VSnackbarQueue as Zt } from "vuetify/components/VSnackbarQueue";
-import { mdiStorefront as Gt, mdiSync as Qt, mdiSyncOff as Yt, mdiLogoutVariant as Jt, mdiFullscreenExit as Xt, mdiFullscreen as Kt, mdiCheck as Ae, mdiSelect as eo, mdiSpaceInvaders as mt, mdiImageFilterHdr as ft, mdiTransmissionTower as vt, mdiRocketLaunchOutline as gt, mdiHome as to, mdiTextBox as oo, mdiWhiteBalanceSunny as no, mdiWeatherNight as so, mdiDesktopTowerMonitor as ao, mdiContrastCircle as io, mdiCog as ro, mdiCogOutline as lo, mdiFileDocument as uo, mdiCreditCardSettingsOutline as co, mdiRocketOutline as po, mdiCheckCircleOutline as Ne, mdiCreditCard as mo, mdiReload as fo, mdiPlaylistCheck as vo, mdiCreditCardOutline as go, mdiOpenInNew as ze, mdiMedal as _o, mdiHandHeart as ho, mdiHandHeartOutline as yo, mdiCloudDownload as bo, mdiTrayArrowDown as ut, mdiAccountGroup as Vo, mdiAccount as ko, mdiLinkVariant as $o, mdiContentCopy as wo, mdiShieldLock as ct, mdiAccountRemoveOutline as xo, mdiExitToApp as Co, mdiAccountGroupOutline as So, mdiEmailOpenOutline as _t, mdiEmailVariant as ht, mdiBell as Lo, mdiInboxOutline as Io, mdiInboxFullOutline as Ao, mdiBillboard as Do, mdiBellOutline as To, mdiViewDashboardOutline as Uo, mdiCrown as Oo, mdiArrowULeftBottom as Bo, mdiAtomVariant as No, mdiLogin as dt, mdiShieldStarOutline as Mo } from "@mdi/js";
-import { merge as Ze } from "lodash-es";
+import { mdiStorefront as Gt, mdiSync as Qt, mdiSyncOff as Yt, mdiLogoutVariant as Jt, mdiFullscreenExit as Xt, mdiFullscreen as Kt, mdiCheck as Ae, mdiSelect as eo, mdiSpaceInvaders as mt, mdiImageFilterHdr as ft, mdiTransmissionTower as vt, mdiRocketLaunchOutline as gt, mdiHome as to, mdiTextBox as oo, mdiWhiteBalanceSunny as no, mdiWeatherNight as so, mdiDesktopTowerMonitor as ao, mdiContrastCircle as io, mdiCog as ro, mdiCogOutline as lo, mdiFileDocument as uo, mdiCreditCardSettingsOutline as co, mdiRocketOutline as po, mdiCheckCircleOutline as Me, mdiCreditCard as mo, mdiReload as fo, mdiPlaylistCheck as vo, mdiCreditCardOutline as go, mdiOpenInNew as je, mdiMedal as _o, mdiHandHeart as ho, mdiHandHeartOutline as yo, mdiCloudDownload as bo, mdiTrayArrowDown as ut, mdiAccountGroup as Vo, mdiAccount as ko, mdiLinkVariant as $o, mdiContentCopy as wo, mdiShieldLock as ct, mdiAccountRemoveOutline as xo, mdiExitToApp as Co, mdiAccountGroupOutline as So, mdiEmailOpenOutline as _t, mdiEmailVariant as ht, mdiBell as Lo, mdiInboxOutline as Io, mdiInboxFullOutline as Ao, mdiBillboard as Do, mdiBellOutline as To, mdiViewDashboardOutline as Uo, mdiCrown as Oo, mdiArrowULeftBottom as Bo, mdiAtomVariant as No, mdiLogin as dt, mdiShieldStarOutline as Mo } from "@mdi/js";
+import { merge as Ge } from "lodash-es";
 import { useRoute as Fo, useRouter as et } from "vue-router";
-import { VListItem as be, VList as de, VListSubheader as zo, VListItemTitle as yt, VListItemSubtitle as jo } from "vuetify/components/VList";
+import { VListItem as ye, VList as de, VListSubheader as zo, VListItemTitle as yt, VListItemSubtitle as jo } from "vuetify/components/VList";
 import { VAvatar as ne } from "vuetify/components/VAvatar";
-import { VCard as E, VCardTitle as Po, VCardSubtitle as Ro, VCardText as ae, VCardItem as Ge, VCardActions as Ho } from "vuetify/components/VCard";
+import { VCard as E, VCardTitle as Po, VCardSubtitle as Ro, VCardText as ae, VCardItem as Qe, VCardActions as Ho } from "vuetify/components/VCard";
 import { VDialog as tt } from "vuetify/components/VDialog";
 import { VBadge as ot } from "vuetify/components/VBadge";
 import { VBtn as z } from "vuetify/components/VBtn";
 import { VProgressCircular as Eo } from "vuetify/components/VProgressCircular";
-import { VSheet as je } from "vuetify/components/VSheet";
+import { VSheet as Pe } from "vuetify/components/VSheet";
 import { VSwitch as nt } from "vuetify/components/VSwitch";
-import { VFadeTransition as Pe, VExpandTransition as Ve, VExpandXTransition as qo } from "vuetify/components/transitions";
-import { useDisplay as me, useTheme as Re, useDate as De } from "vuetify";
+import { VFadeTransition as Re, VExpandTransition as be, VExpandXTransition as qo } from "vuetify/components/transitions";
+import { useDisplay as me, useTheme as He, useDate as De } from "vuetify";
 import { VDivider as J } from "vuetify/components/VDivider";
 import { VIcon as D } from "vuetify/components/VIcon";
-import { VLabel as Ye } from "vuetify/components/VLabel";
+import { VLabel as Je } from "vuetify/components/VLabel";
 import { VChip as ie } from "vuetify/components/VChip";
 import { VChipGroup as Wo } from "vuetify/components/VChipGroup";
 import { VSelect as Zo } from "vuetify/components/VSelect";
 import { VRow as Te, VCol as _e, VSpacer as Go } from "vuetify/components/VGrid";
-import { VHover as He } from "vuetify/components/VHover";
+import { VHover as Ee } from "vuetify/components/VHover";
 import { VImg as le } from "vuetify/components/VImg";
-import { VItemGroup as bt, VItem as Je } from "vuetify/components/VItemGroup";
-import { VLayout as ke } from "vuetify/components/VLayout";
-import { VMain as $e } from "vuetify/components/VMain";
+import { VItemGroup as bt, VItem as Xe } from "vuetify/components/VItemGroup";
+import { VLayout as Ve } from "vuetify/components/VLayout";
+import { VMain as ke } from "vuetify/components/VMain";
 import { VDataTableVirtual as Vt, VDataTable as Qo } from "vuetify/components/VDataTable";
-import { VSkeletonLoader as Ie } from "vuetify/components/VSkeletonLoader";
-import { VWindow as kt, VWindowItem as Le } from "vuetify/components/VWindow";
+import { VSkeletonLoader as Le } from "vuetify/components/VSkeletonLoader";
+import { VWindow as kt, VWindowItem as Se } from "vuetify/components/VWindow";
 import { VTimelineItem as Yo, VTimeline as Jo } from "vuetify/components/VTimeline";
 import { VEmptyState as st } from "vuetify/components/VEmptyState";
 import { VMenu as $t } from "vuetify/components/VMenu";
@@ -113,7 +113,7 @@ const xt = G("Queue", () => {
       });
     }
   }
-}), Qe = typeof window < "u", Be = {
+}), Ye = typeof window < "u", Be = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -153,20 +153,20 @@ const xt = G("Queue", () => {
     }
   }
 }, j = G("user", () => {
-  const u = Ft(Ze({}, Be));
+  const u = Ft(Ge({}, Be));
   R(u, s);
   function t() {
-    if (!Qe)
+    if (!Ye)
       return;
     const r = localStorage.getItem("vuetify@user"), n = r ? JSON.parse(r) : {};
     let l = n.v === u.v;
-    n.v || (n.pwaRefresh = !0, typeof n.api == "boolean" && (n.api = n.api ? "inline" : "link-only"), typeof n.rtl == "boolean" && (n.direction = n.rtl ? "rtl" : "ltr", delete n.rtl), typeof n.theme == "object" && (n.mixedTheme = n.theme.mixed, n.theme = n.theme.system ? "system" : n.theme.dark ? "dark" : "light"), Array.isArray(n.notifications) && (n.notifications = { read: n.notifications }), typeof n.last == "object" && (n.notifications.last = n.last, delete n.last)), n.v === 1 && (Array.isArray(n.composition) && (n.composition = "composition"), Array.isArray(n.notifications.last.banner) || (n.notifications = n.notifications || {}, n.notifications.last = n.notifications.last || {}, n.notifications.last.banner = [])), n.v === 2 && (n.syncSettings = !0, n.disableAds = !1, n.v = 3), n.v === 3 && (n.quickbar = !1), n.v === 4 && (n.suits = Be.suits, n.notifications.banners = Be.notifications.banners, l = !0), n.v = u.v, Object.assign(u, Ze(u, n)), l && s();
+    n.v || (n.pwaRefresh = !0, typeof n.api == "boolean" && (n.api = n.api ? "inline" : "link-only"), typeof n.rtl == "boolean" && (n.direction = n.rtl ? "rtl" : "ltr", delete n.rtl), typeof n.theme == "object" && (n.mixedTheme = n.theme.mixed, n.theme = n.theme.system ? "system" : n.theme.dark ? "dark" : "light"), Array.isArray(n.notifications) && (n.notifications = { read: n.notifications }), typeof n.last == "object" && (n.notifications.last = n.last, delete n.last)), n.v === 1 && (Array.isArray(n.composition) && (n.composition = "composition"), Array.isArray(n.notifications.last.banner) || (n.notifications = n.notifications || {}, n.notifications.last = n.notifications.last || {}, n.notifications.last.banner = [])), n.v === 2 && (n.syncSettings = !0, n.disableAds = !1, n.v = 3), n.v === 3 && (n.quickbar = !1), n.v === 4 && (n.suits = Be.suits, n.notifications.banners = Be.notifications.banners, l = !0), n.v = u.v, Object.assign(u, Ge(u, n)), l && s();
   }
   function s() {
-    Qe && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
+    Ye && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
   }
   function o() {
-    Qe && (Object.assign(u, Ze({}, Be)), s());
+    Ye && (Object.assign(u, Ge({}, Be)), s());
   }
   return t(), {
     ...zt(u),
@@ -181,7 +181,7 @@ function fe() {
     () => u.query
   );
 }
-const we = G("team", () => {
+const $e = G("team", () => {
   const u = fe(), t = q(), s = F(), o = K(), r = xt(), n = A(!1), l = M(null), c = M(!1), p = V(() => u.value.invite), m = V(
     () => {
       var y;
@@ -254,7 +254,7 @@ const we = G("team", () => {
     clearTeamQuery: _
   };
 }), F = G("one", () => {
-  const u = fe(), t = et(), s = q(), o = K(), r = we(), n = A(!1), l = A(!1), c = M(), p = M([]), m = V(() => u.value.session_id), g = V(() => {
+  const u = fe(), t = et(), s = q(), o = K(), r = $e(), n = A(!1), l = A(!1), c = M(), p = M([]), m = V(() => u.value.session_id), g = V(() => {
     var w;
     return (w = c.value) == null ? void 0 : w.items[0].plan.interval;
   }), f = V(() => {
@@ -290,9 +290,9 @@ const we = G("team", () => {
     var w, I, H, Oe;
     return !o.url || ((w = s.user) == null ? void 0 : w.isAdmin) || ((I = _.value) == null ? void 0 : I.isActive) || ((H = T.value) == null ? void 0 : H.isActive) || ((Oe = U.value) == null ? void 0 : Oe.isActive) || y.value >= 2.99;
   });
-  Me(async () => {
+  Fe(async () => {
     m.value && await W();
-  }), R(l, Se), R(m, async (w) => {
+  }), R(l, Ce), R(m, async (w) => {
     w && await W();
   }, { immediate: !0 }), R(u, (w) => {
     if (w.one !== "subscribe" || s.user)
@@ -306,7 +306,7 @@ const we = G("team", () => {
   });
   async function W() {
     try {
-      n.value = !0, await o.post("/one/activate", { sessionId: m.value }), await s.verify(!0), await Ce();
+      n.value = !0, await o.post("/one/activate", { sessionId: m.value }), await s.verify(!0), await xe();
       const w = new URL(window.location.href), I = w.searchParams;
       I.delete("session_id"), I.delete("team"), history.pushState(null, "", w.toString());
     } catch {
@@ -363,7 +363,7 @@ const we = G("team", () => {
         n.value = !1;
       }
   }
-  async function Ce() {
+  async function xe() {
     try {
       n.value = !0;
       const w = await o.get("/one/info");
@@ -373,7 +373,7 @@ const we = G("team", () => {
       n.value = !1;
     }
   }
-  function Se() {
+  function Ce() {
     t.push({
       query: {
         ...u.value,
@@ -402,13 +402,13 @@ const we = G("team", () => {
     cancel: pe,
     manage: X,
     modify: ge,
-    resetQuery: Se,
+    resetQuery: Ce,
     subscribe: ue,
-    subscriptionInfo: Ce,
+    subscriptionInfo: xe,
     verify: te
   };
 }), q = G("auth", () => {
-  const u = M(!1), t = M(null), s = K(), o = j(), r = et(), n = A(!1), l = F(), c = we();
+  const u = M(!1), t = M(null), s = K(), o = j(), r = et(), n = A(!1), l = F(), c = $e();
   let p = !!k();
   R(t, (y) => {
     if (!(y != null && y.settings))
@@ -472,8 +472,8 @@ const we = G("team", () => {
     W.location.href = $;
     let X = -1, ue = -1;
     function pe(te) {
-      var Ce, Se;
-      te.origin === s.url && ((Ce = te.data) == null ? void 0 : Ce.type) === "auth-response" && (te.data.status === "success" ? (t.value || localStorage.setItem("vuetify@lastLoginProvider", y), t.value = te.data.body.user, l.access = te.data.body.access, c.team = (Se = te.data.body.user) == null ? void 0 : Se.team, m()) : console.error(te.data.message), ge());
+      var xe, Ce;
+      te.origin === s.url && ((xe = te.data) == null ? void 0 : xe.type) === "auth-response" && (te.data.status === "success" ? (t.value || localStorage.setItem("vuetify@lastLoginProvider", y), t.value = te.data.body.user, l.access = te.data.body.access, c.team = (Ce = te.data.body.user) == null ? void 0 : Ce.team, m()) : console.error(te.data.message), ge());
     }
     function ge() {
       window.removeEventListener("message", pe), window.clearInterval(X), window.clearTimeout(ue), W == null || W.close(), n.value = !1;
@@ -521,7 +521,7 @@ const we = G("team", () => {
   __name: "VoAuthShopify",
   setup(u) {
     const t = q(), s = V(() => t.user && t.findIdentity("shopify")), o = V(() => t.user ? s.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
-    return (r, n) => (d(), v(be, {
+    return (r, n) => (d(), v(ye, {
       "base-color": "#5b8a3c",
       "prepend-icon": `svg:${e(Gt)}`,
       rounded: "pill",
@@ -547,7 +547,7 @@ const we = G("team", () => {
   __name: "VoAuthDiscord",
   setup(u) {
     const t = q(), s = V(() => t.user && t.findIdentity("discord")), o = V(() => t.user ? s.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
-    return (r, n) => (d(), v(be, {
+    return (r, n) => (d(), v(ye, {
       "base-color": "#5865F2",
       "prepend-icon": "$discord",
       rounded: "pill",
@@ -573,7 +573,7 @@ const we = G("team", () => {
   __name: "VoAuthGithub",
   setup(u) {
     const t = q(), s = V(() => t.user && t.findIdentity("github")), o = V(() => t.user ? s.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
-    return (r, n) => (d(), v(be, {
+    return (r, n) => (d(), v(ye, {
       "base-color": "#2a2a2a",
       "prepend-icon": "$github",
       rounded: "pill",
@@ -663,7 +663,7 @@ const we = G("team", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Ee = G("notifications", () => {
+}), qe = G("notifications", () => {
   const u = K(), t = j(), s = M([]), o = A(!1), r = V(() => s.value.filter((c) => !t.notifications.read.includes(c.slug))), n = V(() => s.value.filter((c) => t.notifications.read.includes(c.slug)));
   async function l() {
     try {
@@ -686,7 +686,7 @@ const we = G("team", () => {
 }), fn = /* @__PURE__ */ b({
   __name: "VoNotificationsTotalBadge",
   setup(u) {
-    const t = q(), s = Ee(), o = j(), r = V(() => o.notifications.show ? s.unread.length : 0);
+    const t = q(), s = qe(), o = j(), r = V(() => o.notifications.show ? s.unread.length : 0);
     return (n, l) => (d(), v(ot, {
       color: "error",
       content: e(r),
@@ -764,7 +764,7 @@ const we = G("team", () => {
         default: i(() => [
           a(de, { class: "py-0" }, {
             default: i(() => [
-              a(be, {
+              a(ye, {
                 class: "mb-0",
                 link: !!e(t).user,
                 nav: "",
@@ -775,7 +775,7 @@ const we = G("team", () => {
                 onClick: r
               }, {
                 append: i(() => [
-                  a(Pe, null, {
+                  a(Re, null, {
                     default: i(() => [
                       e(t).user && (e(o) || !e(s).syncSettings) ? (d(), v(nt, {
                         key: 0,
@@ -785,7 +785,7 @@ const we = G("team", () => {
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: l[1] || (l[1] = Xe(() => {
+                        onClick: l[1] || (l[1] = Ne(() => {
                         }, ["stop"]))
                       }, {
                         thumb: i(() => [
@@ -801,9 +801,9 @@ const we = G("team", () => {
                 ]),
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
-              a(Ve, null, {
+              a(be, null, {
                 default: i(() => [
-                  !e(t).user && !e(t).isLoading || e(o) ? (d(), v(je, {
+                  !e(t).user && !e(t).isLoading || e(o) ? (d(), v(Pe, {
                     key: 0,
                     border: "t",
                     color: "transparent"
@@ -837,7 +837,7 @@ const we = G("team", () => {
 }), ee = /* @__PURE__ */ b({
   __name: "VoListItem",
   setup(u) {
-    return (t, s) => (d(), v(be, { slim: "" }, Z({
+    return (t, s) => (d(), v(ye, { slim: "" }, Z({
       default: i(() => [
         B(t.$slots, "default")
       ]),
@@ -886,7 +886,7 @@ const we = G("team", () => {
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), xe = /* @__PURE__ */ b({
+}), we = /* @__PURE__ */ b({
   __name: "VoDialog",
   props: /* @__PURE__ */ jt({
     prependIcon: {},
@@ -998,7 +998,7 @@ const we = G("team", () => {
   },
   setup(u) {
     return (t, s) => (d(), L(N, null, [
-      t.title ? (d(), v(Ye, {
+      t.title ? (d(), v(Je, {
         key: 0,
         class: "font-weight-black"
       }, {
@@ -1051,7 +1051,7 @@ const we = G("team", () => {
           label: "Enable Page suits",
           messages: "Customize layout elements with a unique background, styled after one of our themed releases."
         }, null, 8, ["modelValue"]),
-        a(Ve, null, {
+        a(be, null, {
           default: i(() => [
             e(t).suits.show ? (d(), L("div", hn, [
               a(Zo, {
@@ -1337,8 +1337,8 @@ function bn() {
     }
   };
 }
-const qe = G("settings", () => {
-  const u = "https://cdn.vuetifyjs.com/docs/images/one/", t = F(), s = j(), o = Re(), r = bn(), n = {
+const We = G("settings", () => {
+  const u = "https://cdn.vuetifyjs.com/docs/images/one/", t = F(), s = j(), o = He(), r = bn(), n = {
     blackguard: {
       "app-bar": u + "suits/blackguard/blackguard-app-bar.png",
       drawer: u + "suits/blackguard/blackguard-app-drawer.png",
@@ -1384,7 +1384,7 @@ const qe = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = ce(u, "modelValue"), s = F(), o = qe(), r = j(), n = V(() => [
+    const t = ce(u, "modelValue"), s = F(), o = We(), r = j(), n = V(() => [
       {
         title: "Light",
         subtitle: "A standard light theme.",
@@ -1452,13 +1452,13 @@ const qe = G("settings", () => {
       { title: "Releases", items: l.value }
     ]), p = fe();
     R(p, async () => {
-      p.value.one === "settings" && (s.isOpen = !0, await he(), t.value = !0);
+      p.value.one === "settings" && (s.isOpen = !0, await Ie(), t.value = !0);
     }, { immediate: !0 });
     function m(g, f) {
       f.disabled || (r.theme = f.value, g == null || g());
     }
     return (g, f) => {
-      const C = ve, _ = yn, k = Tt, y = xe;
+      const C = ve, _ = yn, k = Tt, y = we;
       return d(), v(y, {
         modelValue: t.value,
         "onUpdate:modelValue": f[6] || (f[6] = ($) => t.value = $),
@@ -1466,9 +1466,9 @@ const qe = G("settings", () => {
         title: "Settings"
       }, {
         default: i(() => [
-          a(ke, null, {
+          a(Ve, null, {
             default: i(() => [
-              a($e, { scrollable: "" }, {
+              a(ke, { scrollable: "" }, {
                 default: i(() => [
                   a(ae, { class: "px-7" }, {
                     default: i(() => [
@@ -1497,12 +1497,12 @@ const qe = G("settings", () => {
                                     ]),
                                     _: 2
                                   }, 1024),
-                                  (d(!0), L(N, null, re($.items, (U) => (d(), v(Je, {
+                                  (d(!0), L(N, null, re($.items, (U) => (d(), v(Xe, {
                                     key: U.value,
                                     value: U.value
                                   }, {
                                     default: i(({ toggle: P, isSelected: Q }) => [
-                                      a(He, null, {
+                                      a(Ee, null, {
                                         default: i(({ props: W, isHovering: X }) => [
                                           a(E, Y({
                                             color: Q ? "primary" : "surface-variant",
@@ -1564,9 +1564,9 @@ const qe = G("settings", () => {
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
                       }, null, 8, ["modelValue"])) : x("", !0),
-                      a(Ve, null, {
+                      a(be, null, {
                         default: i(() => [
-                          ye(h("div", Vn, [
+                          he(h("div", Vn, [
                             h("div", kn, [
                               a(k, {
                                 modelValue: e(r).showHouseAds,
@@ -1576,7 +1576,7 @@ const qe = G("settings", () => {
                               }, null, 8, ["modelValue"])
                             ])
                           ], 512), [
-                            [Fe, e(r).disableAds]
+                            [ze, e(r).disableAds]
                           ])
                         ]),
                         _: 1
@@ -1799,13 +1799,13 @@ const qe = G("settings", () => {
                     name: "subtitle",
                     fn: i(() => [
                       h("div", Dn, [
-                        a(Ie, {
+                        a(Le, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
                         p[2] || (p[2] = h("span", { class: "mx-1" }, "—", -1)),
-                        a(Ie, {
+                        a(Le, {
                           height: "16",
                           type: "ossein",
                           width: "80"
@@ -1864,7 +1864,7 @@ const qe = G("settings", () => {
     }), (n, l) => {
       const c = ee;
       return d(), L(N, null, [
-        a(Ye, { class: "font-weight-black" }, {
+        a(Je, { class: "font-weight-black" }, {
           default: i(() => l[0] || (l[0] = [
             O("Perks")
           ])),
@@ -1899,7 +1899,7 @@ const qe = G("settings", () => {
           _: 1
         }),
         l[3] || (l[3] = h("br", null, null, -1)),
-        a(Ye, { class: "font-weight-black" }, {
+        a(Je, { class: "font-weight-black" }, {
           default: i(() => l[1] || (l[1] = [
             O("Up Next")
           ])),
@@ -1945,7 +1945,7 @@ const qe = G("settings", () => {
   },
   emits: ["update:interval", "update:type"],
   setup(u) {
-    const t = A(!1), s = ce(u, "interval"), o = ce(u, "type"), r = F(), n = we(), l = V(() => n.hasTeamAccess && !n.isTeamOwner), c = {
+    const t = A(!1), s = ce(u, "interval"), o = ce(u, "type"), r = F(), n = $e(), l = V(() => n.hasTeamAccess && !n.isTeamOwner), c = {
       solo: {
         month: "2.99 /month",
         year: "29.99 /year"
@@ -1972,12 +1972,12 @@ const qe = G("settings", () => {
                 md: "6"
               }, {
                 default: i(() => [
-                  a(Je, { value: "solo" }, {
+                  a(Xe, { value: "solo" }, {
                     default: i(({ toggle: g, isSelected: f }) => [
                       a(E, {
                         border: f ? "sm primary opacity-50" : "sm",
                         color: f ? "primary" : void 0,
-                        "prepend-icon": f ? `svg:${e(Ne)}` : "$radioOff",
+                        "prepend-icon": f ? `svg:${e(Me)}` : "$radioOff",
                         rounded: "lg",
                         subtitle: `$${c.solo[s.value]}`,
                         title: "Solo Developer",
@@ -2000,13 +2000,13 @@ const qe = G("settings", () => {
                 md: "6"
               }, {
                 default: i(() => [
-                  a(Je, { value: "team" }, {
+                  a(Xe, { value: "team" }, {
                     default: i(({ toggle: g, isSelected: f }) => [
                       a(E, {
                         border: f ? "sm primary opacity-50" : "sm",
                         color: f ? "primary" : void 0,
                         disabled: e(l),
-                        "prepend-icon": f ? `svg:${e(Ne)}` : "$radioOff",
+                        "prepend-icon": f ? `svg:${e(Me)}` : "$radioOff",
                         rounded: "lg",
                         subtitle: `$${c.team[s.value]}`,
                         title: "Team Access",
@@ -2062,7 +2062,7 @@ const qe = G("settings", () => {
       }
       o.subscriptionInfo();
     }), R(r, async () => {
-      !o.sessionId && !["subscribe", "status"].includes(r.value.one) || r.value.team || (c.value = o.sessionId || r.value.one === "status" ? "status" : "subscribe", o.isOpen = !0, await he(), s.value = !0);
+      !o.sessionId && !["subscribe", "status"].includes(r.value.one) || r.value.team || (c.value = o.sessionId || r.value.one === "status" ? "status" : "subscribe", o.isOpen = !0, await Ie(), s.value = !0);
     }, { immediate: !0 }), Pt(() => {
       n.value = o.interval ?? "year", l.value = o.subscriptionType ?? "solo";
     });
@@ -2070,7 +2070,7 @@ const qe = G("settings", () => {
       await o.modify(n.value, l.value), await o.subscriptionInfo(), p.value = null, await t(3e3), c.value = "status", await t(300), p.value = !1;
     }
     return (g, f) => {
-      const C = ve, _ = zn, k = Fn, y = Bn, $ = Cn, T = Ue, U = xe;
+      const C = ve, _ = zn, k = Fn, y = Bn, $ = Cn, T = Ue, U = we;
       return d(), v(U, {
         modelValue: s.value,
         "onUpdate:modelValue": f[5] || (f[5] = (P) => s.value = P),
@@ -2078,9 +2078,9 @@ const qe = G("settings", () => {
         title: "Subscriptions"
       }, Z({
         default: i(() => [
-          a(ke, null, {
+          a(Ve, null, {
             default: i(() => [
-              a($e, { scrollable: "" }, {
+              a(ke, { scrollable: "" }, {
                 default: i(() => [
                   h("div", jn, [
                     a(ae, null, {
@@ -2091,7 +2091,7 @@ const qe = G("settings", () => {
                         }),
                         a(kt, { "model-value": e(c) }, {
                           default: i(() => [
-                            a(Le, { value: "subscribe" }, {
+                            a(Se, { value: "subscribe" }, {
                               default: i(() => [
                                 a(_, {
                                   interval: e(n),
@@ -2104,7 +2104,7 @@ const qe = G("settings", () => {
                               ]),
                               _: 1
                             }),
-                            a(Le, { value: "status" }, {
+                            a(Se, { value: "status" }, {
                               default: i(() => [
                                 a(y, {
                                   "onChange:subscription": f[2] || (f[2] = (P) => c.value = "subscribe")
@@ -2138,7 +2138,7 @@ const qe = G("settings", () => {
                 block: "",
                 color: "success",
                 loading: e(o).isLoading,
-                "prepend-icon": `svg:${e(p) !== null ? e(fo) : e(Ne)}`,
+                "prepend-icon": `svg:${e(p) !== null ? e(fo) : e(Me)}`,
                 readonly: e(p) === null,
                 size: "default",
                 text: e(p) !== null ? "Modify Subscription" : "Success",
@@ -2205,7 +2205,7 @@ const qe = G("settings", () => {
     sponsorship: {}
   },
   setup(u) {
-    const t = u, s = qe(), o = V(() => {
+    const t = u, s = We(), o = V(() => {
       var n, l;
       return `$${Number.parseFloat(String((((n = t.sponsorship) == null ? void 0 : n.amount) ?? 0) / 100)).toFixed(2)} /${(l = t.sponsorship) == null ? void 0 : l.interval}`;
     });
@@ -2253,7 +2253,7 @@ const qe = G("settings", () => {
                   active: !1,
                   color: (m = r.sponsorship) != null && m.isActive ? "success" : "primary",
                   href: (g = r.sponsorship) != null && g.isActive || r.to ? void 0 : r.href,
-                  "prepend-icon": `svg:${(f = r.sponsorship) != null && f.isActive ? e(Ne) : e(ze)}`,
+                  "prepend-icon": `svg:${(f = r.sponsorship) != null && f.isActive ? e(Me) : e(je)}`,
                   readonly: (C = r.sponsorship) == null ? void 0 : C.isActive,
                   target: (_ = r.sponsorship) != null && _.isActive || r.to ? void 0 : "_blank",
                   text: (k = r.sponsorship) != null && k.isActive ? "Active" : "Info",
@@ -2345,9 +2345,9 @@ const qe = G("settings", () => {
   setup(u) {
     const t = ce(u, "modelValue"), s = fe(), o = F();
     return R(s, async () => {
-      s.value.one === "sponsorships" && (o.isOpen = !0, await he(), t.value = !0);
+      s.value.one === "sponsorships" && (o.isOpen = !0, await Ie(), t.value = !0);
     }, { immediate: !0 }), (r, n) => {
-      const l = ve, c = Gn, p = xe;
+      const l = ve, c = Gn, p = we;
       return d(), v(p, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (m) => t.value = m),
@@ -2355,9 +2355,9 @@ const qe = G("settings", () => {
         title: "Sponsorships"
       }, {
         default: i(() => [
-          a(ke, null, {
+          a(Ve, null, {
             default: i(() => [
-              a($e, { scrollable: "" }, {
+              a(ke, { scrollable: "" }, {
                 default: i(() => [
                   h("div", Qn, [
                     a(ae, { class: "flex-0-0 mb-16 mb-sm-4" }, {
@@ -2467,7 +2467,7 @@ const qe = G("settings", () => {
         value: "download_url"
       }
     ];
-    return Me(async () => {
+    return Fe(async () => {
       await s.index();
     }), (r, n) => {
       const l = ve;
@@ -2532,7 +2532,7 @@ const qe = G("settings", () => {
   setup(u) {
     const t = A(!1);
     return (s, o) => {
-      const r = ts, n = xe, l = ee;
+      const r = ts, n = we, l = ee;
       return d(), v(l, {
         active: e(t),
         link: "",
@@ -2547,9 +2547,9 @@ const qe = G("settings", () => {
             title: "Downloads"
           }, {
             default: i(() => [
-              a(ke, null, {
+              a(Ve, null, {
                 default: i(() => [
-                  a($e, { scrollable: "" }, {
+                  a(ke, { scrollable: "" }, {
                     default: i(() => [
                       h("div", os, [
                         a(ae, null, {
@@ -2581,7 +2581,7 @@ const qe = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = F(), s = we(), o = K(), r = V(() => s.team), n = fe(), l = A(!1), c = A(!1), p = [
+    const t = F(), s = $e(), o = K(), r = V(() => s.team), n = fe(), l = A(!1), c = A(!1), p = [
       {
         title: "Name",
         key: "name"
@@ -2607,9 +2607,9 @@ const qe = G("settings", () => {
       s.team = _.team;
     }
     return R(n, async () => {
-      !t.sessionId || n.value.one === "subscribe" || n.value.team && (t.isOpen = !0, await he(), g.value = !0);
+      !t.sessionId || n.value.one === "subscribe" || n.value.team && (t.isOpen = !0, await Ie(), g.value = !0);
     }, { immediate: !0 }), (_, k) => {
-      const y = ve, $ = xe;
+      const y = ve, $ = we;
       return d(), v($, {
         modelValue: g.value,
         "onUpdate:modelValue": k[1] || (k[1] = (T) => g.value = T),
@@ -2617,9 +2617,9 @@ const qe = G("settings", () => {
         title: "Team"
       }, {
         default: i(() => [
-          a(ke, null, {
+          a(Ve, null, {
             default: i(() => [
-              a($e, { scrollable: "" }, {
+              a(ke, { scrollable: "" }, {
                 default: i(() => [
                   h("div", ss, [
                     a(ae, null, {
@@ -2640,7 +2640,7 @@ const qe = G("settings", () => {
                           default: i(() => {
                             var T, U;
                             return [
-                              a(Ge, {
+                              a(Qe, {
                                 class: "bg-surface",
                                 subtitle: `Team - ${(U = (T = e(r)) == null ? void 0 : T.members) == null ? void 0 : U.length} member(s)`,
                                 title: "Members"
@@ -2669,7 +2669,7 @@ const qe = G("settings", () => {
                                           default: i(() => [
                                             a(E, { color: "surface-light" }, {
                                               default: i(() => [
-                                                a(Ge, {
+                                                a(Qe, {
                                                   class: "bg-surface",
                                                   "prepend-icon": `svg:${e($o)}`,
                                                   subtitle: "Provide this link to invite your team members",
@@ -2699,7 +2699,7 @@ const qe = G("settings", () => {
                                                       variant: "solo"
                                                     }, {
                                                       "append-inner": i(() => [
-                                                        ye(a(D, {
+                                                        he(a(D, {
                                                           icon: `svg:${e(l) ? e(Ae) : e(wo)}`,
                                                           size: "small",
                                                           onClick: f
@@ -2728,7 +2728,7 @@ const qe = G("settings", () => {
                               a(J),
                               a(ae, { class: "pa-2" }, {
                                 default: i(() => [
-                                  a(je, {
+                                  a(Pe, {
                                     border: "",
                                     rounded: "lg"
                                   }, {
@@ -2797,7 +2797,7 @@ const qe = G("settings", () => {
                           rounded: "lg"
                         }, {
                           default: i(() => [
-                            a(Ge, {
+                            a(Qe, {
                               "prepend-icon": `svg:${e(ct)}`,
                               subtitle: "You are currently a member of a team with an All-access Pass.",
                               title: "My Team access"
@@ -2968,9 +2968,9 @@ const qe = G("settings", () => {
                 ]),
                 _: 2
               }, 1032, ["color", "image", "title"]),
-              a(He, null, {
+              a(Ee, null, {
                 default: i(({ props: f, isHovering: C }) => [
-                  a(je, Y({ ref_for: !0 }, f, {
+                  a(Pe, Y({ ref_for: !0 }, f, {
                     border: "",
                     class: "px-8 pt-2 pb-4 position-relative",
                     rounded: "b"
@@ -2982,9 +2982,9 @@ const qe = G("settings", () => {
                         text: n(m.slug) ? "Mark as unread" : "Mark as read"
                       }, {
                         activator: i(({ props: _ }) => [
-                          a(Pe, { "hide-on-leave": "" }, {
+                          a(Re, { "hide-on-leave": "" }, {
                             default: i(() => [
-                              ye(a(z, Y({ ref_for: !0 }, _, {
+                              he(a(z, Y({ ref_for: !0 }, _, {
                                 class: "ms-auto float-right",
                                 icon: `svg:${n(m.slug) ? e(ht) : e(_t)}`,
                                 "mdi-email-variant": "",
@@ -2992,7 +2992,7 @@ const qe = G("settings", () => {
                                 variant: "text",
                                 onClick: (k) => l(m)
                               }), null, 16, ["icon", "onClick"]), [
-                                [Fe, C || e(s).mobile.value]
+                                [ze, C || e(s).mobile.value]
                               ])
                             ]),
                             _: 2
@@ -3008,7 +3008,7 @@ const qe = G("settings", () => {
                         target: m.metadata.link.startsWith("http") ? "_blank" : void 0,
                         to: m.metadata.link.startsWith("http") ? void 0 : m.metadata.link
                       }, {
-                        "append-icon": `svg:${e(ze)}`,
+                        "append-icon": `svg:${e(je)}`,
                         border: "",
                         label: "",
                         size: "small",
@@ -3060,7 +3060,7 @@ const qe = G("settings", () => {
     }
     return (p, m) => {
       const g = ee;
-      return d(), v(He, null, {
+      return d(), v(Ee, null, {
         default: i(({ isHovering: f, props: C }) => [
           a(g, Y(C, { class: "py-4 mb-0" }), {
             prepend: i(() => [
@@ -3077,9 +3077,9 @@ const qe = G("settings", () => {
                     text: l(p.notification.slug) ? "Mark as unread" : "Mark as read"
                   }, {
                     activator: i(({ props: _ }) => [
-                      a(Pe, { "hide-on-leave": "" }, {
+                      a(Re, { "hide-on-leave": "" }, {
                         default: i(() => [
-                          ye(a(z, Y(_, {
+                          he(a(z, Y(_, {
                             class: "ms-auto",
                             icon: `svg:${l(p.notification.slug) ? e(ht) : e(_t)}`,
                             "mdi-email-variant": "",
@@ -3087,7 +3087,7 @@ const qe = G("settings", () => {
                             variant: "text",
                             onClick: m[0] || (m[0] = (k) => c(p.notification))
                           }), null, 16, ["icon"]), [
-                            [Fe, f || e(r).mobile.value]
+                            [ze, f || e(r).mobile.value]
                           ])
                         ]),
                         _: 2
@@ -3109,7 +3109,7 @@ const qe = G("settings", () => {
               h("div", hs, S(e(o).format(p.notification.created_at, "fullDateWithWeekday")), 1),
               h("div", ys, S(p.notification.metadata.text), 1),
               a(ie, Y({
-                "append-icon": `svg:${e(ze)}`
+                "append-icon": `svg:${e(je)}`
               }, e(n), {
                 border: "",
                 label: "",
@@ -3171,7 +3171,7 @@ const qe = G("settings", () => {
       });
     };
   }
-}), We = G("banners", () => {
+}), Ze = G("banners", () => {
   const u = K(), t = it(), s = j(), o = M([]), r = A(!1), n = V(() => {
     if (l.value)
       return l.value;
@@ -3215,15 +3215,15 @@ const qe = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = me(), s = fe(), o = We(), r = Ee(), n = F(), l = j(), c = A(["read"]), p = ce(u, "modelValue");
+    const t = me(), s = fe(), o = Ze(), r = qe(), n = F(), l = j(), c = A(["read"]), p = ce(u, "modelValue");
     return R(s, async () => {
       if (s.value.one !== "notifications") {
         p.value && (p.value = !1);
         return;
       }
-      n.isOpen = !0, await he(), p.value = !0;
+      n.isOpen = !0, await Ie(), p.value = !0;
     }, { immediate: !0 }), (m, g) => {
-      const f = ee, C = ks, _ = vs, k = xe;
+      const f = ee, C = ks, _ = vs, k = we;
       return d(), v(k, {
         modelValue: p.value,
         "onUpdate:modelValue": g[2] || (g[2] = (y) => p.value = y),
@@ -3231,7 +3231,7 @@ const qe = G("settings", () => {
         title: "Notifications"
       }, {
         default: i(() => [
-          a(ke, null, {
+          a(Ve, null, {
             default: i(() => [
               a(on, {
                 location: e(t).mobile.value ? "top" : "start",
@@ -3294,14 +3294,14 @@ const qe = G("settings", () => {
                 ]),
                 _: 1
               }, 8, ["location", "width"]),
-              a($e, { scrollable: "" }, {
+              a(ke, { scrollable: "" }, {
                 default: i(() => [
                   a(kt, {
                     modelValue: e(c),
                     "onUpdate:modelValue": g[1] || (g[1] = (y) => oe(c) ? c.value = y : null)
                   }, {
                     default: i(() => [
-                      a(Le, { value: "read" }, {
+                      a(Se, { value: "read" }, {
                         default: i(() => [
                           a(C, {
                             items: e(r).unread
@@ -3309,7 +3309,7 @@ const qe = G("settings", () => {
                         ]),
                         _: 1
                       }),
-                      a(Le, { value: "unread" }, {
+                      a(Se, { value: "unread" }, {
                         default: i(() => [
                           a(C, {
                             items: e(r).read
@@ -3317,7 +3317,7 @@ const qe = G("settings", () => {
                         ]),
                         _: 1
                       }),
-                      a(Le, { value: "banners" }, {
+                      a(Se, { value: "banners" }, {
                         default: i(() => [
                           a(_, {
                             items: e(o).all
@@ -3342,7 +3342,7 @@ const qe = G("settings", () => {
 }), Cs = /* @__PURE__ */ b({
   __name: "VoNotificationsBadge",
   setup(u) {
-    const t = Ee(), s = j();
+    const t = qe(), s = j();
     return (o, r) => (d(), v(ot, {
       color: "error",
       content: e(t).unread.length,
@@ -3357,8 +3357,8 @@ const qe = G("settings", () => {
 }), Ss = /* @__PURE__ */ b({
   __name: "VoNotificationsNavItem",
   setup(u) {
-    const t = We(), s = j(), o = Ee(), r = A(!1);
-    return Me(async () => {
+    const t = Ze(), s = j(), o = qe(), r = A(!1);
+    return Fe(async () => {
       o.index(), t.index();
     }), (n, l) => {
       const c = Cs, p = xs, m = ee;
@@ -3414,7 +3414,7 @@ const qe = G("settings", () => {
 }), Is = /* @__PURE__ */ b({
   __name: "VoUserList",
   setup(u) {
-    const t = q(), s = F(), o = we();
+    const t = q(), s = F(), o = $e();
     return (r, n) => {
       const l = Ls, c = Ss, p = us, m = ls, g = ns, f = Kn, C = Hn, _ = wn, k = gn;
       return d(), v(de, {
@@ -3458,7 +3458,7 @@ const qe = G("settings", () => {
     const t = j();
     return (s, o) => {
       const r = Ot, n = Ut;
-      return d(), v(Ve, null, {
+      return d(), v(be, null, {
         default: i(() => [
           e(t).quickbar ? (d(), L("div", As, [
             h("div", Ds, [
@@ -3557,7 +3557,7 @@ const qe = G("settings", () => {
     return (p, m) => {
       var g;
       return d(), L("div", null, [
-        ye((d(), v(ne, {
+        he((d(), v(ne, {
           class: Rt([
             "border-md border-opacity-100 border-surface-light",
             {
@@ -3567,7 +3567,7 @@ const qe = G("settings", () => {
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: Xe(c, ["prevent", "stop"])
+          onClick: Ne(c, ["prevent", "stop"])
         }, {
           default: i(() => [
             e(t).user && e(o).avatar ? (d(), v(le, {
@@ -3586,7 +3586,7 @@ const qe = G("settings", () => {
           [en, e(s).isSubscriber]
         ]),
         h("div", Us, [
-          a(Ve, null, {
+          a(be, null, {
             default: i(() => [
               e(r) ? (d(), L("div", Os, [
                 a(E, {
@@ -3631,7 +3631,7 @@ const qe = G("settings", () => {
       var r;
       return s.github || s.discord || s.isSubscriber || ((r = t.user) == null ? void 0 : r.isAdmin);
     });
-    return (r, n) => e(o) ? (d(), v(je, {
+    return (r, n) => e(o) ? (d(), v(Pe, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
       color: "rgba(0,0,0,.54)",
@@ -3724,7 +3724,7 @@ const qe = G("settings", () => {
               a(p),
               a(qo, null, {
                 default: i(() => [
-                  ye(h("div", js, [
+                  he(h("div", js, [
                     a(m, {
                       class: "ms-2 me-1",
                       color: "inherit",
@@ -3736,7 +3736,7 @@ const qe = G("settings", () => {
                       onClick: n
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
-                    [Fe, e(r)]
+                    [ze, e(r)]
                   ])
                 ]),
                 _: 1
@@ -3753,7 +3753,7 @@ const qe = G("settings", () => {
                 onClick: c[0] || (c[0] = (g) => r.value = !e(r))
               }, {
                 default: i(() => [
-                  a(Pe, { "leave-absolute": "" }, {
+                  a(Re, { "leave-absolute": "" }, {
                     default: i(() => [
                       (d(), v(D, {
                         key: String(e(r))
@@ -3768,7 +3768,7 @@ const qe = G("settings", () => {
           ]),
           _: 1
         }, 8, ["color"]),
-        a(Ve, null, {
+        a(be, null, {
           default: i(() => [
             e(r) ? (d(), v(nn, {
               key: 0,
@@ -3793,7 +3793,7 @@ const qe = G("settings", () => {
 }), Rs = { class: "text-center mt-n9 mb-4" }, Hs = /* @__PURE__ */ b({
   __name: "VoUserMenu",
   setup(u) {
-    const t = We(), s = F(), o = M();
+    const t = Ze(), s = F(), o = M();
     return R(() => t.banner, async () => {
       var r, n;
       await new Promise((l) => setTimeout(l, 300)), s.isOpen && ((n = (r = o.value) == null ? void 0 : r.updateLocation) == null || n.call(r));
@@ -3837,7 +3837,7 @@ const qe = G("settings", () => {
 }), Es = { class: "me-n3" }, qs = /* @__PURE__ */ b({
   __name: "VoTeamInvite",
   setup(u) {
-    const t = we(), s = V(() => {
+    const t = $e(), s = V(() => {
       var r, n;
       return ((r = t.team) == null ? void 0 : r.name) ?? `${(n = t.team) == null ? void 0 : n.owner.name}'s team`;
     });
@@ -3958,7 +3958,7 @@ const qe = G("settings", () => {
     logo: {}
   },
   setup(u) {
-    const t = u, s = Re(), o = qe(), r = V(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${t.logo}-logo-${s.current.value.dark ? "dark" : "light"}.png`);
+    const t = u, s = He(), o = We(), r = V(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${t.logo}-logo-${s.current.value.dark ? "dark" : "light"}.png`);
     return (n, l) => {
       const c = Ht("router-link"), p = Bt;
       return d(), v(wt, {
@@ -4035,7 +4035,7 @@ const qe = G("settings", () => {
     return Ke(async () => {
       const l = document.createElement("script"), c = () => o("script:error");
       l.type = "text/javascript", l.id = s.scriptId, l.src = s.src, l.addEventListener("load", () => o("script:load")), l.onerror = c, n.value = l;
-    }), Me(() => {
+    }), Fe(() => {
       n.value && r.value && r.value.append(n.value);
     }), Et(() => {
       n.value && r.value && n.value.remove();
@@ -4083,7 +4083,7 @@ const qe = G("settings", () => {
 }, ea = /* @__PURE__ */ b({
   __name: "VoSocialFooter",
   setup(u) {
-    const t = qe(), s = [
+    const t = We(), s = [
       {
         title: "Vuetify Documentation",
         icon: "$vuetify",
@@ -4162,10 +4162,10 @@ const qe = G("settings", () => {
     qt((_) => {
       var k;
       return {
-        "4bc57505": (k = e(l)) == null ? void 0 : k.metadata.bg_blur
+        "201b10d9": (k = e(l)) == null ? void 0 : k.metadata.bg_blur
       };
     });
-    const t = u, { mdAndUp: s } = me(), o = et(), r = j(), n = We(), l = V(() => n.banner), c = V(() => {
+    const t = u, { mdAndUp: s } = me(), o = et(), r = j(), n = Ze(), l = V(() => n.banner), c = V(() => {
       var _, k;
       return ((_ = l.value) == null ? void 0 : _.metadata.height) || ((k = l.value) != null && k.metadata.subtext ? 88 : 48);
     }), p = V(() => t.demo ? !0 : !l.value || !r.notifications.last.banner.includes(l.value.slug));
@@ -4175,7 +4175,7 @@ const qe = G("settings", () => {
     async function g(_) {
       var $;
       if (!l.value) return;
-      m(), await he();
+      setTimeout(() => m(), 500);
       const k = (($ = l.value) == null ? void 0 : $.metadata) ?? { link: "" };
       if (!k.link.includes("?one=")) return;
       _.preventDefault(), _.stopPropagation();
@@ -4189,8 +4189,7 @@ const qe = G("settings", () => {
         href: _.link.startsWith("http") ? _.link : void 0,
         target: _.link.startsWith("http") ? "_blank" : void 0,
         to: _.link.startsWith("http") ? void 0 : _.link,
-        ...(y = l.value) == null ? void 0 : y.metadata.attributes,
-        onClick: g
+        ...(y = l.value) == null ? void 0 : y.metadata.attributes
       };
     }), C = V(() => {
       var y, $;
@@ -4216,12 +4215,11 @@ const qe = G("settings", () => {
       order: "-1"
     }, {
       default: i(() => [
-        a(be, Y(e(f), {
+        a(ye, Y({
           active: !1,
           class: "flex-grow-1 py-6",
-          lines: "two",
-          onClick: g
-        }), {
+          lines: "two"
+        }, e(f), { onClick: g }), {
           prepend: i(() => [
             e(l).metadata.images.logo ? (d(), v(ne, {
               key: 0,
@@ -4232,19 +4230,20 @@ const qe = G("settings", () => {
             }, null, 8, ["image"])) : x("", !0)
           ]),
           append: i(() => [
-            e(s) && e(l).metadata.link && e(l).metadata.link_text ? (d(), v(He, { key: 0 }, {
+            e(s) && e(l).metadata.link && e(l).metadata.link_text ? (d(), v(Ee, { key: 0 }, {
               default: i(({ isHovering: y, props: $ }) => [
                 a(z, Y({
-                  ...$,
-                  ...e(f)
-                }, {
-                  "append-icon": `svg:${e(ze)}`,
+                  "append-icon": `svg:${e(je)}`,
                   class: "text-none me-2",
                   color: e(l).metadata.link_color,
                   elevation: y ? 8 : 0,
-                  title: e(l).metadata.link_text,
+                  title: e(l).metadata.link_text
+                }, {
+                  ...$,
+                  ...e(f)
+                }, {
                   variant: "elevated",
-                  onClick: g
+                  onClick: Ne(g, ["stop"])
                 }), {
                   default: i(() => [
                     O(S(e(l).metadata.link_text), 1)
@@ -4261,7 +4260,7 @@ const qe = G("settings", () => {
               icon: "$clear",
               size: "small",
               variant: "plain",
-              onClick: Xe(m, ["prevent", "stop"])
+              onClick: Ne(m, ["prevent", "stop"])
             })) : x("", !0)
           ]),
           default: i(() => [
@@ -4287,7 +4286,7 @@ const qe = G("settings", () => {
       _: 1
     }, 8, ["color", "height", "image", "location", "model-value"])) : x("", !0);
   }
-}), na = /* @__PURE__ */ rt(oa, [["__scopeId", "data-v-55bdb145"]]), sa = {
+}), na = /* @__PURE__ */ rt(oa, [["__scopeId", "data-v-af468337"]]), sa = {
   key: 0,
   class: "text-uppercase position-absolute ms-auto font-weight-medium on-surface-light",
   style: { right: "12px", bottom: "8px", "font-size": "10px" }
@@ -4368,7 +4367,7 @@ const qe = G("settings", () => {
     slug: {}
   },
   setup(u) {
-    const t = u, s = q(), o = lt(), r = Re(), n = j(), l = V(() => {
+    const t = u, s = q(), o = lt(), r = He(), n = j(), l = V(() => {
       if (!(s.user && n.disableAds))
         return t.slug ? o.all.find((m) => m.slug === t.slug) : o.random(o.all);
     }), c = V(() => {
@@ -4396,7 +4395,7 @@ const qe = G("settings", () => {
         width: "100%"
       }, Z({
         default: i(() => [
-          e(o).hasLoaded ? x("", !0) : (d(), v(Ie, {
+          e(o).hasLoaded ? x("", !0) : (d(), v(Le, {
             key: 0,
             class: "flex-1-0 overflow-hidden",
             color: "transparent",
@@ -4467,7 +4466,7 @@ const qe = G("settings", () => {
                   h("div", la, S((_ = e(n).metadata) == null ? void 0 : _.text), 1)
                 ])
               ], 64)) : x("", !0) : (d(), L(N, { key: 0 }, [
-                a(Ie, {
+                a(Le, {
                   class: "flex-1-0 overflow-hidden",
                   color: "transparent",
                   loading: "",
@@ -4475,7 +4474,7 @@ const qe = G("settings", () => {
                   "min-width": "130",
                   type: "image"
                 }),
-                a(Ie, {
+                a(Le, {
                   class: "flex-1-0 ms-n3 mt-n3",
                   color: "transparent",
                   loading: "",
@@ -4496,7 +4495,7 @@ const qe = G("settings", () => {
     slug: {}
   },
   setup(u) {
-    const t = u, s = q(), o = lt(), r = j(), n = Re(), l = V(() => {
+    const t = u, s = q(), o = lt(), r = j(), n = He(), l = V(() => {
       if (!(s.user && r.disableAds))
         return t.slug ? o.all.find((m) => m.slug === t.slug) : o.random(o.all);
     }), c = V(() => {
@@ -4706,19 +4705,19 @@ export {
   ui as createOne,
   ci as one,
   q as useAuthStore,
-  We as useBannersStore,
+  Ze as useBannersStore,
   ii as useBinsStore,
   es as useDownloadsStore,
   K as useHttpStore,
-  Ee as useNotificationsStore,
+  qe as useNotificationsStore,
   F as useOneStore,
   ri as useProductsStore,
   lt as usePromotionsStore,
   xt as useQueueStore,
-  qe as useSettingsStore,
+  We as useSettingsStore,
   it as useSiteStore,
   li as useSponsorsStore,
   pa as useSpotsStore,
-  we as useTeamStore,
+  $e as useTeamStore,
   j as useUserStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/one",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "private": false,
   "type": "module",
   "license": "MIT",