@vuetify/one 1.1.0 → 1.1.2

package/dist/index.js

@@ -1,76 +1,54 @@
-import { reactive as ut, watch as N, toRefs as dt, ref as E, shallowRef as D, computed as w, defineComponent as k, openBlock as d, createBlock as v, unref as t, withCtx as a, renderSlot as P, normalizeStyle as Ze, createSlots as G, createCommentVNode as $, createElementVNode as h, toDisplayString as C, createVNode as o, withModifiers as Te, mergeModels as pt, useModel as le, createElementBlock as S, Fragment as U, createTextVNode as B, onBeforeMount as mt, nextTick as me, renderList as oe, mergeProps as H, resolveComponent as Me, withDirectives as xe, vShow as Re, onMounted as ft, normalizeClass as vt, pushScopeId as _t, popScopeId as ht } from "vue";
-import { defineStore as J } from "pinia";
-import { merge as Oe } from "lodash-es";
-import { VBadge as Pe } from "vuetify/lib/components/VBadge/index.mjs";
-import { VBtn as q } from "vuetify/lib/components/VBtn/index.mjs";
-import { VProgressCircular as gt } from "vuetify/lib/components/VProgressCircular/index.mjs";
-import { mdiDiscord as He, mdiGithub as Ee, mdiSync as bt, mdiSyncOff as yt, mdiLogoutVariant as Vt, mdiCheck as re, mdiHome as kt, mdiTextBox as xt, mdiSpaceInvaders as Qe, mdiWhiteBalanceSunny as $t, mdiWeatherNight as wt, mdiDesktopTowerMonitor as St, mdiImageFilterHdr as Ct, mdiRocketLaunchOutline as Lt, mdiContrastCircle as It, mdiCog as At, mdiCogOutline as Dt, mdiFileDocument as Ut, mdiCreditCardSettingsOutline as Bt, mdiRocketOutline as Nt, mdiCheckCircleOutline as de, mdiCreditCard as Ot, mdiReload as Ft, mdiPlaylistCheck as zt, mdiCreditCardOutline as jt, mdiMedal as We, mdiOpenInNew as fe, mdiHandHeart as Tt, mdiChartLine as Mt, mdiHandHeartOutline as Rt, mdiEmailOpenOutline as Je, mdiEmailVariant as Xe, mdiBell as Pt, mdiInboxOutline as Ht, mdiInboxFullOutline as Et, mdiBillboard as Wt, mdiBellOutline as Gt, mdiViewDashboardOutline as qt, mdiSpider as Yt, mdiCrown as Zt, mdiArrowULeftBottom as Qt, mdiLogin as Jt, mdiShieldStarOutline as Xt, mdiReddit as Kt } from "@mdi/js";
-import { VListItem as ve, VList as te, VListItemTitle as Ke, VListItemSubtitle as eo } from "vuetify/lib/components/VList/index.mjs";
-import { VAvatar as ne } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as R, VCardText as ee, VCardTitle as to, VCardSubtitle as oo } from "vuetify/lib/components/VCard/index.mjs";
-import { VSheet as Ge } from "vuetify/lib/components/VSheet/index.mjs";
-import { VSwitch as et } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as $e, VExpandTransition as _e, VExpandXTransition as no } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as se, useTheme as so, useDate as we } from "vuetify";
-import { VDialog as tt } from "vuetify/lib/components/VDialog/index.mjs";
-import { VDivider as W } from "vuetify/lib/components/VDivider/index.mjs";
-import { VIcon as A } from "vuetify/lib/components/VIcon/index.mjs";
-import { VLabel as ze } from "vuetify/lib/components/VLabel/index.mjs";
-import { VChip as Y } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as ao } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as io } from "vuetify/lib/components/VSelect/index.mjs";
-import { useRoute as lo, useRouter as ot } from "vue-router";
-import { VRow as Se, VCol as pe } from "vuetify/lib/components/VGrid/index.mjs";
-import { VHover as Ce } from "vuetify/lib/components/VHover/index.mjs";
-import { VImg as Le } from "vuetify/lib/components/VImg/index.mjs";
-import { VItemGroup as nt, VItem as je } from "vuetify/lib/components/VItemGroup/index.mjs";
-import { VLayout as Ie } from "vuetify/lib/components/VLayout/index.mjs";
-import { VMain as Ae } from "vuetify/lib/components/VMain/index.mjs";
-import { VDataTableVirtual as ro } from "vuetify/lib/components/VDataTable/index.mjs";
-import { VSkeletonLoader as Ye } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { VWindow as st, VWindowItem as ue } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimelineItem as qe, VTimeline as co } from "vuetify/lib/components/VTimeline/index.mjs";
-import { VTooltip as Q } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VResponsive as uo } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VNavigationDrawer as po } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as mo } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as fo } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as vo } from "vuetify/components";
-import { VAppBar as _o } from "vuetify/lib/components/VAppBar/index.mjs";
-import { VFooter as ho } from "vuetify/lib/components/VFooter/index.mjs";
-const he = J("http", {
+import { reactive as le, watch as F, toRefs as de, ref as L, shallowRef as B, computed as g, inject as fe, onBeforeMount as pe, defineComponent as j, resolveComponent as N, openBlock as k, createBlock as S, unref as u, withCtx as h, createVNode as _, mergeProps as Y, createElementBlock as oe, createCommentVNode as C, createElementVNode as O, toDisplayString as z, createTextVNode as M, createSlots as me, withModifiers as ae, nextTick as ve, Fragment as he, renderList as ye, pushScopeId as ge, popScopeId as be } from "vue";
+import { useDisplay as se, useTheme as _e } from "vuetify";
+import { useRouter as Z } from "vue-router";
+import { defineStore as D } from "pinia";
+import { merge as Q } from "lodash-es";
+import { mdiLogin as we, mdiOpenInNew as ke, mdiSync as Ve, mdiSyncOff as Se, mdiShieldStarOutline as xe, mdiGithub as $e, mdiDiscord as Le, mdiReddit as Ae } from "@mdi/js";
+import { VAvatar as W } from "vuetify/lib/components/VAvatar/index.mjs";
+import { VCard as re, VCardTitle as Ce, VCardSubtitle as Fe } from "vuetify/lib/components/VCard/index.mjs";
+import { VList as ie, VListItem as ue, VListItemTitle as Ne, VListItemSubtitle as Oe } from "vuetify/lib/components/VList/index.mjs";
+import { VDialog as De } from "vuetify/lib/components/VDialog/index.mjs";
+import { VAppBar as Ie } from "vuetify/lib/components/VAppBar/index.mjs";
+import { VBtn as K } from "vuetify/lib/components/VBtn/index.mjs";
+import { VHover as Ee } from "vuetify/lib/components/VHover/index.mjs";
+import { VSheet as Be } from "vuetify/lib/components/VSheet/index.mjs";
+import { VSwitch as je } from "vuetify/lib/components/VSwitch/index.mjs";
+import { VFadeTransition as Te, VExpandTransition as Re } from "vuetify/lib/components/transitions/index.mjs";
+import { VFooter as Ue } from "vuetify/lib/components/VFooter/index.mjs";
+import { VIcon as He } from "vuetify/lib/components/VIcon/index.mjs";
+const J = D("http", {
   state: () => ({
     url: ""
   }),
   actions: {
-    async fetch(p, e = {}) {
-      const i = await fetch(`${this.url}${p}`, {
+    async fetch(o, t = {}) {
+      const a = await fetch(`${this.url}${o}`, {
         credentials: "include",
-        ...e
+        ...t
       });
-      return i.status === 204 ? i : i.json();
+      return a.status === 204 ? a : a.json();
     },
-    async post(p, e, i = {}) {
-      return this.fetch(p, {
+    async post(o, t, a = {}) {
+      return this.fetch(o, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify(e),
-        ...i
+        body: JSON.stringify(t),
+        ...a
       });
     },
-    async get(p, e = {}) {
-      return this.fetch(p, e);
+    async get(o, t = {}) {
+      return this.fetch(o, t);
     },
-    async delete(p, e = {}) {
-      return this.fetch(p, {
+    async delete(o, t = {}) {
+      return this.fetch(o, {
         method: "DELETE",
-        ...e
+        ...t
       });
     }
   }
-}), Fe = typeof window < "u", ke = {
+}), X = typeof window < "u", G = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -108,2901 +86,333 @@ const he = J("http", {
       jobs: null
     }
   }
-}, O = J("user", () => {
-  const p = ut(Oe({}, ke));
-  N(p, i);
-  function e() {
-    if (!Fe)
+}, T = D("user", () => {
+  const o = le(Q({}, G));
+  F(o, a);
+  function t() {
+    if (!X)
       return;
-    const l = localStorage.getItem("vuetify@user"), s = l ? JSON.parse(l) : {};
-    let r = s.v === p.v;
-    s.v || (s.pwaRefresh = !0, typeof s.api == "boolean" && (s.api = s.api ? "inline" : "link-only"), typeof s.rtl == "boolean" && (s.direction = s.rtl ? "rtl" : "ltr", delete s.rtl), typeof s.theme == "object" && (s.mixedTheme = s.theme.mixed, s.theme = s.theme.system ? "system" : s.theme.dark ? "dark" : "light"), Array.isArray(s.notifications) && (s.notifications = { read: s.notifications }), typeof s.last == "object" && (s.notifications.last = s.last, delete s.last)), s.v === 1 && (Array.isArray(s.composition) && (s.composition = "composition"), Array.isArray(s.notifications.last.banner) || (s.notifications = s.notifications || {}, s.notifications.last = s.notifications.last || {}, s.notifications.last.banner = [])), s.v === 2 && (s.syncSettings = !0, s.disableAds = !1, s.v = 3), s.v === 3 && (s.quickbar = !1), s.v === 4 && (s.suits = ke.suits, s.notifications.banners = ke.notifications.banners, r = !0), s.v = p.v, Object.assign(p, Oe(p, s)), r && i();
+    const r = localStorage.getItem("vuetify@user"), e = r ? JSON.parse(r) : {};
+    let d = e.v === o.v;
+    e.v || (e.pwaRefresh = !0, typeof e.api == "boolean" && (e.api = e.api ? "inline" : "link-only"), typeof e.rtl == "boolean" && (e.direction = e.rtl ? "rtl" : "ltr", delete e.rtl), typeof e.theme == "object" && (e.mixedTheme = e.theme.mixed, e.theme = e.theme.system ? "system" : e.theme.dark ? "dark" : "light"), Array.isArray(e.notifications) && (e.notifications = { read: e.notifications }), typeof e.last == "object" && (e.notifications.last = e.last, delete e.last)), e.v === 1 && (Array.isArray(e.composition) && (e.composition = "composition"), Array.isArray(e.notifications.last.banner) || (e.notifications = e.notifications || {}, e.notifications.last = e.notifications.last || {}, e.notifications.last.banner = [])), e.v === 2 && (e.syncSettings = !0, e.disableAds = !1, e.v = 3), e.v === 3 && (e.quickbar = !1), e.v === 4 && (e.suits = G.suits, e.notifications.banners = G.notifications.banners, d = !0), e.v = o.v, Object.assign(o, Q(o, e)), d && a();
   }
-  function i() {
-    Fe && localStorage.setItem("vuetify@user", JSON.stringify(p, null, 2));
+  function a() {
+    X && localStorage.setItem("vuetify@user", JSON.stringify(o, null, 2));
   }
   function n() {
-    Fe && (Object.assign(p, Oe({}, ke)), i());
+    X && (Object.assign(o, Q({}, G)), a());
   }
-  return e(), {
-    ...dt(p),
-    load: e,
-    save: i,
+  return t(), {
+    ...de(o),
+    load: t,
+    save: a,
     reset: n
   };
-}), F = J("auth", () => {
-  const p = E(!1), e = E(null), i = he(), n = O(), l = D(!1), s = w(() => {
-    var y, _;
-    return !i.url || ((y = e.value) == null ? void 0 : y.isAdmin) || !!((_ = e.value) != null && _.sponsorships.some((x) => x.isActive));
+}), I = D("auth", () => {
+  const o = L(!1), t = L(null), a = J(), n = T(), r = Z(), e = B(!1), d = g(() => {
+    var f, i;
+    return !a.url || ((f = t.value) == null ? void 0 : f.isAdmin) || !!((i = t.value) != null && i.sponsorships.some((p) => p.isActive));
   });
-  let r = !!V();
-  N(e, (y) => {
-    if (!(y != null && y.settings))
+  let y = !!V();
+  F(t, (f) => {
+    if (!(f != null && f.settings))
       return;
-    const _ = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(y.settings, null, 2) !== _ && (r = !0, Object.assign(n, y.settings));
+    const i = localStorage.getItem("vuetify@user") || "{}";
+    JSON.stringify(f.settings, null, 2) !== i && (y = !0, Object.assign(n, f.settings));
   }), n.$subscribe(() => {
-    r || c(), r = !1;
+    y || m(), y = !1;
   });
-  async function c() {
-    if (!(!e.value || !n.syncSettings))
+  async function m() {
+    if (!(!t.value || !n.syncSettings))
       try {
-        await i.post("/user/settings", { settings: n.$state });
-      } catch (y) {
-        console.error(y);
+        await a.post("/user/settings", { settings: n.$state });
+      } catch (f) {
+        console.error(f);
       }
   }
-  async function f(y = !1) {
-    if (f.promise)
-      return f.promise;
-    l.value = !0, f.promise = fetch(`${i.url}/auth/verify`, {
+  async function c(f = !1) {
+    if (c.promise)
+      return c.promise;
+    e.value = !0, c.promise = fetch(`${a.url}/auth/verify`, {
       credentials: "include",
-      headers: y ? {
+      headers: f ? {
         "Cache-Control": "no-cache"
       } : void 0
     }).then(
-      async (_) => {
-        _.ok ? e.value = (await _.json()).user : _.status === 401 ? e.value = null : console.error(_.statusText);
+      async (i) => {
+        i.ok ? t.value = (await i.json()).user : i.status === 401 ? t.value = null : console.error(i.statusText);
       },
       () => {
       }
     ).finally(() => {
-      l.value = !1, f.promise = null;
+      e.value = !1, c.promise = null;
     });
   }
-  f.promise = null;
-  async function u(y = "github") {
-    l.value = !0;
-    const _ = `${i.url}/auth/${y}/redirect`, x = 400, L = 600, z = window.screenX + (window.innerWidth - x) / 2, T = window.screenY + (window.innerHeight - L) / 2, M = window.open(
+  c.promise = null;
+  async function b(f = "github") {
+    e.value = !0;
+    const i = `${a.url}/auth/${f}/redirect`, p = 400, x = 600, R = window.screenX + (window.innerWidth - p) / 2, U = window.screenY + (window.innerHeight - x) / 2, $ = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${z},top=${T},width=${x},height=${L},resizable`
+      `popup,left=${R},top=${U},width=${p},height=${x},resizable`
     );
-    if (!M) {
+    if (!$) {
       console.error("Failed to open popup");
       return;
     }
-    M.location.href = _;
-    let ye = -1, Ve = -1;
-    function ce(K) {
-      var g;
-      K.origin === i.url && ((g = K.data) == null ? void 0 : g.type) === "auth-response" && (K.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", y), e.value = K.data.body.user, c()) : console.error(K.data.message), ie());
+    $.location.href = i;
+    let q = -1, H = -1;
+    function P(s) {
+      var l;
+      s.origin === a.url && ((l = s.data) == null ? void 0 : l.type) === "auth-response" && (s.data.status === "success" ? (t.value || localStorage.setItem("vuetify@lastLoginProvider", f), t.value = s.data.body.user, r.push("/user/dashboard/"), m()) : console.error(s.data.message), E());
     }
-    function ie() {
-      window.removeEventListener("message", ce), window.clearInterval(ye), window.clearTimeout(Ve), M == null || M.close(), l.value = !1;
+    function E() {
+      window.removeEventListener("message", P), window.clearInterval(q), window.clearTimeout(H), $ == null || $.close(), e.value = !1;
     }
-    window.addEventListener("message", ce), ye = window.setInterval(() => {
-      !M || M.closed ? (console.error("Auth popup closed"), ie()) : M.postMessage({ type: "auth-request" }, "*");
-    }, 1e3), Ve = window.setTimeout(() => {
-      ie(), console.error("Auth timed out");
+    window.addEventListener("message", P), q = window.setInterval(() => {
+      !$ || $.closed ? (console.error("Auth popup closed"), E()) : $.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), H = window.setTimeout(() => {
+      E(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function m(y) {
-    l.value = !0;
-    const _ = y ? `/auth/${y}/logout` : "/auth/logout";
+  async function v(f) {
+    e.value = !0;
+    const i = f ? `/auth/${f}/logout` : "/auth/logout";
     try {
-      await i.post(_), await f(!0), e.value = null;
-    } catch (x) {
-      console.error(x);
+      await a.post(i), await c(!0), t.value = null;
+    } catch (p) {
+      console.error(p);
     } finally {
-      l.value = !1;
+      r.push("/"), e.value = !1;
     }
   }
-  function b(y) {
-    var _;
-    return (_ = e.value) == null ? void 0 : _.identities.find((x) => x.provider === y);
+  function w(f) {
+    var i;
+    return (i = t.value) == null ? void 0 : i.identities.find((p) => p.provider === f);
   }
   function V() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return V() && f(), {
-    user: e,
-    url: i.url,
-    dialog: p,
-    isLoading: l,
-    findIdentity: b,
-    verify: f,
-    login: u,
-    logout: m,
-    isSubscriber: s,
+  return c(), {
+    user: t,
+    url: a.url,
+    dialog: o,
+    isLoading: e,
+    findIdentity: w,
+    verify: c,
+    login: b,
+    logout: v,
+    isSubscriber: d,
     lastLoginProvider: V,
-    sync: c
-  };
-}), De = J("notifications", () => {
-  const p = he(), e = O(), i = E([]), n = D(!1), l = w(() => i.value.filter((c) => !e.notifications.read.includes(c.slug))), s = w(() => i.value.filter((c) => e.notifications.read.includes(c.slug)));
-  async function r() {
-    try {
-      n.value = !0;
-      const c = await p.get("/one/notifications");
-      i.value = c.notifications;
-    } catch {
-    } finally {
-      n.value = !1;
-    }
-    return i.value;
-  }
-  return {
-    isLoading: n,
-    all: i,
-    get: r,
-    read: s,
-    unread: l
+    sync: m
   };
-}), go = /* @__PURE__ */ k({
-  __name: "VoNotificationsTotalBadge",
-  setup(p) {
-    const e = F(), i = De(), n = O(), l = w(() => n.notifications.show ? i.unread.length : 0);
-    return (s, r) => (d(), v(Pe, {
-      content: l.value,
-      dot: !!t(e).user,
-      "model-value": l.value > 0,
-      color: "error",
-      location: "start top"
-    }, {
-      default: a(() => [
-        P(s.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["content", "dot", "model-value"]));
-  }
-}), ae = /* @__PURE__ */ k({
-  __name: "VoBtn",
-  props: {
-    readonly: { type: Boolean }
-  },
-  setup(p) {
-    const e = p;
-    return (i, n) => (d(), v(q, {
-      style: Ze({
-        pointerEvents: e.readonly ? "none" : void 0
-      }),
-      tabindex: e.readonly ? -1 : void 0,
-      class: "text-none font-weight-regular",
-      color: "primary",
-      size: "small",
-      variant: "flat"
-    }, G({
-      loader: a(() => [
-        i.$slots.loader ? $("", !0) : (d(), v(gt, {
-          key: 0,
-          indeterminate: "disable-shrink",
-          size: "16",
-          width: "2"
-        })),
-        P(i.$slots, "loader")
-      ]),
-      _: 2
-    }, [
-      i.$slots.default ? {
-        name: "default",
-        fn: a(() => [
-          P(i.$slots, "default")
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["style", "tabindex"]));
-  }
-}), bo = { class: "text-body-2" }, yo = /* @__PURE__ */ h("div", { class: "text-caption mt-n1" }, "Last Used", -1), at = /* @__PURE__ */ k({
-  __name: "VoAuthDiscord",
-  setup(p) {
-    const e = F(), i = w(() => e.user && e.findIdentity("discord")), n = w(() => e.user ? i.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
-    return (l, s) => (d(), v(ve, {
-      "prepend-icon": `svg:${t(He)}`,
-      "base-color": "#5865F2",
-      rounded: "pill",
-      variant: "flat",
-      slim: "",
-      onClick: s[0] || (s[0] = (r) => t(e).login("discord"))
-    }, G({
-      title: a(() => [
-        h("span", bo, C(n.value), 1)
-      ]),
-      _: 2
-    }, [
-      !t(e).user && t(e).lastLoginProvider() === "discord" ? {
-        name: "subtitle",
-        fn: a(() => [
-          yo
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["prepend-icon"]));
-  }
-}), Vo = { class: "text-body-2" }, ko = /* @__PURE__ */ h("div", { class: "text-caption mt-n1" }, "Last Used", -1), it = /* @__PURE__ */ k({
-  __name: "VoAuthGithub",
-  setup(p) {
-    const e = F(), i = w(() => e.user && e.findIdentity("github")), n = w(() => e.user ? i.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
-    return (l, s) => (d(), v(ve, {
-      "prepend-icon": `svg:${t(Ee)}`,
-      "base-color": "#2a2a2a",
-      rounded: "pill",
-      variant: "flat",
-      slim: "",
-      onClick: s[0] || (s[0] = (r) => t(e).login("github"))
-    }, G({
-      title: a(() => [
-        h("span", Vo, C(n.value), 1)
-      ]),
-      _: 2
-    }, [
-      !t(e).user && t(e).lastLoginProvider() === "github" ? {
-        name: "subtitle",
-        fn: a(() => [
-          ko
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["prepend-icon"]));
-  }
-}), xo = { class: "pa-4 d-flex flex-column ga-4" }, lt = /* @__PURE__ */ k({
-  __name: "VoAuthListItem",
-  setup(p) {
-    const e = F(), i = O(), n = D(!e.user && !e.isLoading);
-    N(() => e.user, (s) => {
-      n.value = !s;
-    });
-    function l() {
-      e.user && (n.value = !n.value);
-    }
-    return (s, r) => {
-      const c = it, f = at;
-      return d(), v(R, {
-        variant: n.value ? "tonal" : "text",
-        class: "ma-2",
-        rounded: "lg"
-      }, {
-        default: a(() => [
-          o(te, { class: "py-0" }, {
-            default: a(() => [
-              o(ve, {
-                link: !!t(e).user,
-                "prepend-icon": `svg:${t(e).user && t(i).syncSettings ? t(bt) : t(yt)}`,
-                title: t(e).user && t(i).syncSettings ? "Sync is on" : "Sync is paused",
-                class: "mb-0",
-                rounded: "b-0",
-                nav: "",
-                slim: "",
-                onClick: l
-              }, {
-                append: a(() => [
-                  o($e, null, {
-                    default: a(() => [
-                      t(e).user && (n.value || !t(i).syncSettings) ? (d(), v(et, {
-                        key: 0,
-                        modelValue: t(i).syncSettings,
-                        "onUpdate:modelValue": r[0] || (r[0] = (u) => t(i).syncSettings = u),
-                        color: t(i).syncSettings ? "success" : void 0,
-                        density: "compact",
-                        "hide-details": "",
-                        inset: "",
-                        onClick: r[1] || (r[1] = Te(() => {
-                        }, ["stop"]))
-                      }, {
-                        thumb: a(() => [
-                          o(ne, {
-                            color: t(i).syncSettings ? "success" : void 0
-                          }, null, 8, ["color"])
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue", "color"])) : $("", !0)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["link", "prepend-icon", "title"]),
-              o(_e, null, {
-                default: a(() => [
-                  !t(e).user && !t(e).isLoading || n.value ? (d(), v(Ge, {
-                    key: 0,
-                    border: "t",
-                    color: "transparent"
-                  }, {
-                    default: a(() => [
-                      h("div", xo, [
-                        o(c, {
-                          onClick: r[2] || (r[2] = (u) => n.value = !1)
-                        }),
-                        o(f, {
-                          onClick: r[3] || (r[3] = (u) => n.value = !1)
-                        })
-                      ])
-                    ]),
-                    _: 1
-                  })) : $("", !0)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["variant"]);
-    };
-  }
-}), X = /* @__PURE__ */ k({
-  __name: "VoListItem",
-  setup(p) {
-    return (e, i) => (d(), v(ve, { slim: "" }, G({
-      default: a(() => [
-        P(e.$slots, "default")
-      ]),
-      _: 2
-    }, [
-      e.$slots.prepend ? {
-        name: "prepend",
-        fn: a(() => [
-          P(e.$slots, "prepend")
-        ]),
-        key: "0"
-      } : void 0,
-      e.$slots.title ? {
-        name: "title",
-        fn: a(() => [
-          P(e.$slots, "title")
-        ]),
-        key: "1"
-      } : void 0,
-      e.$slots.append ? {
-        name: "append",
-        fn: a(() => [
-          P(e.$slots, "append")
-        ]),
-        key: "2"
-      } : void 0
-    ]), 1024));
-  }
-}), $o = /* @__PURE__ */ k({
-  __name: "VoAuthLogoutListItem",
-  setup(p) {
-    const e = F(), i = D(!1);
-    async function n() {
-      i.value = !0, await e.logout(), i.value = !1;
-    }
-    return (l, s) => {
-      const r = X;
-      return d(), v(r, {
-        disabled: i.value,
-        loading: i.value,
-        "prepend-icon": `svg:${t(Vt)}`,
-        class: "mb-0",
-        title: "Logout",
-        link: "",
-        onClick: n
-      }, null, 8, ["disabled", "loading", "prepend-icon"]);
-    };
-  }
-}), Ue = /* @__PURE__ */ k({
-  __name: "VoDialog",
-  props: /* @__PURE__ */ pt({
-    prependIcon: {},
-    title: {}
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(p) {
-    const e = le(p, "modelValue"), i = se();
-    return (n, l) => (d(), v(tt, {
-      modelValue: e.value,
-      "onUpdate:modelValue": l[1] || (l[1] = (s) => e.value = s),
-      fullscreen: t(i).xs.value,
-      "max-height": t(i).xs.value ? "100%" : 800,
-      "max-width": t(i).xs.value ? "100%" : 800,
-      activator: "parent",
-      height: "100%"
-    }, {
-      default: a(({ isActive: s }) => [
-        o(R, {
-          "prepend-icon": n.prependIcon,
-          title: n.title,
-          class: "overflow-hidden",
-          height: "inherit"
-        }, G({
-          append: a(() => [
-            P(n.$slots, "append"),
-            o(q, {
-              density: "comfortable",
-              icon: "$close",
-              size: "small",
-              variant: "text",
-              onClick: l[0] || (l[0] = (r) => e.value = !e.value)
-            })
-          ]),
-          default: a(() => [
-            o(W, { class: "mt-4" }),
-            P(n.$slots, "default")
-          ]),
-          _: 2
-        }, [
-          n.$slots.prepend ? {
-            name: "prepend",
-            fn: a(() => [
-              P(n.$slots, "prepend")
-            ]),
-            key: "0"
-          } : void 0,
-          n.$slots.actions ? {
-            name: "actions",
-            fn: a(() => [
-              P(n.$slots, "actions", { isActive: s })
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1032, ["prepend-icon", "title"])
-      ]),
-      _: 3
-    }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
-  }
-}), rt = /* @__PURE__ */ k({
-  __name: "VoSwitch",
-  props: {
-    disabled: { type: Boolean }
-  },
-  setup(p) {
-    return (e, i) => (d(), v(et, {
-      disabled: e.disabled,
-      "true-icon": `svg:${t(re)}`,
-      color: "primary",
-      density: "compact",
-      inset: ""
-    }, G({
-      thumb: a(() => [
-        o(A, {
-          color: e.disabled ? void 0 : "primary"
-        }, null, 8, ["color"])
-      ]),
-      _: 2
-    }, [
-      e.$slots.label ? {
-        name: "label",
-        fn: a(() => [
-          P(e.$slots, "label")
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["disabled", "true-icon"]));
-  }
-}), wo = {
-  key: 1,
-  class: "mb-3 text-caption text-medium-emphasis"
-}, ge = /* @__PURE__ */ k({
-  __name: "VoDialogSubheader",
-  props: {
-    title: {},
-    text: {}
-  },
-  setup(p) {
-    return (e, i) => (d(), S(U, null, [
-      e.title ? (d(), v(ze, {
-        key: 0,
-        class: "font-weight-black"
-      }, {
-        default: a(() => [
-          B(C(e.title), 1)
-        ]),
-        _: 1
-      })) : $("", !0),
-      e.text ? (d(), S("div", wo, C(e.text), 1)) : $("", !0)
-    ], 64));
-  }
-}), So = { key: 0 }, Co = /* @__PURE__ */ k({
-  __name: "VoSettingsPageSuitOption",
-  setup(p) {
-    const e = O(), i = [
-      {
-        title: "Choose a page suit",
-        value: "",
-        disabled: !0
-      },
-      {
-        title: "Blackguard",
-        prependIcon: `svg:${Qe}`,
-        value: "blackguard"
-      }
-      // {
-      //   title: 'Polaris',
-      //   prependIcon: `svg:${mdiImageFilterHdr}`,
-      //   value: 'polaris',
-      // },
-      // {
-      //   title: 'Nebula',
-      //   prependIcon: `svg:${mdiRocketLaunchOutline}`,
-      //   value: 'nebula',
-      // },
-    ];
-    return (n, l) => {
-      const s = rt, r = ge;
-      return d(), S(U, null, [
-        o(s, {
-          modelValue: t(e).suits.show,
-          "onUpdate:modelValue": l[0] || (l[0] = (c) => t(e).suits.show = c),
-          class: "mb-2",
-          label: "Enable Page suits",
-          messages: "Customize layout elements with a unique background, styled after one of our themed releases."
-        }, null, 8, ["modelValue"]),
-        o(_e, null, {
-          default: a(() => [
-            t(e).suits.show ? (d(), S("div", So, [
-              o(io, {
-                modelValue: t(e).suits.suit,
-                "onUpdate:modelValue": l[1] || (l[1] = (c) => t(e).suits.suit = c),
-                items: i,
-                density: "compact",
-                placeholder: "Choose a page suit",
-                style: { "max-width": "300px" },
-                variant: "outlined",
-                clearable: "",
-                "item-props": "",
-                "single-line": ""
-              }, {
-                selection: a(({ item: c }) => [
-                  o(A, {
-                    icon: c.props.prependIcon,
-                    size: "x-small",
-                    start: ""
-                  }, null, 8, ["icon"]),
-                  B(" " + C(c.title), 1)
-                ]),
-                _: 1
-              }, 8, ["modelValue"]),
-              o(r, { text: "Select your suit elements to display the background image:" }),
-              o(ao, {
-                modelValue: t(e).suits.elements,
-                "onUpdate:modelValue": l[2] || (l[2] = (c) => t(e).suits.elements = c),
-                color: "primary",
-                filter: "",
-                multiple: ""
-              }, {
-                default: a(() => [
-                  o(Y, {
-                    "append-icon": `svg:${t(kt)}`,
-                    "filter-icon": "$success",
-                    text: "App Bar",
-                    value: "app-bar",
-                    variant: "flat"
-                  }, {
-                    append: a(() => [
-                      o(W, {
-                        class: "ms-2 border-opacity-50",
-                        vertical: ""
-                      }),
-                      o(A, { size: "x-small" })
-                    ]),
-                    _: 1
-                  }, 8, ["append-icon"]),
-                  o(Y, {
-                    "append-icon": `svg:${t(xt)}`,
-                    "filter-icon": "$success",
-                    text: "Navigation Drawer",
-                    value: "drawer",
-                    variant: "flat"
-                  }, {
-                    append: a(() => [
-                      o(W, {
-                        class: "ms-2 border-opacity-50",
-                        vertical: ""
-                      }),
-                      o(A, { size: "x-small" })
-                    ]),
-                    _: 1
-                  }, 8, ["append-icon"]),
-                  o(Y, {
-                    "append-icon": "$info",
-                    "filter-icon": "$success",
-                    text: "Footer",
-                    value: "footer",
-                    variant: "flat"
-                  }, {
-                    append: a(() => [
-                      o(W, {
-                        class: "ms-2 border-opacity-50",
-                        vertical: ""
-                      }),
-                      o(A, { size: "x-small" })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ])) : $("", !0)
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
 });
-function be() {
-  const p = lo();
-  return w(
-    () => p.query
+/*!
+  * vue-router v4.3.0
+  * (c) 2024 Eduardo San Martin Morote
+  * @license MIT
+  */
+var ee;
+(function(o) {
+  o.pop = "pop", o.push = "push";
+})(ee || (ee = {}));
+var te;
+(function(o) {
+  o.back = "back", o.forward = "forward", o.unknown = "";
+})(te || (te = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
+var ne;
+(function(o) {
+  o[o.aborted = 4] = "aborted", o[o.cancelled = 8] = "cancelled", o[o.duplicated = 16] = "duplicated";
+})(ne || (ne = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
+const Pe = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
+function ze() {
+  return fe(Pe);
+}
+function Me() {
+  const o = ze();
+  return g(
+    () => o.query
   );
 }
-const j = J("one", () => {
-  const p = be(), e = p.value.session_id, i = ot(), n = F(), l = he(), s = D(!1), r = E(!1), c = E(), f = E([]), u = w(() => {
-    var g;
-    return (g = c.value) == null ? void 0 : g.items[0].plan.interval;
-  }), m = w(() => {
-    var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.find((I) => I.platform === "stripe" && I.tierName.startsWith("sub_"));
-  }), b = w(() => {
-    var g;
-    return !!((g = m.value) != null && g.tierName);
-  }), V = w(() => {
-    var g;
-    return (g = m.value) == null ? void 0 : g.isActive;
-  }), y = w(() => {
-    var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.find((I) => I.platform === "github");
-  }), _ = w(() => {
-    var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.find((I) => I.platform === "discord");
-  }), x = w(() => {
-    var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.find((I) => I.platform === "patreon");
-  }), L = w(() => {
-    var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.reduce((I, Z) => {
-      if (!Z.isActive || Z.interval === "once" || Z.platform === "stripe")
-        return I;
-      const ct = Z.interval === "month" ? Z.amount : Z.amount / 12;
-      return I + ct / 100;
+const qe = D("one", () => {
+  const o = Me(), t = o.value.session_id, a = Z(), n = I(), r = J(), e = B(!1), d = L(!1), y = L(), m = L([]), c = g(() => {
+    var s;
+    return (s = y.value) == null ? void 0 : s.items[0].plan.interval;
+  }), b = g(() => {
+    var s;
+    return (s = n.user) == null ? void 0 : s.sponsorships.find((l) => l.platform === "stripe" && l.tierName.startsWith("sub_"));
+  }), v = g(() => {
+    var s;
+    return !!((s = b.value) != null && s.tierName);
+  }), w = g(() => {
+    var s;
+    return (s = b.value) == null ? void 0 : s.isActive;
+  }), V = g(() => {
+    var s;
+    return (s = n.user) == null ? void 0 : s.sponsorships.find((l) => l.platform === "github");
+  }), f = g(() => {
+    var s;
+    return (s = n.user) == null ? void 0 : s.sponsorships.find((l) => l.platform === "discord");
+  }), i = g(() => {
+    var s;
+    return (s = n.user) == null ? void 0 : s.sponsorships.find((l) => l.platform === "patreon");
+  }), p = g(() => {
+    var s;
+    return (s = n.user) == null ? void 0 : s.sponsorships.reduce((l, A) => {
+      if (!A.isActive || A.interval === "once" || A.platform === "stripe")
+        return l;
+      const ce = A.interval === "month" ? A.amount : A.amount / 12;
+      return l + ce / 100;
     }, 0);
   });
-  mt(async () => {
-    e && await z();
-  }), N(r, (g) => {
-    g && K();
-  }), N(p, (g) => {
-    if (g.one !== "subscribe" || n.user)
+  pe(async () => {
+    t && await x();
+  }), F(d, (s) => {
+    s && E();
+  }), F(o, (s) => {
+    if (s.one !== "subscribe" || n.user)
       return;
-    console.log(g.one), n.dialog = !0;
-    const I = N(() => n.user, (Z) => {
-      Z && (n.dialog = !1, I());
+    console.log(s.one), n.dialog = !0;
+    const l = F(() => n.user, (A) => {
+      A && (n.dialog = !1, l());
     });
-  }, { immediate: !0 }), N(V, (g, I) => {
-    g === !1 && I !== !0 || ce();
+  }, { immediate: !0 }), F(w, (s, l) => {
+    s === !1 && l !== !0 || H();
   });
-  async function z() {
+  async function x() {
     try {
-      s.value = !0;
-      const g = await l.post("/one/activate", { sessionId: e });
-      n.user = g.user;
-      const I = new URL(window.location.href);
-      I.searchParams.delete("session_id"), history.pushState(null, "", I.toString()), ie();
+      e.value = !0;
+      const s = await r.post("/one/activate", { sessionId: t });
+      n.user = s.user;
+      const l = new URL(window.location.href);
+      l.searchParams.delete("session_id"), history.pushState(null, "", l.toString()), P();
     } catch {
     } finally {
-      s.value = !1;
+      e.value = !1;
     }
   }
-  async function T() {
-    window.open(`${l.url}/one/manage`, "_blank");
+  async function R() {
+    window.open(`${r.url}/one/manage`, "_blank");
   }
-  async function M(g) {
-    s.value = !0, window.location.href = `${l.url}/one/subscribe?interval=${g}`;
+  async function U(s) {
+    e.value = !0, window.location.href = `${r.url}/one/subscribe?interval=${s}`;
   }
-  async function ye() {
-    var g;
-    if (m.value)
+  async function $() {
+    var s;
+    if (b.value)
       try {
-        s.value = !0;
-        const I = await l.post(
-          `/one/cancel?subscriptionId=${(g = m.value) == null ? void 0 : g.tierName}`
+        e.value = !0;
+        const l = await r.post(
+          `/one/cancel?subscriptionId=${(s = b.value) == null ? void 0 : s.tierName}`
         );
-        n.user = I.user;
+        n.user = l.user;
       } catch {
       } finally {
-        s.value = !1;
+        e.value = !1;
       }
   }
-  async function Ve(g) {
-    if (m.value)
+  async function q(s) {
+    if (b.value)
       try {
-        s.value = !0;
-        const I = await l.post("/one/modify", {
-          subscriptionId: m.value.tierName,
-          interval: g
+        e.value = !0;
+        const l = await r.post("/one/modify", {
+          subscriptionId: b.value.tierName,
+          interval: s
         });
-        n.user = I.user;
-      } catch {
-      } finally {
-        s.value = !1;
-      }
-  }
-  async function ce() {
-    var g;
-    if (m.value)
-      try {
-        s.value = !0;
-        const I = await l.post(
-          `/one/verify?subscriptionId=${(g = m.value) == null ? void 0 : g.tierName}`
-        );
-        n.user = I.user;
+        n.user = l.user;
       } catch {
       } finally {
-        s.value = !1;
-      }
-  }
-  async function ie() {
-    try {
-      s.value = !0;
-      const g = await l.get("/one/info");
-      return c.value = g.subscription, f.value = g.invoices, g;
-    } catch {
-    } finally {
-      s.value = !1;
-    }
-  }
-  function K() {
-    i.push({ query: {} });
-  }
-  return {
-    info: c,
-    interval: u,
-    invoices: f,
-    sessionId: e,
-    subscription: m,
-    monthlyTotal: L,
-    hasBilling: b,
-    isLoading: s,
-    isOpen: r,
-    isSubscriber: V,
-    github: y,
-    patreon: x,
-    discord: _,
-    activate: z,
-    cancel: ye,
-    manage: T,
-    modify: Ve,
-    resetQuery: K,
-    subscribe: M,
-    subscriptionInfo: ie,
-    verify: ce
-  };
-});
-function Lo() {
-  return {
-    blackguard: {
-      dark: !0,
-      colors: {
-        background: "#0f0c24",
-        primary: "#e7810d",
-        surface: "#1e184a",
-        info: "#9c27b0",
-        accent: "#FF4081",
-        success: "#84b38a",
-        "surface-light": "#362b89",
-        "surface-bright": "#564f8a",
-        "surface-variant": "#6458b4",
-        "on-surface-variant": "#FFFFFF",
-        "primary-darken-1": "#c56e0b",
-        secondary: "#8A2BE2",
-        "secondary-darken-1": "#7919cb",
-        error: "#FF5555",
-        warning: "#ffa726"
-      },
-      variables: {
-        "border-color": "#FFFFFF",
-        "border-opacity": 0.12,
-        "high-emphasis-opacity": 0.87,
-        "medium-emphasis-opacity": 0.6,
-        "disabled-opacity": 0.38,
-        "idle-opacity": 0.1,
-        "hover-opacity": 0.08,
-        "focus-opacity": 0.12,
-        "selected-opacity": 0.12,
-        "activated-opacity": 0.12,
-        "pressed-opacity": 0.16,
-        "dragged-opacity": 0.08,
-        "theme-kbd": "#212529",
-        "theme-on-kbd": "#FFFFFF",
-        "theme-code": "#343434",
-        "theme-on-code": "#CCCCCC"
-      }
-    },
-    nebula: {
-      dark: !0,
-      colors: {
-        background: "#0a0f1b",
-        surface: "#1c1f2a",
-        primary: "#4d5b9e",
-        "primary-darken-1": "#424a8c",
-        secondary: "#7a82d2",
-        accent: "#00eaff",
-        info: "#29b6f6",
-        warning: "#ffeb3b",
-        error: "#e91e63",
-        success: "#4caf50",
-        "on-surface-variant": "#5c6bc0",
-        "surface-light": "#2a3c66",
-        "secondary-darken-1": "#686f9a"
-      },
-      variables: {
-        "border-color": "#FFFFFF",
-        "border-opacity": 0.12,
-        "high-emphasis-opacity": 0.87,
-        "medium-emphasis-opacity": 0.6,
-        "disabled-opacity": 0.38,
-        "idle-opacity": 0.1,
-        "hover-opacity": 0.08,
-        "focus-opacity": 0.12,
-        "selected-opacity": 0.12,
-        "activated-opacity": 0.12,
-        "pressed-opacity": 0.16,
-        "dragged-opacity": 0.08,
-        "theme-kbd": "#212529",
-        "theme-on-kbd": "#FFFFFF",
-        "theme-code": "#343434",
-        "theme-on-code": "#CCCCCC"
+        e.value = !1;
       }
-    },
-    highContrast: {
-      dark: !0,
-      colors: {
-        background: "#000000",
-        surface: "#000000",
-        primary: "#ffD700",
-        "primary-darken-1": "#e6c300",
-        secondary: "#00ff00",
-        "secondary-darken-1": "#00e600",
-        accent: "#ff00ff",
-        info: "#31aaff",
-        warning: "#ffaa00",
-        error: "#ff0000",
-        success: "#00ff00",
-        "on-surface-variant": "#000000",
-        "surface-light": "#f2f2f2",
-        "surface-bright": "#e6e6e6",
-        "surface-variant": "#cccccc"
-      },
-      variables: {
-        "border-color": "#ffffff",
-        "border-opacity": 0.87,
-        "high-emphasis-opacity": 1,
-        "medium-emphasis-opacity": 0.87,
-        "disabled-opacity": 0.5,
-        "idle-opacity": 0.1,
-        "hover-opacity": 0.2,
-        "focus-opacity": 0.3,
-        "selected-opacity": 0.3,
-        "activated-opacity": 0.3,
-        "pressed-opacity": 0.4,
-        "dragged-opacity": 0.2,
-        "theme-kbd": "#000000",
-        "theme-on-kbd": "#ffffff",
-        "theme-code": "#000000",
-        "theme-on-code": "#ffffff"
-      }
-    }
-  };
-}
-const Be = J("settings", () => {
-  const p = "https://cdn.vuetifyjs.com/docs/images/one/", e = F(), i = O(), n = so(), l = Lo(), s = {
-    blackguard: {
-      "app-bar": p + "suits/blackguard/blackguard-app-bar.png",
-      drawer: p + "suits/blackguard/blackguard-app-drawer.png",
-      footer: ""
-    }
-    // polaris: {
-    //   'app-bar': '',
-    //   'drawer': '',
-    //   footer: '',
-    // },
-    // nebula: {
-    //   'app-bar': '',
-    //   'drawer': '',
-    //   footer: '',
-    // },
-  }, r = w(() => {
-    if (!i.suits.suit || !i.suits.show || !e.isSubscriber)
-      return {};
-    const c = s[i.suits.suit.toLowerCase()], f = {};
-    for (const u of i.suits.elements)
-      f[u] = c[u];
-    return f;
-  });
-  return n.themes.value = {
-    ...n.themes.value,
-    ...l
-  }, N(() => i.theme, (c) => {
-    c === "system" ? n.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : n.global.name.value = c, i.theme = c;
-  }, { immediate: !0 }), {
-    suit: r,
-    CDN_URL: p
-  };
-}), Io = /* @__PURE__ */ k({
-  __name: "VoSettingsDialog",
-  props: {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(p) {
-    const e = le(p, "modelValue"), i = F(), n = j(), l = Be(), s = O(), r = [
-      {
-        title: "Light",
-        subtitle: "A standard light theme.",
-        image: l.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${$t}`,
-        value: "light"
-      },
-      {
-        title: "Dark",
-        subtitle: "A standard dark theme.",
-        image: l.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${wt}`,
-        value: "dark"
-      },
-      {
-        title: "System",
-        subtitle: "A theme based on the system preference.",
-        image: l.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${St}`,
-        value: "system"
-      },
-      {
-        title: "Blackguard",
-        subtitle: "A theme for v3.4 Blackguard.",
-        image: l.CDN_URL + "themes/blackguard.png",
-        prependIcon: `svg:${Qe}`,
-        value: "blackguard"
-      },
-      {
-        title: "Polaris",
-        subtitle: "A theme for v3.5 Polaris.",
-        image: l.CDN_URL + "themes/polaris.png",
-        prependIcon: `svg:${Ct}`,
-        value: "polaris",
-        disabled: !0
-      },
-      {
-        title: "Nebula",
-        subtitle: "A theme for v3.6 Nebula.",
-        image: l.CDN_URL + "themes/nebula.png",
-        prependIcon: `svg:${Lt}`,
-        value: "nebula",
-        disabled: !0
-      },
-      {
-        title: "High Contrast",
-        subtitle: "A theme for high contrast.",
-        image: l.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${It}`,
-        value: "highContrast",
-        disabled: !0
-      }
-    ], c = be();
-    return N(c, async () => {
-      c.value.one === "settings" && (n.isOpen = !0, await me(), e.value = !0);
-    }, { immediate: !0 }), (f, u) => {
-      const m = ge, b = Co, V = rt, y = Ue;
-      return d(), v(y, {
-        modelValue: e.value,
-        "onUpdate:modelValue": u[5] || (u[5] = (_) => e.value = _),
-        "prepend-icon": `svg:${t(At)}`,
-        title: "Settings"
-      }, {
-        default: a(() => [
-          o(Ie, null, {
-            default: a(() => [
-              o(Ae, { scrollable: "" }, {
-                default: a(() => [
-                  o(ee, { class: "px-7" }, {
-                    default: a(() => [
-                      o(m, {
-                        text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
-                        title: "Theme"
-                      }),
-                      o(nt, {
-                        modelValue: t(s).theme,
-                        "onUpdate:modelValue": u[0] || (u[0] = (_) => t(s).theme = _),
-                        mandatory: ""
-                      }, {
-                        default: a(() => [
-                          o(Se, { dense: "" }, {
-                            default: a(() => [
-                              (d(), S(U, null, oe(r, (_, x) => o(pe, {
-                                key: x,
-                                cols: "12",
-                                md: "6"
-                              }, {
-                                default: a(() => [
-                                  o(je, {
-                                    value: _.value
-                                  }, {
-                                    default: a(({ toggle: L, isSelected: z }) => [
-                                      o(Ce, null, {
-                                        default: a(({ props: T, isHovering: M }) => [
-                                          o(R, H({
-                                            color: z ? "primary" : "surface-variant",
-                                            disabled: _.disabled,
-                                            image: _.image,
-                                            "prepend-icon": _.prependIcon,
-                                            ripple: !_.disabled,
-                                            subtitle: _.disabled ? "In Development" : _.subtitle,
-                                            title: _.title,
-                                            height: "76",
-                                            variant: "tonal"
-                                          }, T, { onClick: L }), {
-                                            image: a(() => [
-                                              o(Le, {
-                                                style: Ze({
-                                                  filter: z || M ? "none" : "grayscale(100%)"
-                                                })
-                                              }, null, 8, ["style"])
-                                            ]),
-                                            _: 2
-                                          }, 1040, ["color", "disabled", "image", "prepend-icon", "ripple", "subtitle", "title", "onClick"])
-                                        ]),
-                                        _: 2
-                                      }, 1024)
-                                    ]),
-                                    _: 2
-                                  }, 1032, ["value"])
-                                ]),
-                                _: 2
-                              }, 1024)), 64))
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue"]),
-                      t(i).isSubscriber ? (d(), S(U, { key: 0 }, [
-                        o(W, { class: "mt-6 mb-4" }),
-                        o(b)
-                      ], 64)) : $("", !0)
-                    ]),
-                    _: 1
-                  }),
-                  o(W),
-                  o(ee, { class: "px-7" }, {
-                    default: a(() => [
-                      o(m, {
-                        text: "These options change your browsing experience within Vuetify properties",
-                        title: "Experience"
-                      }),
-                      t(i).isSubscriber ? (d(), v(V, {
-                        key: 0,
-                        modelValue: t(s).disableAds,
-                        "onUpdate:modelValue": u[1] || (u[1] = (_) => t(s).disableAds = _),
-                        class: "mb-2",
-                        label: "Disable Ads",
-                        messages: "Disable traditional advertisements on all documentation pages."
-                      }, null, 8, ["modelValue"])) : $("", !0),
-                      o(V, {
-                        modelValue: t(s).quickbar,
-                        "onUpdate:modelValue": u[2] || (u[2] = (_) => t(s).quickbar = _),
-                        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
-                  }),
-                  o(W),
-                  t(i).isSubscriber ? (d(), v(ee, {
-                    key: 0,
-                    class: "px-7"
-                  }, {
-                    default: a(() => [
-                      o(m, {
-                        text: "Vuetify will communicate with you through banners and notifications. You can disable these features here or reset your local notification cache.",
-                        title: "Communication"
-                      }),
-                      o(V, {
-                        modelValue: t(s).notifications.show,
-                        "onUpdate:modelValue": u[3] || (u[3] = (_) => t(s).notifications.show = _),
-                        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"]),
-                      t(s).notifications.show ? (d(), v(V, {
-                        key: 0,
-                        modelValue: t(s).notifications.banners,
-                        "onUpdate:modelValue": u[4] || (u[4] = (_) => t(s).notifications.banners = _),
-                        class: "mb-2",
-                        label: "Enable Banners",
-                        messages: "Banners are located at the top of the screen and provide a callout for important information."
-                      }, null, 8, ["modelValue"])) : $("", !0)
-                    ]),
-                    _: 1
-                  })) : $("", !0)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue", "prepend-icon"]);
-    };
-  }
-}), Ao = /* @__PURE__ */ k({
-  __name: "VoSettingsListItem",
-  setup(p) {
-    const e = D(!1);
-    return (i, n) => {
-      const l = Io, s = X;
-      return d(), v(s, {
-        active: e.value,
-        "prepend-icon": `svg:${t(Dt)}`,
-        title: "Settings",
-        link: ""
-      }, {
-        default: a(() => [
-          o(l, {
-            modelValue: e.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r)
-          }, null, 8, ["modelValue"])
-        ]),
-        _: 1
-      }, 8, ["active", "prepend-icon"]);
-    };
-  }
-}), Do = { class: "text-caption" }, Uo = /* @__PURE__ */ k({
-  __name: "VoSubscriptionInvoices",
-  setup(p) {
-    const e = we(), i = j();
-    return (n, l) => {
-      const s = ge;
-      return d(), v(Se, null, {
-        default: a(() => [
-          o(pe, { cols: "12" }, {
-            default: a(() => [
-              o(s, {
-                text: "View and download your invoice history.",
-                title: "Invoice History"
-              }),
-              o(R, {
-                height: "450",
-                rounded: "lg",
-                border: ""
-              }, {
-                default: a(() => [
-                  o(ro, {
-                    items: t(i).invoices,
-                    loading: t(i).isLoading,
-                    sticky: ""
-                  }, {
-                    "item.date": a(({ item: r }) => [
-                      h("div", Do, C(t(e).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
-                    ]),
-                    "item.amount": a(({ item: r }) => [
-                      B(" $" + C(r.amount / 100), 1)
-                    ]),
-                    "item.status": a(({ item: r }) => [
-                      o(Y, {
-                        text: r.status,
-                        border: "success sm",
-                        class: "text-capitalize",
-                        color: "success",
-                        size: "small",
-                        variant: "tonal",
-                        label: ""
-                      }, null, 8, ["text"])
-                    ]),
-                    "item.pdf": a(({ item: r }) => [
-                      o(q, {
-                        href: r.pdf,
-                        icon: `svg:${t(Ut)}`,
-                        size: "small",
-                        target: "_blank",
-                        variant: "text"
-                      }, null, 8, ["href", "icon"])
-                    ]),
-                    _: 1
-                  }, 8, ["items", "loading"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Bo = { class: "d-flex align-center" }, No = {
-  key: "status",
-  class: "text-capitalize hidden-sm-and-down"
-}, Oo = /* @__PURE__ */ h("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), Fo = { class: "me-1" }, zo = { class: "text-medium-emphasis text-caption" }, jo = { class: "d-flex align-start justify-space-between text-caption py-2" }, To = { class: "font-weight-bold" }, Mo = { class: "font-weight-bold" }, Ro = /* @__PURE__ */ k({
-  __name: "VoSubscriptionStatus",
-  emits: ["change:subscription"],
-  setup(p, { emit: e }) {
-    const i = we(), n = j(), l = e, s = w(() => {
-      if (!n.info)
-        return;
-      const c = new Date(n.info.currentPeriodEnd * 1e3);
-      return i.format(c, "keyboardDate");
-    });
-    async function r() {
-      n.interval && (n.isLoading = !0, n.subscribe(n.interval));
-    }
-    return (c, f) => {
-      const u = ae;
-      return d(), v(Se, null, {
-        default: a(() => [
-          o(pe, { cols: "12" }, {
-            default: a(() => {
-              var m, b;
-              return [
-                o(R, {
-                  "prepend-icon": "$vuetify",
-                  rounded: "lg",
-                  title: "Subscription Status",
-                  border: "",
-                  flat: ""
-                }, G({
-                  append: a(() => {
-                    var V;
-                    return [
-                      t(n).hasBilling && ((V = t(n).info) == null ? void 0 : V.status) === "canceled" ? (d(), v(u, {
-                        key: 0,
-                        loading: t(n).isLoading,
-                        class: "me-2",
-                        color: "success",
-                        "prepend-icon": "$success",
-                        text: "Activate",
-                        variant: "outlined",
-                        onClick: r
-                      }, null, 8, ["loading"])) : $("", !0),
-                      t(n).hasBilling ? (d(), v(u, {
-                        key: 1,
-                        loading: t(n).isLoading,
-                        "prepend-icon": `svg:${t(Bt)}`,
-                        text: "Billing",
-                        onClick: t(n).manage
-                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : $("", !0)
-                    ];
-                  }),
-                  _: 2
-                }, [
-                  t(n).info ? {
-                    name: "subtitle",
-                    fn: a(() => [
-                      h("div", Bo, [
-                        h("span", No, C(t(n).info.status), 1),
-                        t(n).info.items.length ? (d(), S(U, { key: 0 }, [
-                          Oo,
-                          h("span", Fo, [
-                            B(" $" + C(t(n).info.items[0].plan.amount / 100), 1),
-                            h("span", zo, "/" + C(t(n).interval), 1)
-                          ]),
-                          o(u, {
-                            size: "x-small",
-                            text: "(Change Subscription)",
-                            variant: "text",
-                            onClick: f[0] || (f[0] = (V) => l("change:subscription"))
-                          })
-                        ], 64)) : $("", !0)
-                      ])
-                    ]),
-                    key: "0"
-                  } : {
-                    name: "subtitle",
-                    fn: a(() => [
-                      h("div", { class: "d-flex align-center" }, [
-                        o(Ye, {
-                          height: "16",
-                          type: "ossein",
-                          width: "40"
-                        }),
-                        h("span", { class: "mx-1" }, "—"),
-                        o(Ye, {
-                          height: "16",
-                          type: "ossein",
-                          width: "80"
-                        })
-                      ])
-                    ]),
-                    key: "1"
-                  }
-                ]), 1024),
-                h("div", jo, [
-                  h("div", null, [
-                    ((m = t(n).info) == null ? void 0 : m.status) === "active" ? (d(), S(U, { key: 0 }, [
-                      B(" Your plan renews on "),
-                      h("span", To, C(t(i).format(s.value, "fullDateWithWeekday")), 1),
-                      B(". ")
-                    ], 64)) : (d(), S(U, { key: 1 }, [
-                      B(" Your plan ends on "),
-                      h("span", Mo, C(t(i).format((b = t(n).info) == null ? void 0 : b.currentPeriodEnd, "fullDateWithWeekday")), 1),
-                      B(". ")
-                    ], 64))
-                  ])
-                ])
-              ];
-            }),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Po = /* @__PURE__ */ h("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Ho = ["innerHTML"], Eo = /* @__PURE__ */ h("br", null, null, -1), Wo = /* @__PURE__ */ h("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), Go = ["innerHTML"], qo = /* @__PURE__ */ k({
-  __name: "VoSubscriptionPerks",
-  setup(p) {
-    const e = [
-      "Ad Free Experience on all Vuetify properties",
-      'Save and share code snippets with <a href="https://vbin.io/" target="_blank">VBin</a>',
-      '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"
-    ], i = [
-      'Special role in the <a href="https://discord.vuetifyjs.com/" target="_blank">Vuetify Discord</a>',
-      'Save and share your playgrounds with <a href="https://play.vuetifyjs.com" target="_blank">Vuetify Play</a>',
-      "Receive a special label on GitHub created issues and pull requests"
-    ], n = D(!1), l = j();
-    return N(n, async (s) => {
-      s && l.subscriptionInfo();
-    }), (s, r) => {
-      const c = X;
-      return d(), S(U, null, [
-        o(ze, { class: "font-weight-black" }, {
-          default: a(() => [
-            B("Perks")
-          ]),
-          _: 1
-        }),
-        Po,
-        o(te, {
-          lines: !1,
-          class: "py-0",
-          density: "compact",
-          nav: ""
-        }, {
-          default: a(() => [
-            (d(), S(U, null, oe(e, (f, u) => o(c, {
-              key: u,
-              "prepend-icon": `svg:${t(re)}`,
-              class: "mb-0"
-            }, {
-              prepend: a(() => [
-                o(A, {
-                  class: "mx-n2",
-                  color: "success",
-                  size: "small"
-                })
-              ]),
-              title: a(() => [
-                h("div", { innerHTML: f }, null, 8, Ho)
-              ]),
-              _: 2
-            }, 1032, ["prepend-icon"])), 64))
-          ]),
-          _: 1
-        }),
-        Eo,
-        o(ze, { class: "font-weight-black" }, {
-          default: a(() => [
-            B("Up Next")
-          ]),
-          _: 1
-        }),
-        Wo,
-        o(te, {
-          lines: !1,
-          class: "py-0",
-          density: "compact",
-          nav: ""
-        }, {
-          default: a(() => [
-            (d(), S(U, null, oe(i, (f, u) => o(c, {
-              key: u,
-              "prepend-icon": `svg:${t(Nt)}`,
-              class: "mb-0"
-            }, {
-              prepend: a(() => [
-                o(A, {
-                  class: "mx-n2",
-                  size: "small"
-                })
-              ]),
-              title: a(() => [
-                h("div", { innerHTML: f }, null, 8, Go)
-              ]),
-              _: 2
-            }, 1032, ["prepend-icon"])), 64))
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-}), Yo = /* @__PURE__ */ k({
-  __name: "VoSubscriptionSubscribe",
-  props: {
-    modelValue: {
-      type: String
-    },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(p) {
-    const e = D(!1), i = le(p, "modelValue"), n = j();
-    return N(e, async (l) => {
-      l && n.subscriptionInfo();
-    }), N(() => n.interval, (l) => {
-      i.value = l;
-    }, { immediate: !0 }), (l, s) => (d(), v(nt, {
-      modelValue: i.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (r) => i.value = r),
-      mandatory: ""
-    }, {
-      default: a(() => [
-        o(Se, null, {
-          default: a(() => [
-            o(pe, {
-              cols: "12",
-              md: "6"
-            }, {
-              default: a(() => [
-                o(je, { value: "month" }, {
-                  default: a(({ toggle: r, isSelected: c }) => [
-                    o(R, {
-                      border: c ? "sm primary opacity-100" : "sm",
-                      color: c ? "primary" : void 0,
-                      "prepend-icon": c ? `svg:${t(de)}` : "$radioOff",
-                      variant: c ? "tonal" : "text",
-                      rounded: "lg",
-                      subtitle: "$2.99/month",
-                      title: "Monthly",
-                      onClick: r
-                    }, {
-                      prepend: a(() => [
-                        o(A, { class: "mt-n6" })
-                      ]),
-                      _: 2
-                    }, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            o(pe, {
-              cols: "12",
-              md: "6"
-            }, {
-              default: a(() => [
-                o(je, { value: "year" }, {
-                  default: a(({ toggle: r, isSelected: c }) => [
-                    o(R, {
-                      border: c ? "sm primary opacity-100" : "sm",
-                      color: c ? "primary" : void 0,
-                      "prepend-icon": c ? `svg:${t(de)}` : "$radioOff",
-                      variant: c ? "tonal" : "text",
-                      rounded: "lg",
-                      subtitle: "$29.99/year",
-                      title: "Yearly",
-                      onClick: r
-                    }, {
-                      prepend: a(() => [
-                        o(A, { class: "mt-n6" })
-                      ]),
-                      append: a(() => [
-                        o(Y, {
-                          class: "mt-n6",
-                          color: "success",
-                          size: "small",
-                          text: "Save 20%",
-                          variant: "flat"
-                        })
-                      ]),
-                      _: 2
-                    }, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue"]));
-  }
-}), Zo = { class: "px-3" }, Qo = /* @__PURE__ */ h("br", null, null, -1), Jo = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Xo = /* @__PURE__ */ k({
-  __name: "VoSubscriptionDialog",
-  props: {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(p) {
-    function e(u) {
-      return new Promise((m) => setTimeout(m, u));
-    }
-    const i = le(p, "modelValue"), n = j(), l = be(), s = D(n.interval), r = D(n.hasBilling ? "status" : "subscribe"), c = D(!1);
-    N(s, (u) => {
-      !n.isSubscriber || !n.interval || (c.value = u !== n.interval);
-    }), N(i, async (u) => {
-      !u || !n.isSubscriber || n.subscriptionInfo();
-    }), N(l, async () => {
-      !n.sessionId && !["subscribe", "status"].includes(l.value.one) || (r.value = n.sessionId || l.value.one === "status" ? "status" : "subscribe", n.isOpen = !0, await me(), i.value = !0);
-    }, { immediate: !0 });
-    async function f() {
-      await n.modify(s.value), await n.subscriptionInfo(), c.value = null, await e(3e3), r.value = "status", await e(300), c.value = !1;
-    }
-    return (u, m) => {
-      const b = ge, V = Yo, y = qo, _ = Ro, x = Uo, L = ae, z = Ue;
-      return d(), v(z, {
-        modelValue: i.value,
-        "onUpdate:modelValue": m[4] || (m[4] = (T) => i.value = T),
-        "prepend-icon": `svg:${t(Ot)}`,
-        title: "Subscriptions"
-      }, G({
-        default: a(() => [
-          o(Ie, null, {
-            default: a(() => [
-              o(Ae, { scrollable: "" }, {
-                default: a(() => [
-                  h("div", Zo, [
-                    o(ee, null, {
-                      default: a(() => [
-                        o(b, {
-                          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"
-                        }),
-                        o(st, { "model-value": r.value }, {
-                          default: a(() => [
-                            o(ue, { value: "subscribe" }, {
-                              default: a(() => [
-                                o(V, {
-                                  modelValue: s.value,
-                                  "onUpdate:modelValue": m[0] || (m[0] = (T) => s.value = T)
-                                }, null, 8, ["modelValue"]),
-                                Qo,
-                                o(y)
-                              ]),
-                              _: 1
-                            }),
-                            o(ue, { value: "status" }, {
-                              default: a(() => [
-                                o(_, {
-                                  "onChange:subscription": m[1] || (m[1] = (T) => r.value = "subscribe")
-                                }),
-                                o(x)
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["model-value"])
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 2
-      }, [
-        r.value === "subscribe" ? {
-          name: "actions",
-          fn: a(() => [
-            h("div", Jo, [
-              c.value !== !1 ? (d(), v(L, {
-                key: 0,
-                loading: t(n).isLoading,
-                "prepend-icon": `svg:${c.value !== null ? t(Ft) : t(de)}`,
-                readonly: c.value === null,
-                text: c.value !== null ? "Modify Subscription" : "Success",
-                color: "success",
-                size: "default",
-                block: "",
-                onClick: f
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(n).isSubscriber ? (d(), v(L, {
-                key: 2,
-                "prepend-icon": `svg:${t(zt)}`,
-                size: "default",
-                text: "Manage Subscription",
-                block: "",
-                onClick: m[3] || (m[3] = (T) => r.value = "status")
-              }, null, 8, ["prepend-icon"])) : (d(), v(L, {
-                key: 1,
-                color: s.value ? "primary" : "disabled",
-                disabled: !s.value,
-                loading: t(n).isLoading,
-                "prepend-icon": "$vuetify",
-                size: "default",
-                text: "Activate Subscription",
-                block: "",
-                onClick: m[2] || (m[2] = (T) => t(n).subscribe(s.value))
-              }, null, 8, ["color", "disabled", "loading"]))
-            ])
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["modelValue", "prepend-icon"]);
-    };
-  }
-}), Ko = /* @__PURE__ */ k({
-  __name: "VoSubscriptionListItem",
-  setup(p) {
-    const e = D(!1);
-    return (i, n) => {
-      const l = Xo, s = X;
-      return d(), v(s, {
-        active: e.value,
-        "prepend-icon": `svg:${t(jt)}`,
-        title: "Subscriptions",
-        link: ""
-      }, {
-        default: a(() => [
-          o(l, {
-            modelValue: e.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r)
-          }, null, 8, ["modelValue"])
-        ]),
-        _: 1
-      }, 8, ["active", "prepend-icon"]);
-    };
-  }
-}), en = { class: "ps-16" }, tn = /* @__PURE__ */ k({
-  __name: "VoSponsorshipsTimelineItemPatreon",
-  setup(p) {
-    const e = j(), i = Be();
-    return (n, l) => {
-      var r, c;
-      const s = ae;
-      return d(), v(qe, {
-        "dot-color": (r = t(e).patreon) != null && r.isActive ? "success" : "transparent",
-        icon: (c = t(e).patreon) != null && c.isActive ? `svg:${t(re)}` : void 0,
-        size: "x-small",
-        width: "100%"
-      }, {
-        default: a(() => [
-          o(R, {
-            "prepend-avatar": t(i).CDN_URL + "/logos/patreon.png",
-            rounded: "lg",
-            subtitle: "Support Vuetify through Patreon.",
-            title: "Patreon Subscriber",
-            variant: "text",
-            border: ""
-          }, {
-            append: a(() => {
-              var f;
-              return [
-                h("div", en, [
-                  o(s, {
-                    text: (f = t(e).patreon) != null && f.isActive ? "Active" : "Coming Soon",
-                    color: "surface-variant",
-                    readonly: ""
-                  }, null, 8, ["text"])
-                ])
-              ];
-            }),
-            default: a(() => {
-              var f;
-              return [
-                (f = t(e).patreon) != null && f.isActive ? (d(), S(U, { key: 0 }, [
-                  o(W),
-                  o(ee, { class: "d-flex justify-space-between align-center flex-wrap" }, {
-                    default: a(() => [
-                      o(Y, {
-                        "prepend-icon": `svg:${t(We)}`,
-                        text: t(e).patreon.tierName,
-                        color: "success",
-                        variant: "text",
-                        label: ""
-                      }, null, 8, ["prepend-icon", "text"])
-                    ]),
-                    _: 1
-                  })
-                ], 64)) : $("", !0)
-              ];
-            }),
-            _: 1
-          }, 8, ["prepend-avatar"])
-        ]),
-        _: 1
-      }, 8, ["dot-color", "icon"]);
-    };
-  }
-}), on = { class: "ps-16" }, nn = /* @__PURE__ */ k({
-  __name: "VoSponsorshipsTimelineItemDiscord",
-  setup(p) {
-    const e = j(), i = Be();
-    return (n, l) => {
-      var r, c;
-      const s = ae;
-      return d(), v(qe, {
-        "dot-color": (r = t(e).discord) != null && r.isActive ? "success" : "transparent",
-        icon: (c = t(e).discord) != null && c.isActive ? `svg:${t(re)}` : void 0,
-        size: "x-small",
-        width: "100%"
-      }, {
-        default: a(() => [
-          o(R, {
-            "prepend-avatar": t(i).CDN_URL + "/logos/discord.png",
-            rounded: "lg",
-            subtitle: "Support Vuetify through Discord.",
-            title: "Discord Subscriber",
-            variant: "text",
-            border: ""
-          }, {
-            append: a(() => {
-              var f, u, m, b, V, y;
-              return [
-                h("div", on, [
-                  o(s, {
-                    color: (f = t(e).discord) != null && f.isActive ? "success" : "primary",
-                    href: (u = t(e).discord) != null && u.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
-                    "prepend-icon": `svg:${(m = t(e).discord) != null && m.isActive ? t(de) : t(fe)}`,
-                    readonly: (b = t(e).discord) == null ? void 0 : b.isActive,
-                    target: (V = t(e).discord) != null && V.isActive ? void 0 : "_blank",
-                    text: (y = t(e).discord) != null && y.isActive ? "Active" : "Info",
-                    width: "88"
-                  }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
-                ])
-              ];
-            }),
-            default: a(() => {
-              var f;
-              return [
-                (f = t(e).discord) != null && f.isActive ? (d(), S(U, { key: 0 }, [
-                  o(W),
-                  o(ee, { class: "d-flex justify-space-between align-center flex-wrap" }, {
-                    default: a(() => [
-                      o(Y, {
-                        "prepend-icon": `svg:${t(We)}`,
-                        text: t(e).discord.tierName,
-                        color: "surface-variant",
-                        size: "small",
-                        variant: "text",
-                        label: ""
-                      }, null, 8, ["prepend-icon", "text"])
-                    ]),
-                    _: 1
-                  })
-                ], 64)) : $("", !0)
-              ];
-            }),
-            _: 1
-          }, 8, ["prepend-avatar"])
-        ]),
-        _: 1
-      }, 8, ["dot-color", "icon"]);
-    };
-  }
-}), sn = { class: "ps-16" }, an = /* @__PURE__ */ k({
-  __name: "VoSponsorshipsTimelineItemGithub",
-  setup(p) {
-    const e = j(), i = Be();
-    return (n, l) => {
-      var r, c;
-      const s = ae;
-      return d(), v(qe, {
-        "dot-color": (r = t(e).github) != null && r.isActive ? "success" : "transparent",
-        icon: (c = t(e).github) != null && c.isActive ? `svg:${t(re)}` : void 0,
-        size: "x-small",
-        width: "100%"
-      }, {
-        default: a(() => [
-          o(R, {
-            "prepend-avatar": t(i).CDN_URL + "/logos/github.png",
-            rounded: "lg",
-            subtitle: "Support Vuetify through GitHub sponsors.",
-            title: "GitHub Sponsors",
-            variant: "text",
-            border: ""
-          }, {
-            append: a(() => {
-              var f, u, m, b, V, y;
-              return [
-                h("div", sn, [
-                  o(s, {
-                    color: (f = t(e).github) != null && f.isActive ? "success" : "primary",
-                    href: (u = t(e).github) != null && u.isActive ? void 0 : "https://github.com/sponsors/johnleider",
-                    "prepend-icon": `svg:${(m = t(e).github) != null && m.isActive ? t(de) : t(fe)}`,
-                    readonly: (b = t(e).github) == null ? void 0 : b.isActive,
-                    target: (V = t(e).github) != null && V.isActive ? void 0 : "_blank",
-                    text: (y = t(e).github) != null && y.isActive ? "Active" : "Info",
-                    width: "88"
-                  }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
-                ])
-              ];
-            }),
-            default: a(() => {
-              var f;
-              return [
-                (f = t(e).github) != null && f.isActive ? (d(), S(U, { key: 0 }, [
-                  o(W),
-                  o(ee, { class: "d-flex justify-space-between align-center flex-wrap" }, {
-                    default: a(() => [
-                      o(Y, {
-                        "prepend-icon": `svg:${t(We)}`,
-                        text: t(e).github.tierName,
-                        color: "surface-variant",
-                        size: "small",
-                        variant: "text",
-                        label: ""
-                      }, null, 8, ["prepend-icon", "text"])
-                    ]),
-                    _: 1
-                  })
-                ], 64)) : $("", !0)
-              ];
-            }),
-            _: 1
-          }, 8, ["prepend-avatar"])
-        ]),
-        _: 1
-      }, 8, ["dot-color", "icon"]);
-    };
-  }
-}), ln = /* @__PURE__ */ k({
-  __name: "VoSponsorshipsTimeline",
-  setup(p) {
-    return (e, i) => {
-      const n = an, l = nn, s = tn;
-      return d(), v(co, {
-        class: "justify-start ms-n7",
-        "line-inset": "12",
-        side: "end",
-        style: { "grid-template-columns": "auto auto 1fr" },
-        "truncate-line": "both"
-      }, {
-        default: a(() => [
-          o(n),
-          o(l),
-          o(s)
-        ]),
-        _: 1
-      });
-    };
-  }
-}), rn = { class: "px-3 pb-5 d-flex flex-column" }, cn = { class: "py-4" }, un = /* @__PURE__ */ h("div", { class: "text-caption text-medium-emphasis" }, [
-  /* @__PURE__ */ B(" A total of $2.99 or more unlocks "),
-  /* @__PURE__ */ h("span", { class: "font-weight-black" }, "all"),
-  /* @__PURE__ */ B(" Vuetify One benefits ")
-], -1), dn = /* @__PURE__ */ k({
-  __name: "VoSponsorshipsDialog",
-  props: {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(p) {
-    const e = le(p, "modelValue"), i = se(), n = be(), l = F(), s = j();
-    return N(n, async () => {
-      n.value.one === "sponsorships" && (s.isOpen = !0, await me(), e.value = !0);
-    }, { immediate: !0 }), (r, c) => {
-      const f = ge, u = ln, m = Me("v-empty-state"), b = Ue;
-      return d(), v(b, {
-        modelValue: e.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (V) => e.value = V),
-        "max-height": t(i).xs.value ? void 0 : 820,
-        "prepend-icon": `svg:${t(Tt)}`,
-        title: "Sponsorships"
-      }, {
-        default: a(() => [
-          o(Ie, null, {
-            default: a(() => [
-              o(Ae, { scrollable: "" }, {
-                default: a(() => [
-                  h("div", rn, [
-                    o(ee, null, {
-                      default: a(() => [
-                        o(f, {
-                          text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
-                          title: "Support Vuetify"
-                        }),
-                        o(u)
-                      ]),
-                      _: 1
-                    }),
-                    o(m, {
-                      icon: `svg:${t(Mt)}`,
-                      class: "mt-auto",
-                      "min-height": "auto",
-                      size: "64",
-                      title: "Your Monthly Contributions"
-                    }, {
-                      media: a(() => [
-                        o(A, { color: "success" })
-                      ]),
-                      headline: a(() => [
-                        h("div", cn, [
-                          t(l).isSubscriber ? (d(), S(U, { key: 0 }, [
-                            B(" $" + C(parseFloat(String(t(s).monthlyTotal)).toFixed(2)), 1)
-                          ], 64)) : (d(), S(U, { key: 1 }, [
-                            B(" $0.00 ")
-                          ], 64))
-                        ])
-                      ]),
-                      text: a(() => [
-                        un
-                      ]),
-                      _: 1
-                    }, 8, ["icon"])
-                  ])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue", "max-height", "prepend-icon"]);
-    };
-  }
-}), pn = /* @__PURE__ */ k({
-  __name: "VoSponsorshipsListItem",
-  setup(p) {
-    const e = D(!1);
-    return (i, n) => {
-      const l = dn, s = X;
-      return d(), v(s, {
-        active: e.value,
-        "prepend-icon": `svg:${t(Rt)}`,
-        title: "Sponsorships",
-        link: ""
-      }, {
-        default: a(() => [
-          o(l, {
-            modelValue: e.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r)
-          }, null, 8, ["modelValue"])
-        ]),
-        _: 1
-      }, 8, ["active", "prepend-icon"]);
-    };
-  }
-}), mn = {
-  key: 0,
-  class: "pt-16"
-}, fn = /* @__PURE__ */ h("div", { class: "text-medium-emphasis" }, " All caught up ", -1), vn = {
-  key: 1,
-  class: "pa-5"
-}, _n = { class: "text-subtitle-1 font-weight-bold" }, hn = { class: "text-caption font-weight-bold text-medium-emphasis" }, gn = { class: "text-disabled text-caption mt-2 mb-3" }, bn = /* @__PURE__ */ k({
-  __name: "VoNotificationsBannerList",
-  props: {
-    items: {}
-  },
-  setup(p) {
-    const e = we(), i = se(), n = O();
-    function l(r) {
-      return n.notifications.last.banner.includes(r);
-    }
-    function s(r) {
-      l(r.slug) ? n.notifications.last.banner = n.notifications.last.banner.filter((c) => c !== r.slug) : n.notifications.last.banner.push(r.slug);
-    }
-    return (r, c) => {
-      const f = Me("v-empty-state");
-      return d(), v(te, {
-        class: "py-0",
-        height: "100%",
-        lines: "three"
-      }, {
-        default: a(() => [
-          r.items.length ? (d(), S("div", vn, [
-            (d(!0), S(U, null, oe(r.items, (u) => {
-              var m;
-              return d(), S("div", {
-                key: u.slug,
-                class: "mb-4"
-              }, [
-                o(R, {
-                  color: u.metadata.color,
-                  image: (m = u.metadata.images.bg) == null ? void 0 : m.url,
-                  title: u.title,
-                  rounded: "b-0",
-                  flat: ""
-                }, {
-                  prepend: a(() => [
-                    o(ne, {
-                      image: u.metadata.images.logo.url
-                    }, null, 8, ["image"])
-                  ]),
-                  image: a(() => [
-                    o(Le, { position: "right" })
-                  ]),
-                  _: 2
-                }, 1032, ["color", "image", "title"]),
-                o(Ce, null, {
-                  default: a(({ props: b, isHovering: V }) => [
-                    o(Ge, H(b, {
-                      class: "px-8 pt-2 pb-4 position-relative",
-                      rounded: "b",
-                      border: ""
-                    }), {
-                      default: a(() => [
-                        o(Q, {
-                          text: l(u.slug) ? "Mark as unread" : "Mark as read",
-                          location: "bottom"
-                        }, {
-                          activator: a(({ props: y }) => [
-                            o($e, { "hide-on-leave": "" }, {
-                              default: a(() => [
-                                xe(o(q, H(y, {
-                                  icon: `svg:${l(u.slug) ? t(Xe) : t(Je)}`,
-                                  class: "ms-auto float-right",
-                                  size: "small",
-                                  variant: "text",
-                                  "mdi-email-variant": "",
-                                  onClick: (_) => s(u)
-                                }), null, 16, ["icon", "onClick"]), [
-                                  [Re, V || t(i).mobile.value]
-                                ])
-                              ]),
-                              _: 2
-                            }, 1024)
-                          ]),
-                          _: 2
-                        }, 1032, ["text"]),
-                        h("div", _n, C(u.metadata.text), 1),
-                        h("div", hn, C(t(e).format(u.created_at, "fullDateWithWeekday")), 1),
-                        h("div", gn, C(u.metadata.subtext), 1),
-                        o(Y, H({
-                          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
-                        }, {
-                          "append-icon": `svg:${t(fe)}`,
-                          text: u.metadata.link_text,
-                          size: "small",
-                          variant: "text",
-                          border: "",
-                          label: ""
-                        }), {
-                          append: a(() => [
-                            o(A, { size: "12" })
-                          ]),
-                          _: 2
-                        }, 1040, ["append-icon", "text"])
-                      ]),
-                      _: 2
-                    }, 1040)
-                  ]),
-                  _: 2
-                }, 1024)
-              ]);
-            }), 128))
-          ])) : (d(), S("div", mn, [
-            o(f, {
-              icon: "$vuetify",
-              size: "256"
-            }, {
-              media: a(() => [
-                o(A, { color: "medium-emphasis" })
-              ]),
-              title: a(() => [
-                fn
-              ]),
-              _: 1
-            })
-          ]))
-        ]),
-        _: 1
-      });
-    };
-  }
-}), yn = {
-  key: 0,
-  class: "pt-16"
-}, Vn = /* @__PURE__ */ h("div", { class: "text-medium-emphasis" }, " All caught up ", -1), kn = { class: "ps-3 text-subtitle-2 pe-2" }, xn = { class: "text-truncate" }, $n = { class: "text-caption font-weight-bold text-medium-emphasis" }, wn = { class: "text-disabled text-caption my-2" }, Sn = /* @__PURE__ */ k({
-  __name: "VoNotificationsList",
-  props: {
-    items: {}
-  },
-  setup(p) {
-    const e = we(), i = se(), n = O();
-    function l(r) {
-      return n.notifications.read.includes(r);
-    }
-    function s(r) {
-      l(r.slug) ? n.notifications.read = n.notifications.read.filter((c) => c !== r.slug) : n.notifications.read.push(r.slug);
-    }
-    return (r, c) => {
-      const f = Me("v-empty-state"), u = X;
-      return d(), v(te, {
-        class: "py-0",
-        height: "100%",
-        lines: "three"
-      }, {
-        default: a(() => [
-          r.items.length ? (d(!0), S(U, { key: 1 }, oe(r.items, (m, b) => (d(), v(Ce, {
-            key: m.slug
-          }, {
-            default: a(({ isHovering: V, props: y }) => [
-              o(u, H(y, {
-                border: b !== 0 && "t",
-                class: "py-4 mb-0"
-              }), {
-                prepend: a(() => [
-                  h("div", kn, C(m.metadata.emoji), 1)
-                ]),
-                append: a(() => [
-                  o(uo, {
-                    class: "mt-n3",
-                    width: "56"
-                  }, {
-                    default: a(() => [
-                      o(Q, {
-                        text: l(m.slug) ? "Mark as unread" : "Mark as read",
-                        location: "bottom"
-                      }, {
-                        activator: a(({ props: _ }) => [
-                          o($e, { "hide-on-leave": "" }, {
-                            default: a(() => [
-                              xe(o(q, H(_, {
-                                icon: `svg:${l(m.slug) ? t(Xe) : t(Je)}`,
-                                class: "ms-auto",
-                                size: "small",
-                                variant: "text",
-                                "mdi-email-variant": "",
-                                onClick: (x) => s(m)
-                              }), null, 16, ["icon", "onClick"]), [
-                                [Re, V || t(i).mobile.value]
-                              ])
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ]),
-                        _: 2
-                      }, 1032, ["text"])
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                default: a(() => [
-                  o(Ke, { class: "text-wrap text-h6 mb-1" }, {
-                    default: a(() => [
-                      h("div", xn, C(m.title), 1)
-                    ]),
-                    _: 2
-                  }, 1024),
-                  h("div", $n, C(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
-                  h("div", wn, C(m.metadata.text), 1),
-                  o(Y, {
-                    "append-icon": `svg:${t(fe)}`,
-                    href: m.metadata.action,
-                    text: m.metadata.action_text,
-                    size: "small",
-                    target: "_blank",
-                    variant: "text",
-                    border: "",
-                    label: "",
-                    onClick: (_) => s(m)
-                  }, {
-                    append: a(() => [
-                      o(A, { size: "12" })
-                    ]),
-                    _: 2
-                  }, 1032, ["append-icon", "href", "text", "onClick"])
-                ]),
-                _: 2
-              }, 1040, ["border"])
-            ]),
-            _: 2
-          }, 1024))), 128)) : (d(), S("div", yn, [
-            o(f, {
-              icon: "$vuetify",
-              size: "256"
-            }, {
-              media: a(() => [
-                o(A, { color: "medium-emphasis" })
-              ]),
-              title: a(() => [
-                Vn
-              ]),
-              _: 1
-            })
-          ]))
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Cn = J("site", () => {
-  const p = E([]), e = E();
-  return {
-    id: p,
-    url: e
-  };
-}), Ne = J("banners", () => {
-  const p = he(), e = Cn(), i = O(), n = E([]), l = D(!1), s = w(() => r.value ? r.value : n.value.find(({
-    slug: f,
-    metadata: {
-      site: u,
-      active: m
-    }
-  }) => !m || i.notifications.last.banner.includes(f) ? !1 : u.includes("dev") && !1 || u.includes("*") ? !0 : u.some((b) => e.id.includes(b)))), r = w(() => n.value.find(({
-    metadata: {
-      site: f,
-      active: u
-    }
-  }) => u ? f.includes("server") : !1));
-  async function c() {
-    try {
-      l.value = !0;
-      const f = await p.get("/one/banners");
-      n.value = f.banners;
-    } catch {
-    } finally {
-      l.value = !1;
-    }
-    return n.value;
-  }
-  return {
-    all: n,
-    isLoading: l,
-    server: r,
-    banner: s,
-    get: c
-  };
-}), Ln = { class: "text-caption" }, In = { class: "text-caption" }, An = /* @__PURE__ */ k({
-  __name: "VoNotificationsDialog",
-  props: {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(p) {
-    const e = se(), i = be(), n = Ne(), l = De(), s = j(), r = D(["read"]), c = le(p, "modelValue");
-    return N(i, async () => {
-      if (i.value.one !== "notifications") {
-        c.value && (c.value = !1);
-        return;
-      }
-      s.isOpen = !0, await me(), c.value = !0;
-    }, { immediate: !0 }), (f, u) => {
-      const m = X, b = Sn, V = bn, y = Ue;
-      return d(), v(y, {
-        modelValue: c.value,
-        "onUpdate:modelValue": u[2] || (u[2] = (_) => c.value = _),
-        "prepend-icon": `svg:${t(Pt)}`,
-        title: "Notifications"
-      }, {
-        default: a(() => [
-          o(Ie, null, {
-            default: a(() => [
-              o(po, {
-                location: t(e).mobile.value ? "top" : "start",
-                width: t(e).mobile.value ? 128 : 168,
-                permanent: ""
-              }, {
-                default: a(() => [
-                  o(te, {
-                    selected: r.value,
-                    "onUpdate:selected": u[0] || (u[0] = (_) => r.value = _),
-                    class: "px-4 pt-4",
-                    density: "compact",
-                    mandatory: "",
-                    nav: ""
-                  }, {
-                    default: a(() => [
-                      o(m, {
-                        "prepend-icon": `svg:${t(Ht)}`,
-                        title: "Unread",
-                        value: "read"
-                      }, G({ _: 2 }, [
-                        t(l).unread.length > 0 ? {
-                          name: "append",
-                          fn: a(() => [
-                            h("span", Ln, C(t(l).unread.length), 1)
-                          ]),
-                          key: "0"
-                        } : void 0
-                      ]), 1032, ["prepend-icon"]),
-                      o(m, {
-                        "prepend-icon": `svg:${t(Et)}`,
-                        title: "Read",
-                        value: "unread"
-                      }, G({ _: 2 }, [
-                        t(l).read.length > 0 ? {
-                          name: "append",
-                          fn: a(() => [
-                            h("span", In, C(t(l).read.length), 1)
-                          ]),
-                          key: "0"
-                        } : void 0
-                      ]), 1032, ["prepend-icon"]),
-                      t(n).all.length > 0 ? (d(), v(m, {
-                        key: 0,
-                        "prepend-icon": `svg:${t(Wt)}`,
-                        title: "Banners",
-                        value: "banners"
-                      }, {
-                        append: a(() => [
-                          o(Pe, {
-                            "offset-y": "-3",
-                            dot: ""
-                          })
-                        ]),
-                        _: 1
-                      }, 8, ["prepend-icon"])) : $("", !0)
-                    ]),
-                    _: 1
-                  }, 8, ["selected"])
-                ]),
-                _: 1
-              }, 8, ["location", "width"]),
-              o(Ae, { scrollable: "" }, {
-                default: a(() => [
-                  o(st, {
-                    modelValue: r.value,
-                    "onUpdate:modelValue": u[1] || (u[1] = (_) => r.value = _)
-                  }, {
-                    default: a(() => [
-                      o(ue, { value: "read" }, {
-                        default: a(() => [
-                          o(b, {
-                            items: t(l).unread
-                          }, null, 8, ["items"])
-                        ]),
-                        _: 1
-                      }),
-                      o(ue, { value: "unread" }, {
-                        default: a(() => [
-                          o(b, {
-                            items: t(l).read
-                          }, null, 8, ["items"])
-                        ]),
-                        _: 1
-                      }),
-                      o(ue, { value: "banners" }, {
-                        default: a(() => [
-                          o(V, {
-                            items: t(n).all
-                          }, null, 8, ["items"])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue", "prepend-icon"]);
-    };
-  }
-}), Dn = /* @__PURE__ */ k({
-  __name: "VoNotificationsBadge",
-  setup(p) {
-    const e = De(), i = O();
-    return (n, l) => (d(), v(Pe, {
-      content: t(e).unread.length,
-      "model-value": t(i).notifications.show && t(e).unread.length > 0,
-      color: "error"
-    }, {
-      default: a(() => [
-        P(n.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["content", "model-value"]));
-  }
-}), Un = /* @__PURE__ */ k({
-  __name: "VoNotificationsListItem",
-  setup(p) {
-    const e = Ne(), i = O(), n = De(), l = D(!1);
-    return ft(async () => {
-      n.get(), e.get();
-    }), (s, r) => {
-      const c = Dn, f = An, u = X;
-      return t(i).notifications.show ? (d(), v(u, {
-        key: 0,
-        active: l.value,
-        "prepend-icon": `svg:${t(Gt)}`,
-        title: "Notifications",
-        link: ""
-      }, G({
-        default: a(() => [
-          o(f, {
-            modelValue: l.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (m) => l.value = m)
-          }, null, 8, ["modelValue"])
-        ]),
-        _: 2
-      }, [
-        t(n).unread.length ? {
-          name: "prepend",
-          fn: a(() => [
-            o(c, null, {
-              default: a(() => [
-                o(A)
-              ]),
-              _: 1
-            })
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["active", "prepend-icon"])) : $("", !0);
-    };
-  }
-}), Bn = /* @__PURE__ */ k({
-  __name: "VoDashboardListItem",
-  setup(p) {
-    const e = j();
-    return (i, n) => {
-      const l = X;
-      return d(), v(l, {
-        "prepend-icon": `svg:${t(qt)}`,
-        title: "Dashboard",
-        to: "/user/dashboard",
-        onClick: n[0] || (n[0] = (s) => t(e).isOpen = !1)
-      }, null, 8, ["prepend-icon"]);
-    };
-  }
-}), Nn = /* @__PURE__ */ k({
-  __name: "VoUserList",
-  setup(p) {
-    const e = F();
-    return (i, n) => {
-      const l = Bn, s = Un, r = pn, c = Ko, f = Ao, u = $o;
-      return d(), v(te, {
-        density: "compact",
-        nav: "",
-        slim: ""
-      }, {
-        default: a(() => [
-          o(l),
-          o(s),
-          o(r),
-          t(e).user ? (d(), v(c, { key: 0 })) : $("", !0),
-          o(f),
-          t(e).user ? (d(), v(u, { key: 1 })) : $("", !0)
-        ]),
-        _: 1
-      });
-    };
-  }
-}), On = { key: 0 }, Fn = { class: "d-flex align-center justify-center pa-1 ga-2" }, zn = /* @__PURE__ */ k({
-  __name: "VoUserQuickActions",
-  setup(p) {
-    const e = O(), i = [
-      ["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",
-      ["M12.353 16.0368C9.07567 12.843 3.90082 17.0493 6.66818 20.5975C9.94136 24.3844 15.773 19.6984 12.353 16.0368ZM11.1267 19.4129C10.2224 20.7664 7.79139 20.1099 7.82746 18.4686C8.04976 15.4897 12.7112 16.8495 11.1267 19.4129Z", 0.6]
-    ];
-    return (n, l) => (d(), v(_e, null, {
-      default: a(() => [
-        t(e).quickbar ? (d(), S("div", On, [
-          h("div", Fn, [
-            o(q, {
-              color: t(e).colors.one,
-              class: "text-caption",
-              density: "comfortable",
-              href: "https://play.vuetifyjs.com",
-              icon: "$vuetify-play",
-              target: "_blank"
-            }, {
-              default: a(() => [
-                o(A),
-                o(Q, {
-                  activator: "parent",
-                  location: "top",
-                  text: "Vuetify Play"
-                })
-              ]),
-              _: 1
-            }, 8, ["color"]),
-            o(q, {
-              color: t(e).colors.one,
-              icon: i,
-              class: "text-caption",
-              density: "comfortable",
-              href: "https://bin.vuetifyjs.com",
-              target: "_blank"
-            }, {
-              default: a(() => [
-                o(A),
-                o(Q, {
-                  activator: "parent",
-                  location: "top",
-                  text: "Vuetify Bin"
-                })
-              ]),
-              _: 1
-            }, 8, ["color"]),
-            o(q, {
-              color: t(e).colors.one,
-              icon: `svg:${t(Yt)}`,
-              class: "text-caption",
-              density: "comfortable",
-              href: "https://issues.vuetifyjs.com",
-              target: "_blank"
-            }, {
-              default: a(() => [
-                o(A),
-                o(Q, {
-                  activator: "parent",
-                  location: "top",
-                  text: "Vuetify Issues"
-                })
-              ]),
-              _: 1
-            }, 8, ["color", "icon"])
-          ])
-        ])) : $("", !0)
-      ]),
-      _: 1
-    }));
-  }
-}), jn = { class: "mb-2" }, Tn = { key: 0 }, Mn = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Rn = { class: "text-h6" }, Pn = /* @__PURE__ */ k({
-  __name: "VoUserAvatar",
-  setup(p) {
-    const e = F(), i = O(), n = D(!1), l = w(() => {
-      const c = [
-        "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
-        "https://cdn.vuetifyjs.com/docs/images/avatars/grass.png",
-        "https://cdn.vuetifyjs.com/docs/images/avatars/wood.png",
-        "https://cdn.vuetifyjs.com/docs/images/avatars/gold.png",
-        "https://cdn.vuetifyjs.com/docs/images/avatars/planet.png",
-        "https://cdn.vuetifyjs.com/docs/images/avatars/planetary.png",
-        "https://cdn.vuetifyjs.com/docs/images/avatars/light.png",
-        "https://cdn.vuetifyjs.com/docs/images/avatars/dark.png",
-        "https://cdn.vuetifyjs.com/docs/images/avatars/blackguard.png",
-        "https://cdn.vuetifyjs.com/docs/images/avatars/battlecruiser.png",
-        "https://cdn.vuetifyjs.com/docs/images/avatars/cosmic-blue.png",
-        "https://cdn.vuetifyjs.com/docs/images/avatars/blackhole.png",
-        "https://cdn.vuetifyjs.com/docs/images/avatars/meteor.png",
-        "https://cdn.vuetifyjs.com/docs/images/avatars/tada.png"
-      ];
-      return e.user && c.unshift(e.user.picture), c;
-    });
-    function s(c) {
-      i.avatar = c;
-    }
-    function r() {
-      e.isSubscriber && (n.value = !n.value);
-    }
-    return (c, f) => {
-      var u;
-      return d(), S("div", null, [
-        xe((d(), v(ne, {
-          class: vt([
-            "border-md border-opacity-100 border-surface-variant",
-            {
-              "cursor-pointer": t(e).isSubscriber
-            }
-          ]),
-          color: "surface",
-          size: "72",
-          text: "Foobar",
-          onClick: Te(r, ["prevent", "stop"])
-        }, {
-          default: a(() => [
-            t(e).user && t(i).avatar ? (d(), v(Le, {
-              key: 0,
-              src: t(i).avatar,
-              alt: "User avatar"
-            }, null, 8, ["src"])) : (d(), v(A, {
-              key: 1,
-              class: "mt-1",
-              icon: "$vuetify",
-              size: "x-large"
-            }))
-          ]),
-          _: 1
-        }, 8, ["class"])), [
-          [mo, t(e).isSubscriber]
-        ]),
-        h("div", jn, [
-          o(_e, null, {
-            default: a(() => [
-              n.value ? (d(), S("div", Tn, [
-                o(R, {
-                  class: "pt-6 pb-1",
-                  rounded: "0",
-                  flat: ""
-                }, {
-                  default: a(() => [
-                    h("div", Mn, [
-                      (d(!0), S(U, null, oe(l.value, (m, b) => (d(), v(q, {
-                        key: b,
-                        active: t(i).avatar === m,
-                        variant: "flat",
-                        icon: "",
-                        onClick: (V) => s(m)
-                      }, {
-                        default: a(() => [
-                          o(ne, {
-                            image: m,
-                            eager: ""
-                          }, null, 8, ["image"])
-                        ]),
-                        _: 2
-                      }, 1032, ["active", "onClick"]))), 128))
-                    ])
-                  ]),
-                  _: 1
-                })
-              ])) : $("", !0)
-            ]),
-            _: 1
-          })
-        ]),
-        h("div", Rn, C(((u = t(e).user) == null ? void 0 : u.name) ?? "Guest"), 1)
-      ]);
-    };
-  }
-}), Hn = /* @__PURE__ */ k({
-  __name: "VoUserBadges",
-  setup(p) {
-    const e = F(), i = j(), n = w(() => {
-      var l;
-      return i.github || i.discord || i.isSubscriber || ((l = e.user) == null ? void 0 : l.isAdmin);
-    });
-    return (l, s) => n.value ? (d(), v(Ge, {
-      key: 0,
-      class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
-      color: "rgba(0,0,0,.54)",
-      rounded: "lg",
-      style: { left: "0" }
-    }, {
-      default: a(() => {
-        var r;
-        return [
-          (r = t(e).user) != null && r.isAdmin ? (d(), v(Q, {
-            key: 0,
-            location: "bottom",
-            text: "Vuetify Administrator"
-          }, {
-            activator: a(({ props: c }) => [
-              o(A, H({
-                color: "blue",
-                icon: "$vuetify"
-              }, c, { size: "16" }), null, 16)
-            ]),
-            _: 1
-          })) : $("", !0),
-          t(i).isSubscriber ? (d(), v(Q, {
-            key: 1,
-            location: "bottom",
-            text: "Vuetify One Subscriber"
-          }, {
-            activator: a(({ props: c }) => [
-              o(A, H({
-                icon: `svg:${t(Zt)}`,
-                color: "amber-darken-2"
-              }, c, { size: "16" }), null, 16, ["icon"])
-            ]),
-            _: 1
-          })) : $("", !0),
-          t(i).github ? (d(), v(Q, {
-            key: 2,
-            location: "bottom",
-            text: "GitHub Sponsor"
-          }, {
-            activator: a(({ props: c }) => [
-              o(A, H({
-                icon: `svg:${t(Ee)}`,
-                color: "white"
-              }, c, { size: "16" }), null, 16, ["icon"])
-            ]),
-            _: 1
-          })) : $("", !0),
-          t(i).discord ? (d(), v(Q, {
-            key: 3,
-            location: "bottom",
-            text: "Discord Subscriber"
-          }, {
-            activator: a(({ props: c }) => [
-              o(A, H({
-                icon: `svg:${t(He)}`,
-                color: "white"
-              }, c, { size: "16" }), null, 16, ["icon"])
-            ]),
-            _: 1
-          })) : $("", !0)
-        ];
-      }),
-      _: 1
-    })) : $("", !0);
   }
-}), En = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Wn = {
-  key: "reset",
-  class: "align-self-end"
-}, Gn = /* @__PURE__ */ k({
-  __name: "VoUserColors",
-  setup(p) {
-    const e = F(), i = O(), n = D(!1);
-    function l() {
-      i.colors.one = "surface-light";
+  async function H() {
+    var s;
+    if (b.value)
+      try {
+        e.value = !0;
+        const l = await r.post(
+          `/one/verify?subscriptionId=${(s = b.value) == null ? void 0 : s.tierName}`
+        );
+        n.user = l.user;
+      } catch {
+      } finally {
+        e.value = !1;
+      }
+  }
+  async function P() {
+    try {
+      e.value = !0;
+      const s = await r.get("/one/info");
+      return y.value = s.subscription, m.value = s.invoices, s;
+    } catch {
+    } finally {
+      e.value = !1;
     }
-    return (s, r) => {
-      const c = Hn, f = ae;
-      return d(), S(U, null, [
-        o(Le, {
-          color: t(e).user ? t(i).colors.one : "surface-light",
-          "content-class": "d-flex align-start justify-end pa-2",
-          height: "88",
-          rounded: "0",
-          cover: "",
-          flat: ""
-        }, {
-          default: a(() => [
-            h("div", En, [
-              o(c),
-              t(e).isSubscriber ? (d(), v(f, {
-                key: 0,
-                active: n.value,
-                icon: n.value ? `svg:${t(re)}` : "$edit",
-                variant: n.value ? "text" : "plain",
-                class: "align-self-end",
-                color: "inherit",
-                density: "comfortable",
-                title: "Edit One Header Color",
-                onClick: r[0] || (r[0] = (u) => n.value = !n.value)
-              }, {
-                default: a(() => [
-                  o($e, { "leave-absolute": "" }, {
-                    default: a(() => [
-                      (d(), v(A, {
-                        key: String(n.value)
-                      }))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["active", "icon", "variant"])) : $("", !0),
-              o(no, null, {
-                default: a(() => [
-                  xe(h("div", Wn, [
-                    o(f, {
-                      disabled: t(i).colors.one === "surface-light",
-                      icon: `svg:${t(Qt)}`,
-                      class: "ms-2 me-1",
-                      color: "inherit",
-                      density: "comfortable",
-                      title: "Revert to Default",
-                      variant: "text",
-                      onClick: l
-                    }, null, 8, ["disabled", "icon"])
-                  ], 512), [
-                    [Re, n.value]
-                  ])
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          _: 1
-        }, 8, ["color"]),
-        o(_e, null, {
-          default: a(() => [
-            n.value ? (d(), v(fo, {
-              key: 0,
-              "model-value": t(i).colors.one !== "surface-light" ? t(i).colors.one : void 0,
-              elevation: "0",
-              height: "250",
-              rounded: "0",
-              "swatches-max-height": "200",
-              width: "278",
-              "hide-canvas": "",
-              "hide-inputs": "",
-              "hide-sliders": "",
-              "show-swatches": "",
-              "onUpdate:modelValue": r[1] || (r[1] = (u) => t(i).colors.one = u)
-            }, null, 8, ["model-value"])) : $("", !0)
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
   }
-}), qn = { class: "text-center mt-n9 mb-4" }, Yn = /* @__PURE__ */ k({
-  __name: "VoUserMenu",
-  setup(p) {
-    const e = Ne(), i = j(), n = E();
-    return N(() => e.banner, async () => {
-      var l, s;
-      await new Promise((r) => setTimeout(r, 300)), i.isOpen && ((s = (l = n.value) == null ? void 0 : l.updateLocation) == null || s.call(l));
-    }, { flush: "pre" }), (l, s) => {
-      const r = Gn, c = Pn, f = zn, u = Nn, m = lt;
-      return d(), v(t(vo), {
-        ref_key: "menu",
-        ref: n,
-        modelValue: t(i).isOpen,
-        "onUpdate:modelValue": s[0] || (s[0] = (b) => t(i).isOpen = b),
-        "close-on-click": !1,
-        "close-on-content-click": !1,
-        activator: "parent",
-        location: "bottom end",
-        eager: ""
-      }, {
-        default: a(() => [
-          o(R, {
-            rounded: "lg",
-            width: "280",
-            border: ""
-          }, {
-            default: a(() => [
-              o(r),
-              h("div", qn, [
-                o(c),
-                o(f)
-              ]),
-              o(W),
-              o(u),
-              o(W),
-              o(m)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
+  function E() {
+    a.push({ query: {} });
   }
-}), Zn = { key: 0 }, Qn = /* @__PURE__ */ k({
+  return {
+    info: y,
+    interval: c,
+    invoices: m,
+    sessionId: t,
+    subscription: b,
+    monthlyTotal: p,
+    hasBilling: v,
+    isLoading: e,
+    isOpen: d,
+    isSubscriber: w,
+    github: V,
+    patreon: i,
+    discord: f,
+    activate: x,
+    cancel: $,
+    manage: R,
+    modify: q,
+    resetQuery: E,
+    subscribe: U,
+    subscriptionInfo: P,
+    verify: H
+  };
+}), Ge = { key: 0 }, We = /* @__PURE__ */ j({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
-  setup(p) {
-    const e = F(), i = j(), n = O(), { lgAndUp: l, mdAndDown: s } = se(), r = w(() => i.isOpen || !e.user ? n.colors.one === "surface-light" ? "primary" : n.colors.one : "surface-light");
-    return (c, f) => {
-      const u = Yn, m = ae, b = go;
-      return d(), v(b, {
-        "offset-y": t(e).user ? 5 : 0
+  setup(o) {
+    const t = I(), a = qe(), n = T(), { lgAndUp: r, mdAndDown: e } = se(), d = g(() => a.isOpen || !t.user ? n.colors.one === "surface-light" ? "primary" : n.colors.one : "surface-light");
+    return (y, m) => {
+      const c = N("VoUserMenu"), b = N("VoBtn"), v = N("VoNotificationsTotalBadge");
+      return k(), S(v, {
+        "offset-y": u(t).user ? 5 : 0
       }, {
-        default: a(() => [
-          o(m, H({
-            [`${t(l) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(Jt)}`
+        default: h(() => [
+          _(b, Y({
+            [`${u(r) ? "append-" : ""}icon`]: u(t).user ? void 0 : `svg:${u(we)}`
           }, {
-            color: r.value,
-            icon: t(e).user || t(e).isLoading,
-            loading: t(e).isLoading,
-            rounded: t(s),
-            variant: t(e).user ? "outlined" : "flat",
+            color: d.value,
+            icon: u(t).user || u(t).isLoading,
+            loading: u(t).isLoading,
+            rounded: u(e),
+            variant: u(t).user ? "outlined" : "flat",
             class: "vo-auth-btn",
             size: "default",
             style: { transition: ".2s ease" },
             active: ""
           }), {
-            default: a(() => [
-              t(e).user ? $("", !0) : (d(), S("span", Zn, "Login")),
-              t(e).user ? (d(), v(ne, {
+            default: h(() => [
+              u(t).user ? C("", !0) : (k(), oe("span", Ge, "Login")),
+              u(t).user ? (k(), S(W, {
                 key: 1,
-                image: t(n).avatar || t(e).user.picture || ""
-              }, null, 8, ["image"])) : $("", !0),
-              o(u)
+                image: u(n).avatar || u(t).user.picture || ""
+              }, null, 8, ["image"])) : C("", !0),
+              _(c)
             ]),
             _: 1
           }, 16, ["color", "icon", "loading", "rounded", "variant"])
@@ -3011,167 +421,218 @@ const Be = J("settings", () => {
       }, 8, ["offset-y"]);
     };
   }
-}), Jn = { class: "text-center mb-6" }, Xn = { class: "font-weight-light mb-2" }, Kn = /* @__PURE__ */ h("span", { class: "font-weight-bold" }, "Vuetify One", -1), es = /* @__PURE__ */ k({
-  __name: "VoAuthDialog",
-  setup(p) {
-    const e = F();
-    return (i, n) => {
-      const l = it, s = at;
-      return d(), v(tt, {
-        modelValue: t(e).dialog,
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => t(e).dialog = r),
+}), Je = { class: "text-center" }, Qe = { class: "text-center mb-6" }, Xe = { class: "font-weight-light mb-2" }, Ye = /* @__PURE__ */ O("span", { class: "font-weight-bold" }, "Vuetify One", -1), Ze = /* @__PURE__ */ j({
+  __name: "VoAuthCard",
+  setup(o) {
+    const t = I();
+    return (a, n) => {
+      const r = N("VoAuthGithub"), e = N("VoAuthDiscord");
+      return k(), S(re, {
+        class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
-        default: a(() => [
-          o(R, { class: "pt-6 pb-8 px-4 px-sm-8" }, {
-            default: a(() => [
-              o(ne, {
-                image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
-                class: "mx-auto",
-                size: "64"
-              }, null, 8, ["image"]),
-              h("div", Jn, [
-                o(to, { class: "text-h5 mb-1 text-md-h4" }, {
-                  default: a(() => [
-                    h("div", Xn, C(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
-                    Kn
-                  ]),
-                  _: 1
-                }),
-                o(oo, { class: "text-wrap" }, {
-                  default: a(() => [
-                    B(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
-                  ]),
-                  _: 1
-                })
+        default: h(() => [
+          O("div", Je, [
+            _(W, {
+              image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
+              class: "mx-auto",
+              size: "64"
+            }, null, 8, ["image"])
+          ]),
+          O("div", Qe, [
+            _(Ce, { class: "text-h5 mb-1 text-md-h4" }, {
+              default: h(() => [
+                O("div", Xe, z(u(t).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                Ye
               ]),
-              o(te, {
-                class: "mx-auto",
-                "max-width": "300",
-                width: "100%"
-              }, {
-                default: a(() => [
-                  o(l, { class: "mb-3" }),
-                  o(s)
-                ]),
-                _: 1
-              })
+              _: 1
+            }),
+            _(Fe, { class: "text-wrap" }, {
+              default: h(() => [
+                M(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
+              ]),
+              _: 1
+            })
+          ]),
+          _(ie, {
+            class: "mx-auto",
+            "max-width": "300",
+            width: "100%"
+          }, {
+            default: h(() => [
+              _(r, { class: "mb-3" }),
+              _(e)
             ]),
             _: 1
           })
         ]),
         _: 1
+      });
+    };
+  }
+}), Ke = /* @__PURE__ */ j({
+  __name: "VoAuthDialog",
+  setup(o) {
+    const t = I();
+    return (a, n) => {
+      const r = N("VoAuthCard");
+      return k(), S(De, {
+        modelValue: u(t).dialog,
+        "onUpdate:modelValue": n[0] || (n[0] = (e) => u(t).dialog = e),
+        "max-width": "480"
+      }, {
+        default: h(() => [
+          _(r)
+        ]),
+        _: 1
       }, 8, ["modelValue"]);
     };
   }
-}), ts = /* @__PURE__ */ k({
+}), et = D("site", () => {
+  const o = L([]), t = L();
+  return {
+    id: o,
+    url: t
+  };
+}), tt = D("banners", () => {
+  const o = J(), t = et(), a = T(), n = L([]), r = B(!1), e = g(() => d.value ? d.value : n.value.find(({
+    slug: m,
+    metadata: {
+      site: c,
+      active: b
+    }
+  }) => !b || a.notifications.last.banner.includes(m) ? !1 : c.includes("dev") && !1 || c.includes("*") ? !0 : c.some((v) => t.id.includes(v)))), d = g(() => n.value.find(({
+    metadata: {
+      site: m,
+      active: c
+    }
+  }) => c ? m.includes("server") : !1));
+  async function y() {
+    try {
+      r.value = !0;
+      const m = await o.get("/one/banners");
+      n.value = m.banners;
+    } catch {
+    } finally {
+      r.value = !1;
+    }
+    return n.value;
+  }
+  return {
+    all: n,
+    isLoading: r,
+    server: d,
+    banner: e,
+    get: y
+  };
+}), nt = /* @__PURE__ */ j({
   __name: "VoNotificationsBanner",
-  setup(p) {
-    const { mdAndUp: e } = se(), i = ot(), n = O(), l = Ne(), s = w(() => l.banner), r = w(() => {
-      var b, V;
-      return ((b = s.value) == null ? void 0 : b.metadata.height) || ((V = s.value) != null && V.metadata.subtext ? 88 : 48);
-    }), c = w(() => !s.value || !n.notifications.last.banner.includes(s.value.slug));
-    function f() {
-      s.value && n.notifications.last.banner.push(s.value.slug);
+  setup(o) {
+    const { mdAndUp: t } = se(), a = Z(), n = T(), r = tt(), e = g(() => r.banner), d = g(() => {
+      var v, w;
+      return ((v = e.value) == null ? void 0 : v.metadata.height) || ((w = e.value) != null && w.metadata.subtext ? 88 : 48);
+    }), y = g(() => !e.value || !n.notifications.last.banner.includes(e.value.slug));
+    function m() {
+      e.value && n.notifications.last.banner.push(e.value.slug);
     }
-    async function u(b) {
-      var _;
-      if (!s.value)
+    async function c(v) {
+      var f;
+      if (!e.value)
         return;
-      f(), await me();
-      const V = ((_ = s.value) == null ? void 0 : _.metadata) ?? { link: "" };
-      if (V.link.indexOf("?one=") === -1)
+      m(), await ve();
+      const w = ((f = e.value) == null ? void 0 : f.metadata) ?? { link: "" };
+      if (w.link.indexOf("?one=") === -1)
         return;
-      b.preventDefault(), b.stopPropagation();
-      const y = V.link.split("?one=")[1];
-      i.push({ query: { one: y } });
+      v.preventDefault(), v.stopPropagation();
+      const V = w.link.split("?one=")[1];
+      a.push({ query: { one: V } });
     }
-    const m = w(() => {
-      var V, y;
-      const b = ((V = s.value) == null ? void 0 : V.metadata) ?? { link: "" };
+    const b = g(() => {
+      var w, V;
+      const v = ((w = e.value) == null ? void 0 : w.metadata) ?? { link: "" };
       return {
-        href: b.link.startsWith("http") ? b.link : void 0,
-        target: b.link.startsWith("http") ? "_blank" : void 0,
-        to: b.link.startsWith("http") ? void 0 : b.link,
-        ...(y = s.value) == null ? void 0 : y.metadata.attributes,
-        onClick: u
+        href: v.link.startsWith("http") ? v.link : void 0,
+        target: v.link.startsWith("http") ? "_blank" : void 0,
+        to: v.link.startsWith("http") ? void 0 : v.link,
+        ...(V = e.value) == null ? void 0 : V.metadata.attributes,
+        onClick: c
       };
     });
-    return (b, V) => {
-      var y;
-      return s.value ? (d(), v(_o, {
+    return (v, w) => {
+      var V;
+      return e.value ? (k(), S(Ie, {
         key: 0,
-        color: s.value.metadata.color,
-        height: r.value,
-        image: (y = s.value.metadata.images.bg) == null ? void 0 : y.url,
-        "model-value": c.value,
-        theme: s.value.metadata.theme.key,
+        color: e.value.metadata.color,
+        height: d.value,
+        image: (V = e.value.metadata.images.bg) == null ? void 0 : V.url,
+        "model-value": y.value,
+        theme: e.value.metadata.theme.key,
         flat: ""
       }, {
-        default: a(() => [
-          o(ve, H(m.value, {
+        default: h(() => [
+          _(ue, Y(b.value, {
             active: !1,
             class: "flex-grow-1",
             lines: "two",
-            onClick: u
-          }), G({
-            append: a(() => [
-              t(e) && s.value.metadata.link && s.value.metadata.link_text ? (d(), v(Ce, { key: 0 }, {
-                default: a(({ isHovering: _, props: x }) => [
-                  o(q, H({
-                    ...x,
-                    ...m.value
+            onClick: c
+          }), me({
+            append: h(() => [
+              u(t) && e.value.metadata.link && e.value.metadata.link_text ? (k(), S(Ee, { key: 0 }, {
+                default: h(({ isHovering: f, props: i }) => [
+                  _(K, Y({
+                    ...i,
+                    ...b.value
                   }, {
-                    "append-icon": `svg:${t(fe)}`,
-                    color: s.value.metadata.link_color,
-                    elevation: _ ? 8 : 0,
-                    title: s.value.metadata.link_text,
+                    "append-icon": `svg:${u(ke)}`,
+                    color: e.value.metadata.link_color,
+                    elevation: f ? 8 : 0,
+                    title: e.value.metadata.link_text,
                     class: "text-none me-2",
                     variant: "elevated",
-                    onClick: u
+                    onClick: c
                   }), {
-                    default: a(() => [
-                      B(C(s.value.metadata.link_text), 1)
+                    default: h(() => [
+                      M(z(e.value.metadata.link_text), 1)
                     ]),
                     _: 2
                   }, 1040, ["append-icon", "color", "elevation", "title"])
                 ]),
                 _: 1
-              })) : $("", !0),
-              s.value.metadata.closable ? (d(), v(q, {
+              })) : C("", !0),
+              e.value.metadata.closable ? (k(), S(K, {
                 key: 1,
                 class: "ms-6 me-2",
                 density: "comfortable",
                 icon: "$clear",
                 size: "small",
                 variant: "plain",
-                onClick: Te(f, ["prevent", "stop"])
-              })) : $("", !0)
+                onClick: ae(m, ["prevent", "stop"])
+              })) : C("", !0)
             ]),
-            default: a(() => [
-              s.value.metadata.text ? (d(), v(Ke, {
+            default: h(() => [
+              e.value.metadata.text ? (k(), S(Ne, {
                 key: 0,
                 class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
               }, {
-                default: a(() => [
-                  B(C(s.value.metadata.text), 1)
+                default: h(() => [
+                  M(z(e.value.metadata.text), 1)
                 ]),
                 _: 1
-              })) : $("", !0),
-              s.value.metadata.subtext ? (d(), v(eo, { key: 1 }, {
-                default: a(() => [
-                  B(C(s.value.metadata.subtext), 1)
+              })) : C("", !0),
+              e.value.metadata.subtext ? (k(), S(Oe, { key: 1 }, {
+                default: h(() => [
+                  M(z(e.value.metadata.subtext), 1)
                 ]),
                 _: 1
-              })) : $("", !0)
+              })) : C("", !0)
             ]),
             _: 2
           }, [
-            s.value.metadata.images.logo ? {
+            e.value.metadata.images.logo ? {
               name: "prepend",
-              fn: a(() => [
-                o(ne, {
-                  image: s.value.metadata.images.logo.url,
+              fn: h(() => [
+                _(W, {
+                  image: e.value.metadata.images.logo.url,
                   size: "x-large"
                 }, null, 8, ["image"])
               ]),
@@ -3180,16 +641,103 @@ const Be = J("settings", () => {
           ]), 1040)
         ]),
         _: 1
-      }, 8, ["color", "height", "image", "model-value", "theme"])) : $("", !0);
+      }, 8, ["color", "height", "image", "model-value", "theme"])) : C("", !0);
+    };
+  }
+}), ot = { class: "pa-4 d-flex flex-column ga-4" }, at = /* @__PURE__ */ j({
+  __name: "VoAuthListItem",
+  setup(o) {
+    const t = I(), a = T(), n = B(!t.user && !t.isLoading);
+    F(() => t.user, (e) => {
+      n.value = !e;
+    });
+    function r() {
+      t.user && (n.value = !n.value);
+    }
+    return (e, d) => {
+      const y = N("VoAuthGithub"), m = N("VoAuthDiscord");
+      return k(), S(re, {
+        variant: n.value ? "tonal" : "text",
+        class: "ma-2",
+        rounded: "lg"
+      }, {
+        default: h(() => [
+          _(ie, { class: "py-0" }, {
+            default: h(() => [
+              _(ue, {
+                link: !!u(t).user,
+                "prepend-icon": `svg:${u(t).user && u(a).syncSettings ? u(Ve) : u(Se)}`,
+                title: u(t).user && u(a).syncSettings ? "Sync is on" : "Sync is paused",
+                class: "mb-0",
+                rounded: "b-0",
+                nav: "",
+                slim: "",
+                onClick: r
+              }, {
+                append: h(() => [
+                  _(Te, null, {
+                    default: h(() => [
+                      u(t).user && (n.value || !u(a).syncSettings) ? (k(), S(je, {
+                        key: 0,
+                        modelValue: u(a).syncSettings,
+                        "onUpdate:modelValue": d[0] || (d[0] = (c) => u(a).syncSettings = c),
+                        color: u(a).syncSettings ? "success" : void 0,
+                        density: "compact",
+                        "hide-details": "",
+                        inset: "",
+                        onClick: d[1] || (d[1] = ae(() => {
+                        }, ["stop"]))
+                      }, {
+                        thumb: h(() => [
+                          _(W, {
+                            color: u(a).syncSettings ? "success" : void 0
+                          }, null, 8, ["color"])
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue", "color"])) : C("", !0)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["link", "prepend-icon", "title"]),
+              _(Re, null, {
+                default: h(() => [
+                  !u(t).user && !u(t).isLoading || n.value ? (k(), S(Be, {
+                    key: 0,
+                    border: "t",
+                    color: "transparent"
+                  }, {
+                    default: h(() => [
+                      O("div", ot, [
+                        _(y, {
+                          onClick: d[2] || (d[2] = (c) => n.value = !1)
+                        }),
+                        _(m, {
+                          onClick: d[3] || (d[3] = (c) => n.value = !1)
+                        })
+                      ])
+                    ]),
+                    _: 1
+                  })) : C("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["variant"]);
     };
   }
-}), os = (p) => (_t("data-v-86d0e524"), p = p(), ht(), p), ns = ["href", "title"], ss = {
+}), st = (o) => (ge("data-v-d0145a63"), o = o(), be(), o), rt = ["href", "title"], it = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, as = /* @__PURE__ */ os(() => /* @__PURE__ */ h("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), is = /* @__PURE__ */ k({
+}, ut = /* @__PURE__ */ st(() => /* @__PURE__ */ O("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), ct = /* @__PURE__ */ j({
   __name: "VoFooter",
-  setup(p) {
-    const e = [
+  setup(o) {
+    const t = [
       {
         title: "Vuetify Documentation",
         icon: "$vuetify",
@@ -3197,7 +745,7 @@ const Be = J("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${Xt}`,
+        icon: `svg:${xe}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -3207,157 +755,308 @@ const Be = J("settings", () => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${Ee}`,
+        icon: `svg:${$e}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${He}`,
+        icon: `svg:${Le}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${Kt}`,
+        icon: `svg:${Ae}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (i, n) => (d(), v(ho, {
+    return (a, n) => (k(), S(Ue, {
       class: "vo-footer",
       height: "40"
     }, {
-      default: a(() => [
-        (d(), S(U, null, oe(e, (l) => h("a", {
-          key: l.title,
-          href: l.href,
-          title: l.title,
+      default: h(() => [
+        (k(), oe(he, null, ye(t, (r) => O("a", {
+          key: r.title,
+          href: r.href,
+          title: r.title,
           class: "d-inline-block mx-2 social-link",
           rel: "noopener noreferrer",
           target: "_blank"
         }, [
-          o(A, {
-            icon: l.icon,
-            size: l.icon === "$vuetify" ? 24 : 16
+          _(He, {
+            icon: r.icon,
+            size: r.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
-        ], 8, ns)), 64)),
-        h("div", ss, [
-          B(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          as
+        ], 8, rt)), 64)),
+        O("div", it, [
+          M(" © 2016-" + z((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          ut
         ])
       ]),
       _: 1
     }));
   }
-});
-const ls = (p, e) => {
-  const i = p.__vccOpts || p;
-  for (const [n, l] of e)
-    i[n] = l;
-  return i;
-}, rs = /* @__PURE__ */ ls(is, [["__scopeId", "data-v-86d0e524"]]), Zs = J("bins", () => {
-  const p = F(), e = he(), i = E([]), n = E(), l = D(!1), s = D(-1), r = w(() => !p.user || !n.value ? !1 : p.user.id === n.value.owner.id), c = w(() => i.value.filter((x) => x.favorite)), f = w(() => i.value.filter((x) => x.pinned));
-  N(n, () => {
-    window.clearTimeout(s.value), s.value = window.setTimeout(() => {
-      !n.value || !r.value || V(n.value, n.value.id);
+}), lt = (o, t) => {
+  const a = o.__vccOpts || o;
+  for (const [n, r] of t)
+    a[n] = r;
+  return a;
+}, dt = /* @__PURE__ */ lt(ct, [["__scopeId", "data-v-d0145a63"]]), Nt = D("bins", () => {
+  const o = I(), t = J(), a = L([]), n = L(), r = B(!1), e = B(-1), d = g(() => !o.user || !n.value ? !1 : o.user.id === n.value.owner.id), y = g(() => a.value.filter((i) => i.favorite)), m = g(() => a.value.filter((i) => i.pinned));
+  F(n, () => {
+    window.clearTimeout(e.value), e.value = window.setTimeout(() => {
+      !n.value || !d.value || w(n.value, n.value.id);
     }, 100);
   }, { deep: !0 });
-  async function u() {
+  async function c() {
     try {
-      l.value = !0;
-      const x = await e.get("/one/bins");
-      i.value = x.bins;
+      r.value = !0;
+      const i = await t.get("/one/bins");
+      a.value = i.bins;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
-    return i.value;
+    return a.value;
   }
-  async function m(x) {
+  async function b(i) {
     try {
-      l.value = !0, await e.delete(`/one/bins/${x}`), i.value = i.value.filter((L) => L.id !== x);
+      r.value = !0, await t.delete(`/one/bins/${i}`), a.value = a.value.filter((p) => p.id !== i);
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
     return !0;
   }
-  async function b(x) {
+  async function v(i) {
     try {
-      l.value = !0;
-      const L = await e.post("/one/bins", { bin: x });
-      return i.value.push(L.bin), n.value = L.bin, L;
+      r.value = !0;
+      const p = await t.post("/one/bins", { bin: i });
+      return a.value.push(p.bin), n.value = p.bin, p;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
-    return { bin: x };
+    return { bin: i };
   }
-  async function V(x, L) {
+  async function w(i, p) {
     try {
-      l.value = !0;
-      const z = await e.post(`/one/bins/${L}`, { bin: x }), T = i.value.findIndex((M) => M.id === L);
-      i.value.splice(T, 1, z.bin);
+      r.value = !0;
+      const x = await t.post(`/one/bins/${p}`, { bin: i }), R = a.value.findIndex((U) => U.id === p);
+      a.value.splice(R, 1, x.bin);
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
-    return { bin: x };
+    return { bin: i };
   }
-  async function y(x, L) {
+  async function V(i, p) {
     try {
-      l.value = !0;
-      const z = L ? await V(x, L) : await b(x);
-      n.value = z.bin;
+      r.value = !0;
+      const x = p ? await w(i, p) : await v(i);
+      n.value = x.bin;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
-    return { bin: x };
+    return { bin: i };
   }
-  async function _(x) {
+  async function f(i) {
     try {
-      l.value = !0;
-      const L = await e.get(`/one/bins/${x}`);
-      n.value = L.bin;
+      r.value = !0;
+      const p = await t.get(`/one/bins/${i}`);
+      n.value = p.bin;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
     return { bin: n.value };
   }
   return {
-    isLoading: l,
-    isOwner: r,
-    pinned: f,
-    favorites: c,
-    all: i,
-    create: b,
-    delete: m,
+    isLoading: r,
+    isOwner: d,
+    pinned: m,
+    favorites: y,
+    all: a,
+    create: v,
+    delete: b,
     current: n,
-    find: _,
-    get: u,
-    update: V,
-    updateOrCreate: y
+    find: f,
+    get: c,
+    update: w,
+    updateOrCreate: V
+  };
+});
+function ft() {
+  return {
+    blackguard: {
+      dark: !0,
+      colors: {
+        background: "#0f0c24",
+        primary: "#e7810d",
+        surface: "#1e184a",
+        info: "#9c27b0",
+        accent: "#FF4081",
+        success: "#84b38a",
+        "surface-light": "#362b89",
+        "surface-bright": "#564f8a",
+        "surface-variant": "#6458b4",
+        "on-surface-variant": "#FFFFFF",
+        "primary-darken-1": "#c56e0b",
+        secondary: "#8A2BE2",
+        "secondary-darken-1": "#7919cb",
+        error: "#FF5555",
+        warning: "#ffa726"
+      },
+      variables: {
+        "border-color": "#FFFFFF",
+        "border-opacity": 0.12,
+        "high-emphasis-opacity": 0.87,
+        "medium-emphasis-opacity": 0.6,
+        "disabled-opacity": 0.38,
+        "idle-opacity": 0.1,
+        "hover-opacity": 0.08,
+        "focus-opacity": 0.12,
+        "selected-opacity": 0.12,
+        "activated-opacity": 0.12,
+        "pressed-opacity": 0.16,
+        "dragged-opacity": 0.08,
+        "theme-kbd": "#212529",
+        "theme-on-kbd": "#FFFFFF",
+        "theme-code": "#343434",
+        "theme-on-code": "#CCCCCC"
+      }
+    },
+    nebula: {
+      dark: !0,
+      colors: {
+        background: "#0a0f1b",
+        surface: "#1c1f2a",
+        primary: "#4d5b9e",
+        "primary-darken-1": "#424a8c",
+        secondary: "#7a82d2",
+        accent: "#00eaff",
+        info: "#29b6f6",
+        warning: "#ffeb3b",
+        error: "#e91e63",
+        success: "#4caf50",
+        "on-surface-variant": "#5c6bc0",
+        "surface-light": "#2a3c66",
+        "secondary-darken-1": "#686f9a"
+      },
+      variables: {
+        "border-color": "#FFFFFF",
+        "border-opacity": 0.12,
+        "high-emphasis-opacity": 0.87,
+        "medium-emphasis-opacity": 0.6,
+        "disabled-opacity": 0.38,
+        "idle-opacity": 0.1,
+        "hover-opacity": 0.08,
+        "focus-opacity": 0.12,
+        "selected-opacity": 0.12,
+        "activated-opacity": 0.12,
+        "pressed-opacity": 0.16,
+        "dragged-opacity": 0.08,
+        "theme-kbd": "#212529",
+        "theme-on-kbd": "#FFFFFF",
+        "theme-code": "#343434",
+        "theme-on-code": "#CCCCCC"
+      }
+    },
+    highContrast: {
+      dark: !0,
+      colors: {
+        background: "#000000",
+        surface: "#000000",
+        primary: "#ffD700",
+        "primary-darken-1": "#e6c300",
+        secondary: "#00ff00",
+        "secondary-darken-1": "#00e600",
+        accent: "#ff00ff",
+        info: "#31aaff",
+        warning: "#ffaa00",
+        error: "#ff0000",
+        success: "#00ff00",
+        "on-surface-variant": "#000000",
+        "surface-light": "#f2f2f2",
+        "surface-bright": "#e6e6e6",
+        "surface-variant": "#cccccc"
+      },
+      variables: {
+        "border-color": "#ffffff",
+        "border-opacity": 0.87,
+        "high-emphasis-opacity": 1,
+        "medium-emphasis-opacity": 0.87,
+        "disabled-opacity": 0.5,
+        "idle-opacity": 0.1,
+        "hover-opacity": 0.2,
+        "focus-opacity": 0.3,
+        "selected-opacity": 0.3,
+        "activated-opacity": 0.3,
+        "pressed-opacity": 0.4,
+        "dragged-opacity": 0.2,
+        "theme-kbd": "#000000",
+        "theme-on-kbd": "#ffffff",
+        "theme-code": "#000000",
+        "theme-on-code": "#ffffff"
+      }
+    }
+  };
+}
+const Ot = D("settings", () => {
+  const o = "https://cdn.vuetifyjs.com/docs/images/one/", t = I(), a = T(), n = _e(), r = ft(), e = {
+    blackguard: {
+      "app-bar": o + "suits/blackguard/blackguard-app-bar.png",
+      drawer: o + "suits/blackguard/blackguard-app-drawer.png",
+      footer: ""
+    }
+    // polaris: {
+    //   'app-bar': '',
+    //   'drawer': '',
+    //   footer: '',
+    // },
+    // nebula: {
+    //   'app-bar': '',
+    //   'drawer': '',
+    //   footer: '',
+    // },
+  }, d = g(() => {
+    if (!a.suits.suit || !a.suits.show || !t.isSubscriber)
+      return {};
+    const y = e[a.suits.suit.toLowerCase()], m = {};
+    for (const c of a.suits.elements)
+      m[c] = y[c];
+    return m;
+  });
+  return n.themes.value = {
+    ...n.themes.value,
+    ...r
+  }, F(() => a.theme, (y) => {
+    y === "system" ? n.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : n.global.name.value = y, a.theme = y;
+  }, { immediate: !0 }), {
+    suit: d,
+    CDN_URL: o
   };
 });
-function Qs() {
-  function p(e) {
-    e.component("VoAuthBtn", Qn), e.component("VoAuthDialog", es), e.component("VoAuthListItem", lt), e.component("VoNotificationsBanner", ts), e.component("VoFooter", rs);
+function Dt() {
+  function o(t) {
+    t.component("VoAuthBtn", We), t.component("VoAuthCard", Ze), t.component("VoAuthDialog", Ke), t.component("VoAuthListItem", at), t.component("VoNotificationsBanner", nt), t.component("VoFooter", dt);
   }
-  return { install: p };
+  return { install: o };
 }
-function Js(p, e) {
-  return function(i) {
-    const n = i.store;
-    n.url = e, n.$id === "site" && (n.id = p);
+function It(o, t) {
+  return function(a) {
+    const n = a.store;
+    n.url = t, n.$id === "site" && (n.id = o);
   };
 }
 export {
-  Qs as createOne,
-  Js as one,
-  F as useAuthStore,
-  Zs as useBinsStore,
-  he as useHttpStore,
-  j as useOneStore,
-  Be as useSettingsStore,
-  O as useUserStore
+  Dt as createOne,
+  It as one,
+  I as useAuthStore,
+  tt as useBannersStore,
+  Nt as useBinsStore,
+  J as useHttpStore,
+  qe as useOneStore,
+  Ot as useSettingsStore,
+  T as useUserStore
 };