@vuetify/one 1.5.1 → 1.5.3

package/dist/index.js

@@ -1,71 +1,71 @@
-import { reactive as wt, watch as U, toRefs as St, ref as D, shallowRef as O, computed as w, defineComponent as $, openBlock as d, createBlock as _, unref as t, createSlots as R, withCtx as r, createElementVNode as b, toDisplayString as C, createVNode as a, createTextVNode as F, renderSlot as T, normalizeStyle as ot, createCommentVNode as S, withModifiers as qe, mergeModels as nt, useModel as le, createElementBlock as L, Fragment as B, onMounted as We, nextTick as pe, renderList as ne, mergeProps as H, withDirectives as Ve, vShow as De, isRef as se, resolveComponent as Ge, normalizeClass as Ct, pushScopeId as Lt, popScopeId as It, onBeforeMount as Ze, onBeforeUnmount as At } from "vue";
-import { mdiDiscord as Qe, mdiGithub as Ye, mdiSync as Dt, mdiSyncOff as Ot, mdiLogoutVariant as Nt, mdiFullscreenExit as Ut, mdiFullscreen as Bt, mdiCheck as Oe, mdiHome as zt, mdiTextBox as Tt, mdiSelect as Ft, mdiSpaceInvaders as st, mdiImageFilterHdr as at, mdiRocketLaunchOutline as it, mdiWhiteBalanceSunny as jt, mdiWeatherNight as Mt, mdiDesktopTowerMonitor as Pt, mdiContrastCircle as Ht, mdiCog as Rt, mdiCogOutline as Et, mdiFileDocument as qt, mdiCreditCardSettingsOutline as Wt, mdiRocketOutline as Gt, mdiCheckCircleOutline as Ae, mdiCreditCard as Zt, mdiReload as Qt, mdiPlaylistCheck as Yt, mdiCreditCardOutline as Jt, mdiMedal as Xt, mdiOpenInNew as Ne, mdiHandHeart as Kt, mdiHandHeartOutline as eo, mdiEmailOpenOutline as rt, mdiEmailVariant as lt, mdiBell as to, mdiInboxOutline as oo, mdiInboxFullOutline as no, mdiBillboard as so, mdiBellOutline as ao, mdiViewDashboardOutline as io, mdiCrown as ro, mdiArrowULeftBottom as lo, mdiLogin as co, mdiShieldStarOutline as uo, mdiReddit as po } from "@mdi/js";
-import { useRouter as Ue, useRoute as mo } from "vue-router";
+import { reactive as Ct, watch as U, toRefs as Lt, ref as O, shallowRef as B, computed as w, defineComponent as $, openBlock as d, createBlock as _, unref as t, createSlots as H, withCtx as r, createElementVNode as b, toDisplayString as C, createVNode as a, createTextVNode as F, renderSlot as D, normalizeStyle as ot, createCommentVNode as S, withModifiers as Ze, mergeModels as nt, useModel as le, createElementBlock as L, Fragment as z, onMounted as Qe, nextTick as pe, renderList as ne, mergeProps as R, withDirectives as Ve, vShow as De, isRef as se, resolveComponent as Oe, normalizeClass as It, pushScopeId as At, popScopeId as Dt, onBeforeMount as Ye, onBeforeUnmount as Ot } from "vue";
+import { mdiDiscord as Je, mdiGithub as Xe, mdiSync as Bt, mdiSyncOff as Nt, mdiLogoutVariant as Ut, mdiFullscreenExit as zt, mdiFullscreen as Tt, mdiCheck as Be, mdiHome as Ft, mdiTextBox as jt, mdiSelect as Mt, mdiSpaceInvaders as st, mdiImageFilterHdr as at, mdiRocketLaunchOutline as it, mdiWhiteBalanceSunny as Pt, mdiWeatherNight as Ht, mdiDesktopTowerMonitor as Rt, mdiContrastCircle as Et, mdiCog as qt, mdiCogOutline as Wt, mdiFileDocument as Gt, mdiCreditCardSettingsOutline as Zt, mdiRocketOutline as Qt, mdiCheckCircleOutline as Ae, mdiCreditCard as Yt, mdiReload as Jt, mdiPlaylistCheck as Xt, mdiCreditCardOutline as Kt, mdiMedal as eo, mdiOpenInNew as Ne, mdiHandHeart as to, mdiHandHeartOutline as oo, mdiEmailOpenOutline as rt, mdiEmailVariant as lt, mdiBell as no, mdiInboxOutline as so, mdiInboxFullOutline as ao, mdiBillboard as io, mdiBellOutline as ro, mdiViewDashboardOutline as lo, mdiCrown as co, mdiArrowULeftBottom as uo, mdiLogin as po, mdiShieldStarOutline as mo, mdiReddit as fo } from "@mdi/js";
+import { useRouter as Ue, useRoute as vo } from "vue-router";
 import { defineStore as W } from "pinia";
-import { merge as Pe } from "lodash-es";
-import { VListItem as ke, VList as ae, VListItemTitle as ct, VListItemSubtitle as fo } from "vuetify/lib/components/VList/index.mjs";
-import { VAvatar as Q } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as E, VCardTitle as vo, VCardSubtitle as ho, VCardText as _e } from "vuetify/lib/components/VCard/index.mjs";
+import { merge as Ee } from "lodash-es";
+import { VListItem as ke, VList as ae, VListItemTitle as ct, VListItemSubtitle as ho } from "vuetify/lib/components/VList/index.mjs";
+import { VAvatar as Y } from "vuetify/lib/components/VAvatar/index.mjs";
+import { VCard as E, VCardTitle as _o, VCardSubtitle as go, VCardText as _e } from "vuetify/lib/components/VCard/index.mjs";
 import { VDialog as ut } from "vuetify/lib/components/VDialog/index.mjs";
-import { VBadge as Je } from "vuetify/lib/components/VBadge/index.mjs";
+import { VBadge as Ke } from "vuetify/lib/components/VBadge/index.mjs";
 import { VBtn as q } from "vuetify/lib/components/VBtn/index.mjs";
-import { VProgressCircular as _o } from "vuetify/lib/components/VProgressCircular/index.mjs";
+import { VProgressCircular as yo } from "vuetify/lib/components/VProgressCircular/index.mjs";
 import { VSheet as ye } from "vuetify/lib/components/VSheet/index.mjs";
 import { VSwitch as dt } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as Be, VExpandTransition as me, VExpandXTransition as go } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as ce, useTheme as Xe, useDate as ze } from "vuetify";
-import { VDivider as Z } from "vuetify/lib/components/VDivider/index.mjs";
+import { VFadeTransition as ze, VExpandTransition as me, VExpandXTransition as bo } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as ce, useTheme as Te, useDate as Fe } from "vuetify";
+import { VDivider as G } from "vuetify/lib/components/VDivider/index.mjs";
 import { VIcon as A } from "vuetify/lib/components/VIcon/index.mjs";
-import { VLabel as Re } from "vuetify/lib/components/VLabel/index.mjs";
+import { VLabel as We } from "vuetify/lib/components/VLabel/index.mjs";
 import { VChip as te } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as yo } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as bo } from "vuetify/lib/components/VSelect/index.mjs";
+import { VChipGroup as Vo } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VSelect as ko } from "vuetify/lib/components/VSelect/index.mjs";
 import { VRow as de, VCol as K, VContainer as tt } from "vuetify/lib/components/VGrid/index.mjs";
-import { VHover as Te } from "vuetify/lib/components/VHover/index.mjs";
-import { VImg as Y } from "vuetify/lib/components/VImg/index.mjs";
-import { VItemGroup as pt, VItem as Ee } from "vuetify/lib/components/VItemGroup/index.mjs";
+import { VHover as je } from "vuetify/lib/components/VHover/index.mjs";
+import { VImg as Z } from "vuetify/lib/components/VImg/index.mjs";
+import { VItemGroup as pt, VItem as Ge } from "vuetify/lib/components/VItemGroup/index.mjs";
 import { VLayout as $e } from "vuetify/lib/components/VLayout/index.mjs";
 import { VMain as xe } from "vuetify/lib/components/VMain/index.mjs";
-import { VDataTableVirtual as Vo } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VDataTableVirtual as $o } from "vuetify/lib/components/VDataTable/index.mjs";
 import { VSkeletonLoader as be } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
 import { VWindow as mt, VWindowItem as ge } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimelineItem as ko, VTimeline as $o } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VTimelineItem as xo, VTimeline as wo } from "vuetify/lib/components/VTimeline/index.mjs";
 import { VTooltip as ee } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VResponsive as xo } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VNavigationDrawer as wo } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as So } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as Co } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as Lo } from "vuetify/components";
-import { VFooter as Io } from "vuetify/lib/components/VFooter/index.mjs";
-import { VAppBar as Ao } from "vuetify/lib/components/VAppBar/index.mjs";
-import { VLazy as Do } from "vuetify/lib/components/VLazy/index.mjs";
+import { VResponsive as So } from "vuetify/lib/components/VResponsive/index.mjs";
+import { VNavigationDrawer as Co } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
+import { Ripple as Lo } from "vuetify/lib/directives/index.mjs";
+import { VColorPicker as Io } from "vuetify/lib/components/VColorPicker/index.mjs";
+import { VMenu as Ao } from "vuetify/components";
+import { VAppBar as ft } from "vuetify/lib/components/VAppBar/index.mjs";
+import { VFooter as Do } from "vuetify/lib/components/VFooter/index.mjs";
+import { VLazy as Oo } from "vuetify/lib/components/VLazy/index.mjs";
 const ie = W("http", {
   state: () => ({
     url: ""
   }),
   actions: {
     async fetch(c, e = {}) {
-      const o = await fetch(`${this.url}${c}`, {
+      const n = await fetch(`${this.url}${c}`, {
         credentials: "include",
         ...e
       });
-      return o.status === 204 ? o : o.json();
+      return n.status === 204 ? n : n.json();
     },
-    async post(c, e, o = {}) {
+    async post(c, e, n = {}) {
       return this.fetch(c, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
         body: JSON.stringify(e),
-        ...o
+        ...n
       });
     },
-    async form(c, e, o = {}) {
+    async form(c, e, n = {}) {
       return this.fetch(c, {
         method: "POST",
         body: e,
-        ...o
+        ...n
       });
     },
     async get(c, e = {}) {
@@ -78,7 +78,7 @@ const ie = W("http", {
       });
     }
   }
-}), He = typeof window < "u", Ie = {
+}), qe = typeof window < "u", Ie = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -117,32 +117,32 @@ const ie = W("http", {
       jobs: null
     }
   }
-}, z = W("user", () => {
-  const c = wt(Pe({}, Ie));
-  U(c, o);
+}, T = W("user", () => {
+  const c = Ct(Ee({}, Ie));
+  U(c, n);
   function e() {
-    if (!He)
+    if (!qe)
       return;
-    const s = localStorage.getItem("vuetify@user"), n = s ? JSON.parse(s) : {};
-    let l = n.v === c.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 = Ie.suits, n.notifications.banners = Ie.notifications.banners, l = !0), n.v = c.v, Object.assign(c, Pe(c, n)), l && o();
+    const s = localStorage.getItem("vuetify@user"), o = s ? JSON.parse(s) : {};
+    let l = o.v === c.v;
+    o.v || (o.pwaRefresh = !0, typeof o.api == "boolean" && (o.api = o.api ? "inline" : "link-only"), typeof o.rtl == "boolean" && (o.direction = o.rtl ? "rtl" : "ltr", delete o.rtl), typeof o.theme == "object" && (o.mixedTheme = o.theme.mixed, o.theme = o.theme.system ? "system" : o.theme.dark ? "dark" : "light"), Array.isArray(o.notifications) && (o.notifications = { read: o.notifications }), typeof o.last == "object" && (o.notifications.last = o.last, delete o.last)), o.v === 1 && (Array.isArray(o.composition) && (o.composition = "composition"), Array.isArray(o.notifications.last.banner) || (o.notifications = o.notifications || {}, o.notifications.last = o.notifications.last || {}, o.notifications.last.banner = [])), o.v === 2 && (o.syncSettings = !0, o.disableAds = !1, o.v = 3), o.v === 3 && (o.quickbar = !1), o.v === 4 && (o.suits = Ie.suits, o.notifications.banners = Ie.notifications.banners, l = !0), o.v = c.v, Object.assign(c, Ee(c, o)), l && n();
   }
-  function o() {
-    He && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
+  function n() {
+    qe && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
   }
   function i() {
-    He && (Object.assign(c, Pe({}, Ie)), o());
+    qe && (Object.assign(c, Ee({}, Ie)), n());
   }
   return e(), {
-    ...St(c),
+    ...Lt(c),
     load: e,
-    save: o,
+    save: n,
     reset: i
   };
 }), M = W("auth", () => {
-  const c = D(!1), e = D(null), o = ie(), i = z(), s = Ue(), n = O(!1), l = w(() => {
+  const c = O(!1), e = O(null), n = ie(), i = T(), s = Ue(), o = B(!1), l = w(() => {
     var p, v;
-    return !o.url || ((p = e.value) == null ? void 0 : p.isAdmin) || !!((v = e.value) != null && v.sponsorships.some((k) => k.isActive));
+    return !n.url || ((p = e.value) == null ? void 0 : p.isAdmin) || !!((v = e.value) != null && v.sponsorships.some((V) => V.isActive));
   });
   let m = !!y();
   U(e, (p) => {
@@ -156,7 +156,7 @@ const ie = W("http", {
   async function f() {
     if (!(!e.value || !i.syncSettings))
       try {
-        await o.post("/user/settings", { settings: i.$state });
+        await n.post("/user/settings", { settings: i.$state });
       } catch (p) {
         console.error(p);
       }
@@ -164,7 +164,7 @@ const ie = W("http", {
   async function u(p = !1) {
     if (u.promise)
       return u.promise;
-    n.value = !0, u.promise = fetch(`${o.url}/auth/verify`, {
+    o.value = !0, u.promise = fetch(`${n.url}/auth/verify`, {
       credentials: "include",
       headers: p ? {
         "Cache-Control": "no-cache"
@@ -176,87 +176,87 @@ const ie = W("http", {
       () => {
       }
     ).finally(() => {
-      n.value = !1, u.promise = null;
+      o.value = !1, u.promise = null;
     });
   }
   u.promise = null;
   async function h(p = "github") {
-    n.value = !0;
-    const v = `${o.url}/auth/${p}/redirect`, k = 400, N = 600, j = window.screenX + (window.innerWidth - k) / 2, re = window.screenY + (window.innerHeight - N) / 2, G = window.open(
+    o.value = !0;
+    const v = `${n.url}/auth/${p}/redirect`, V = 400, N = 600, j = window.screenX + (window.innerWidth - V) / 2, re = window.screenY + (window.innerHeight - N) / 2, Q = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${j},top=${re},width=${k},height=${N},resizable`
+      `popup,left=${j},top=${re},width=${V},height=${N},resizable`
     );
-    if (!G) {
+    if (!Q) {
       console.error("Failed to open popup");
       return;
     }
-    G.location.href = v;
+    Q.location.href = v;
     let Ce = -1, Le = -1;
     function he(oe) {
       var x;
-      oe.origin === o.url && ((x = oe.data) == null ? void 0 : x.type) === "auth-response" && (oe.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", p), e.value = oe.data.body.user, s.push({
+      oe.origin === n.url && ((x = oe.data) == null ? void 0 : x.type) === "auth-response" && (oe.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", p), e.value = oe.data.body.user, s.push({
         path: "/user/dashboard/",
         query: s.currentRoute.value.query
       }), f()) : console.error(oe.data.message), ue());
     }
     function ue() {
-      window.removeEventListener("message", he), window.clearInterval(Ce), window.clearTimeout(Le), G == null || G.close(), n.value = !1;
+      window.removeEventListener("message", he), window.clearInterval(Ce), window.clearTimeout(Le), Q == null || Q.close(), o.value = !1;
     }
     window.addEventListener("message", he), Ce = window.setInterval(() => {
-      !G || G.closed ? (console.error("Auth popup closed"), ue()) : G.postMessage({ type: "auth-request" }, "*");
+      !Q || Q.closed ? (console.error("Auth popup closed"), ue()) : Q.postMessage({ type: "auth-request" }, "*");
     }, 1e3), Le = window.setTimeout(() => {
       ue(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function V(p) {
-    n.value = !0;
+  async function k(p) {
+    o.value = !0;
     const v = p ? `/auth/${p}/logout` : "/auth/logout";
     try {
-      await o.post(v), await u(!0), e.value = null;
-    } catch (k) {
-      console.error(k);
+      await n.post(v), await u(!0), e.value = null;
+    } catch (V) {
+      console.error(V);
     } finally {
       s.push({
         path: "/",
         query: s.currentRoute.value.query
-      }), n.value = !1;
+      }), o.value = !1;
     }
   }
   function g(p) {
     var v;
-    return (v = e.value) == null ? void 0 : v.identities.find((k) => k.provider === p);
+    return (v = e.value) == null ? void 0 : v.identities.find((V) => V.provider === p);
   }
   function y() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
   return u(), {
     user: e,
-    url: o.url,
+    url: n.url,
     dialog: c,
-    isLoading: n,
+    isLoading: o,
     findIdentity: g,
     verify: u,
     login: h,
-    logout: V,
+    logout: k,
     isSubscriber: l,
     lastLoginProvider: y,
     sync: f
   };
-}), Oo = { class: "text-body-2" }, No = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), ft = /* @__PURE__ */ $({
+}), Bo = { class: "text-body-2" }, No = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), vt = /* @__PURE__ */ $({
   __name: "VoAuthDiscord",
   setup(c) {
-    const e = M(), o = w(() => e.user && e.findIdentity("discord")), i = w(() => e.user ? o.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
-    return (s, n) => (d(), _(ke, {
+    const e = M(), n = w(() => e.user && e.findIdentity("discord")), i = w(() => e.user ? n.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
+    return (s, o) => (d(), _(ke, {
       "base-color": "#5865F2",
-      "prepend-icon": `svg:${t(Qe)}`,
+      "prepend-icon": `svg:${t(Je)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
-      onClick: n[0] || (n[0] = (l) => t(e).login("discord"))
-    }, R({
+      onClick: o[0] || (o[0] = (l) => t(e).login("discord"))
+    }, H({
       title: r(() => [
-        b("span", Oo, C(t(i)), 1)
+        b("span", Bo, C(t(i)), 1)
       ]),
       _: 2
     }, [
@@ -269,18 +269,18 @@ const ie = W("http", {
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Uo = { class: "text-body-2" }, Bo = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), vt = /* @__PURE__ */ $({
+}), Uo = { class: "text-body-2" }, zo = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), ht = /* @__PURE__ */ $({
   __name: "VoAuthGithub",
   setup(c) {
-    const e = M(), o = w(() => e.user && e.findIdentity("github")), i = w(() => e.user ? o.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
-    return (s, n) => (d(), _(ke, {
+    const e = M(), n = w(() => e.user && e.findIdentity("github")), i = w(() => e.user ? n.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
+    return (s, o) => (d(), _(ke, {
       "base-color": "#2a2a2a",
-      "prepend-icon": `svg:${t(Ye)}`,
+      "prepend-icon": `svg:${t(Xe)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
-      onClick: n[0] || (n[0] = (l) => t(e).login("github"))
-    }, R({
+      onClick: o[0] || (o[0] = (l) => t(e).login("github"))
+    }, H({
       title: r(() => [
         b("span", Uo, C(t(i)), 1)
       ]),
@@ -289,39 +289,39 @@ const ie = W("http", {
       !t(e).user && t(e).lastLoginProvider() === "github" ? {
         name: "subtitle",
         fn: r(() => [
-          Bo
+          zo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), zo = { class: "text-center" }, To = { class: "text-center mb-6" }, Fo = { class: "font-weight-light mb-2" }, jo = /* @__PURE__ */ b("span", { class: "font-weight-bold" }, "Vuetify One", -1), ht = /* @__PURE__ */ $({
+}), To = { class: "text-center" }, Fo = { class: "text-center mb-6" }, jo = { class: "font-weight-light mb-2" }, Mo = /* @__PURE__ */ b("span", { class: "font-weight-bold" }, "Vuetify One", -1), _t = /* @__PURE__ */ $({
   __name: "VoAuthCard",
   setup(c) {
     const e = M();
-    return (o, i) => {
-      const s = vt, n = ft;
+    return (n, i) => {
+      const s = ht, o = vt;
       return d(), _(E, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
         default: r(() => [
-          b("div", zo, [
-            a(Q, {
+          b("div", To, [
+            a(Y, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
             }, null, 8, ["image"])
           ]),
-          b("div", To, [
-            a(vo, { class: "text-h5 mb-1 text-md-h4" }, {
+          b("div", Fo, [
+            a(_o, { class: "text-h5 mb-1 text-md-h4" }, {
               default: r(() => [
-                b("div", Fo, C(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
-                jo
+                b("div", jo, C(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                Mo
               ]),
               _: 1
             }),
-            a(ho, { class: "text-wrap" }, {
+            a(go, { class: "text-wrap" }, {
               default: r(() => [
                 F(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
               ]),
@@ -335,7 +335,7 @@ const ie = W("http", {
           }, {
             default: r(() => [
               a(s, { class: "mb-3" }),
-              a(n)
+              a(o)
             ]),
             _: 1
           })
@@ -344,15 +344,15 @@ const ie = W("http", {
       });
     };
   }
-}), _t = /* @__PURE__ */ $({
+}), gt = /* @__PURE__ */ $({
   __name: "VoAuthDialog",
   setup(c) {
     const e = M();
-    return (o, i) => {
-      const s = ht;
+    return (n, i) => {
+      const s = _t;
       return d(), _(ut, {
         modelValue: t(e).dialog,
-        "onUpdate:modelValue": i[0] || (i[0] = (n) => t(e).dialog = n),
+        "onUpdate:modelValue": i[0] || (i[0] = (o) => t(e).dialog = o),
         "max-width": "480"
       }, {
         default: r(() => [
@@ -362,32 +362,32 @@ const ie = W("http", {
       }, 8, ["modelValue"]);
     };
   }
-}), Fe = W("notifications", () => {
-  const c = ie(), e = z(), o = D([]), i = D([]), s = D(), n = O(!1), l = w(() => o.value.filter((p) => !e.notifications.read.includes(p.slug))), m = w(() => o.value.filter((p) => e.notifications.read.includes(p.slug)));
+}), Me = W("notifications", () => {
+  const c = ie(), e = T(), n = O([]), i = O([]), s = O(), o = B(!1), l = w(() => n.value.filter((p) => !e.notifications.read.includes(p.slug))), m = w(() => n.value.filter((p) => e.notifications.read.includes(p.slug)));
   async function f() {
     try {
-      n.value = !0;
+      o.value = !0;
       const p = await c.get("/one/notifications");
-      o.value = p.notifications;
+      n.value = p.notifications;
     } catch {
     } finally {
-      n.value = !1;
+      o.value = !1;
     }
-    return o.value;
+    return n.value;
   }
   async function u(p) {
     try {
-      n.value = !0;
+      o.value = !0;
       const v = await c.get(`/one/admin/notifications/${p}`);
       return s.value = v.notification, v.notification;
     } catch {
     } finally {
-      n.value = !1;
+      o.value = !1;
     }
   }
   async function h(p) {
     try {
-      n.value = !0;
+      o.value = !0;
       const v = await c.form(
         "/one/admin/notifications",
         p
@@ -395,54 +395,54 @@ const ie = W("http", {
       return s.value = v.notification, v.notification;
     } catch {
     } finally {
-      n.value = !1;
+      o.value = !1;
     }
   }
-  async function V(p, v) {
+  async function k(p, v) {
     try {
-      n.value = !0;
-      const k = await c.form(
+      o.value = !0;
+      const V = await c.form(
         `/one/admin/notifications/${p}`,
         v
       );
-      return s.value = k.notification, k.notification;
+      return s.value = V.notification, V.notification;
     } catch {
     } finally {
-      n.value = !1;
+      o.value = !1;
     }
   }
   async function g() {
   }
   async function y() {
     try {
-      n.value = !0;
+      o.value = !0;
       const p = await c.get("/one/admin/notifications");
       i.value = p.notifications;
     } catch {
     } finally {
-      n.value = !1;
+      o.value = !1;
     }
-    return o.value;
+    return n.value;
   }
   return {
-    isLoading: n,
-    all: o,
+    isLoading: o,
+    all: n,
     aall: i,
     admin: y,
     record: s,
     index: f,
     show: u,
     store: h,
-    update: V,
+    update: k,
     destroy: g,
     read: m,
     unread: l
   };
-}), Mo = /* @__PURE__ */ $({
+}), Po = /* @__PURE__ */ $({
   __name: "VoNotificationsTotalBadge",
   setup(c) {
-    const e = M(), o = Fe(), i = z(), s = w(() => i.notifications.show ? o.unread.length : 0);
-    return (n, l) => (d(), _(Je, {
+    const e = M(), n = Me(), i = T(), s = w(() => i.notifications.show ? n.unread.length : 0);
+    return (o, l) => (d(), _(Ke, {
       color: "error",
       content: t(s),
       dot: !!t(e).user,
@@ -450,7 +450,7 @@ const ie = W("http", {
       "model-value": t(s) > 0
     }, {
       default: r(() => [
-        T(n.$slots, "default")
+        D(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "dot", "model-value"]));
@@ -462,7 +462,7 @@ const ie = W("http", {
   },
   setup(c) {
     const e = c;
-    return (o, i) => (d(), _(q, {
+    return (n, i) => (d(), _(q, {
       class: "text-none font-weight-regular",
       color: "primary",
       size: "small",
@@ -471,46 +471,46 @@ const ie = W("http", {
       }),
       tabindex: e.readonly ? -1 : void 0,
       variant: "flat"
-    }, R({
+    }, H({
       loader: r(() => [
-        o.$slots.loader ? S("", !0) : (d(), _(_o, {
+        n.$slots.loader ? S("", !0) : (d(), _(yo, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
           width: "2"
         })),
-        T(o.$slots, "loader")
+        D(n.$slots, "loader")
       ]),
       _: 2
     }, [
-      o.$slots.prepend ? {
+      n.$slots.prepend ? {
         name: "prepend",
         fn: r(() => [
-          T(o.$slots, "prepend")
+          D(n.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      o.$slots.default ? {
+      n.$slots.default ? {
         name: "default",
         fn: r(() => [
-          T(o.$slots, "default")
+          D(n.$slots, "default")
         ]),
         key: "1"
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), Po = { class: "pa-4 d-flex flex-column ga-4" }, gt = /* @__PURE__ */ $({
+}), Ho = { class: "pa-4 d-flex flex-column ga-4" }, yt = /* @__PURE__ */ $({
   __name: "VoAuthListItem",
   setup(c) {
-    const e = M(), o = z(), i = O(!e.user && !e.isLoading);
-    U(() => e.user, (n) => {
-      i.value = !n;
+    const e = M(), n = T(), i = B(!e.user && !e.isLoading);
+    U(() => e.user, (o) => {
+      i.value = !o;
     });
     function s() {
       e.user && (i.value = !i.value);
     }
-    return (n, l) => {
-      const m = vt, f = ft;
+    return (o, l) => {
+      const m = ht, f = vt;
       return d(), _(E, {
         class: "ma-2",
         rounded: "lg",
@@ -523,29 +523,29 @@ const ie = W("http", {
                 class: "mb-0",
                 link: !!t(e).user,
                 nav: "",
-                "prepend-icon": `svg:${t(e).user && t(o).syncSettings ? t(Dt) : t(Ot)}`,
+                "prepend-icon": `svg:${t(e).user && t(n).syncSettings ? t(Bt) : t(Nt)}`,
                 rounded: "b-0",
                 slim: "",
-                title: t(e).user && t(o).syncSettings ? "Sync is on" : "Sync is paused",
+                title: t(e).user && t(n).syncSettings ? "Sync is on" : "Sync is paused",
                 onClick: s
               }, {
                 append: r(() => [
-                  a(Be, null, {
+                  a(ze, null, {
                     default: r(() => [
-                      t(e).user && (t(i) || !t(o).syncSettings) ? (d(), _(dt, {
+                      t(e).user && (t(i) || !t(n).syncSettings) ? (d(), _(dt, {
                         key: 0,
-                        modelValue: t(o).syncSettings,
-                        "onUpdate:modelValue": l[0] || (l[0] = (u) => t(o).syncSettings = u),
-                        color: t(o).syncSettings ? "success" : void 0,
+                        modelValue: t(n).syncSettings,
+                        "onUpdate:modelValue": l[0] || (l[0] = (u) => t(n).syncSettings = u),
+                        color: t(n).syncSettings ? "success" : void 0,
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: l[1] || (l[1] = qe(() => {
+                        onClick: l[1] || (l[1] = Ze(() => {
                         }, ["stop"]))
                       }, {
                         thumb: r(() => [
-                          a(Q, {
-                            color: t(o).syncSettings ? "success" : void 0
+                          a(Y, {
+                            color: t(n).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
                         _: 1
@@ -564,7 +564,7 @@ const ie = W("http", {
                     color: "transparent"
                   }, {
                     default: r(() => [
-                      b("div", Po, [
+                      b("div", Ho, [
                         a(m, {
                           onClick: l[2] || (l[2] = (u) => i.value = !1)
                         }),
@@ -589,50 +589,50 @@ const ie = W("http", {
 }), J = /* @__PURE__ */ $({
   __name: "VoListItem",
   setup(c) {
-    return (e, o) => (d(), _(ke, { slim: "" }, R({
+    return (e, n) => (d(), _(ke, { slim: "" }, H({
       default: r(() => [
-        T(e.$slots, "default")
+        D(e.$slots, "default")
       ]),
       _: 2
     }, [
       e.$slots.prepend ? {
         name: "prepend",
         fn: r(() => [
-          T(e.$slots, "prepend")
+          D(e.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       e.$slots.title ? {
         name: "title",
         fn: r(() => [
-          T(e.$slots, "title")
+          D(e.$slots, "title")
         ]),
         key: "1"
       } : void 0,
       e.$slots.append ? {
         name: "append",
         fn: r(() => [
-          T(e.$slots, "append")
+          D(e.$slots, "append")
         ]),
         key: "2"
       } : void 0
     ]), 1024));
   }
-}), Ho = /* @__PURE__ */ $({
+}), Ro = /* @__PURE__ */ $({
   __name: "VoAuthLogoutNavItem",
   setup(c) {
-    const e = M(), o = O(!1);
+    const e = M(), n = B(!1);
     async function i() {
-      o.value = !0, await e.logout(), o.value = !1;
+      n.value = !0, await e.logout(), n.value = !1;
     }
-    return (s, n) => {
+    return (s, o) => {
       const l = J;
       return d(), _(l, {
         class: "mb-0",
-        disabled: t(o),
+        disabled: t(n),
         link: "",
-        loading: t(o),
-        "prepend-icon": `svg:${t(Nt)}`,
+        loading: t(n),
+        "prepend-icon": `svg:${t(Ut)}`,
         title: "Logout",
         onClick: i
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
@@ -649,15 +649,15 @@ const ie = W("http", {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), o = ce(), i = O(!1);
-    return (s, n) => (d(), _(ut, {
+    const e = le(c, "modelValue"), n = ce(), i = B(!1);
+    return (s, o) => (d(), _(ut, {
       modelValue: e.value,
-      "onUpdate:modelValue": n[2] || (n[2] = (l) => e.value = l),
+      "onUpdate:modelValue": o[2] || (o[2] = (l) => e.value = l),
       activator: "parent",
-      fullscreen: t(i) || t(o).xs.value,
+      fullscreen: t(i) || t(n).xs.value,
       height: "100%",
-      "max-height": t(i) || t(o).xs.value ? "100%" : 800,
-      "max-width": t(i) || t(o).xs.value ? "100%" : 800
+      "max-height": t(i) || t(n).xs.value ? "100%" : 800,
+      "max-width": t(i) || t(n).xs.value ? "100%" : 800
     }, {
       default: r(({ isActive: l }) => [
         a(E, {
@@ -665,43 +665,43 @@ const ie = W("http", {
           height: "inherit",
           "prepend-icon": s.prependIcon,
           title: s.title
-        }, R({
+        }, H({
           append: r(() => [
-            T(s.$slots, "append"),
-            t(o).xs.value ? S("", !0) : (d(), _(q, {
+            D(s.$slots, "append"),
+            t(n).xs.value ? S("", !0) : (d(), _(q, {
               key: 0,
               class: "me-2",
               density: "comfortable",
-              icon: `svg:${t(i) ? t(Ut) : t(Bt)}`,
+              icon: `svg:${t(i) ? t(zt) : t(Tt)}`,
               size: "small",
               variant: "text",
-              onClick: n[0] || (n[0] = (m) => i.value = !t(i))
+              onClick: o[0] || (o[0] = (m) => i.value = !t(i))
             }, null, 8, ["icon"])),
             a(q, {
               density: "comfortable",
               icon: "$close",
               size: "small",
               variant: "text",
-              onClick: n[1] || (n[1] = (m) => e.value = !e.value)
+              onClick: o[1] || (o[1] = (m) => e.value = !e.value)
             })
           ]),
           default: r(() => [
-            a(Z, { class: "mt-4" }),
-            T(s.$slots, "default")
+            a(G, { class: "mt-4" }),
+            D(s.$slots, "default")
           ]),
           _: 2
         }, [
           s.$slots.prepend ? {
             name: "prepend",
             fn: r(() => [
-              T(s.$slots, "prepend")
+              D(s.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
           s.$slots.actions ? {
             name: "actions",
             fn: r(() => [
-              T(s.$slots, "actions", { isActive: l })
+              D(s.$slots, "actions", { isActive: l })
             ]),
             key: "1"
           } : void 0
@@ -710,19 +710,19 @@ const ie = W("http", {
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), yt = /* @__PURE__ */ $({
+}), bt = /* @__PURE__ */ $({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
   setup(c) {
-    return (e, o) => (d(), _(dt, {
+    return (e, n) => (d(), _(dt, {
       color: "primary",
       density: "compact",
       disabled: e.disabled,
       inset: "",
-      "true-icon": `svg:${t(Oe)}`
-    }, R({
+      "true-icon": `svg:${t(Be)}`
+    }, H({
       thumb: r(() => [
         a(A, {
           color: e.disabled ? void 0 : "primary"
@@ -733,13 +733,13 @@ const ie = W("http", {
       e.$slots.label ? {
         name: "label",
         fn: r(() => [
-          T(e.$slots, "label")
+          D(e.$slots, "label")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), Ro = {
+}), Eo = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
 }, Se = /* @__PURE__ */ $({
@@ -749,8 +749,8 @@ const ie = W("http", {
     text: {}
   },
   setup(c) {
-    return (e, o) => (d(), L(B, null, [
-      e.title ? (d(), _(Re, {
+    return (e, n) => (d(), L(z, null, [
+      e.title ? (d(), _(We, {
         key: 0,
         class: "font-weight-black"
       }, {
@@ -759,17 +759,17 @@ const ie = W("http", {
         ]),
         _: 1
       })) : S("", !0),
-      e.text ? (d(), L("div", Ro, C(e.text), 1)) : S("", !0)
+      e.text ? (d(), L("div", Eo, C(e.text), 1)) : S("", !0)
     ], 64));
   }
-}), Eo = { key: 0 }, qo = /* @__PURE__ */ $({
+}), qo = { key: 0 }, Wo = /* @__PURE__ */ $({
   __name: "VoSettingsPageSuitOption",
   setup(c) {
-    const e = z(), o = [
+    const e = T(), n = [
       {
         title: "Choose a page suit",
         value: "",
-        prependIcon: `svg:${Ft}`,
+        prependIcon: `svg:${Mt}`,
         disabled: !0
       },
       {
@@ -789,9 +789,9 @@ const ie = W("http", {
       }
     ];
     return (i, s) => {
-      const n = yt, l = Se;
-      return d(), L(B, null, [
-        a(n, {
+      const o = bt, l = Se;
+      return d(), L(z, null, [
+        a(o, {
           modelValue: t(e).suits.show,
           "onUpdate:modelValue": s[0] || (s[0] = (m) => t(e).suits.show = m),
           class: "mb-2",
@@ -800,14 +800,14 @@ const ie = W("http", {
         }, null, 8, ["modelValue"]),
         a(me, null, {
           default: r(() => [
-            t(e).suits.show ? (d(), L("div", Eo, [
-              a(bo, {
+            t(e).suits.show ? (d(), L("div", qo, [
+              a(ko, {
                 modelValue: t(e).suits.suit,
                 "onUpdate:modelValue": s[1] || (s[1] = (m) => t(e).suits.suit = m),
                 clearable: "",
                 density: "compact",
                 "item-props": "",
-                items: o,
+                items: n,
                 placeholder: "Choose a page suit",
                 "single-line": "",
                 style: { "max-width": "300px" },
@@ -824,7 +824,7 @@ const ie = W("http", {
                 _: 1
               }, 8, ["modelValue"]),
               a(l, { text: "Select your suit elements to display the background image:" }),
-              a(yo, {
+              a(Vo, {
                 modelValue: t(e).suits.elements,
                 "onUpdate:modelValue": s[2] || (s[2] = (m) => t(e).suits.elements = m),
                 color: "primary",
@@ -833,14 +833,14 @@ const ie = W("http", {
               }, {
                 default: r(() => [
                   a(te, {
-                    "append-icon": `svg:${t(zt)}`,
+                    "append-icon": `svg:${t(Ft)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      a(Z, {
+                      a(G, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -849,14 +849,14 @@ const ie = W("http", {
                     _: 1
                   }, 8, ["append-icon"]),
                   a(te, {
-                    "append-icon": `svg:${t(Tt)}`,
+                    "append-icon": `svg:${t(jt)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      a(Z, {
+                      a(G, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -872,7 +872,7 @@ const ie = W("http", {
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      a(Z, {
+                      a(G, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -892,19 +892,19 @@ const ie = W("http", {
   }
 });
 function ve() {
-  const c = mo();
+  const c = vo();
   return w(
     () => c.query
   );
 }
 const P = W("one", () => {
-  const c = ve(), e = Ue(), o = M(), i = ie(), s = O(!1), n = D(!1), l = D(), m = D([]), f = w(() => c.value.session_id), u = w(() => {
+  const c = ve(), e = Ue(), n = M(), i = ie(), s = B(!1), o = O(!1), l = O(), m = O([]), f = w(() => c.value.session_id), u = w(() => {
     var x;
     return (x = l.value) == null ? void 0 : x.items[0].plan.interval;
   }), h = w(() => {
     var x;
-    return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "stripe" && I.tierName.startsWith("sub_"));
-  }), V = w(() => {
+    return (x = n.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "stripe" && I.tierName.startsWith("sub_"));
+  }), k = w(() => {
     var x;
     return !!((x = h.value) != null && x.tierName);
   }), g = w(() => {
@@ -912,35 +912,35 @@ const P = W("one", () => {
     return (x = h.value) == null ? void 0 : x.isActive;
   }), y = w(() => {
     var x;
-    return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.tierName.startsWith("sub_"));
+    return (x = n.user) == null ? void 0 : x.sponsorships.find((I) => I.tierName.startsWith("sub_"));
   }), p = w(() => {
     var x;
-    return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "github");
+    return (x = n.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "github");
   }), v = w(() => {
     var x;
-    return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "discord");
-  }), k = w(() => {
+    return (x = n.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "discord");
+  }), V = w(() => {
     var x;
-    return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "patreon");
+    return (x = n.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "patreon");
   }), N = w(() => {
     var x;
-    return (x = o.user) == null ? void 0 : x.sponsorships.reduce((I, X) => {
+    return (x = n.user) == null ? void 0 : x.sponsorships.reduce((I, X) => {
       if (!X.isActive || X.interval === "once" || X.platform === "stripe")
         return I;
-      const xt = X.interval === "month" ? X.amount : X.amount / 12;
-      return I + xt / 100;
+      const St = X.interval === "month" ? X.amount : X.amount / 12;
+      return I + St / 100;
     }, 0);
   });
-  We(async () => {
+  Qe(async () => {
     f.value && await j();
-  }), U(n, oe), U(f, (x) => {
+  }), U(o, oe), U(f, (x) => {
     x && j();
   }, { immediate: !0 }), U(c, (x) => {
-    if (x.one !== "subscribe" || o.user)
+    if (x.one !== "subscribe" || n.user)
       return;
-    o.dialog = !0;
-    const I = U(() => o.user, (X) => {
-      X && (o.dialog = !1, I());
+    n.dialog = !0;
+    const I = U(() => n.user, (X) => {
+      X && (n.dialog = !1, I());
     });
   }, { immediate: !0 }), U(g, (x, I) => {
     x === !1 && I !== !0 || he();
@@ -949,7 +949,7 @@ const P = W("one", () => {
     try {
       s.value = !0;
       const x = await i.post("/one/activate", { sessionId: f.value });
-      o.user = x.user;
+      n.user = x.user;
       const I = new URL(window.location.href);
       I.searchParams.delete("session_id"), history.pushState(null, "", I.toString()), ue();
     } catch {
@@ -960,7 +960,7 @@ const P = W("one", () => {
   async function re() {
     window.open(`${i.url}/one/manage`, "_blank");
   }
-  async function G(x) {
+  async function Q(x) {
     s.value = !0, window.location.href = `${i.url}/one/subscribe?interval=${x}`;
   }
   async function Ce() {
@@ -971,7 +971,7 @@ const P = W("one", () => {
         const I = await i.post(
           `/one/cancel?subscriptionId=${(x = h.value) == null ? void 0 : x.tierName}`
         );
-        o.user = I.user;
+        n.user = I.user;
       } catch {
       } finally {
         s.value = !1;
@@ -985,7 +985,7 @@ const P = W("one", () => {
           subscriptionId: h.value.tierName,
           interval: x
         });
-        o.user = I.user;
+        n.user = I.user;
       } catch {
       } finally {
         s.value = !1;
@@ -999,7 +999,7 @@ const P = W("one", () => {
         const I = await i.post(
           `/one/verify?subscriptionId=${(x = h.value) == null ? void 0 : x.tierName}`
         );
-        o.user = I.user;
+        n.user = I.user;
       } catch {
       } finally {
         s.value = !1;
@@ -1030,12 +1030,12 @@ const P = W("one", () => {
     sessionId: f,
     subscription: h,
     monthlyTotal: N,
-    hasBilling: V,
+    hasBilling: k,
     isLoading: s,
-    isOpen: n,
+    isOpen: o,
     isSubscriber: g,
     github: p,
-    patreon: k,
+    patreon: V,
     discord: v,
     one: y,
     activate: j,
@@ -1043,12 +1043,12 @@ const P = W("one", () => {
     manage: re,
     modify: Le,
     resetQuery: oe,
-    subscribe: G,
+    subscribe: Q,
     subscriptionInfo: ue,
     verify: he
   };
 });
-function Wo() {
+function Go() {
   return {
     blackguard: {
       dark: !0,
@@ -1204,8 +1204,8 @@ function Wo() {
     }
   };
 }
-const Ke = W("settings", () => {
-  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = M(), o = z(), i = Xe(), s = Wo(), n = {
+const Pe = W("settings", () => {
+  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = M(), n = T(), i = Te(), s = Go(), o = {
     blackguard: {
       "app-bar": c + "suits/blackguard/blackguard-app-bar.png",
       drawer: c + "suits/blackguard/blackguard-app-drawer.png",
@@ -1222,23 +1222,23 @@ const Ke = W("settings", () => {
       footer: c + "suits/nebula/nebula-app-footer.png"
     }
   }, l = w(() => {
-    if (!o.suits.suit || !o.suits.show || !e.isSubscriber)
+    if (!n.suits.suit || !n.suits.show || !e.isSubscriber)
       return {};
-    const m = n[o.suits.suit.toLowerCase()], f = {};
-    for (const u of o.suits.elements)
+    const m = o[n.suits.suit.toLowerCase()], f = {};
+    for (const u of n.suits.elements)
       f[u] = m[u];
     return f;
   });
   return i.themes.value = {
     ...i.themes.value,
     ...s
-  }, U(() => o.theme, (m) => {
-    m === "system" ? i.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (i.global.name.value = m, o.suits.suit = n[m] ? m : ""), o.theme = m;
+  }, U(() => n.theme, (m) => {
+    m === "system" ? i.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (i.global.name.value = m, n.suits.suit = o[m] ? m : ""), n.theme = m;
   }, { immediate: !0 }), {
     suit: l,
     CDN_URL: c
   };
-}), Go = { class: "ms-5 mb-2" }, Zo = /* @__PURE__ */ $({
+}), Zo = { class: "ms-5 mb-2" }, Qo = /* @__PURE__ */ $({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1246,26 +1246,26 @@ const Ke = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), o = M(), i = P(), s = Ke(), n = z(), l = [
+    const e = le(c, "modelValue"), n = M(), i = P(), s = Pe(), o = T(), l = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
         image: s.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${jt}`,
+        prependIcon: `svg:${Pt}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
         image: s.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${Mt}`,
+        prependIcon: `svg:${Ht}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
         image: s.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${Pt}`,
+        prependIcon: `svg:${Rt}`,
         value: "system"
       },
       {
@@ -1293,7 +1293,7 @@ const Ke = W("settings", () => {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
         image: s.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${Ht}`,
+        prependIcon: `svg:${Et}`,
         value: "highContrast",
         disabled: !0
       }
@@ -1301,11 +1301,11 @@ const Ke = W("settings", () => {
     return U(m, async () => {
       m.value.one === "settings" && (i.isOpen = !0, await pe(), e.value = !0);
     }, { immediate: !0 }), (f, u) => {
-      const h = Se, V = qo, g = yt, y = we;
+      const h = Se, k = Wo, g = bt, y = we;
       return d(), _(y, {
         modelValue: e.value,
         "onUpdate:modelValue": u[6] || (u[6] = (p) => e.value = p),
-        "prepend-icon": `svg:${t(Rt)}`,
+        "prepend-icon": `svg:${t(qt)}`,
         title: "Settings"
       }, {
         default: r(() => [
@@ -1320,26 +1320,26 @@ const Ke = W("settings", () => {
                         title: "Theme"
                       }),
                       a(pt, {
-                        modelValue: t(n).theme,
-                        "onUpdate:modelValue": u[0] || (u[0] = (p) => t(n).theme = p),
+                        modelValue: t(o).theme,
+                        "onUpdate:modelValue": u[0] || (u[0] = (p) => t(o).theme = p),
                         mandatory: ""
                       }, {
                         default: r(() => [
                           a(de, { dense: "" }, {
                             default: r(() => [
-                              (d(), L(B, null, ne(l, (p, v) => a(K, {
+                              (d(), L(z, null, ne(l, (p, v) => a(K, {
                                 key: v,
                                 cols: "12",
                                 md: "6"
                               }, {
                                 default: r(() => [
-                                  a(Ee, {
+                                  a(Ge, {
                                     value: p.value
                                   }, {
-                                    default: r(({ toggle: k, isSelected: N }) => [
-                                      a(Te, null, {
+                                    default: r(({ toggle: V, isSelected: N }) => [
+                                      a(je, null, {
                                         default: r(({ props: j, isHovering: re }) => [
-                                          a(E, H({
+                                          a(E, R({
                                             color: N ? "primary" : "surface-variant",
                                             disabled: p.disabled,
                                             height: "76",
@@ -1349,9 +1349,9 @@ const Ke = W("settings", () => {
                                             subtitle: p.disabled ? "In Development" : p.subtitle,
                                             title: p.title,
                                             variant: "tonal"
-                                          }, j, { onClick: k }), {
+                                          }, j, { onClick: V }), {
                                             image: r(() => [
-                                              a(Y, {
+                                              a(Z, {
                                                 style: ot({
                                                   filter: N || re ? "none" : "grayscale(100%)"
                                                 })
@@ -1374,54 +1374,54 @@ const Ke = W("settings", () => {
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      t(o).isSubscriber ? (d(), L(B, { key: 0 }, [
-                        a(Z, { class: "mt-6 mb-4" }),
-                        a(V)
+                      t(n).isSubscriber ? (d(), L(z, { key: 0 }, [
+                        a(G, { class: "mt-6 mb-4" }),
+                        a(k)
                       ], 64)) : S("", !0)
                     ]),
                     _: 1
                   }),
-                  a(Z),
+                  a(G),
                   a(_e, { class: "px-7" }, {
                     default: r(() => [
                       a(h, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
-                      t(o).isSubscriber ? (d(), _(g, {
+                      t(n).isSubscriber ? (d(), _(g, {
                         key: 0,
-                        modelValue: t(n).disableAds,
-                        "onUpdate:modelValue": u[1] || (u[1] = (p) => t(n).disableAds = p),
+                        modelValue: t(o).disableAds,
+                        "onUpdate:modelValue": u[1] || (u[1] = (p) => t(o).disableAds = p),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
                       }, null, 8, ["modelValue"])) : S("", !0),
                       a(me, null, {
                         default: r(() => [
-                          Ve(b("div", Go, [
+                          Ve(b("div", Zo, [
                             a(g, {
-                              modelValue: t(n).showHouseAds,
-                              "onUpdate:modelValue": u[2] || (u[2] = (p) => t(n).showHouseAds = p),
+                              modelValue: t(o).showHouseAds,
+                              "onUpdate:modelValue": u[2] || (u[2] = (p) => t(o).showHouseAds = p),
                               label: "Show House Ads",
                               messages: "These advertisements are for Vuetify products and services only."
                             }, null, 8, ["modelValue"])
                           ], 512), [
-                            [De, t(n).disableAds]
+                            [De, t(o).disableAds]
                           ])
                         ]),
                         _: 1
                       }),
                       a(g, {
-                        modelValue: t(n).quickbar,
-                        "onUpdate:modelValue": u[3] || (u[3] = (p) => t(n).quickbar = p),
+                        modelValue: t(o).quickbar,
+                        "onUpdate:modelValue": u[3] || (u[3] = (p) => t(o).quickbar = p),
                         label: "Enable Quick Actions",
                         messages: "Quick actions are located on the Vuetify One user menu and provide quick access to common tasks."
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
                   }),
-                  a(Z),
-                  t(o).isSubscriber ? (d(), _(_e, {
+                  a(G),
+                  t(n).isSubscriber ? (d(), _(_e, {
                     key: 0,
                     class: "px-7"
                   }, {
@@ -1431,15 +1431,15 @@ const Ke = W("settings", () => {
                         title: "Communication"
                       }),
                       a(g, {
-                        modelValue: t(n).notifications.show,
-                        "onUpdate:modelValue": u[4] || (u[4] = (p) => t(n).notifications.show = p),
+                        modelValue: t(o).notifications.show,
+                        "onUpdate:modelValue": u[4] || (u[4] = (p) => t(o).notifications.show = p),
                         class: "mb-2",
                         label: "Enable Notifications",
                         messages: "Notifications are short form messages that provide information about new releases, updates, and other important information."
                       }, null, 8, ["modelValue"]),
                       a(g, {
-                        modelValue: t(n).notifications.banners,
-                        "onUpdate:modelValue": u[5] || (u[5] = (p) => t(n).notifications.banners = p),
+                        modelValue: t(o).notifications.banners,
+                        "onUpdate:modelValue": u[5] || (u[5] = (p) => t(o).notifications.banners = p),
                         label: "Enable Banners",
                         messages: "Banners are located at the top of the screen and provide a callout for important information."
                       }, null, 8, ["modelValue"])
@@ -1457,16 +1457,16 @@ const Ke = W("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Qo = /* @__PURE__ */ $({
+}), Yo = /* @__PURE__ */ $({
   __name: "VoSettingsListItem",
   setup(c) {
-    const e = O(!1);
-    return (o, i) => {
-      const s = Zo, n = J;
-      return d(), _(n, {
+    const e = B(!1);
+    return (n, i) => {
+      const s = Qo, o = J;
+      return d(), _(o, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(Et)}`,
+        "prepend-icon": `svg:${t(Wt)}`,
         title: "Settings"
       }, {
         default: r(() => [
@@ -1479,17 +1479,17 @@ const Ke = W("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Yo = { class: "text-caption" }, Jo = /* @__PURE__ */ $({
+}), Jo = { class: "text-caption" }, Xo = /* @__PURE__ */ $({
   __name: "VoSubscriptionInvoices",
   setup(c) {
-    const e = ze(), o = P();
+    const e = Fe(), n = P();
     return (i, s) => {
-      const n = Se;
+      const o = Se;
       return d(), _(de, null, {
         default: r(() => [
           a(K, { cols: "12" }, {
             default: r(() => [
-              a(n, {
+              a(o, {
                 text: "View and download your invoice history.",
                 title: "Invoice History"
               }),
@@ -1499,13 +1499,13 @@ const Ke = W("settings", () => {
                 rounded: "lg"
               }, {
                 default: r(() => [
-                  a(Vo, {
-                    items: t(o).invoices,
-                    loading: t(o).isLoading,
+                  a($o, {
+                    items: t(n).invoices,
+                    loading: t(n).isLoading,
                     sticky: ""
                   }, {
                     "item.date": r(({ item: l }) => [
-                      b("div", Yo, C(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
+                      b("div", Jo, C(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": r(({ item: l }) => [
                       F(" $" + C(l.amount / 100), 1)
@@ -1524,7 +1524,7 @@ const Ke = W("settings", () => {
                     "item.pdf": r(({ item: l }) => [
                       a(q, {
                         href: l.pdf,
-                        icon: `svg:${t(qt)}`,
+                        icon: `svg:${t(Gt)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1543,18 +1543,18 @@ const Ke = W("settings", () => {
       });
     };
   }
-}), Xo = { class: "d-flex align-center" }, Ko = {
+}), Ko = { class: "d-flex align-center" }, en = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, en = /* @__PURE__ */ b("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), tn = { class: "me-1" }, on = { class: "text-medium-emphasis text-caption" }, nn = { class: "d-flex align-start justify-space-between text-caption py-2" }, sn = { class: "font-weight-bold" }, an = { class: "font-weight-bold" }, rn = /* @__PURE__ */ $({
+}, tn = /* @__PURE__ */ b("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), on = { class: "me-1" }, nn = { class: "text-medium-emphasis text-caption" }, sn = { class: "d-flex align-start justify-space-between text-caption py-2" }, an = { class: "font-weight-bold" }, rn = { class: "font-weight-bold" }, ln = /* @__PURE__ */ $({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(c, { emit: e }) {
-    const o = ze(), i = P(), s = e, n = w(() => {
+    const n = Fe(), i = P(), s = e, o = w(() => {
       if (!i.info)
         return;
       const m = new Date(i.info.currentPeriodEnd * 1e3);
-      return o.format(m, "keyboardDate");
+      return n.format(m, "keyboardDate");
     });
     async function l() {
       i.interval && (i.isLoading = !0, i.subscribe(i.interval));
@@ -1565,7 +1565,7 @@ const Ke = W("settings", () => {
         default: r(() => [
           a(K, { cols: "12" }, {
             default: r(() => {
-              var h, V;
+              var h, k;
               return [
                 a(E, {
                   border: "",
@@ -1573,7 +1573,7 @@ const Ke = W("settings", () => {
                   "prepend-icon": "$vuetify",
                   rounded: "lg",
                   title: "Subscription Status"
-                }, R({
+                }, H({
                   append: r(() => {
                     var g;
                     return [
@@ -1590,7 +1590,7 @@ const Ke = W("settings", () => {
                       t(i).hasBilling ? (d(), _(u, {
                         key: 1,
                         loading: t(i).isLoading,
-                        "prepend-icon": `svg:${t(Wt)}`,
+                        "prepend-icon": `svg:${t(Zt)}`,
                         text: "Billing",
                         onClick: t(i).manage
                       }, null, 8, ["loading", "prepend-icon", "onClick"])) : S("", !0)
@@ -1601,13 +1601,13 @@ const Ke = W("settings", () => {
                   t(i).info ? {
                     name: "subtitle",
                     fn: r(() => [
-                      b("div", Xo, [
-                        b("span", Ko, C(t(i).info.status), 1),
-                        t(i).info.items.length ? (d(), L(B, { key: 0 }, [
-                          en,
-                          b("span", tn, [
+                      b("div", Ko, [
+                        b("span", en, C(t(i).info.status), 1),
+                        t(i).info.items.length ? (d(), L(z, { key: 0 }, [
+                          tn,
+                          b("span", on, [
                             F(" $" + C(t(i).info.items[0].plan.amount / 100), 1),
-                            b("span", on, "/" + C(t(i).interval), 1)
+                            b("span", nn, "/" + C(t(i).interval), 1)
                           ]),
                           a(u, {
                             size: "x-small",
@@ -1639,15 +1639,15 @@ const Ke = W("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                b("div", nn, [
+                b("div", sn, [
                   b("div", null, [
-                    ((h = t(i).info) == null ? void 0 : h.status) === "active" ? (d(), L(B, { key: 0 }, [
+                    ((h = t(i).info) == null ? void 0 : h.status) === "active" ? (d(), L(z, { key: 0 }, [
                       F(" Your plan renews on "),
-                      b("span", sn, C(t(o).format(t(n), "fullDateWithWeekday")), 1),
+                      b("span", an, C(t(n).format(t(o), "fullDateWithWeekday")), 1),
                       F(". ")
-                    ], 64)) : (d(), L(B, { key: 1 }, [
+                    ], 64)) : (d(), L(z, { key: 1 }, [
                       F(" Your plan ends on "),
-                      b("span", an, C(t(o).format((V = t(i).info) == null ? void 0 : V.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      b("span", rn, C(t(n).format((k = t(i).info) == null ? void 0 : k.currentPeriodEnd, "fullDateWithWeekday")), 1),
                       F(". ")
                     ], 64))
                   ])
@@ -1661,7 +1661,7 @@ const Ke = W("settings", () => {
       });
     };
   }
-}), ln = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), cn = ["innerHTML"], un = /* @__PURE__ */ b("br", null, null, -1), dn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), pn = ["innerHTML"], mn = /* @__PURE__ */ $({
+}), cn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), un = ["innerHTML"], dn = /* @__PURE__ */ b("br", null, null, -1), pn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), mn = ["innerHTML"], fn = /* @__PURE__ */ $({
   __name: "VoSubscriptionPerks",
   setup(c) {
     const e = [
@@ -1671,23 +1671,23 @@ const Ke = W("settings", () => {
       'Pinned Navigation Items and Rail drawer in <a href="https://vuetifyjs.com/" target="_blank">Documentation</a>',
       "Customize Navigation components with Page Suits",
       "Custom Vuetify One menu avatar"
-    ], o = [
+    ], n = [
       "Early access to Vuetify Studio, a visual editor for Vuetify",
       'Special role in the <a href="https://discord.vuetifyjs.com/" target="_blank">Vuetify Discord</a>',
       "Receive a special label on GitHub created issues and pull requests"
-    ], i = O(!1), s = P();
-    return U(i, async (n) => {
-      n && s.subscriptionInfo();
-    }), (n, l) => {
+    ], i = B(!1), s = P();
+    return U(i, async (o) => {
+      o && s.subscriptionInfo();
+    }), (o, l) => {
       const m = J;
-      return d(), L(B, null, [
-        a(Re, { class: "font-weight-black" }, {
+      return d(), L(z, null, [
+        a(We, { class: "font-weight-black" }, {
           default: r(() => [
             F("Perks")
           ]),
           _: 1
         }),
-        ln,
+        cn,
         a(ae, {
           class: "py-0",
           density: "compact",
@@ -1695,10 +1695,10 @@ const Ke = W("settings", () => {
           nav: ""
         }, {
           default: r(() => [
-            (d(), L(B, null, ne(e, (f, u) => a(m, {
+            (d(), L(z, null, ne(e, (f, u) => a(m, {
               key: u,
               class: "mb-0",
-              "prepend-icon": `svg:${t(Oe)}`
+              "prepend-icon": `svg:${t(Be)}`
             }, {
               prepend: r(() => [
                 a(A, {
@@ -1708,21 +1708,21 @@ const Ke = W("settings", () => {
                 })
               ]),
               title: r(() => [
-                b("div", { innerHTML: f }, null, 8, cn)
+                b("div", { innerHTML: f }, null, 8, un)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        un,
-        a(Re, { class: "font-weight-black" }, {
+        dn,
+        a(We, { class: "font-weight-black" }, {
           default: r(() => [
             F("Up Next")
           ]),
           _: 1
         }),
-        dn,
+        pn,
         a(ae, {
           class: "py-0",
           density: "compact",
@@ -1730,10 +1730,10 @@ const Ke = W("settings", () => {
           nav: ""
         }, {
           default: r(() => [
-            (d(), L(B, null, ne(o, (f, u) => a(m, {
+            (d(), L(z, null, ne(n, (f, u) => a(m, {
               key: u,
               class: "mb-0",
-              "prepend-icon": `svg:${t(Gt)}`
+              "prepend-icon": `svg:${t(Qt)}`
             }, {
               prepend: r(() => [
                 a(A, {
@@ -1742,7 +1742,7 @@ const Ke = W("settings", () => {
                 })
               ]),
               title: r(() => [
-                b("div", { innerHTML: f }, null, 8, pn)
+                b("div", { innerHTML: f }, null, 8, mn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1752,7 +1752,7 @@ const Ke = W("settings", () => {
       ], 64);
     };
   }
-}), fn = /* @__PURE__ */ $({
+}), vn = /* @__PURE__ */ $({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1762,14 +1762,14 @@ const Ke = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = O(!1), o = le(c, "modelValue"), i = P();
+    const e = B(!1), n = le(c, "modelValue"), i = P();
     return U(e, async (s) => {
       s && i.subscriptionInfo();
     }), U(() => i.interval, (s) => {
-      o.value = s;
-    }, { immediate: !0 }), (s, n) => (d(), _(pt, {
-      modelValue: o.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (l) => o.value = l),
+      n.value = s;
+    }, { immediate: !0 }), (s, o) => (d(), _(pt, {
+      modelValue: n.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (l) => n.value = l),
       mandatory: ""
     }, {
       default: r(() => [
@@ -1780,7 +1780,7 @@ const Ke = W("settings", () => {
               md: "6"
             }, {
               default: r(() => [
-                a(Ee, { value: "month" }, {
+                a(Ge, { value: "month" }, {
                   default: r(({ toggle: l, isSelected: m }) => [
                     a(E, {
                       border: m ? "sm primary opacity-100" : "sm",
@@ -1808,7 +1808,7 @@ const Ke = W("settings", () => {
               md: "6"
             }, {
               default: r(() => [
-                a(Ee, { value: "year" }, {
+                a(Ge, { value: "year" }, {
                   default: r(({ toggle: l, isSelected: m }) => [
                     a(E, {
                       border: m ? "sm primary opacity-100" : "sm",
@@ -1847,7 +1847,7 @@ const Ke = W("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), vn = { class: "px-3" }, hn = /* @__PURE__ */ b("br", null, null, -1), _n = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, gn = /* @__PURE__ */ $({
+}), hn = { class: "px-3" }, _n = /* @__PURE__ */ b("br", null, null, -1), gn = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, yn = /* @__PURE__ */ $({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1858,38 +1858,38 @@ const Ke = W("settings", () => {
     function e(u) {
       return new Promise((h) => setTimeout(h, u));
     }
-    const o = le(c, "modelValue"), i = P(), s = ve(), n = O(i.interval), l = O(i.hasBilling ? "status" : "subscribe"), m = O(!1);
-    U(n, (u) => {
+    const n = le(c, "modelValue"), i = P(), s = ve(), o = B(i.interval), l = B(i.hasBilling ? "status" : "subscribe"), m = B(!1);
+    U(o, (u) => {
       !i.isSubscriber || !i.interval || (m.value = u !== i.interval);
-    }), U(o, async (u) => {
+    }), U(n, async (u) => {
       if (!u || !i.isSubscriber) {
         u || i.resetQuery();
         return;
       }
       i.subscriptionInfo();
     }), U(s, async () => {
-      !i.sessionId && !["subscribe", "status"].includes(s.value.one) || (l.value = i.sessionId || s.value.one === "status" ? "status" : "subscribe", i.isOpen = !0, await pe(), o.value = !0);
+      !i.sessionId && !["subscribe", "status"].includes(s.value.one) || (l.value = i.sessionId || s.value.one === "status" ? "status" : "subscribe", i.isOpen = !0, await pe(), n.value = !0);
     }, { immediate: !0 });
     async function f() {
-      await i.modify(n.value), await i.subscriptionInfo(), m.value = null, await e(3e3), l.value = "status", await e(300), m.value = !1;
+      await i.modify(o.value), await i.subscriptionInfo(), m.value = null, await e(3e3), l.value = "status", await e(300), m.value = !1;
     }
     return (u, h) => {
-      const V = Se, g = fn, y = mn, p = rn, v = Jo, k = fe, N = we;
+      const k = Se, g = vn, y = fn, p = ln, v = Xo, V = fe, N = we;
       return d(), _(N, {
-        modelValue: o.value,
-        "onUpdate:modelValue": h[4] || (h[4] = (j) => o.value = j),
-        "prepend-icon": `svg:${t(Zt)}`,
+        modelValue: n.value,
+        "onUpdate:modelValue": h[4] || (h[4] = (j) => n.value = j),
+        "prepend-icon": `svg:${t(Yt)}`,
         title: "Subscriptions"
-      }, R({
+      }, H({
         default: r(() => [
           a($e, null, {
             default: r(() => [
               a(xe, { scrollable: "" }, {
                 default: r(() => [
-                  b("div", vn, [
+                  b("div", hn, [
                     a(_e, null, {
                       default: r(() => [
-                        a(V, {
+                        a(k, {
                           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"
                         }),
@@ -1898,10 +1898,10 @@ const Ke = W("settings", () => {
                             a(ge, { value: "subscribe" }, {
                               default: r(() => [
                                 a(g, {
-                                  modelValue: t(n),
-                                  "onUpdate:modelValue": h[0] || (h[0] = (j) => se(n) ? n.value = j : null)
+                                  modelValue: t(o),
+                                  "onUpdate:modelValue": h[0] || (h[0] = (j) => se(o) ? o.value = j : null)
                                 }, null, 8, ["modelValue"]),
-                                hn,
+                                _n,
                                 a(y)
                               ]),
                               _: 1
@@ -1934,34 +1934,34 @@ const Ke = W("settings", () => {
         t(l) === "subscribe" ? {
           name: "actions",
           fn: r(() => [
-            b("div", _n, [
-              t(m) !== !1 ? (d(), _(k, {
+            b("div", gn, [
+              t(m) !== !1 ? (d(), _(V, {
                 key: 0,
                 block: "",
                 color: "success",
                 loading: t(i).isLoading,
-                "prepend-icon": `svg:${t(m) !== null ? t(Qt) : t(Ae)}`,
+                "prepend-icon": `svg:${t(m) !== null ? t(Jt) : t(Ae)}`,
                 readonly: t(m) === null,
                 size: "default",
                 text: t(m) !== null ? "Modify Subscription" : "Success",
                 onClick: f
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(i).isSubscriber ? (d(), _(k, {
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(i).isSubscriber ? (d(), _(V, {
                 key: 2,
                 block: "",
-                "prepend-icon": `svg:${t(Yt)}`,
+                "prepend-icon": `svg:${t(Xt)}`,
                 size: "default",
                 text: "Manage Subscription",
                 onClick: h[3] || (h[3] = (j) => l.value = "status")
-              }, null, 8, ["prepend-icon"])) : (d(), _(k, {
+              }, null, 8, ["prepend-icon"])) : (d(), _(V, {
                 key: 1,
                 block: "",
-                color: t(n) ? "primary" : "disabled",
-                disabled: !t(n),
+                color: t(o) ? "primary" : "disabled",
+                disabled: !t(o),
                 loading: t(i).isLoading,
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
-                onClick: h[2] || (h[2] = (j) => t(i).subscribe(t(n)))
+                onClick: h[2] || (h[2] = (j) => t(i).subscribe(t(o)))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -1970,16 +1970,16 @@ const Ke = W("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), yn = /* @__PURE__ */ $({
+}), bn = /* @__PURE__ */ $({
   __name: "VoSubscriptionListItem",
   setup(c) {
-    const e = O(!1);
-    return (o, i) => {
-      const s = gn, n = J;
-      return d(), _(n, {
+    const e = B(!1);
+    return (n, i) => {
+      const s = yn, o = J;
+      return d(), _(o, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(Jt)}`,
+        "prepend-icon": `svg:${t(Kt)}`,
         title: "Subscriptions"
       }, {
         default: r(() => [
@@ -1992,10 +1992,10 @@ const Ke = W("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), bn = {
+}), Vn = {
   key: 0,
   class: "text-success"
-}, je = /* @__PURE__ */ $({
+}, He = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItem",
   props: {
     title: {},
@@ -2007,23 +2007,23 @@ const Ke = W("settings", () => {
     sponsorship: {}
   },
   setup(c) {
-    const e = c, o = Ke(), i = w(() => {
-      var n, l;
-      return `$${parseFloat(String((((n = e.sponsorship) == null ? void 0 : n.amount) ?? 0) / 100)).toFixed(2)} /${(l = e.sponsorship) == null ? void 0 : l.interval}`;
+    const e = c, n = Pe(), i = w(() => {
+      var o, l;
+      return `$${parseFloat(String((((o = e.sponsorship) == null ? void 0 : o.amount) ?? 0) / 100)).toFixed(2)} /${(l = e.sponsorship) == null ? void 0 : l.interval}`;
     });
-    return (s, n) => {
+    return (s, o) => {
       var m, f;
       const l = fe;
-      return d(), _(ko, {
+      return d(), _(xo, {
         "dot-color": (m = s.sponsorship) != null && m.isActive ? "success" : "transparent",
-        icon: (f = s.sponsorship) != null && f.isActive ? `svg:${t(Oe)}` : void 0,
+        icon: (f = s.sponsorship) != null && f.isActive ? `svg:${t(Be)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
         default: r(() => [
           a(E, {
             border: "",
-            "prepend-avatar": `${t(o).CDN_URL}logos/${s.logo}.png`,
+            "prepend-avatar": `${t(n).CDN_URL}logos/${s.logo}.png`,
             rounded: "lg",
             title: s.title,
             variant: "text"
@@ -2031,19 +2031,19 @@ const Ke = W("settings", () => {
             subtitle: r(() => {
               var u;
               return [
-                (u = s.sponsorship) != null && u.isActive ? (d(), L("div", bn, [
+                (u = s.sponsorship) != null && u.isActive ? (d(), L("div", Vn, [
                   a(A, {
-                    icon: `svg:${t(Xt)}`,
+                    icon: `svg:${t(eo)}`,
                     size: "x-small"
                   }, null, 8, ["icon"]),
                   F(" " + C(t(i)), 1)
-                ])) : (d(), L(B, { key: 1 }, [
+                ])) : (d(), L(z, { key: 1 }, [
                   F(C(s.text), 1)
                 ], 64))
               ];
             }),
             append: r(() => {
-              var u, h, V, g, y, p;
+              var u, h, k, g, y, p;
               return [
                 s.disabled ? (d(), _(l, {
                   key: 1,
@@ -2055,7 +2055,7 @@ const Ke = W("settings", () => {
                   active: !1,
                   color: (u = s.sponsorship) != null && u.isActive ? "success" : "primary",
                   href: (h = s.sponsorship) != null && h.isActive || s.to ? void 0 : s.href,
-                  "prepend-icon": `svg:${(V = s.sponsorship) != null && V.isActive ? t(Ae) : t(Ne)}`,
+                  "prepend-icon": `svg:${(k = s.sponsorship) != null && k.isActive ? t(Ae) : t(Ne)}`,
                   readonly: (g = s.sponsorship) == null ? void 0 : g.isActive,
                   target: (y = s.sponsorship) != null && y.isActive || s.to ? void 0 : "_blank",
                   text: (p = s.sponsorship) != null && p.isActive ? "Active" : "Info",
@@ -2071,11 +2071,11 @@ const Ke = W("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), Vn = /* @__PURE__ */ $({
+}), kn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemPatreon",
   setup(c) {
-    return (e, o) => {
-      const i = je;
+    return (e, n) => {
+      const i = He;
       return d(), _(i, {
         disabled: "",
         logo: "patreon",
@@ -2084,12 +2084,12 @@ const Ke = W("settings", () => {
       });
     };
   }
-}), kn = /* @__PURE__ */ $({
+}), $n = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(c) {
     const e = P();
-    return (o, i) => {
-      const s = je;
+    return (n, i) => {
+      const s = He;
       return d(), _(s, {
         href: "https://discord.com/servers/vuetify-340160225338195969",
         logo: "discord",
@@ -2099,12 +2099,12 @@ const Ke = W("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), $n = /* @__PURE__ */ $({
+}), xn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(c) {
     const e = P();
-    return (o, i) => {
-      const s = je;
+    return (n, i) => {
+      const s = He;
       return d(), _(s, {
         href: "https://github.com/sponsors/johnleider",
         logo: "github",
@@ -2114,12 +2114,12 @@ const Ke = W("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), xn = /* @__PURE__ */ $({
+}), wn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(c) {
     const e = P();
-    return (o, i) => {
-      const s = je;
+    return (n, i) => {
+      const s = He;
       return d(), _(s, {
         logo: "one",
         sponsorship: t(e).one,
@@ -2129,12 +2129,12 @@ const Ke = W("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), wn = /* @__PURE__ */ $({
+}), Sn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimeline",
   setup(c) {
-    return (e, o) => {
-      const i = xn, s = $n, n = kn, l = Vn;
-      return d(), _($o, {
+    return (e, n) => {
+      const i = wn, s = xn, o = $n, l = kn;
+      return d(), _(wo, {
         class: "justify-start ms-n7",
         "line-inset": "12",
         side: "end",
@@ -2144,14 +2144,14 @@ const Ke = W("settings", () => {
         default: r(() => [
           a(i),
           a(s),
-          a(n),
+          a(o),
           a(l)
         ]),
         _: 1
       });
     };
   }
-}), Sn = { class: "px-3 pb-5 d-flex flex-column h-100" }, Cn = { class: "font-weight-black" }, Ln = { class: "text-caption text-medium-emphasis" }, In = /* @__PURE__ */ $({
+}), Cn = { class: "px-3 pb-5 d-flex flex-column h-100" }, Ln = { class: "font-weight-black" }, In = { class: "text-caption text-medium-emphasis" }, An = /* @__PURE__ */ $({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2159,15 +2159,15 @@ const Ke = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), o = ve(), i = M(), s = P();
-    return U(o, async () => {
-      o.value.one === "sponsorships" && (s.isOpen = !0, await pe(), e.value = !0);
-    }, { immediate: !0 }), (n, l) => {
-      const m = Se, f = wn, u = Ge("v-empty-state"), h = we;
+    const e = le(c, "modelValue"), n = ve(), i = M(), s = P();
+    return U(n, async () => {
+      n.value.one === "sponsorships" && (s.isOpen = !0, await pe(), e.value = !0);
+    }, { immediate: !0 }), (o, l) => {
+      const m = Se, f = Sn, u = Oe("v-empty-state"), h = we;
       return d(), _(h, {
         modelValue: e.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (V) => e.value = V),
-        "prepend-icon": `svg:${t(Kt)}`,
+        "onUpdate:modelValue": l[0] || (l[0] = (k) => e.value = k),
+        "prepend-icon": `svg:${t(to)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
@@ -2175,7 +2175,7 @@ const Ke = W("settings", () => {
             default: r(() => [
               a(xe, { scrollable: "" }, {
                 default: r(() => [
-                  b("div", Sn, [
+                  b("div", Cn, [
                     a(_e, { class: "flex-0-0 mb-16 mb-sm-4" }, {
                       default: r(() => [
                         a(m, {
@@ -2199,10 +2199,10 @@ const Ke = W("settings", () => {
                       ]),
                       title: r(() => [
                         F(" One Status: "),
-                        b("span", Cn, C(t(i).isSubscriber ? "Active" : "Inactive"), 1)
+                        b("span", Ln, C(t(i).isSubscriber ? "Active" : "Inactive"), 1)
                       ]),
                       text: r(() => [
-                        b("div", Ln, C(t(i).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
+                        b("div", In, C(t(i).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
                       ]),
                       _: 1
                     })
@@ -2218,16 +2218,16 @@ const Ke = W("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), An = /* @__PURE__ */ $({
+}), Dn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsListItem",
   setup(c) {
-    const e = O(!1);
-    return (o, i) => {
-      const s = In, n = J;
-      return d(), _(n, {
+    const e = B(!1);
+    return (n, i) => {
+      const s = An, o = J;
+      return d(), _(o, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(eo)}`,
+        "prepend-icon": `svg:${t(oo)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
@@ -2240,7 +2240,7 @@ const Ke = W("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Dn = /* @__PURE__ */ b("h2", { class: "text-h4" }, " Configuration Tooling ", -1), On = /* @__PURE__ */ b("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), Nn = { class: "text-uppercase text-info" }, Un = { class: "text-h6 mb-2" }, Bn = { class: "text-caption" }, zn = /* @__PURE__ */ b("div", null, " Become a subscriber and be the first to gain access to the Vuetify Studio Alpha when it releases in April 2024. ", -1), Tn = /* @__PURE__ */ $({
+}), On = /* @__PURE__ */ b("h2", { class: "text-h4" }, " Configuration Tooling ", -1), Bn = /* @__PURE__ */ b("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), Nn = { class: "text-uppercase text-info" }, Un = { class: "text-h6 mb-2" }, zn = { class: "text-caption" }, Tn = /* @__PURE__ */ b("div", null, " Become a subscriber and be the first to gain access to the Vuetify Studio Alpha when it releases in April 2024. ", -1), Fn = /* @__PURE__ */ $({
   __name: "VoStudioDialog",
   props: /* @__PURE__ */ nt({
     prependIcon: {}
@@ -2250,7 +2250,7 @@ const Ke = W("settings", () => {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), o = ve(), i = Ue(), s = M(), n = P(), { smAndUp: l } = ce(), m = [
+    const e = le(c, "modelValue"), n = ve(), i = Ue(), s = M(), o = P(), { smAndUp: l } = ce(), m = [
       {
         title: "Customize",
         subtitle: "Customize your Vuetify theme, components, and more with the Vuetify Studio.",
@@ -2270,14 +2270,14 @@ const Ke = W("settings", () => {
         image: "https://cdn.vuetifyjs.com/docs/images/one/studio/export.png"
       }
     ];
-    U(o, async () => {
-      o.value.one === "studio" && (n.isOpen = !0, await pe(), e.value = !0);
+    U(n, async () => {
+      n.value.one === "studio" && (o.isOpen = !0, await pe(), e.value = !0);
     }, { immediate: !0 });
     function f() {
       e.value = !1, i.push({ query: { one: "subscribe" } });
     }
     return (u, h) => {
-      const V = fe, g = we;
+      const k = fe, g = we;
       return d(), _(g, {
         modelValue: e.value,
         "onUpdate:modelValue": h[0] || (h[0] = (y) => e.value = y),
@@ -2289,7 +2289,7 @@ const Ke = W("settings", () => {
             default: r(() => [
               a(xe, { scrollable: "" }, {
                 default: r(() => [
-                  a(Y, {
+                  a(Z, {
                     "content-class": "d-flex align-center justify-center flex-column",
                     cover: "",
                     gradient: "to top right, rgba(var(--v-theme-primary),.8), rgba(0,0,0,.9)",
@@ -2311,15 +2311,15 @@ const Ke = W("settings", () => {
                             icon: u.prependIcon,
                             size: "80"
                           }, null, 8, ["icon"]),
-                          Dn,
-                          On
+                          On,
+                          Bn
                         ]),
                         _: 1
                       })
                     ]),
                     _: 1
                   }),
-                  (d(), L(B, null, ne(m, (y, p) => a(ye, {
+                  (d(), L(z, null, ne(m, (y, p) => a(ye, {
                     key: p,
                     class: "py-8",
                     color: p % 2 === 0 ? "surface-light" : "surface-variant"
@@ -2339,7 +2339,7 @@ const Ke = W("settings", () => {
                                 default: r(() => [
                                   b("strong", Nn, C(y.title), 1),
                                   b("p", Un, C(y.subtitle), 1),
-                                  b("p", Bn, C(y.text), 1)
+                                  b("p", zn, C(y.text), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["order"]),
@@ -2350,7 +2350,7 @@ const Ke = W("settings", () => {
                                 sm: "4"
                               }, {
                                 default: r(() => [
-                                  a(Y, {
+                                  a(Z, {
                                     cover: "",
                                     height: t(l) ? 180 : void 0,
                                     rounded: "lg",
@@ -2379,17 +2379,17 @@ const Ke = W("settings", () => {
                             default: r(() => [
                               a(K, { cols: "6" }, {
                                 default: r(() => [
-                                  a(Q, {
+                                  a(Y, {
                                     image: "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
                                     size: "64"
                                   }),
-                                  zn
+                                  Tn
                                 ]),
                                 _: 1
                               }),
                               a(K, { cols: "12" }, {
                                 default: r(() => [
-                                  a(V, {
+                                  a(k, {
                                     "prepend-icon": "$vuetify",
                                     size: "x-large",
                                     text: "Subscribe Today",
@@ -2418,21 +2418,21 @@ const Ke = W("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Fn = /* @__PURE__ */ $({
+}), jn = /* @__PURE__ */ $({
   __name: "VoStudioNavItem",
   setup(c) {
-    const e = O(!1), o = [
+    const e = B(!1), n = [
       ["M12.435 14.3194L12 21L6.87046 12.2799L12.435 14.3194Z", 1],
       ["M22 4L12.435 14.3194L6.87046 12.2799L9.26479 7.61064L12.435 14.3194L12 21L22 4Z", 0.5],
       ["M12.435 14.3194L22 4L9.26479 7.61064L12.435 14.3194Z", 1],
       ["M2 4L6.87046 12.2799L9.26479 7.61064L2 4Z", 1]
     ];
     return (i, s) => {
-      const n = Tn, l = J;
+      const o = Fn, l = J;
       return d(), _(l, {
         active: t(e),
         link: "",
-        "prepend-icon": o,
+        "prepend-icon": n,
         title: "Vuetify Studio"
       }, {
         append: r(() => [
@@ -2447,45 +2447,45 @@ const Ke = W("settings", () => {
           })
         ]),
         default: r(() => [
-          a(n, {
+          a(o, {
             modelValue: t(e),
             "onUpdate:modelValue": s[0] || (s[0] = (m) => se(e) ? e.value = m : null),
-            "prepend-icon": o
+            "prepend-icon": n
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active"]);
     };
   }
-}), jn = {
+}), Mn = {
   key: 0,
   class: "pt-16"
-}, Mn = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Pn = {
+}, Pn = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Hn = {
   key: 1,
   class: "pa-5"
-}, Hn = { class: "text-subtitle-1 font-weight-bold" }, Rn = { class: "text-caption font-weight-bold text-medium-emphasis" }, En = { class: "text-disabled text-caption mt-2 mb-3" }, qn = /* @__PURE__ */ $({
+}, Rn = { class: "text-subtitle-1 font-weight-bold" }, En = { class: "text-caption font-weight-bold text-medium-emphasis" }, qn = { class: "text-disabled text-caption mt-2 mb-3" }, Wn = /* @__PURE__ */ $({
   __name: "VoNotificationsBannerList",
   props: {
     items: {}
   },
   setup(c) {
-    const e = ze(), o = ce(), i = z();
+    const e = Fe(), n = ce(), i = T();
     function s(l) {
       return i.notifications.last.banner.includes(l);
     }
-    function n(l) {
+    function o(l) {
       s(l.slug) ? i.notifications.last.banner = i.notifications.last.banner.filter((m) => m !== l.slug) : i.notifications.last.banner.push(l.slug);
     }
     return (l, m) => {
-      const f = Ge("v-empty-state");
+      const f = Oe("v-empty-state");
       return d(), _(ae, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: r(() => [
-          l.items.length ? (d(), L("div", Pn, [
-            (d(!0), L(B, null, ne(l.items, (u) => {
+          l.items.length ? (d(), L("div", Hn, [
+            (d(!0), L(z, null, ne(l.items, (u) => {
               var h;
               return d(), L("div", {
                 key: u.slug,
@@ -2499,21 +2499,21 @@ const Ke = W("settings", () => {
                   title: u.title
                 }, {
                   prepend: r(() => {
-                    var V;
+                    var k;
                     return [
-                      a(Q, {
-                        image: (V = u.metadata.images.logo) == null ? void 0 : V.url
+                      a(Y, {
+                        image: (k = u.metadata.images.logo) == null ? void 0 : k.url
                       }, null, 8, ["image"])
                     ];
                   }),
                   image: r(() => [
-                    a(Y, { position: "right" })
+                    a(Z, { position: "right" })
                   ]),
                   _: 2
                 }, 1032, ["color", "image", "title"]),
-                a(Te, null, {
-                  default: r(({ props: V, isHovering: g }) => [
-                    a(ye, H(V, {
+                a(je, null, {
+                  default: r(({ props: k, isHovering: g }) => [
+                    a(ye, R(k, {
                       border: "",
                       class: "px-8 pt-2 pb-4 position-relative",
                       rounded: "b"
@@ -2524,17 +2524,17 @@ const Ke = W("settings", () => {
                           text: s(u.slug) ? "Mark as unread" : "Mark as read"
                         }, {
                           activator: r(({ props: y }) => [
-                            a(Be, { "hide-on-leave": "" }, {
+                            a(ze, { "hide-on-leave": "" }, {
                               default: r(() => [
-                                Ve(a(q, H(y, {
+                                Ve(a(q, R(y, {
                                   class: "ms-auto float-right",
                                   icon: `svg:${s(u.slug) ? t(lt) : t(rt)}`,
                                   "mdi-email-variant": "",
                                   size: "small",
                                   variant: "text",
-                                  onClick: (p) => n(u)
+                                  onClick: (p) => o(u)
                                 }), null, 16, ["icon", "onClick"]), [
-                                  [De, g || t(o).mobile.value]
+                                  [De, g || t(n).mobile.value]
                                 ])
                               ]),
                               _: 2
@@ -2542,10 +2542,10 @@ const Ke = W("settings", () => {
                           ]),
                           _: 2
                         }, 1032, ["text"]),
-                        b("div", Hn, C(u.metadata.text), 1),
-                        b("div", Rn, C(t(e).format(u.created_at, "fullDateWithWeekday")), 1),
-                        b("div", En, C(u.metadata.subtext), 1),
-                        a(te, H({
+                        b("div", Rn, C(u.metadata.text), 1),
+                        b("div", En, C(t(e).format(u.created_at, "fullDateWithWeekday")), 1),
+                        b("div", qn, C(u.metadata.subtext), 1),
+                        a(te, R({
                           href: u.metadata.link.startsWith("http") ? u.metadata.link : void 0,
                           target: u.metadata.link.startsWith("http") ? "_blank" : void 0,
                           to: u.metadata.link.startsWith("http") ? void 0 : u.metadata.link
@@ -2570,7 +2570,7 @@ const Ke = W("settings", () => {
                 }, 1024)
               ]);
             }), 128))
-          ])) : (d(), L("div", jn, [
+          ])) : (d(), L("div", Mn, [
             a(f, {
               icon: "$vuetify",
               size: "256"
@@ -2579,7 +2579,7 @@ const Ke = W("settings", () => {
                 a(A, { color: "medium-emphasis" })
               ]),
               title: r(() => [
-                Mn
+                Pn
               ]),
               _: 1
             })
@@ -2589,14 +2589,14 @@ const Ke = W("settings", () => {
       });
     };
   }
-}), Wn = { class: "ps-3 text-subtitle-2 pe-2" }, Gn = { class: "text-truncate" }, Zn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Qn = { class: "text-disabled text-caption my-2" }, Yn = /* @__PURE__ */ $({
+}), Gn = { class: "ps-3 text-subtitle-2 pe-2" }, Zn = { class: "text-truncate" }, Qn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Yn = { class: "text-disabled text-caption my-2" }, Jn = /* @__PURE__ */ $({
   __name: "VoNotificationsListItem",
   props: {
     demo: { type: Boolean },
     notification: {}
   },
   setup(c) {
-    const e = c, o = z(), i = ze(), s = ce(), n = w(() => {
+    const e = c, n = T(), i = Fe(), s = ce(), o = w(() => {
       const f = e.notification.metadata ?? { action: "" };
       return {
         href: f.action.startsWith("http") ? f.action : void 0,
@@ -2604,26 +2604,26 @@ const Ke = W("settings", () => {
         to: f.action.startsWith("http") ? void 0 : f.action,
         ...e.notification.metadata.attributes,
         onClick() {
-          e.demo || o.notifications.read.includes(e.notification.slug) || o.notifications.read.push(e.notification.slug);
+          e.demo || n.notifications.read.includes(e.notification.slug) || n.notifications.read.push(e.notification.slug);
         }
       };
     });
     function l(f) {
-      return o.notifications.read.includes(f);
+      return n.notifications.read.includes(f);
     }
     function m(f) {
-      e.demo || (l(f.slug) ? o.notifications.read = o.notifications.read.filter((u) => u !== f.slug) : o.notifications.read.push(f.slug));
+      e.demo || (l(f.slug) ? n.notifications.read = n.notifications.read.filter((u) => u !== f.slug) : n.notifications.read.push(f.slug));
     }
     return (f, u) => {
       const h = J;
-      return d(), _(Te, null, {
-        default: r(({ isHovering: V, props: g }) => [
-          a(h, H(g, { class: "py-4 mb-0" }), {
+      return d(), _(je, null, {
+        default: r(({ isHovering: k, props: g }) => [
+          a(h, R(g, { class: "py-4 mb-0" }), {
             prepend: r(() => [
-              b("div", Wn, C(f.notification.metadata.emoji), 1)
+              b("div", Gn, C(f.notification.metadata.emoji), 1)
             ]),
             append: r(() => [
-              a(xo, {
+              a(So, {
                 class: "mt-n3",
                 width: "56"
               }, {
@@ -2633,9 +2633,9 @@ const Ke = W("settings", () => {
                     text: l(f.notification.slug) ? "Mark as unread" : "Mark as read"
                   }, {
                     activator: r(({ props: y }) => [
-                      a(Be, { "hide-on-leave": "" }, {
+                      a(ze, { "hide-on-leave": "" }, {
                         default: r(() => [
-                          Ve(a(q, H(y, {
+                          Ve(a(q, R(y, {
                             class: "ms-auto",
                             icon: `svg:${l(f.notification.slug) ? t(lt) : t(rt)}`,
                             "mdi-email-variant": "",
@@ -2643,7 +2643,7 @@ const Ke = W("settings", () => {
                             variant: "text",
                             onClick: u[0] || (u[0] = (p) => m(f.notification))
                           }), null, 16, ["icon"]), [
-                            [De, V || t(s).mobile.value]
+                            [De, k || t(s).mobile.value]
                           ])
                         ]),
                         _: 2
@@ -2658,15 +2658,15 @@ const Ke = W("settings", () => {
             default: r(() => [
               a(ct, { class: "text-wrap text-h6 mb-1" }, {
                 default: r(() => [
-                  b("div", Gn, C(f.notification.title), 1)
+                  b("div", Zn, C(f.notification.title), 1)
                 ]),
                 _: 1
               }),
-              b("div", Zn, C(t(i).format(f.notification.created_at, "fullDateWithWeekday")), 1),
-              b("div", Qn, C(f.notification.metadata.text), 1),
-              a(te, H({
+              b("div", Qn, C(t(i).format(f.notification.created_at, "fullDateWithWeekday")), 1),
+              b("div", Yn, C(f.notification.metadata.text), 1),
+              a(te, R({
                 "append-icon": `svg:${t(Ne)}`
-              }, t(n), {
+              }, t(o), {
                 border: "",
                 label: "",
                 size: "small",
@@ -2686,29 +2686,29 @@ const Ke = W("settings", () => {
       });
     };
   }
-}), Jn = {
+}), Xn = {
   key: 0,
   class: "pt-16"
-}, Xn = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Kn = /* @__PURE__ */ $({
+}, Kn = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), es = /* @__PURE__ */ $({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(c) {
-    return (e, o) => {
-      const i = Ge("v-empty-state"), s = Yn;
+    return (e, n) => {
+      const i = Oe("v-empty-state"), s = Jn;
       return d(), _(ae, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: r(() => [
-          e.items.length ? (d(!0), L(B, { key: 1 }, ne(e.items, (n, l) => (d(), L(B, {
-            key: n.slug
+          e.items.length ? (d(!0), L(z, { key: 1 }, ne(e.items, (o, l) => (d(), L(z, {
+            key: o.slug
           }, [
-            l !== 0 ? (d(), _(Z, { key: 0 })) : S("", !0),
-            a(s, { notification: n }, null, 8, ["notification"])
-          ], 64))), 128)) : (d(), L("div", Jn, [
+            l !== 0 ? (d(), _(G, { key: 0 })) : S("", !0),
+            a(s, { notification: o }, null, 8, ["notification"])
+          ], 64))), 128)) : (d(), L("div", Xn, [
             a(i, {
               icon: "$vuetify",
               size: "256"
@@ -2717,7 +2717,7 @@ const Ke = W("settings", () => {
                 a(A, { color: "medium-emphasis" })
               ]),
               title: r(() => [
-                Xn
+                Kn
               ]),
               _: 1
             })
@@ -2727,32 +2727,32 @@ const Ke = W("settings", () => {
       });
     };
   }
-}), bt = W("site", () => {
-  const c = D([]), e = D();
+}), Vt = W("site", () => {
+  const c = O([]), e = O();
   return {
     id: c,
     url: e
   };
-}), Me = W("banners", () => {
-  const c = ie(), e = bt(), o = z(), i = D([]), s = D([]), n = D(), l = O(!1), m = w(() => {
-    if (n.value)
-      return n.value;
+}), Re = W("banners", () => {
+  const c = ie(), e = Vt(), n = T(), i = O([]), s = O([]), o = O(), l = B(!1), m = w(() => {
+    if (o.value)
+      return o.value;
     if (f.value)
       return f.value;
-    if (o.notifications.banners)
+    if (n.notifications.banners)
       return i.value.find(({
         slug: v,
         metadata: {
-          site: k,
+          site: V,
           active: N
         }
-      }) => !N || o.notifications.last.banner.includes(v) ? !1 : k.includes("dev") && !1 || k.includes("*") ? !0 : k.some((j) => e.id.includes(j)));
+      }) => !N || n.notifications.last.banner.includes(v) ? !1 : V.includes("dev") && !1 || V.includes("*") ? !0 : V.some((j) => e.id.includes(j)));
   }), f = w(() => i.value.find(({
     metadata: {
       site: v,
-      active: k
+      active: V
     }
-  }) => k ? v.includes("server") : !1));
+  }) => V ? v.includes("server") : !1));
   async function u() {
     try {
       l.value = !0;
@@ -2767,34 +2767,34 @@ const Ke = W("settings", () => {
   async function h(v) {
     try {
       l.value = !0;
-      const k = await c.get(`/one/admin/banners/${v}`);
-      return n.value = k.banner, k.banner;
+      const V = await c.get(`/one/admin/banners/${v}`);
+      return o.value = V.banner, V.banner;
     } catch {
     } finally {
       l.value = !1;
     }
   }
-  async function V(v) {
+  async function k(v) {
     try {
       l.value = !0;
-      const k = await c.form(
+      const V = await c.form(
         "/one/admin/banners",
         v
       );
-      return n.value = k.banner, k.banner;
+      return o.value = V.banner, V.banner;
     } catch {
     } finally {
       l.value = !1;
     }
   }
-  async function g(v, k) {
+  async function g(v, V) {
     try {
       l.value = !0;
       const N = await c.form(
         `/one/admin/banners/${v}`,
-        k
+        V
       );
-      return n.value = N.banner, N.banner;
+      return o.value = N.banner, N.banner;
     } catch {
     } finally {
       l.value = !1;
@@ -2819,15 +2819,15 @@ const Ke = W("settings", () => {
     isLoading: l,
     server: f,
     banner: m,
-    record: n,
+    record: o,
     admin: p,
     destroy: y,
     index: u,
     show: h,
-    store: V,
+    store: k,
     update: g
   };
-}), es = { class: "text-caption" }, ts = { class: "text-caption" }, os = /* @__PURE__ */ $({
+}), ts = { class: "text-caption" }, os = { class: "text-caption" }, ns = /* @__PURE__ */ $({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2835,25 +2835,25 @@ const Ke = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = ce(), o = ve(), i = Me(), s = Fe(), n = P(), l = z(), m = O(["read"]), f = le(c, "modelValue");
-    return U(o, async () => {
-      if (o.value.one !== "notifications") {
+    const e = ce(), n = ve(), i = Re(), s = Me(), o = P(), l = T(), m = B(["read"]), f = le(c, "modelValue");
+    return U(n, async () => {
+      if (n.value.one !== "notifications") {
         f.value && (f.value = !1);
         return;
       }
-      n.isOpen = !0, await pe(), f.value = !0;
+      o.isOpen = !0, await pe(), f.value = !0;
     }, { immediate: !0 }), (u, h) => {
-      const V = J, g = Kn, y = qn, p = we;
+      const k = J, g = es, y = Wn, p = we;
       return d(), _(p, {
         modelValue: f.value,
         "onUpdate:modelValue": h[2] || (h[2] = (v) => f.value = v),
-        "prepend-icon": `svg:${t(to)}`,
+        "prepend-icon": `svg:${t(no)}`,
         title: "Notifications"
       }, {
         default: r(() => [
           a($e, null, {
             default: r(() => [
-              a(wo, {
+              a(Co, {
                 location: t(e).mobile.value ? "top" : "start",
                 permanent: "",
                 width: t(e).mobile.value ? 128 : 168
@@ -2868,40 +2868,40 @@ const Ke = W("settings", () => {
                     nav: ""
                   }, {
                     default: r(() => [
-                      a(V, {
-                        "prepend-icon": `svg:${t(oo)}`,
+                      a(k, {
+                        "prepend-icon": `svg:${t(so)}`,
                         title: "Unread",
                         value: "read"
-                      }, R({ _: 2 }, [
+                      }, H({ _: 2 }, [
                         t(s).unread.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            b("span", es, C(t(s).unread.length), 1)
+                            b("span", ts, C(t(s).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      a(V, {
-                        "prepend-icon": `svg:${t(no)}`,
+                      a(k, {
+                        "prepend-icon": `svg:${t(ao)}`,
                         title: "Read",
                         value: "unread"
-                      }, R({ _: 2 }, [
+                      }, H({ _: 2 }, [
                         t(s).read.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            b("span", ts, C(t(s).read.length), 1)
+                            b("span", os, C(t(s).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      t(i).all.length > 0 && t(l).notifications.banners ? (d(), _(V, {
+                      t(i).all.length > 0 && t(l).notifications.banners ? (d(), _(k, {
                         key: 0,
-                        "prepend-icon": `svg:${t(so)}`,
+                        "prepend-icon": `svg:${t(io)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
                         append: r(() => [
-                          a(Je, {
+                          a(Ke, {
                             dot: "",
                             "offset-y": "-3"
                           })
@@ -2959,36 +2959,36 @@ const Ke = W("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), ns = /* @__PURE__ */ $({
+}), ss = /* @__PURE__ */ $({
   __name: "VoNotificationsBadge",
   setup(c) {
-    const e = Fe(), o = z();
-    return (i, s) => (d(), _(Je, {
+    const e = Me(), n = T();
+    return (i, s) => (d(), _(Ke, {
       color: "error",
       content: t(e).unread.length,
-      "model-value": t(o).notifications.show && t(e).unread.length > 0
+      "model-value": t(n).notifications.show && t(e).unread.length > 0
     }, {
       default: r(() => [
-        T(i.$slots, "default")
+        D(i.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), ss = /* @__PURE__ */ $({
+}), as = /* @__PURE__ */ $({
   __name: "VoNotificationsNavItem",
   setup(c) {
-    const e = Me(), o = z(), i = Fe(), s = O(!1);
-    return We(async () => {
+    const e = Re(), n = T(), i = Me(), s = B(!1);
+    return Qe(async () => {
       i.index(), e.index();
-    }), (n, l) => {
-      const m = ns, f = os, u = J;
-      return t(o).notifications.show ? (d(), _(u, {
+    }), (o, l) => {
+      const m = ss, f = ns, u = J;
+      return t(n).notifications.show ? (d(), _(u, {
         key: 0,
         active: t(s),
         link: "",
-        "prepend-icon": `svg:${t(ao)}`,
+        "prepend-icon": `svg:${t(ro)}`,
         title: "Notifications"
-      }, R({
+      }, H({
         default: r(() => [
           a(f, {
             modelValue: t(s),
@@ -3012,31 +3012,31 @@ const Ke = W("settings", () => {
       ]), 1032, ["active", "prepend-icon"])) : S("", !0);
     };
   }
-}), as = /* @__PURE__ */ $({
+}), is = /* @__PURE__ */ $({
   __name: "VoDashboardNavItem",
   setup(c) {
     const e = P();
-    function o() {
+    function n() {
       setTimeout(() => {
         e.isOpen = !1;
       }, 100);
     }
     return (i, s) => {
-      const n = J;
-      return d(), _(n, {
-        "prepend-icon": `svg:${t(io)}`,
+      const o = J;
+      return d(), _(o, {
+        "prepend-icon": `svg:${t(lo)}`,
         title: "Dashboard",
         to: "/user/dashboard",
-        onClick: o
+        onClick: n
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), is = /* @__PURE__ */ $({
+}), rs = /* @__PURE__ */ $({
   __name: "VoUserList",
   setup(c) {
     const e = M();
-    return (o, i) => {
-      const s = as, n = ss, l = Fn, m = An, f = yn, u = Qo, h = Ho;
+    return (n, i) => {
+      const s = is, o = as, l = jn, m = Dn, f = bn, u = Yo, h = Ro;
       return d(), _(ae, {
         density: "compact",
         nav: "",
@@ -3044,7 +3044,7 @@ const Ke = W("settings", () => {
       }, {
         default: r(() => [
           a(s),
-          a(n),
+          a(o),
           a(l),
           a(m),
           t(e).user ? (d(), _(f, { key: 0 })) : S("", !0),
@@ -3055,10 +3055,10 @@ const Ke = W("settings", () => {
       });
     };
   }
-}), rs = { key: 0 }, ls = { class: "d-flex align-center justify-center pa-1 ga-2" }, cs = /* @__PURE__ */ $({
+}), ls = { key: 0 }, cs = { class: "d-flex align-center justify-center pa-1 ga-2" }, us = /* @__PURE__ */ $({
   __name: "VoUserQuickActions",
   setup(c) {
-    const e = z(), o = [
+    const e = T(), n = [
       ["M18.9112 5.03206L3.68692 8.88953C3.68692 8.88953 2.00252 6.21666 2 6.21428C2.02517 6.20794 18.6159 2.00476 18.6394 2L18.8944 4.8489L18.9095 5.01937L18.9112 5.03285V5.03206Z", 0.6],
       ["M19.4556 10.9994C19.4556 10.9994 7.06082 14.1417 7.05915 14.1386L5.3739 11.4641C5.41836 11.453 18.4582 8.14817 18.4993 8.13945L19.1838 7.9658L19.4556 10.9994Z", 1],
       "M20 17.0652C19.9916 17.0675 14.6826 18.4123 14.6742 18.4147C14.6994 17.3633 14.3353 16.3579 13.712 15.5563L19.7274 14.0331L20 17.066V17.0652Z",
@@ -3068,10 +3068,10 @@ const Ke = W("settings", () => {
       "M8.63152 12.7367L8.50057 12.5L6 8H11.263L8.63152 12.7367Z",
       ["M9.11205 13.6004L11 17L16 8H12.223L9.11205 13.6004Z", 0.6]
     ];
-    return (s, n) => (d(), _(me, null, {
+    return (s, o) => (d(), _(me, null, {
       default: r(() => [
-        t(e).quickbar ? (d(), L("div", rs, [
-          b("div", ls, [
+        t(e).quickbar ? (d(), L("div", ls, [
+          b("div", cs, [
             a(q, {
               class: "text-caption",
               color: t(e).colors.one,
@@ -3095,7 +3095,7 @@ const Ke = W("settings", () => {
               color: t(e).colors.one,
               density: "comfortable",
               href: "https://bin.vuetifyjs.com",
-              icon: o,
+              icon: n,
               target: "_blank"
             }, {
               default: r(() => [
@@ -3132,10 +3132,10 @@ const Ke = W("settings", () => {
       _: 1
     }));
   }
-}), us = { class: "mb-2" }, ds = { key: 0 }, ps = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, ms = { class: "text-h6" }, fs = /* @__PURE__ */ $({
+}), ds = { class: "mb-2" }, ps = { key: 0 }, ms = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, fs = { class: "text-h6" }, vs = /* @__PURE__ */ $({
   __name: "VoUserAvatar",
   setup(c) {
-    const e = M(), o = P(), i = z(), s = O(!1), n = w(() => {
+    const e = M(), n = P(), i = T(), s = B(!1), o = w(() => {
       const f = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/dark.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackguard.png",
@@ -3152,7 +3152,7 @@ const Ke = W("settings", () => {
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackhole.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/meteor.png"
       ];
-      return o.isSubscriber && f.unshift("https://cdn.vuetifyjs.com/docs/images/avatars/one.png"), e.user && f.unshift(e.user.picture), f;
+      return n.isSubscriber && f.unshift("https://cdn.vuetifyjs.com/docs/images/avatars/one.png"), e.user && f.unshift(e.user.picture), f;
     });
     function l(f) {
       i.avatar = f;
@@ -3163,8 +3163,8 @@ const Ke = W("settings", () => {
     return (f, u) => {
       var h;
       return d(), L("div", null, [
-        Ve((d(), _(Q, {
-          class: Ct([
+        Ve((d(), _(Y, {
+          class: It([
             "border-md border-opacity-100 border-surface-variant",
             {
               "cursor-pointer": t(e).isSubscriber
@@ -3173,10 +3173,10 @@ const Ke = W("settings", () => {
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: qe(m, ["prevent", "stop"])
+          onClick: Ze(m, ["prevent", "stop"])
         }, {
           default: r(() => [
-            t(e).user && t(i).avatar ? (d(), _(Y, {
+            t(e).user && t(i).avatar ? (d(), _(Z, {
               key: 0,
               alt: "User avatar",
               src: t(i).avatar
@@ -3189,30 +3189,30 @@ const Ke = W("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [So, t(e).isSubscriber]
+          [Lo, t(e).isSubscriber]
         ]),
-        b("div", us, [
+        b("div", ds, [
           a(me, null, {
             default: r(() => [
-              t(s) ? (d(), L("div", ds, [
+              t(s) ? (d(), L("div", ps, [
                 a(E, {
                   class: "pt-6 pb-1",
                   flat: "",
                   rounded: "0"
                 }, {
                   default: r(() => [
-                    b("div", ps, [
-                      (d(!0), L(B, null, ne(t(n), (V, g) => (d(), _(q, {
+                    b("div", ms, [
+                      (d(!0), L(z, null, ne(t(o), (k, g) => (d(), _(q, {
                         key: g,
-                        active: t(i).avatar === V,
+                        active: t(i).avatar === k,
                         icon: "",
                         variant: "flat",
-                        onClick: (y) => l(V)
+                        onClick: (y) => l(k)
                       }, {
                         default: r(() => [
-                          a(Q, {
+                          a(Y, {
                             eager: "",
-                            image: V
+                            image: k
                           }, null, 8, ["image"])
                         ]),
                         _: 2
@@ -3226,18 +3226,18 @@ const Ke = W("settings", () => {
             _: 1
           })
         ]),
-        b("div", ms, C(((h = t(e).user) == null ? void 0 : h.name) ?? "Guest"), 1)
+        b("div", fs, C(((h = t(e).user) == null ? void 0 : h.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), vs = /* @__PURE__ */ $({
+}), hs = /* @__PURE__ */ $({
   __name: "VoUserBadges",
   setup(c) {
-    const e = M(), o = P(), i = w(() => {
+    const e = M(), n = P(), i = w(() => {
       var s;
-      return o.github || o.discord || o.isSubscriber || ((s = e.user) == null ? void 0 : s.isAdmin);
+      return n.github || n.discord || n.isSubscriber || ((s = e.user) == null ? void 0 : s.isAdmin);
     });
-    return (s, n) => t(i) ? (d(), _(ye, {
+    return (s, o) => t(i) ? (d(), _(ye, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
       color: "rgba(0,0,0,.54)",
@@ -3253,48 +3253,48 @@ const Ke = W("settings", () => {
             text: "Vuetify Administrator"
           }, {
             activator: r(({ props: m }) => [
-              a(A, H({
+              a(A, R({
                 color: "blue",
                 icon: "$vuetify"
               }, m, { size: "16" }), null, 16)
             ]),
             _: 1
           })) : S("", !0),
-          t(o).isSubscriber ? (d(), _(ee, {
+          t(n).isSubscriber ? (d(), _(ee, {
             key: 1,
             location: "bottom",
             text: "Vuetify One Subscriber"
           }, {
             activator: r(({ props: m }) => [
-              a(A, H({
+              a(A, R({
                 color: "amber-darken-2",
-                icon: `svg:${t(ro)}`
+                icon: `svg:${t(co)}`
               }, m, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : S("", !0),
-          t(o).github ? (d(), _(ee, {
+          t(n).github ? (d(), _(ee, {
             key: 2,
             location: "bottom",
             text: "GitHub Sponsor"
           }, {
             activator: r(({ props: m }) => [
-              a(A, H({
+              a(A, R({
                 color: "white",
-                icon: `svg:${t(Ye)}`
+                icon: `svg:${t(Xe)}`
               }, m, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : S("", !0),
-          t(o).discord ? (d(), _(ee, {
+          t(n).discord ? (d(), _(ee, {
             key: 3,
             location: "bottom",
             text: "Discord Subscriber"
           }, {
             activator: r(({ props: m }) => [
-              a(A, H({
+              a(A, R({
                 color: "white",
-                icon: `svg:${t(Qe)}`
+                icon: `svg:${t(Je)}`
               }, m, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
@@ -3304,21 +3304,21 @@ const Ke = W("settings", () => {
       _: 1
     })) : S("", !0);
   }
-}), hs = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, _s = {
+}), _s = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, gs = {
   key: "reset",
   class: "align-self-end"
-}, gs = /* @__PURE__ */ $({
+}, ys = /* @__PURE__ */ $({
   __name: "VoUserColors",
   setup(c) {
-    const e = M(), o = z(), i = O(!1);
+    const e = M(), n = T(), i = B(!1);
     function s() {
-      o.colors.one = "surface-light";
+      n.colors.one = "surface-light";
     }
-    return (n, l) => {
-      const m = vs, f = fe;
-      return d(), L(B, null, [
-        a(Y, {
-          color: t(e).user ? t(o).colors.one : "surface-light",
+    return (o, l) => {
+      const m = hs, f = fe;
+      return d(), L(z, null, [
+        a(Z, {
+          color: t(e).user ? t(n).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           cover: "",
           flat: "",
@@ -3326,17 +3326,17 @@ const Ke = W("settings", () => {
           rounded: "0"
         }, {
           default: r(() => [
-            b("div", hs, [
+            b("div", _s, [
               a(m),
-              a(go, null, {
+              a(bo, null, {
                 default: r(() => [
-                  Ve(b("div", _s, [
+                  Ve(b("div", gs, [
                     a(f, {
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
-                      disabled: t(o).colors.one === "surface-light",
-                      icon: `svg:${t(lo)}`,
+                      disabled: t(n).colors.one === "surface-light",
+                      icon: `svg:${t(uo)}`,
                       title: "Revert to Default",
                       variant: "text",
                       onClick: s
@@ -3353,13 +3353,13 @@ const Ke = W("settings", () => {
                 class: "align-self-end",
                 color: "inherit",
                 density: "comfortable",
-                icon: t(i) ? `svg:${t(Oe)}` : "$edit",
+                icon: t(i) ? `svg:${t(Be)}` : "$edit",
                 title: "Edit One Header Color",
                 variant: t(i) ? "text" : "plain",
                 onClick: l[0] || (l[0] = (u) => i.value = !t(i))
               }, {
                 default: r(() => [
-                  a(Be, { "leave-absolute": "" }, {
+                  a(ze, { "leave-absolute": "" }, {
                     default: r(() => [
                       (d(), _(A, {
                         key: String(t(i))
@@ -3376,19 +3376,19 @@ const Ke = W("settings", () => {
         }, 8, ["color"]),
         a(me, null, {
           default: r(() => [
-            t(i) ? (d(), _(Co, {
+            t(i) ? (d(), _(Io, {
               key: 0,
               elevation: "0",
               height: "250",
               "hide-canvas": "",
               "hide-inputs": "",
               "hide-sliders": "",
-              "model-value": t(o).colors.one !== "surface-light" ? t(o).colors.one : void 0,
+              "model-value": t(n).colors.one !== "surface-light" ? t(n).colors.one : void 0,
               rounded: "0",
               "show-swatches": "",
               "swatches-max-height": "200",
               width: "278",
-              "onUpdate:modelValue": l[1] || (l[1] = (u) => t(o).colors.one = u)
+              "onUpdate:modelValue": l[1] || (l[1] = (u) => t(n).colors.one = u)
             }, null, 8, ["model-value"])) : S("", !0)
           ]),
           _: 1
@@ -3396,20 +3396,20 @@ const Ke = W("settings", () => {
       ], 64);
     };
   }
-}), ys = { class: "text-center mt-n9 mb-4" }, bs = /* @__PURE__ */ $({
+}), bs = { class: "text-center mt-n9 mb-4" }, Vs = /* @__PURE__ */ $({
   __name: "VoUserMenu",
   setup(c) {
-    const e = Me(), o = P(), i = D();
+    const e = Re(), n = P(), i = O();
     return U(() => e.banner, async () => {
-      var s, n;
-      await new Promise((l) => setTimeout(l, 300)), o.isOpen && ((n = (s = i.value) == null ? void 0 : s.updateLocation) == null || n.call(s));
-    }, { flush: "pre" }), (s, n) => {
-      const l = gs, m = fs, f = cs, u = is, h = gt;
-      return d(), _(t(Lo), {
+      var s, o;
+      await new Promise((l) => setTimeout(l, 300)), n.isOpen && ((o = (s = i.value) == null ? void 0 : s.updateLocation) == null || o.call(s));
+    }, { flush: "pre" }), (s, o) => {
+      const l = ys, m = vs, f = us, u = rs, h = yt;
+      return d(), _(t(Ao), {
         ref_key: "menu",
         ref: i,
-        modelValue: t(o).isOpen,
-        "onUpdate:modelValue": n[0] || (n[0] = (V) => t(o).isOpen = V),
+        modelValue: t(n).isOpen,
+        "onUpdate:modelValue": o[0] || (o[0] = (k) => t(n).isOpen = k),
         activator: "parent",
         "close-on-click": !1,
         "close-on-content-click": !1,
@@ -3424,13 +3424,13 @@ const Ke = W("settings", () => {
           }, {
             default: r(() => [
               a(l),
-              b("div", ys, [
+              b("div", bs, [
                 a(m),
                 a(f)
               ]),
-              a(Z),
+              a(G),
               a(u),
-              a(Z),
+              a(G),
               a(h)
             ]),
             _: 1
@@ -3440,26 +3440,26 @@ const Ke = W("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Vs = { key: 0 }, ks = /* @__PURE__ */ $({
+}), ks = { key: 0 }, kt = /* @__PURE__ */ $({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(c) {
-    const e = M(), o = P(), i = z(), { lgAndUp: s } = ce(), n = w(() => o.isOpen || !e.user ? i.colors.one === "surface-light" ? "primary" : i.colors.one : "surface-light");
+    const e = M(), n = P(), i = T(), { lgAndUp: s } = ce(), o = w(() => n.isOpen || !e.user ? i.colors.one === "surface-light" ? "primary" : i.colors.one : "surface-light");
     return (l, m) => {
-      const f = bs, u = fe, h = Mo, V = _t;
-      return d(), L(B, null, [
+      const f = Vs, u = fe, h = Po, k = gt;
+      return d(), L(z, null, [
         a(h, {
           "offset-y": t(e).user ? 5 : 0
         }, {
           default: r(() => [
-            a(u, H({
-              [`${t(s) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(co)}`
+            a(u, R({
+              [`${t(s) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(po)}`
             }, {
               active: "",
               class: "vo-auth-btn",
-              color: t(n),
+              color: t(o),
               icon: t(e).user || t(e).isLoading,
               loading: t(e).isLoading,
               size: "default",
@@ -3467,8 +3467,8 @@ const Ke = W("settings", () => {
               variant: t(e).user ? "outlined" : "flat"
             }), {
               default: r(() => [
-                t(e).user ? S("", !0) : (d(), L("span", Vs, "Login")),
-                t(e).user ? (d(), _(Q, {
+                t(e).user ? S("", !0) : (d(), L("span", ks, "Login")),
+                t(e).user ? (d(), _(Y, {
                   key: 1,
                   image: t(i).avatar || t(e).user.picture || ""
                 }, null, 8, ["image"])) : S("", !0),
@@ -3479,49 +3479,108 @@ const Ke = W("settings", () => {
           ]),
           _: 1
         }, 8, ["offset-y"]),
-        a(V)
+        a(k)
       ], 64);
     };
   }
-}), $s = {
+}), $s = /* @__PURE__ */ $({
+  __name: "VoAppBar",
+  props: {
+    logo: {}
+  },
+  setup(c) {
+    const e = c, n = Te(), i = Pe(), s = w(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${e.logo}-logo-${n.current.value.dark ? "dark" : "light"}.png`);
+    return (o, l) => {
+      const m = Oe("router-link"), f = kt;
+      return d(), _(ft, {
+        image: t(i).suit["app-bar"]
+      }, H({
+        prepend: r(() => [
+          a(m, {
+            class: "ps-2",
+            to: "/"
+          }, {
+            default: r(() => [
+              a(Z, {
+                src: t(s),
+                width: "128"
+              }, null, 8, ["src"])
+            ]),
+            _: 1
+          }),
+          D(o.$slots, "prepend")
+        ]),
+        append: r(() => [
+          D(o.$slots, "append"),
+          o.$slots.append ? (d(), _(G, {
+            key: 0,
+            class: "mx-4 align-self-center h-100",
+            length: "20",
+            vertical: ""
+          })) : S("", !0),
+          a(f)
+        ]),
+        default: r(() => [
+          D(o.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        o.$slots.title ? {
+          name: "title",
+          fn: r(() => [
+            D(o.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
+        o.$slots.extension ? {
+          name: "extension",
+          fn: r(() => [
+            D(o.$slots, "extension")
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["image"]);
+    };
+  }
+}), xs = {
   key: 0,
   class: "v-footer__image"
-}, xs = /* @__PURE__ */ $({
+}, ws = /* @__PURE__ */ $({
   __name: "VoFooter",
   props: {
     image: {}
   },
   setup(c) {
-    return (e, o) => (d(), _(Io, {
+    return (e, n) => (d(), _(Do, {
       class: "vo-footer",
       height: "40"
     }, {
       default: r(() => [
-        e.image || e.$slots.image ? (d(), L("div", $s, [
-          e.$slots.image ? T(e.$slots, "image", { key: 0 }, void 0, !0) : (d(), _(Y, {
+        e.image || e.$slots.image ? (d(), L("div", xs, [
+          e.$slots.image ? D(e.$slots, "image", { key: 0 }, void 0, !0) : (d(), _(Z, {
             key: 1,
             cover: "",
             position: "left",
             src: e.image
           }, null, 8, ["src"]))
         ])) : S("", !0),
-        T(e.$slots, "default", {}, void 0, !0)
+        D(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }));
   }
-}), Vt = (c, e) => {
-  const o = c.__vccOpts || c;
+}), $t = (c, e) => {
+  const n = c.__vccOpts || c;
   for (const [i, s] of e)
-    o[i] = s;
-  return o;
-}, kt = /* @__PURE__ */ Vt(xs, [["__scopeId", "data-v-3135ada5"]]), ws = (c) => (Lt("data-v-584be7b0"), c = c(), It(), c), Ss = ["href", "title"], Cs = {
+    n[i] = s;
+  return n;
+}, xt = /* @__PURE__ */ $t(ws, [["__scopeId", "data-v-3135ada5"]]), Ss = (c) => (At("data-v-584be7b0"), c = c(), Dt(), c), Cs = ["href", "title"], Ls = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Ls = /* @__PURE__ */ ws(() => /* @__PURE__ */ b("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Is = /* @__PURE__ */ $({
+}, Is = /* @__PURE__ */ Ss(() => /* @__PURE__ */ b("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), As = /* @__PURE__ */ $({
   __name: "VoSocialFooter",
   setup(c) {
-    const e = Ke(), o = [
+    const e = Pe(), n = [
       {
         title: "Vuetify Documentation",
         icon: "$vuetify",
@@ -3529,7 +3588,7 @@ const Ke = W("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${uo}`,
+        icon: `svg:${mo}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -3539,29 +3598,29 @@ const Ke = W("settings", () => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${Ye}`,
+        icon: `svg:${Xe}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${Qe}`,
+        icon: `svg:${Je}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${po}`,
+        icon: `svg:${fo}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
     return (i, s) => {
-      const n = kt;
-      return d(), _(n, {
+      const o = xt;
+      return d(), _(o, {
         class: "vo-footer",
         height: "40",
         image: t(e).suit.footer
-      }, R({
+      }, H({
         default: r(() => [
-          (d(), L(B, null, ne(o, (l) => b("a", {
+          (d(), L(z, null, ne(n, (l) => b("a", {
             key: l.title,
             class: "d-inline-block mx-2 social-link",
             href: l.href,
@@ -3573,10 +3632,10 @@ const Ke = W("settings", () => {
               icon: l.icon,
               size: l.icon === "$vuetify" ? 24 : 16
             }, null, 8, ["icon", "size"])
-          ], 8, Ss)), 64)),
-          b("div", Cs, [
+          ], 8, Cs)), 64)),
+          b("div", Ls, [
             F(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-            Ls
+            Is
           ])
         ]),
         _: 2
@@ -3584,20 +3643,20 @@ const Ke = W("settings", () => {
         i.$slots.image ? {
           name: "image",
           fn: r(() => [
-            T(i.$slots, "image", {}, void 0, !0)
+            D(i.$slots, "image", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["image"]);
     };
   }
-}), As = /* @__PURE__ */ Vt(Is, [["__scopeId", "data-v-584be7b0"]]), Ds = /* @__PURE__ */ $({
+}), Ds = /* @__PURE__ */ $t(As, [["__scopeId", "data-v-584be7b0"]]), Os = /* @__PURE__ */ $({
   __name: "VoNotificationsBanner",
   props: {
     demo: { type: Boolean }
   },
   setup(c) {
-    const e = c, { mdAndUp: o } = ce(), i = Ue(), s = z(), n = Me(), l = w(() => n.banner), m = w(() => {
+    const e = c, { mdAndUp: n } = ce(), i = Ue(), s = T(), o = Re(), l = w(() => o.banner), m = w(() => {
       var g, y;
       return ((g = l.value) == null ? void 0 : g.metadata.height) || ((y = l.value) != null && y.metadata.subtext ? 88 : 48);
     }), f = w(() => e.demo ? !0 : !l.value || !s.notifications.last.banner.includes(l.value.slug));
@@ -3616,7 +3675,7 @@ const Ke = W("settings", () => {
       const p = y.link.split("?one=")[1];
       i.push({ query: { one: p } });
     }
-    const V = w(() => {
+    const k = w(() => {
       var y, p;
       const g = ((y = l.value) == null ? void 0 : y.metadata) ?? { link: "" };
       return {
@@ -3629,7 +3688,7 @@ const Ke = W("settings", () => {
     });
     return (g, y) => {
       var p;
-      return t(l) ? (d(), _(Ao, {
+      return t(l) ? (d(), _(ft, {
         key: 0,
         color: t(l).metadata.color,
         flat: "",
@@ -3640,14 +3699,14 @@ const Ke = W("settings", () => {
         order: "-1"
       }, {
         default: r(() => [
-          a(ke, H(t(V), {
+          a(ke, R(t(k), {
             active: !1,
             class: "flex-grow-1 py-6",
             lines: "two",
             onClick: h
           }), {
             prepend: r(() => [
-              t(l).metadata.images.logo ? (d(), _(Q, {
+              t(l).metadata.images.logo ? (d(), _(Y, {
                 key: 0,
                 icon: "$vuetify",
                 image: t(l).metadata.images.logo.url,
@@ -3656,11 +3715,11 @@ const Ke = W("settings", () => {
               }, null, 8, ["image"])) : S("", !0)
             ]),
             append: r(() => [
-              t(o) && t(l).metadata.link && t(l).metadata.link_text ? (d(), _(Te, { key: 0 }, {
-                default: r(({ isHovering: v, props: k }) => [
-                  a(q, H({
-                    ...k,
-                    ...t(V)
+              t(n) && t(l).metadata.link && t(l).metadata.link_text ? (d(), _(je, { key: 0 }, {
+                default: r(({ isHovering: v, props: V }) => [
+                  a(q, R({
+                    ...V,
+                    ...t(k)
                   }, {
                     "append-icon": `svg:${t(Ne)}`,
                     class: "text-none me-2",
@@ -3686,7 +3745,7 @@ const Ke = W("settings", () => {
                 icon: "$clear",
                 size: "small",
                 variant: "plain",
-                onClick: qe(u, ["prevent", "stop"])
+                onClick: Ze(u, ["prevent", "stop"])
               }, null, 8, ["disabled"])) : S("", !0)
             ]),
             default: r(() => [
@@ -3699,7 +3758,7 @@ const Ke = W("settings", () => {
                 ]),
                 _: 1
               })) : S("", !0),
-              t(l).metadata.subtext ? (d(), _(fo, { key: 1 }, {
+              t(l).metadata.subtext ? (d(), _(ho, { key: 1 }, {
                 default: r(() => [
                   F(C(t(l).metadata.subtext), 1)
                 ]),
@@ -3713,60 +3772,61 @@ const Ke = W("settings", () => {
       }, 8, ["color", "height", "image", "location", "model-value"])) : S("", !0);
     };
   }
-}), Os = {
+}), Bs = {
   key: 0,
   class: "text-uppercase position-absolute ms-auto font-weight-medium on-surface-light",
   style: { right: "12px", bottom: "8px", "font-size": "10px" }
-}, $t = /* @__PURE__ */ $({
+}, wt = /* @__PURE__ */ $({
   __name: "VoPromotionsCard",
   props: {
     caption: {},
     minHeight: {}
   },
   setup(c) {
-    return (e, o) => (d(), _(E, {
+    return (e, n) => (d(), _(E, {
       class: "d-inline-flex flex-child-1 position-relative",
       color: "surface-light",
       flat: "",
       rel: "noopener",
       rounded: "",
       target: "_blank"
-    }, R({
+    }, H({
       default: r(() => [
-        a(Do, {
+        a(Oo, {
           "min-height": e.minHeight,
           width: "100%"
         }, {
           default: r(() => [
-            T(e.$slots, "default")
+            D(e.$slots, "default")
           ]),
           _: 3
         }, 8, ["min-height"]),
-        e.caption ? (d(), L("div", Os, C(e.caption), 1)) : S("", !0)
+        e.caption ? (d(), L("div", Bs, C(e.caption), 1)) : S("", !0)
       ]),
       _: 2
     }, [
       e.$slots.prepend ? {
         name: "prepend",
         fn: r(() => [
-          T(e.$slots, "prepend")
+          D(e.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       e.$slots.image ? {
         name: "image",
         fn: r(() => [
-          T(e.$slots, "image")
+          D(e.$slots, "image")
         ]),
         key: "1"
       } : void 0
     ]), 1024));
   }
 }), et = W("promotions", () => {
-  const c = ie(), e = D([]), o = D([]), i = D(), s = O(!1), n = O(!1), l = w(() => e.value.filter((p) => p.metadata.discoverable));
-  Ze(f);
+  const c = ie(), e = O([]), n = O([]), i = O(), s = B(!1), o = B(!1), l = w(() => e.value.filter((p) => p.metadata.discoverable));
+  Ye(f);
   function m(p) {
-    return p[Math.floor(Math.random() * p.length)];
+    const v = p.filter((V) => V.metadata.active);
+    return v[Math.floor(Math.random() * v.length)];
   }
   async function f() {
     try {
@@ -3775,7 +3835,7 @@ const Ke = W("settings", () => {
       e.value = p.promotions;
     } catch {
     } finally {
-      s.value = !1, n.value = !0;
+      s.value = !1, o.value = !0;
     }
     return e.value;
   }
@@ -3802,14 +3862,14 @@ const Ke = W("settings", () => {
       s.value = !1;
     }
   }
-  async function V(p, v) {
+  async function k(p, v) {
     try {
       s.value = !0;
-      const k = await c.form(
+      const V = await c.form(
         `/one/admin/promotions/${p}`,
         v
       );
-      return i.value = k.promotion, k.promotion;
+      return i.value = V.promotion, V.promotion;
     } catch {
     } finally {
       s.value = !1;
@@ -3821,7 +3881,7 @@ const Ke = W("settings", () => {
     try {
       s.value = !0;
       const p = await c.get("/one/admin/promotions");
-      o.value = p.promotions;
+      n.value = p.promotions;
     } catch {
     } finally {
       s.value = !1;
@@ -3830,9 +3890,9 @@ const Ke = W("settings", () => {
   }
   return {
     all: e,
-    aall: o,
+    aall: n,
     isLoading: s,
-    hasLoaded: n,
+    hasLoaded: o,
     discoverable: l,
     record: i,
     admin: y,
@@ -3841,7 +3901,7 @@ const Ke = W("settings", () => {
     random: m,
     show: u,
     store: h,
-    update: V
+    update: k
   };
 }), Ns = /* @__PURE__ */ $({
   __name: "VoPromotionsCardHighlight",
@@ -3849,37 +3909,37 @@ const Ke = W("settings", () => {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), i = Xe(), s = z(), n = w(() => {
-      if (o.record)
-        return o.record;
+    const e = c, n = et(), i = Te(), s = T(), o = w(() => {
+      if (n.record)
+        return n.record;
       if (!s.disableAds)
-        return e.slug ? o.all.find((f) => f.slug === e.slug) : o.random(o.all);
+        return e.slug ? n.all.find((f) => f.slug === e.slug) : n.random(n.all);
     }), l = w(() => {
       var u, h;
       const f = i.current.value.dark ? "logodark" : "logolight";
-      return (h = (u = n.value) == null ? void 0 : u.metadata.images[f]) == null ? void 0 : h.url;
+      return (h = (u = o.value) == null ? void 0 : u.metadata.images[f]) == null ? void 0 : h.url;
     }), m = w(() => {
       var u, h;
       const f = i.current.value.dark ? "bgdark" : "bglight";
-      return (h = (u = n.value) == null ? void 0 : u.metadata.images[f]) == null ? void 0 : h.url;
+      return (h = (u = o.value) == null ? void 0 : u.metadata.images[f]) == null ? void 0 : h.url;
     });
     return (f, u) => {
-      var V, g, y;
-      const h = $t;
-      return t(n) || !t(o).hasLoaded ? (d(), _(h, {
+      var k, g, y;
+      const h = wt;
+      return t(o) || !t(n).hasLoaded ? (d(), _(h, {
         key: 0,
         class: "mb-4",
-        color: ((V = t(n)) == null ? void 0 : V.metadata.color) ?? "surface",
+        color: ((k = t(o)) == null ? void 0 : k.metadata.color) ?? "surface",
         height: "60",
-        href: (g = t(n)) == null ? void 0 : g.metadata.url,
+        href: (g = t(o)) == null ? void 0 : g.metadata.url,
         image: t(m),
         "max-width": "720",
         "prepend-avatar": t(l),
-        title: (y = t(n)) == null ? void 0 : y.metadata.short_text,
+        title: (y = t(o)) == null ? void 0 : y.metadata.short_text,
         width: "100%"
-      }, R({
+      }, H({
         default: r(() => [
-          t(o).hasLoaded ? S("", !0) : (d(), _(be, {
+          t(n).hasLoaded ? S("", !0) : (d(), _(be, {
             key: 0,
             class: "flex-1-0 overflow-hidden",
             color: "transparent",
@@ -3890,66 +3950,68 @@ const Ke = W("settings", () => {
         ]),
         _: 2
       }, [
-        t(n) ? {
+        t(o) ? {
           name: "prepend",
           fn: r(() => [
-            a(Q, {
+            a(Y, {
               class: "my-n4 me-4",
+              icon: "$vuetify",
               size: "36"
             })
           ]),
           key: "0"
         } : void 0,
-        t(n) ? {
+        t(o) ? {
           name: "image",
           fn: r(() => [
-            a(Y, { position: "right" })
+            a(Z, { position: "right" })
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : S("", !0);
     };
   }
-}), Us = { class: "d-flex ga-4" }, Bs = { class: "d-flex align-start ga-4" }, zs = { class: "text-caption on-surface-light" }, Ts = /* @__PURE__ */ $({
+}), Us = { class: "d-flex ga-4" }, zs = { class: "d-flex align-start ga-4" }, Ts = { class: "text-caption on-surface-light" }, Fs = /* @__PURE__ */ $({
   __name: "VoPromotionsCardVuetify",
   props: {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), i = z(), s = w(() => {
-      if (o.record)
-        return o.record;
+    const e = c, n = et(), i = T(), s = w(() => {
+      if (n.record)
+        return n.record;
       if (!(i.disableAds && !i.showHouseAds))
-        return e.slug ? o.all.find((n) => n.slug === e.slug) : o.random(o.all);
+        return e.slug ? n.all.find((o) => o.slug === e.slug) : n.random(n.all);
     });
-    return (n, l) => {
+    return (o, l) => {
       var f, u;
-      const m = $t;
-      return t(s) || !t(o).hasLoaded ? (d(), _(m, {
+      const m = wt;
+      return t(s) || !t(n).hasLoaded ? (d(), _(m, {
         key: 0,
         border: "",
+        caption: "ads via vuetify",
         class: "pa-2 mb-4",
         href: (u = (f = t(s)) == null ? void 0 : f.metadata) == null ? void 0 : u.url,
         width: "360"
       }, {
         default: r(() => {
-          var h, V, g;
+          var h, k, g;
           return [
             b("div", Us, [
-              t(o).hasLoaded ? t(s) ? (d(), L(B, { key: 1 }, [
-                a(Y, {
+              t(n).hasLoaded ? t(s) ? (d(), L(z, { key: 1 }, [
+                a(Z, {
                   cover: "",
                   height: "100",
                   "max-width": "130",
                   position: "right",
                   rounded: "s",
-                  src: (V = (h = t(s).metadata) == null ? void 0 : h.images.default) == null ? void 0 : V.url,
+                  src: (k = (h = t(s).metadata) == null ? void 0 : h.images.default) == null ? void 0 : k.url,
                   width: "100%"
                 }, null, 8, ["src"]),
-                b("div", Bs, [
-                  b("div", zs, C((g = t(s).metadata) == null ? void 0 : g.text), 1)
+                b("div", zs, [
+                  b("div", Ts, C((g = t(s).metadata) == null ? void 0 : g.text), 1)
                 ])
-              ], 64)) : S("", !0) : (d(), L(B, { key: 0 }, [
+              ], 64)) : S("", !0) : (d(), L(z, { key: 0 }, [
                 a(be, {
                   class: "flex-1-0 overflow-hidden",
                   color: "transparent",
@@ -3973,33 +4035,33 @@ const Ke = W("settings", () => {
       }, 8, ["href"])) : S("", !0);
     };
   }
-}), Fs = ["href"], js = /* @__PURE__ */ $({
+}), js = ["href"], Ms = /* @__PURE__ */ $({
   __name: "VoPromotionsFooter",
   props: {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), i = z(), s = Xe(), n = w(() => {
-      if (o.record)
-        return o.record;
+    const e = c, n = et(), i = T(), s = Te(), o = w(() => {
+      if (n.record)
+        return n.record;
       if (!i.disableAds)
-        return e.slug ? o.all.find((f) => f.slug === e.slug) : o.random(o.all);
+        return e.slug ? n.all.find((f) => f.slug === e.slug) : n.random(n.all);
     }), l = w(() => {
       var u, h;
       const f = s.current.value.dark ? "logodark" : "logolight";
-      return (h = (u = n.value) == null ? void 0 : u.metadata.images[f]) == null ? void 0 : h.url;
+      return (h = (u = o.value) == null ? void 0 : u.metadata.images[f]) == null ? void 0 : h.url;
     }), m = w(() => {
       var u, h;
       const f = s.current.value.dark ? "bgdark" : "bglight";
-      return (h = (u = n.value) == null ? void 0 : u.metadata.images[f]) == null ? void 0 : h.url;
+      return (h = (u = o.value) == null ? void 0 : u.metadata.images[f]) == null ? void 0 : h.url;
     });
-    return Ze(async () => {
-      e.slug && await o.show(e.slug);
+    return Ye(async () => {
+      e.slug && await n.show(e.slug);
     }), (f, u) => {
-      var V;
-      const h = kt;
+      var k;
+      const h = xt;
       return d(), _(h, {
-        color: ((V = t(n)) == null ? void 0 : V.metadata.color) ?? "surface",
+        color: ((k = t(o)) == null ? void 0 : k.metadata.color) ?? "surface",
         image: t(m),
         style: { transform: "translateY(0)" }
       }, {
@@ -4008,17 +4070,19 @@ const Ke = W("settings", () => {
           return [
             b("a", {
               class: "d-flex align-center text-decoration-none py-2 px-4 ms-n4 flex-1-0 me-n4 position-relative",
-              href: (g = t(n)) == null ? void 0 : g.metadata.url,
+              href: (g = t(o)) == null ? void 0 : g.metadata.url,
               rel: "noopener noreferrer",
+              style: { color: "inherit" },
               target: "_blank"
             }, [
-              a(Q, {
+              a(Y, {
                 class: "me-4",
+                icon: "$vuetify",
                 image: t(l),
                 size: "24"
               }, null, 8, ["image"]),
-              b("div", null, C((y = t(n)) == null ? void 0 : y.metadata.text), 1),
-              (p = t(n)) != null && p.metadata.advertisement ? (d(), _(te, {
+              b("div", null, C((y = t(o)) == null ? void 0 : y.metadata.text), 1),
+              (p = t(o)) != null && p.metadata.advertisement ? (d(), _(te, {
                 key: 0,
                 class: "ms-auto me-n4 align-self-end mb-n2 py-1 ps-3",
                 rounded: "0 ts-lg",
@@ -4026,14 +4090,14 @@ const Ke = W("settings", () => {
                 text: "SPONSORED",
                 variant: "flat"
               })) : S("", !0)
-            ], 8, Fs)
+            ], 8, js)
           ];
         }),
         _: 1
       }, 8, ["color", "image"]);
     };
   }
-}), Ms = ["id"], Ps = /* @__PURE__ */ $({
+}), Ps = ["id"], Hs = /* @__PURE__ */ $({
   __name: "VoScript",
   props: {
     id: {
@@ -4051,24 +4115,24 @@ const Ke = W("settings", () => {
   },
   emits: ["script:error", "script:load"],
   setup(c, { emit: e }) {
-    const o = c, i = e, s = D(), n = D();
-    return Ze(async () => {
+    const n = c, i = e, s = O(), o = O();
+    return Ye(async () => {
       const l = document.createElement("script"), m = () => i("script:error");
-      l.type = "text/javascript", l.id = o.scriptId, l.src = o.src, l.onload = () => i("script:load"), l.onerror = m, n.value = l;
-    }), We(() => {
+      l.type = "text/javascript", l.id = n.scriptId, l.src = n.src, l.onload = () => i("script:load"), l.onerror = m, o.value = l;
+    }), Qe(() => {
       var l;
-      n.value && ((l = s.value) == null || l.appendChild(n.value));
-    }), At(() => {
+      o.value && ((l = s.value) == null || l.appendChild(o.value));
+    }), Ot(() => {
       var l;
-      n.value && ((l = s.value) == null || l.removeChild(n.value));
+      o.value && ((l = s.value) == null || l.removeChild(o.value));
     }), (l, m) => (d(), L("div", {
       id: c.id,
       ref_key: "rootEl",
       ref: s
-    }, null, 8, Ms));
+    }, null, 8, Ps));
   }
-}), Hs = W("spots", () => {
-  const c = ie(), e = bt(), o = D([]), i = D([]), s = D(), n = O(!1), l = w(() => s.value ? s.value : o.value.find(({
+}), Rs = W("spots", () => {
+  const c = ie(), e = Vt(), n = O([]), i = O([]), s = O(), o = B(!1), l = w(() => s.value ? s.value : n.value.find(({
     metadata: {
       site: y,
       active: p
@@ -4076,28 +4140,28 @@ const Ke = W("settings", () => {
   }) => p ? y.includes("dev") && !1 || y.includes("*") ? !0 : y.some((v) => e.id.includes(v)) : !1));
   async function m() {
     try {
-      n.value = !0;
+      o.value = !0;
       const y = await c.get("/one/spots");
-      o.value = y.spots;
+      n.value = y.spots;
     } catch {
     } finally {
-      n.value = !1;
+      o.value = !1;
     }
-    return o.value;
+    return n.value;
   }
   async function f(y) {
     try {
-      n.value = !0;
+      o.value = !0;
       const p = await c.get(`/one/admin/spots/${y}`);
       return s.value = p.spot, p.spot;
     } catch {
     } finally {
-      n.value = !1;
+      o.value = !1;
     }
   }
   async function u(y) {
     try {
-      n.value = !0;
+      o.value = !0;
       const p = await c.form(
         "/one/admin/spots",
         y
@@ -4105,12 +4169,12 @@ const Ke = W("settings", () => {
       return s.value = p.spot, p.spot;
     } catch {
     } finally {
-      n.value = !1;
+      o.value = !1;
     }
   }
   async function h(y, p) {
     try {
-      n.value = !0;
+      o.value = !0;
       const v = await c.form(
         `/one/admin/spots/${y}`,
         p
@@ -4118,26 +4182,26 @@ const Ke = W("settings", () => {
       return s.value = v.spot, v.spot;
     } catch {
     } finally {
-      n.value = !1;
+      o.value = !1;
     }
   }
-  async function V() {
+  async function k() {
   }
   async function g() {
     try {
-      n.value = !0;
+      o.value = !0;
       const y = await c.get("/one/admin/spots");
       i.value = y.spots;
     } catch {
     } finally {
-      n.value = !1;
+      o.value = !1;
     }
-    return o.value;
+    return n.value;
   }
   return {
-    all: o,
+    all: n,
     aall: i,
-    isLoading: n,
+    isLoading: o,
     spot: l,
     record: s,
     admin: g,
@@ -4145,13 +4209,13 @@ const Ke = W("settings", () => {
     show: f,
     store: u,
     update: h,
-    destroy: V
+    destroy: k
   };
-}), Rs = ["href"], Es = /* @__PURE__ */ $({
+}), Es = ["href"], qs = /* @__PURE__ */ $({
   __name: "VoSpot",
   setup(c) {
-    const e = Hs();
-    return (o, i) => {
+    const e = Rs();
+    return (n, i) => {
       var s;
       return t(e).spot ? (d(), L("a", {
         key: 0,
@@ -4159,20 +4223,20 @@ const Ke = W("settings", () => {
         rel: "noopener noreferrer sponsored",
         target: "_blank"
       }, [
-        a(Y, {
+        a(Z, {
           class: "mx-auto",
           color: t(e).spot.metadata.image ? void 0 : "surface",
           rounded: "",
           src: (s = t(e).spot.metadata.image) == null ? void 0 : s.url,
           width: "225"
         }, null, 8, ["color", "src"])
-      ], 8, Rs)) : S("", !0);
+      ], 8, Es)) : S("", !0);
     };
   }
-}), Oa = W("bins", () => {
-  const c = M(), e = ie(), o = D([]), i = D(), s = O(!1), n = O(-1), l = w(() => !c.user || !i.value ? !1 : c.user.id === i.value.owner.id), m = w(() => o.value.filter((v) => v.favorite)), f = w(() => o.value.filter((v) => v.pinned));
+}), Ba = W("bins", () => {
+  const c = M(), e = ie(), n = O([]), i = O(), s = B(!1), o = B(-1), l = w(() => !c.user || !i.value ? !1 : c.user.id === i.value.owner.id), m = w(() => n.value.filter((v) => v.favorite)), f = w(() => n.value.filter((v) => v.pinned));
   U(i, () => {
-    window.clearTimeout(n.value), n.value = window.setTimeout(() => {
+    window.clearTimeout(o.value), o.value = window.setTimeout(() => {
       !i.value || !l.value || g(i.value, i.value.id);
     }, 100);
   }, { deep: !0 });
@@ -4180,48 +4244,48 @@ const Ke = W("settings", () => {
     try {
       s.value = !0;
       const v = await e.get("/one/bins");
-      o.value = v.bins;
+      n.value = v.bins;
     } catch {
     } finally {
       s.value = !1;
     }
-    return o.value;
+    return n.value;
   }
   async function h(v) {
     try {
-      s.value = !0, await e.delete(`/one/bins/${v}`), o.value = o.value.filter((k) => k.id !== v);
+      s.value = !0, await e.delete(`/one/bins/${v}`), n.value = n.value.filter((V) => V.id !== v);
     } catch {
     } finally {
       s.value = !1;
     }
     return !0;
   }
-  async function V(v) {
+  async function k(v) {
     try {
       s.value = !0;
-      const k = await e.post("/one/bins", { bin: v });
-      return o.value.push(k.bin), i.value = k.bin, k;
+      const V = await e.post("/one/bins", { bin: v });
+      return n.value.push(V.bin), i.value = V.bin, V;
     } catch {
     } finally {
       s.value = !1;
     }
     return { bin: v };
   }
-  async function g(v, k) {
+  async function g(v, V) {
     try {
       s.value = !0;
-      const N = await e.post(`/one/bins/${k}`, { bin: v }), j = o.value.findIndex((re) => re.id === k);
-      o.value.splice(j, 1, N.bin);
+      const N = await e.post(`/one/bins/${V}`, { bin: v }), j = n.value.findIndex((re) => re.id === V);
+      n.value.splice(j, 1, N.bin);
     } catch {
     } finally {
       s.value = !1;
     }
     return { bin: v };
   }
-  async function y(v, k) {
+  async function y(v, V) {
     try {
       s.value = !0;
-      const N = k ? await g(v, k) : await V(v);
+      const N = V ? await g(v, V) : await k(v);
       i.value = N.bin;
     } catch {
     } finally {
@@ -4232,8 +4296,8 @@ const Ke = W("settings", () => {
   async function p(v) {
     try {
       s.value = !0;
-      const k = await e.get(`/one/bins/${v}`);
-      i.value = k.bin;
+      const V = await e.get(`/one/bins/${v}`);
+      i.value = V.bin;
     } catch {
     } finally {
       s.value = !1;
@@ -4245,8 +4309,8 @@ const Ke = W("settings", () => {
     isOwner: l,
     pinned: f,
     favorites: m,
-    all: o,
-    create: V,
+    all: n,
+    create: k,
     delete: h,
     current: i,
     find: p,
@@ -4255,50 +4319,50 @@ const Ke = W("settings", () => {
     updateOrCreate: y
   };
 }), Na = W("products", () => {
-  const c = ie(), e = D([]), o = w(() => e.value.filter((n) => n.product_type === "Themes"));
+  const c = ie(), e = O([]), n = w(() => e.value.filter((o) => o.product_type === "Themes"));
   async function i() {
     if (e.value.length)
       return e.value;
     try {
-      const n = await c.get("/one/shopify/products");
-      e.value = n.products;
+      const o = await c.get("/one/shopify/products");
+      e.value = o.products;
     } catch {
     }
     return e.value;
   }
-  function s(n) {
-    return n.slice().sort(() => Math.random() - 0.5);
+  function s(o) {
+    return o.slice().sort(() => Math.random() - 0.5);
   }
   return {
     all: e,
-    themes: o,
+    themes: n,
     index: i,
     randomize: s
   };
 });
 function Ua() {
   function c(e) {
-    e.component("VoAuthBtn", ks), e.component("VoAuthCard", ht), e.component("VoAuthDialog", _t), e.component("VoAuthListItem", gt), e.component("VoSocialFooter", As), e.component("VoNotificationsBanner", Ds), e.component("VoPromotionsCardHighlight", Ns), e.component("VoPromotionsCardVuetify", Ts), e.component("VoPromotionsFooter", js), e.component("VoScript", Ps), e.component("VoSpot", Es);
+    e.component("VoAppBar", $s), e.component("VoAuthBtn", kt), e.component("VoAuthCard", _t), e.component("VoAuthDialog", gt), e.component("VoAuthListItem", yt), e.component("VoSocialFooter", Ds), e.component("VoNotificationsBanner", Os), e.component("VoPromotionsCardHighlight", Ns), e.component("VoPromotionsCardVuetify", Fs), e.component("VoPromotionsFooter", Ms), e.component("VoScript", Hs), e.component("VoSpot", qs);
   }
   return { install: c };
 }
-function Ba(c, e) {
-  return function(o) {
-    const i = o.store;
+function za(c, e) {
+  return function(n) {
+    const i = n.store;
     i.url = e, i.$id === "site" && (i.id = c);
   };
 }
 export {
   Ua as createOne,
-  Ba as one,
+  za as one,
   M as useAuthStore,
-  Me as useBannersStore,
-  Oa as useBinsStore,
+  Re as useBannersStore,
+  Ba as useBinsStore,
   ie as useHttpStore,
   P as useOneStore,
   Na as useProductsStore,
   et as usePromotionsStore,
-  Ke as useSettingsStore,
-  Hs as useSpotsStore,
-  z as useUserStore
+  Pe as useSettingsStore,
+  Rs as useSpotsStore,
+  T as useUserStore
 };