@vuetify/one 1.1.2 → 1.1.3

package/dist/index.js

@@ -1,54 +1,76 @@
-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", {
+import { reactive as dt, watch as N, toRefs as pt, ref as H, shallowRef as D, computed as w, defineComponent as k, openBlock as d, createBlock as v, unref as t, withCtx as a, renderSlot as R, normalizeStyle as Qe, createSlots as W, createCommentVNode as x, createElementVNode as h, toDisplayString as A, createVNode as o, withModifiers as Te, mergeModels as mt, useModel as le, createElementBlock as L, Fragment as U, createTextVNode as B, onBeforeMount as ft, nextTick as fe, renderList as oe, mergeProps as P, resolveComponent as Me, withDirectives as xe, vShow as Re, onMounted as vt, normalizeClass as _t, pushScopeId as ht, popScopeId as gt } from "vue";
+import { useRouter as Pe, useRoute as bt } from "vue-router/auto";
+import { defineStore as J } from "pinia";
+import { merge as Oe } from "lodash-es";
+import { VBadge as He } from "vuetify/lib/components/VBadge/index.mjs";
+import { VBtn as G } from "vuetify/lib/components/VBtn/index.mjs";
+import { VProgressCircular as yt } from "vuetify/lib/components/VProgressCircular/index.mjs";
+import { mdiDiscord as Ee, mdiGithub as We, mdiSync as Vt, mdiSyncOff as kt, mdiLogoutVariant as xt, mdiCheck as re, mdiHome as $t, mdiTextBox as wt, mdiSpaceInvaders as Je, mdiWhiteBalanceSunny as St, mdiWeatherNight as Ct, mdiDesktopTowerMonitor as Lt, mdiImageFilterHdr as At, mdiRocketLaunchOutline as It, mdiContrastCircle as Dt, mdiCog as Ut, mdiCogOutline as Bt, mdiFileDocument as Nt, mdiCreditCardSettingsOutline as Ot, mdiRocketOutline as Ft, mdiCheckCircleOutline as pe, mdiCreditCard as zt, mdiReload as jt, mdiPlaylistCheck as Tt, mdiCreditCardOutline as Mt, mdiMedal as Ge, mdiOpenInNew as ve, mdiHandHeart as Rt, mdiChartLine as Pt, mdiHandHeartOutline as Ht, mdiEmailOpenOutline as Xe, mdiEmailVariant as Ke, mdiBell as Et, mdiInboxOutline as Wt, mdiInboxFullOutline as Gt, mdiBillboard as qt, mdiBellOutline as Yt, mdiViewDashboardOutline as Zt, mdiSpider as Qt, mdiCrown as Jt, mdiArrowULeftBottom as Xt, mdiLogin as Kt, mdiShieldStarOutline as eo, mdiReddit as to } from "@mdi/js";
+import { VListItem as _e, VList as ee, VListItemTitle as et, VListItemSubtitle as oo } from "vuetify/lib/components/VList/index.mjs";
+import { VAvatar as ne } from "vuetify/lib/components/VAvatar/index.mjs";
+import { VCard as M, VCardText as K, VCardTitle as no, VCardSubtitle as so } from "vuetify/lib/components/VCard/index.mjs";
+import { VSheet as qe } from "vuetify/lib/components/VSheet/index.mjs";
+import { VSwitch as tt } from "vuetify/lib/components/VSwitch/index.mjs";
+import { VFadeTransition as $e, VExpandTransition as he, VExpandXTransition as ao } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as se, useTheme as io, useDate as we } from "vuetify";
+import { VDialog as ot } from "vuetify/lib/components/VDialog/index.mjs";
+import { VDivider as E } from "vuetify/lib/components/VDivider/index.mjs";
+import { VIcon as I } 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 lo } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VSelect as ro } from "vuetify/lib/components/VSelect/index.mjs";
+import { VRow as Se, VCol as me } 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 Ae } from "vuetify/lib/components/VLayout/index.mjs";
+import { VMain as Ie } from "vuetify/lib/components/VMain/index.mjs";
+import { VDataTableVirtual as co } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VSkeletonLoader as Ze } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
+import { VWindow as st, VWindowItem as de } from "vuetify/lib/components/VWindow/index.mjs";
+import { VTimelineItem as Ye, VTimeline as uo } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VTooltip as Q } from "vuetify/lib/components/VTooltip/index.mjs";
+import { VResponsive as po } from "vuetify/lib/components/VResponsive/index.mjs";
+import { VNavigationDrawer as mo } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
+import { Ripple as fo } from "vuetify/lib/directives/index.mjs";
+import { VColorPicker as vo } from "vuetify/lib/components/VColorPicker/index.mjs";
+import { VMenu as _o } from "vuetify/components";
+import { VAppBar as ho } from "vuetify/lib/components/VAppBar/index.mjs";
+import { VFooter as go } from "vuetify/lib/components/VFooter/index.mjs";
+const ge = J("http", {
   state: () => ({
     url: ""
   }),
   actions: {
-    async fetch(o, t = {}) {
-      const a = await fetch(`${this.url}${o}`, {
+    async fetch(p, e = {}) {
+      const i = await fetch(`${this.url}${p}`, {
         credentials: "include",
-        ...t
+        ...e
       });
-      return a.status === 204 ? a : a.json();
+      return i.status === 204 ? i : i.json();
     },
-    async post(o, t, a = {}) {
-      return this.fetch(o, {
+    async post(p, e, i = {}) {
+      return this.fetch(p, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify(t),
-        ...a
+        body: JSON.stringify(e),
+        ...i
       });
     },
-    async get(o, t = {}) {
-      return this.fetch(o, t);
+    async get(p, e = {}) {
+      return this.fetch(p, e);
     },
-    async delete(o, t = {}) {
-      return this.fetch(o, {
+    async delete(p, e = {}) {
+      return this.fetch(p, {
         method: "DELETE",
-        ...t
+        ...e
       });
     }
   }
-}), X = typeof window < "u", G = {
+}), Fe = typeof window < "u", ke = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -86,333 +108,2901 @@ const J = D("http", {
       jobs: null
     }
   }
-}, T = D("user", () => {
-  const o = le(Q({}, G));
-  F(o, a);
-  function t() {
-    if (!X)
+}, O = J("user", () => {
+  const p = dt(Oe({}, ke));
+  N(p, i);
+  function e() {
+    if (!Fe)
       return;
-    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();
+    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();
   }
-  function a() {
-    X && localStorage.setItem("vuetify@user", JSON.stringify(o, null, 2));
+  function i() {
+    Fe && localStorage.setItem("vuetify@user", JSON.stringify(p, null, 2));
   }
   function n() {
-    X && (Object.assign(o, Q({}, G)), a());
+    Fe && (Object.assign(p, Oe({}, ke)), i());
   }
-  return t(), {
-    ...de(o),
-    load: t,
-    save: a,
+  return e(), {
+    ...pt(p),
+    load: e,
+    save: i,
     reset: n
   };
-}), 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));
+}), F = J("auth", () => {
+  const p = H(!1), e = H(null), i = ge(), n = O(), l = Pe(), s = D(!1), r = w(() => {
+    var _, y;
+    return !i.url || ((_ = e.value) == null ? void 0 : _.isAdmin) || !!((y = e.value) != null && y.sponsorships.some(($) => $.isActive));
   });
-  let y = !!V();
-  F(t, (f) => {
-    if (!(f != null && f.settings))
+  let c = !!S();
+  N(e, (_) => {
+    if (!(_ != null && _.settings))
       return;
-    const i = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(f.settings, null, 2) !== i && (y = !0, Object.assign(n, f.settings));
+    const y = localStorage.getItem("vuetify@user") || "{}";
+    JSON.stringify(_.settings, null, 2) !== y && (c = !0, Object.assign(n, _.settings));
   }), n.$subscribe(() => {
-    y || m(), y = !1;
+    c || f(), c = !1;
   });
-  async function m() {
-    if (!(!t.value || !n.syncSettings))
+  async function f() {
+    if (!(!e.value || !n.syncSettings))
       try {
-        await a.post("/user/settings", { settings: n.$state });
-      } catch (f) {
-        console.error(f);
+        await i.post("/user/settings", { settings: n.$state });
+      } catch (_) {
+        console.error(_);
       }
   }
-  async function c(f = !1) {
-    if (c.promise)
-      return c.promise;
-    e.value = !0, c.promise = fetch(`${a.url}/auth/verify`, {
+  async function u(_ = !1) {
+    if (u.promise)
+      return u.promise;
+    s.value = !0, u.promise = fetch(`${i.url}/auth/verify`, {
       credentials: "include",
-      headers: f ? {
+      headers: _ ? {
         "Cache-Control": "no-cache"
       } : void 0
     }).then(
-      async (i) => {
-        i.ok ? t.value = (await i.json()).user : i.status === 401 ? t.value = null : console.error(i.statusText);
+      async (y) => {
+        y.ok ? e.value = (await y.json()).user : y.status === 401 ? e.value = null : console.error(y.statusText);
       },
       () => {
       }
     ).finally(() => {
-      e.value = !1, c.promise = null;
+      s.value = !1, u.promise = null;
     });
   }
-  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(
+  u.promise = null;
+  async function m(_ = "github") {
+    s.value = !0;
+    const y = `${i.url}/auth/${_}/redirect`, $ = 400, z = 600, T = window.screenX + (window.innerWidth - $) / 2, te = window.screenY + (window.innerHeight - z) / 2, q = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${R},top=${U},width=${p},height=${x},resizable`
+      `popup,left=${T},top=${te},width=${$},height=${z},resizable`
     );
-    if (!$) {
+    if (!q) {
       console.error("Failed to open popup");
       return;
     }
-    $.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());
+    q.location.href = y;
+    let Ve = -1, ce = -1;
+    function ue(g) {
+      var C;
+      g.origin === i.url && ((C = g.data) == null ? void 0 : C.type) === "auth-response" && (g.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", _), e.value = g.data.body.user, l.push("/user/dashboard/"), f()) : console.error(g.data.message), ie());
     }
-    function E() {
-      window.removeEventListener("message", P), window.clearInterval(q), window.clearTimeout(H), $ == null || $.close(), e.value = !1;
+    function ie() {
+      window.removeEventListener("message", ue), window.clearInterval(Ve), window.clearTimeout(ce), q == null || q.close(), s.value = !1;
     }
-    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");
+    window.addEventListener("message", ue), Ve = window.setInterval(() => {
+      !q || q.closed ? (console.error("Auth popup closed"), ie()) : q.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), ce = window.setTimeout(() => {
+      ie(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function v(f) {
-    e.value = !0;
-    const i = f ? `/auth/${f}/logout` : "/auth/logout";
+  async function b(_) {
+    s.value = !0;
+    const y = _ ? `/auth/${_}/logout` : "/auth/logout";
     try {
-      await a.post(i), await c(!0), t.value = null;
-    } catch (p) {
-      console.error(p);
+      await i.post(y), await u(!0), e.value = null;
+    } catch ($) {
+      console.error($);
     } finally {
-      r.push("/"), e.value = !1;
+      l.push("/"), s.value = !1;
     }
   }
-  function w(f) {
-    var i;
-    return (i = t.value) == null ? void 0 : i.identities.find((p) => p.provider === f);
+  function V(_) {
+    var y;
+    return (y = e.value) == null ? void 0 : y.identities.find(($) => $.provider === _);
   }
-  function V() {
+  function S() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return c(), {
-    user: t,
-    url: a.url,
-    dialog: o,
-    isLoading: e,
-    findIdentity: w,
-    verify: c,
-    login: b,
-    logout: v,
-    isSubscriber: d,
-    lastLoginProvider: V,
-    sync: m
+  return u(), {
+    user: e,
+    url: i.url,
+    dialog: p,
+    isLoading: s,
+    findIdentity: V,
+    verify: u,
+    login: m,
+    logout: b,
+    isSubscriber: r,
+    lastLoginProvider: S,
+    sync: f
+  };
+}), De = J("notifications", () => {
+  const p = ge(), e = O(), i = H([]), 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
   };
+}), bo = /* @__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(He, {
+      content: l.value,
+      dot: !!t(e).user,
+      "model-value": l.value > 0,
+      color: "error",
+      location: "start top"
+    }, {
+      default: a(() => [
+        R(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(G, {
+      style: Qe({
+        pointerEvents: e.readonly ? "none" : void 0
+      }),
+      tabindex: e.readonly ? -1 : void 0,
+      class: "text-none font-weight-regular",
+      color: "primary",
+      size: "small",
+      variant: "flat"
+    }, W({
+      loader: a(() => [
+        i.$slots.loader ? x("", !0) : (d(), v(yt, {
+          key: 0,
+          indeterminate: "disable-shrink",
+          size: "16",
+          width: "2"
+        })),
+        R(i.$slots, "loader")
+      ]),
+      _: 2
+    }, [
+      i.$slots.default ? {
+        name: "default",
+        fn: a(() => [
+          R(i.$slots, "default")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["style", "tabindex"]));
+  }
+}), yo = { class: "text-body-2" }, Vo = /* @__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(_e, {
+      "prepend-icon": `svg:${t(Ee)}`,
+      "base-color": "#5865F2",
+      rounded: "pill",
+      variant: "flat",
+      slim: "",
+      onClick: s[0] || (s[0] = (r) => t(e).login("discord"))
+    }, W({
+      title: a(() => [
+        h("span", yo, A(n.value), 1)
+      ]),
+      _: 2
+    }, [
+      !t(e).user && t(e).lastLoginProvider() === "discord" ? {
+        name: "subtitle",
+        fn: a(() => [
+          Vo
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["prepend-icon"]));
+  }
+}), ko = { class: "text-body-2" }, xo = /* @__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(_e, {
+      "prepend-icon": `svg:${t(We)}`,
+      "base-color": "#2a2a2a",
+      rounded: "pill",
+      variant: "flat",
+      slim: "",
+      onClick: s[0] || (s[0] = (r) => t(e).login("github"))
+    }, W({
+      title: a(() => [
+        h("span", ko, A(n.value), 1)
+      ]),
+      _: 2
+    }, [
+      !t(e).user && t(e).lastLoginProvider() === "github" ? {
+        name: "subtitle",
+        fn: a(() => [
+          xo
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["prepend-icon"]));
+  }
+}), $o = { 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(M, {
+        variant: n.value ? "tonal" : "text",
+        class: "ma-2",
+        rounded: "lg"
+      }, {
+        default: a(() => [
+          o(ee, { class: "py-0" }, {
+            default: a(() => [
+              o(_e, {
+                link: !!t(e).user,
+                "prepend-icon": `svg:${t(e).user && t(i).syncSettings ? t(Vt) : t(kt)}`,
+                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(tt, {
+                        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"])) : x("", !0)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["link", "prepend-icon", "title"]),
+              o(he, null, {
+                default: a(() => [
+                  !t(e).user && !t(e).isLoading || n.value ? (d(), v(qe, {
+                    key: 0,
+                    border: "t",
+                    color: "transparent"
+                  }, {
+                    default: a(() => [
+                      h("div", $o, [
+                        o(c, {
+                          onClick: r[2] || (r[2] = (u) => n.value = !1)
+                        }),
+                        o(f, {
+                          onClick: r[3] || (r[3] = (u) => n.value = !1)
+                        })
+                      ])
+                    ]),
+                    _: 1
+                  })) : x("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["variant"]);
+    };
+  }
+}), X = /* @__PURE__ */ k({
+  __name: "VoListItem",
+  setup(p) {
+    return (e, i) => (d(), v(_e, { slim: "" }, W({
+      default: a(() => [
+        R(e.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      e.$slots.prepend ? {
+        name: "prepend",
+        fn: a(() => [
+          R(e.$slots, "prepend")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.title ? {
+        name: "title",
+        fn: a(() => [
+          R(e.$slots, "title")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.append ? {
+        name: "append",
+        fn: a(() => [
+          R(e.$slots, "append")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1024));
+  }
+}), wo = /* @__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(xt)}`,
+        class: "mb-0",
+        title: "Logout",
+        link: "",
+        onClick: n
+      }, null, 8, ["disabled", "loading", "prepend-icon"]);
+    };
+  }
+}), Ue = /* @__PURE__ */ k({
+  __name: "VoDialog",
+  props: /* @__PURE__ */ mt({
+    prependIcon: {},
+    title: {}
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(p) {
+    const e = le(p, "modelValue"), i = se();
+    return (n, l) => (d(), v(ot, {
+      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(M, {
+          "prepend-icon": n.prependIcon,
+          title: n.title,
+          class: "overflow-hidden",
+          height: "inherit"
+        }, W({
+          append: a(() => [
+            R(n.$slots, "append"),
+            o(G, {
+              density: "comfortable",
+              icon: "$close",
+              size: "small",
+              variant: "text",
+              onClick: l[0] || (l[0] = (r) => e.value = !e.value)
+            })
+          ]),
+          default: a(() => [
+            o(E, { class: "mt-4" }),
+            R(n.$slots, "default")
+          ]),
+          _: 2
+        }, [
+          n.$slots.prepend ? {
+            name: "prepend",
+            fn: a(() => [
+              R(n.$slots, "prepend")
+            ]),
+            key: "0"
+          } : void 0,
+          n.$slots.actions ? {
+            name: "actions",
+            fn: a(() => [
+              R(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(tt, {
+      disabled: e.disabled,
+      "true-icon": `svg:${t(re)}`,
+      color: "primary",
+      density: "compact",
+      inset: ""
+    }, W({
+      thumb: a(() => [
+        o(I, {
+          color: e.disabled ? void 0 : "primary"
+        }, null, 8, ["color"])
+      ]),
+      _: 2
+    }, [
+      e.$slots.label ? {
+        name: "label",
+        fn: a(() => [
+          R(e.$slots, "label")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["disabled", "true-icon"]));
+  }
+}), So = {
+  key: 1,
+  class: "mb-3 text-caption text-medium-emphasis"
+}, be = /* @__PURE__ */ k({
+  __name: "VoDialogSubheader",
+  props: {
+    title: {},
+    text: {}
+  },
+  setup(p) {
+    return (e, i) => (d(), L(U, null, [
+      e.title ? (d(), v(ze, {
+        key: 0,
+        class: "font-weight-black"
+      }, {
+        default: a(() => [
+          B(A(e.title), 1)
+        ]),
+        _: 1
+      })) : x("", !0),
+      e.text ? (d(), L("div", So, A(e.text), 1)) : x("", !0)
+    ], 64));
+  }
+}), Co = { key: 0 }, Lo = /* @__PURE__ */ k({
+  __name: "VoSettingsPageSuitOption",
+  setup(p) {
+    const e = O(), i = [
+      {
+        title: "Choose a page suit",
+        value: "",
+        disabled: !0
+      },
+      {
+        title: "Blackguard",
+        prependIcon: `svg:${Je}`,
+        value: "blackguard"
+      }
+      // {
+      //   title: 'Polaris',
+      //   prependIcon: `svg:${mdiImageFilterHdr}`,
+      //   value: 'polaris',
+      // },
+      // {
+      //   title: 'Nebula',
+      //   prependIcon: `svg:${mdiRocketLaunchOutline}`,
+      //   value: 'nebula',
+      // },
+    ];
+    return (n, l) => {
+      const s = rt, r = be;
+      return d(), L(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(he, null, {
+          default: a(() => [
+            t(e).suits.show ? (d(), L("div", Co, [
+              o(ro, {
+                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(I, {
+                    icon: c.props.prependIcon,
+                    size: "x-small",
+                    start: ""
+                  }, null, 8, ["icon"]),
+                  B(" " + A(c.title), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              o(r, { text: "Select your suit elements to display the background image:" }),
+              o(lo, {
+                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($t)}`,
+                    "filter-icon": "$success",
+                    text: "App Bar",
+                    value: "app-bar",
+                    variant: "flat"
+                  }, {
+                    append: a(() => [
+                      o(E, {
+                        class: "ms-2 border-opacity-50",
+                        vertical: ""
+                      }),
+                      o(I, { size: "x-small" })
+                    ]),
+                    _: 1
+                  }, 8, ["append-icon"]),
+                  o(Y, {
+                    "append-icon": `svg:${t(wt)}`,
+                    "filter-icon": "$success",
+                    text: "Navigation Drawer",
+                    value: "drawer",
+                    variant: "flat"
+                  }, {
+                    append: a(() => [
+                      o(E, {
+                        class: "ms-2 border-opacity-50",
+                        vertical: ""
+                      }),
+                      o(I, { size: "x-small" })
+                    ]),
+                    _: 1
+                  }, 8, ["append-icon"]),
+                  o(Y, {
+                    "append-icon": "$info",
+                    "filter-icon": "$success",
+                    text: "Footer",
+                    value: "footer",
+                    variant: "flat"
+                  }, {
+                    append: a(() => [
+                      o(E, {
+                        class: "ms-2 border-opacity-50",
+                        vertical: ""
+                      }),
+                      o(I, { size: "x-small" })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])) : x("", !0)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
 });
-/*!
-  * 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
+function ye() {
+  const p = bt();
+  return w(
+    () => p.query
   );
 }
-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;
+const j = J("one", () => {
+  const p = ye(), e = p.value.session_id, i = Pe(), n = F(), l = ge(), s = D(!1), r = H(!1), c = H(), f = H([]), 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((C) => C.platform === "stripe" && C.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;
+  }), S = w(() => {
+    var g;
+    return (g = n.user) == null ? void 0 : g.sponsorships.find((C) => C.platform === "github");
+  }), _ = w(() => {
+    var g;
+    return (g = n.user) == null ? void 0 : g.sponsorships.find((C) => C.platform === "discord");
+  }), y = w(() => {
+    var g;
+    return (g = n.user) == null ? void 0 : g.sponsorships.find((C) => C.platform === "patreon");
+  }), $ = w(() => {
+    var g;
+    return (g = n.user) == null ? void 0 : g.sponsorships.reduce((C, Z) => {
+      if (!Z.isActive || Z.interval === "once" || Z.platform === "stripe")
+        return C;
+      const ut = Z.interval === "month" ? Z.amount : Z.amount / 12;
+      return C + ut / 100;
     }, 0);
   });
-  pe(async () => {
-    t && await x();
-  }), F(d, (s) => {
-    s && E();
-  }), F(o, (s) => {
-    if (s.one !== "subscribe" || n.user)
+  ft(async () => {
+    e && await z();
+  }), N(r, (g) => {
+    g && ie();
+  }), N(p, (g) => {
+    if (g.one !== "subscribe" || n.user)
       return;
-    console.log(s.one), n.dialog = !0;
-    const l = F(() => n.user, (A) => {
-      A && (n.dialog = !1, l());
+    console.log(g.one), n.dialog = !0;
+    const C = N(() => n.user, (Z) => {
+      Z && (n.dialog = !1, C());
     });
-  }, { immediate: !0 }), F(w, (s, l) => {
-    s === !1 && l !== !0 || H();
+  }, { immediate: !0 }), N(V, (g, C) => {
+    g === !1 && C !== !0 || ce();
   });
-  async function x() {
+  async function z() {
     try {
-      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();
+      s.value = !0;
+      const g = await l.post("/one/activate", { sessionId: e });
+      n.user = g.user;
+      const C = new URL(window.location.href);
+      C.searchParams.delete("session_id"), history.pushState(null, "", C.toString()), ue();
     } catch {
     } finally {
-      e.value = !1;
+      s.value = !1;
     }
   }
-  async function R() {
-    window.open(`${r.url}/one/manage`, "_blank");
+  async function T() {
+    window.open(`${l.url}/one/manage`, "_blank");
   }
-  async function U(s) {
-    e.value = !0, window.location.href = `${r.url}/one/subscribe?interval=${s}`;
+  async function te(g) {
+    s.value = !0, window.location.href = `${l.url}/one/subscribe?interval=${g}`;
   }
-  async function $() {
-    var s;
-    if (b.value)
+  async function q() {
+    var g;
+    if (m.value)
       try {
-        e.value = !0;
-        const l = await r.post(
-          `/one/cancel?subscriptionId=${(s = b.value) == null ? void 0 : s.tierName}`
+        s.value = !0;
+        const C = await l.post(
+          `/one/cancel?subscriptionId=${(g = m.value) == null ? void 0 : g.tierName}`
         );
-        n.user = l.user;
+        n.user = C.user;
       } catch {
       } finally {
-        e.value = !1;
+        s.value = !1;
       }
   }
-  async function q(s) {
-    if (b.value)
+  async function Ve(g) {
+    if (m.value)
       try {
-        e.value = !0;
-        const l = await r.post("/one/modify", {
-          subscriptionId: b.value.tierName,
-          interval: s
+        s.value = !0;
+        const C = await l.post("/one/modify", {
+          subscriptionId: m.value.tierName,
+          interval: g
         });
-        n.user = l.user;
+        n.user = C.user;
+      } catch {
+      } finally {
+        s.value = !1;
+      }
+  }
+  async function ce() {
+    var g;
+    if (m.value)
+      try {
+        s.value = !0;
+        const C = await l.post(
+          `/one/verify?subscriptionId=${(g = m.value) == null ? void 0 : g.tierName}`
+        );
+        n.user = C.user;
       } catch {
       } finally {
-        e.value = !1;
+        s.value = !1;
+      }
+  }
+  async function ue() {
+    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 ie() {
+    i.push({ query: {} });
+  }
+  return {
+    info: c,
+    interval: u,
+    invoices: f,
+    sessionId: e,
+    subscription: m,
+    monthlyTotal: $,
+    hasBilling: b,
+    isLoading: s,
+    isOpen: r,
+    isSubscriber: V,
+    github: S,
+    patreon: y,
+    discord: _,
+    activate: z,
+    cancel: q,
+    manage: T,
+    modify: Ve,
+    resetQuery: ie,
+    subscribe: te,
+    subscriptionInfo: ue,
+    verify: ce
+  };
+});
+function Ao() {
+  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 Be = J("settings", () => {
+  const p = "https://cdn.vuetifyjs.com/docs/images/one/", e = F(), i = O(), n = io(), l = Ao(), 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:${St}`,
+        value: "light"
+      },
+      {
+        title: "Dark",
+        subtitle: "A standard dark theme.",
+        image: l.CDN_URL + "themes/dark.png",
+        prependIcon: `svg:${Ct}`,
+        value: "dark"
+      },
+      {
+        title: "System",
+        subtitle: "A theme based on the system preference.",
+        image: l.CDN_URL + "themes/system.png",
+        prependIcon: `svg:${Lt}`,
+        value: "system"
+      },
+      {
+        title: "Blackguard",
+        subtitle: "A theme for v3.4 Blackguard.",
+        image: l.CDN_URL + "themes/blackguard.png",
+        prependIcon: `svg:${Je}`,
+        value: "blackguard"
+      },
+      {
+        title: "Polaris",
+        subtitle: "A theme for v3.5 Polaris.",
+        image: l.CDN_URL + "themes/polaris.png",
+        prependIcon: `svg:${At}`,
+        value: "polaris",
+        disabled: !0
+      },
+      {
+        title: "Nebula",
+        subtitle: "A theme for v3.6 Nebula.",
+        image: l.CDN_URL + "themes/nebula.png",
+        prependIcon: `svg:${It}`,
+        value: "nebula",
+        disabled: !0
+      },
+      {
+        title: "High Contrast",
+        subtitle: "A theme for high contrast.",
+        image: l.CDN_URL + "themes/high-contrast.png",
+        prependIcon: `svg:${Dt}`,
+        value: "highContrast",
+        disabled: !0
+      }
+    ], c = ye();
+    return N(c, async () => {
+      c.value.one === "settings" && (n.isOpen = !0, await fe(), e.value = !0);
+    }, { immediate: !0 }), (f, u) => {
+      const m = be, b = Lo, V = rt, S = Ue;
+      return d(), v(S, {
+        modelValue: e.value,
+        "onUpdate:modelValue": u[5] || (u[5] = (_) => e.value = _),
+        "prepend-icon": `svg:${t(Ut)}`,
+        title: "Settings"
+      }, {
+        default: a(() => [
+          o(Ae, null, {
+            default: a(() => [
+              o(Ie, { scrollable: "" }, {
+                default: a(() => [
+                  o(K, { 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(), L(U, null, oe(r, (_, y) => o(me, {
+                                key: y,
+                                cols: "12",
+                                md: "6"
+                              }, {
+                                default: a(() => [
+                                  o(je, {
+                                    value: _.value
+                                  }, {
+                                    default: a(({ toggle: $, isSelected: z }) => [
+                                      o(Ce, null, {
+                                        default: a(({ props: T, isHovering: te }) => [
+                                          o(M, P({
+                                            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: $ }), {
+                                            image: a(() => [
+                                              o(Le, {
+                                                style: Qe({
+                                                  filter: z || te ? "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(), L(U, { key: 0 }, [
+                        o(E, { class: "mt-6 mb-4" }),
+                        o(b)
+                      ], 64)) : x("", !0)
+                    ]),
+                    _: 1
+                  }),
+                  o(E),
+                  o(K, { 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"])) : x("", !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(E),
+                  t(i).isSubscriber ? (d(), v(K, {
+                    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"])) : x("", !0)
+                    ]),
+                    _: 1
+                  })) : x("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "prepend-icon"]);
+    };
+  }
+}), Do = /* @__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(Bt)}`,
+        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"]);
+    };
+  }
+}), Uo = { class: "text-caption" }, Bo = /* @__PURE__ */ k({
+  __name: "VoSubscriptionInvoices",
+  setup(p) {
+    const e = we(), i = j();
+    return (n, l) => {
+      const s = be;
+      return d(), v(Se, null, {
+        default: a(() => [
+          o(me, { cols: "12" }, {
+            default: a(() => [
+              o(s, {
+                text: "View and download your invoice history.",
+                title: "Invoice History"
+              }),
+              o(M, {
+                height: "450",
+                rounded: "lg",
+                border: ""
+              }, {
+                default: a(() => [
+                  o(co, {
+                    items: t(i).invoices,
+                    loading: t(i).isLoading,
+                    sticky: ""
+                  }, {
+                    "item.date": a(({ item: r }) => [
+                      h("div", Uo, A(t(e).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
+                    ]),
+                    "item.amount": a(({ item: r }) => [
+                      B(" $" + A(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(G, {
+                        href: r.pdf,
+                        icon: `svg:${t(Nt)}`,
+                        size: "small",
+                        target: "_blank",
+                        variant: "text"
+                      }, null, 8, ["href", "icon"])
+                    ]),
+                    _: 1
+                  }, 8, ["items", "loading"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), No = { class: "d-flex align-center" }, Oo = {
+  key: "status",
+  class: "text-capitalize hidden-sm-and-down"
+}, Fo = /* @__PURE__ */ h("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), zo = { class: "me-1" }, jo = { class: "text-medium-emphasis text-caption" }, To = { class: "d-flex align-start justify-space-between text-caption py-2" }, Mo = { class: "font-weight-bold" }, Ro = { class: "font-weight-bold" }, Po = /* @__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(me, { cols: "12" }, {
+            default: a(() => {
+              var m, b;
+              return [
+                o(M, {
+                  "prepend-icon": "$vuetify",
+                  rounded: "lg",
+                  title: "Subscription Status",
+                  border: "",
+                  flat: ""
+                }, W({
+                  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"])) : x("", !0),
+                      t(n).hasBilling ? (d(), v(u, {
+                        key: 1,
+                        loading: t(n).isLoading,
+                        "prepend-icon": `svg:${t(Ot)}`,
+                        text: "Billing",
+                        onClick: t(n).manage
+                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : x("", !0)
+                    ];
+                  }),
+                  _: 2
+                }, [
+                  t(n).info ? {
+                    name: "subtitle",
+                    fn: a(() => [
+                      h("div", No, [
+                        h("span", Oo, A(t(n).info.status), 1),
+                        t(n).info.items.length ? (d(), L(U, { key: 0 }, [
+                          Fo,
+                          h("span", zo, [
+                            B(" $" + A(t(n).info.items[0].plan.amount / 100), 1),
+                            h("span", jo, "/" + A(t(n).interval), 1)
+                          ]),
+                          o(u, {
+                            size: "x-small",
+                            text: "(Change Subscription)",
+                            variant: "text",
+                            onClick: f[0] || (f[0] = (V) => l("change:subscription"))
+                          })
+                        ], 64)) : x("", !0)
+                      ])
+                    ]),
+                    key: "0"
+                  } : {
+                    name: "subtitle",
+                    fn: a(() => [
+                      h("div", { class: "d-flex align-center" }, [
+                        o(Ze, {
+                          height: "16",
+                          type: "ossein",
+                          width: "40"
+                        }),
+                        h("span", { class: "mx-1" }, "—"),
+                        o(Ze, {
+                          height: "16",
+                          type: "ossein",
+                          width: "80"
+                        })
+                      ])
+                    ]),
+                    key: "1"
+                  }
+                ]), 1024),
+                h("div", To, [
+                  h("div", null, [
+                    ((m = t(n).info) == null ? void 0 : m.status) === "active" ? (d(), L(U, { key: 0 }, [
+                      B(" Your plan renews on "),
+                      h("span", Mo, A(t(i).format(s.value, "fullDateWithWeekday")), 1),
+                      B(". ")
+                    ], 64)) : (d(), L(U, { key: 1 }, [
+                      B(" Your plan ends on "),
+                      h("span", Ro, A(t(i).format((b = t(n).info) == null ? void 0 : b.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      B(". ")
+                    ], 64))
+                  ])
+                ])
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ho = /* @__PURE__ */ h("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Eo = ["innerHTML"], Wo = /* @__PURE__ */ h("br", null, null, -1), Go = /* @__PURE__ */ h("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), qo = ["innerHTML"], Yo = /* @__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(), L(U, null, [
+        o(ze, { class: "font-weight-black" }, {
+          default: a(() => [
+            B("Perks")
+          ]),
+          _: 1
+        }),
+        Ho,
+        o(ee, {
+          lines: !1,
+          class: "py-0",
+          density: "compact",
+          nav: ""
+        }, {
+          default: a(() => [
+            (d(), L(U, null, oe(e, (f, u) => o(c, {
+              key: u,
+              "prepend-icon": `svg:${t(re)}`,
+              class: "mb-0"
+            }, {
+              prepend: a(() => [
+                o(I, {
+                  class: "mx-n2",
+                  color: "success",
+                  size: "small"
+                })
+              ]),
+              title: a(() => [
+                h("div", { innerHTML: f }, null, 8, Eo)
+              ]),
+              _: 2
+            }, 1032, ["prepend-icon"])), 64))
+          ]),
+          _: 1
+        }),
+        Wo,
+        o(ze, { class: "font-weight-black" }, {
+          default: a(() => [
+            B("Up Next")
+          ]),
+          _: 1
+        }),
+        Go,
+        o(ee, {
+          lines: !1,
+          class: "py-0",
+          density: "compact",
+          nav: ""
+        }, {
+          default: a(() => [
+            (d(), L(U, null, oe(i, (f, u) => o(c, {
+              key: u,
+              "prepend-icon": `svg:${t(Ft)}`,
+              class: "mb-0"
+            }, {
+              prepend: a(() => [
+                o(I, {
+                  class: "mx-n2",
+                  size: "small"
+                })
+              ]),
+              title: a(() => [
+                h("div", { innerHTML: f }, null, 8, qo)
+              ]),
+              _: 2
+            }, 1032, ["prepend-icon"])), 64))
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}), Zo = /* @__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(me, {
+              cols: "12",
+              md: "6"
+            }, {
+              default: a(() => [
+                o(je, { value: "month" }, {
+                  default: a(({ toggle: r, isSelected: c }) => [
+                    o(M, {
+                      border: c ? "sm primary opacity-100" : "sm",
+                      color: c ? "primary" : void 0,
+                      "prepend-icon": c ? `svg:${t(pe)}` : "$radioOff",
+                      variant: c ? "tonal" : "text",
+                      rounded: "lg",
+                      subtitle: "$2.99/month",
+                      title: "Monthly",
+                      onClick: r
+                    }, {
+                      prepend: a(() => [
+                        o(I, { class: "mt-n6" })
+                      ]),
+                      _: 2
+                    }, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            o(me, {
+              cols: "12",
+              md: "6"
+            }, {
+              default: a(() => [
+                o(je, { value: "year" }, {
+                  default: a(({ toggle: r, isSelected: c }) => [
+                    o(M, {
+                      border: c ? "sm primary opacity-100" : "sm",
+                      color: c ? "primary" : void 0,
+                      "prepend-icon": c ? `svg:${t(pe)}` : "$radioOff",
+                      variant: c ? "tonal" : "text",
+                      rounded: "lg",
+                      subtitle: "$29.99/year",
+                      title: "Yearly",
+                      onClick: r
+                    }, {
+                      prepend: a(() => [
+                        o(I, { 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"]));
+  }
+}), Qo = { class: "px-3" }, Jo = /* @__PURE__ */ h("br", null, null, -1), Xo = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Ko = /* @__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 = ye(), 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 fe(), 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 = be, V = Zo, S = Yo, _ = Po, y = Bo, $ = ae, z = Ue;
+      return d(), v(z, {
+        modelValue: i.value,
+        "onUpdate:modelValue": m[4] || (m[4] = (T) => i.value = T),
+        "prepend-icon": `svg:${t(zt)}`,
+        title: "Subscriptions"
+      }, W({
+        default: a(() => [
+          o(Ae, null, {
+            default: a(() => [
+              o(Ie, { scrollable: "" }, {
+                default: a(() => [
+                  h("div", Qo, [
+                    o(K, 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(de, { value: "subscribe" }, {
+                              default: a(() => [
+                                o(V, {
+                                  modelValue: s.value,
+                                  "onUpdate:modelValue": m[0] || (m[0] = (T) => s.value = T)
+                                }, null, 8, ["modelValue"]),
+                                Jo,
+                                o(S)
+                              ]),
+                              _: 1
+                            }),
+                            o(de, { value: "status" }, {
+                              default: a(() => [
+                                o(_, {
+                                  "onChange:subscription": m[1] || (m[1] = (T) => r.value = "subscribe")
+                                }),
+                                o(y)
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["model-value"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 2
+      }, [
+        r.value === "subscribe" ? {
+          name: "actions",
+          fn: a(() => [
+            h("div", Xo, [
+              c.value !== !1 ? (d(), v($, {
+                key: 0,
+                loading: t(n).isLoading,
+                "prepend-icon": `svg:${c.value !== null ? t(jt) : t(pe)}`,
+                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($, {
+                key: 2,
+                "prepend-icon": `svg:${t(Tt)}`,
+                size: "default",
+                text: "Manage Subscription",
+                block: "",
+                onClick: m[3] || (m[3] = (T) => r.value = "status")
+              }, null, 8, ["prepend-icon"])) : (d(), v($, {
+                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"]);
+    };
+  }
+}), en = /* @__PURE__ */ k({
+  __name: "VoSubscriptionListItem",
+  setup(p) {
+    const e = D(!1);
+    return (i, n) => {
+      const l = Ko, s = X;
+      return d(), v(s, {
+        active: e.value,
+        "prepend-icon": `svg:${t(Mt)}`,
+        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"]);
+    };
+  }
+}), tn = { class: "ps-16" }, on = /* @__PURE__ */ k({
+  __name: "VoSponsorshipsTimelineItemPatreon",
+  setup(p) {
+    const e = j(), i = Be();
+    return (n, l) => {
+      var r, c;
+      const s = ae;
+      return d(), v(Ye, {
+        "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(M, {
+            "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", tn, [
+                  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(), L(U, { key: 0 }, [
+                  o(E),
+                  o(K, { class: "d-flex justify-space-between align-center flex-wrap" }, {
+                    default: a(() => [
+                      o(Y, {
+                        "prepend-icon": `svg:${t(Ge)}`,
+                        text: t(e).patreon.tierName,
+                        color: "success",
+                        variant: "text",
+                        label: ""
+                      }, null, 8, ["prepend-icon", "text"])
+                    ]),
+                    _: 1
+                  })
+                ], 64)) : x("", !0)
+              ];
+            }),
+            _: 1
+          }, 8, ["prepend-avatar"])
+        ]),
+        _: 1
+      }, 8, ["dot-color", "icon"]);
+    };
+  }
+}), nn = { class: "ps-16" }, sn = /* @__PURE__ */ k({
+  __name: "VoSponsorshipsTimelineItemDiscord",
+  setup(p) {
+    const e = j(), i = Be();
+    return (n, l) => {
+      var r, c;
+      const s = ae;
+      return d(), v(Ye, {
+        "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(M, {
+            "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, S;
+              return [
+                h("div", nn, [
+                  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(pe) : t(ve)}`,
+                    readonly: (b = t(e).discord) == null ? void 0 : b.isActive,
+                    target: (V = t(e).discord) != null && V.isActive ? void 0 : "_blank",
+                    text: (S = t(e).discord) != null && S.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(), L(U, { key: 0 }, [
+                  o(E),
+                  o(K, { class: "d-flex justify-space-between align-center flex-wrap" }, {
+                    default: a(() => [
+                      o(Y, {
+                        "prepend-icon": `svg:${t(Ge)}`,
+                        text: t(e).discord.tierName,
+                        color: "surface-variant",
+                        size: "small",
+                        variant: "text",
+                        label: ""
+                      }, null, 8, ["prepend-icon", "text"])
+                    ]),
+                    _: 1
+                  })
+                ], 64)) : x("", !0)
+              ];
+            }),
+            _: 1
+          }, 8, ["prepend-avatar"])
+        ]),
+        _: 1
+      }, 8, ["dot-color", "icon"]);
+    };
+  }
+}), an = { class: "ps-16" }, ln = /* @__PURE__ */ k({
+  __name: "VoSponsorshipsTimelineItemGithub",
+  setup(p) {
+    const e = j(), i = Be();
+    return (n, l) => {
+      var r, c;
+      const s = ae;
+      return d(), v(Ye, {
+        "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(M, {
+            "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, S;
+              return [
+                h("div", an, [
+                  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(pe) : t(ve)}`,
+                    readonly: (b = t(e).github) == null ? void 0 : b.isActive,
+                    target: (V = t(e).github) != null && V.isActive ? void 0 : "_blank",
+                    text: (S = t(e).github) != null && S.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(), L(U, { key: 0 }, [
+                  o(E),
+                  o(K, { class: "d-flex justify-space-between align-center flex-wrap" }, {
+                    default: a(() => [
+                      o(Y, {
+                        "prepend-icon": `svg:${t(Ge)}`,
+                        text: t(e).github.tierName,
+                        color: "surface-variant",
+                        size: "small",
+                        variant: "text",
+                        label: ""
+                      }, null, 8, ["prepend-icon", "text"])
+                    ]),
+                    _: 1
+                  })
+                ], 64)) : x("", !0)
+              ];
+            }),
+            _: 1
+          }, 8, ["prepend-avatar"])
+        ]),
+        _: 1
+      }, 8, ["dot-color", "icon"]);
+    };
+  }
+}), rn = /* @__PURE__ */ k({
+  __name: "VoSponsorshipsTimeline",
+  setup(p) {
+    return (e, i) => {
+      const n = ln, l = sn, s = on;
+      return d(), v(uo, {
+        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
+      });
+    };
+  }
+}), cn = { class: "px-3 pb-5 d-flex flex-column" }, un = { class: "py-4" }, dn = /* @__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), pn = /* @__PURE__ */ k({
+  __name: "VoSponsorshipsDialog",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(p) {
+    const e = le(p, "modelValue"), i = se(), n = ye(), l = F(), s = j();
+    return N(n, async () => {
+      n.value.one === "sponsorships" && (s.isOpen = !0, await fe(), e.value = !0);
+    }, { immediate: !0 }), (r, c) => {
+      const f = be, u = rn, 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(Rt)}`,
+        title: "Sponsorships"
+      }, {
+        default: a(() => [
+          o(Ae, null, {
+            default: a(() => [
+              o(Ie, { scrollable: "" }, {
+                default: a(() => [
+                  h("div", cn, [
+                    o(K, 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(Pt)}`,
+                      class: "mt-auto",
+                      "min-height": "auto",
+                      size: "64",
+                      title: "Your Monthly Contributions"
+                    }, {
+                      media: a(() => [
+                        o(I, { color: "success" })
+                      ]),
+                      headline: a(() => [
+                        h("div", un, [
+                          t(l).isSubscriber ? (d(), L(U, { key: 0 }, [
+                            B(" $" + A(parseFloat(String(t(s).monthlyTotal)).toFixed(2)), 1)
+                          ], 64)) : (d(), L(U, { key: 1 }, [
+                            B(" $0.00 ")
+                          ], 64))
+                        ])
+                      ]),
+                      text: a(() => [
+                        dn
+                      ]),
+                      _: 1
+                    }, 8, ["icon"])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "max-height", "prepend-icon"]);
+    };
+  }
+}), mn = /* @__PURE__ */ k({
+  __name: "VoSponsorshipsListItem",
+  setup(p) {
+    const e = D(!1);
+    return (i, n) => {
+      const l = pn, s = X;
+      return d(), v(s, {
+        active: e.value,
+        "prepend-icon": `svg:${t(Ht)}`,
+        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"]);
+    };
+  }
+}), fn = {
+  key: 0,
+  class: "pt-16"
+}, vn = /* @__PURE__ */ h("div", { class: "text-medium-emphasis" }, " All caught up ", -1), _n = {
+  key: 1,
+  class: "pa-5"
+}, hn = { class: "text-subtitle-1 font-weight-bold" }, gn = { class: "text-caption font-weight-bold text-medium-emphasis" }, bn = { class: "text-disabled text-caption mt-2 mb-3" }, yn = /* @__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(ee, {
+        class: "py-0",
+        height: "100%",
+        lines: "three"
+      }, {
+        default: a(() => [
+          r.items.length ? (d(), L("div", _n, [
+            (d(!0), L(U, null, oe(r.items, (u) => {
+              var m;
+              return d(), L("div", {
+                key: u.slug,
+                class: "mb-4"
+              }, [
+                o(M, {
+                  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(qe, P(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: S }) => [
+                            o($e, { "hide-on-leave": "" }, {
+                              default: a(() => [
+                                xe(o(G, P(S, {
+                                  icon: `svg:${l(u.slug) ? t(Ke) : t(Xe)}`,
+                                  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", hn, A(u.metadata.text), 1),
+                        h("div", gn, A(t(e).format(u.created_at, "fullDateWithWeekday")), 1),
+                        h("div", bn, A(u.metadata.subtext), 1),
+                        o(Y, P({
+                          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(ve)}`,
+                          text: u.metadata.link_text,
+                          size: "small",
+                          variant: "text",
+                          border: "",
+                          label: ""
+                        }), {
+                          append: a(() => [
+                            o(I, { size: "12" })
+                          ]),
+                          _: 2
+                        }, 1040, ["append-icon", "text"])
+                      ]),
+                      _: 2
+                    }, 1040)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]);
+            }), 128))
+          ])) : (d(), L("div", fn, [
+            o(f, {
+              icon: "$vuetify",
+              size: "256"
+            }, {
+              media: a(() => [
+                o(I, { color: "medium-emphasis" })
+              ]),
+              title: a(() => [
+                vn
+              ]),
+              _: 1
+            })
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Vn = {
+  key: 0,
+  class: "pt-16"
+}, kn = /* @__PURE__ */ h("div", { class: "text-medium-emphasis" }, " All caught up ", -1), xn = { class: "ps-3 text-subtitle-2 pe-2" }, $n = { class: "text-truncate" }, wn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Sn = { class: "text-disabled text-caption my-2" }, Cn = /* @__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(ee, {
+        class: "py-0",
+        height: "100%",
+        lines: "three"
+      }, {
+        default: a(() => [
+          r.items.length ? (d(!0), L(U, { key: 1 }, oe(r.items, (m, b) => (d(), v(Ce, {
+            key: m.slug
+          }, {
+            default: a(({ isHovering: V, props: S }) => [
+              o(u, P(S, {
+                border: b !== 0 && "t",
+                class: "py-4 mb-0"
+              }), {
+                prepend: a(() => [
+                  h("div", xn, A(m.metadata.emoji), 1)
+                ]),
+                append: a(() => [
+                  o(po, {
+                    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(G, P(_, {
+                                icon: `svg:${l(m.slug) ? t(Ke) : t(Xe)}`,
+                                class: "ms-auto",
+                                size: "small",
+                                variant: "text",
+                                "mdi-email-variant": "",
+                                onClick: (y) => s(m)
+                              }), null, 16, ["icon", "onClick"]), [
+                                [Re, V || t(i).mobile.value]
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1032, ["text"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                default: a(() => [
+                  o(et, { class: "text-wrap text-h6 mb-1" }, {
+                    default: a(() => [
+                      h("div", $n, A(m.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  h("div", wn, A(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
+                  h("div", Sn, A(m.metadata.text), 1),
+                  o(Y, {
+                    "append-icon": `svg:${t(ve)}`,
+                    href: m.metadata.action,
+                    text: m.metadata.action_text,
+                    size: "small",
+                    target: "_blank",
+                    variant: "text",
+                    border: "",
+                    label: "",
+                    onClick: (_) => s(m)
+                  }, {
+                    append: a(() => [
+                      o(I, { size: "12" })
+                    ]),
+                    _: 2
+                  }, 1032, ["append-icon", "href", "text", "onClick"])
+                ]),
+                _: 2
+              }, 1040, ["border"])
+            ]),
+            _: 2
+          }, 1024))), 128)) : (d(), L("div", Vn, [
+            o(f, {
+              icon: "$vuetify",
+              size: "256"
+            }, {
+              media: a(() => [
+                o(I, { color: "medium-emphasis" })
+              ]),
+              title: a(() => [
+                kn
+              ]),
+              _: 1
+            })
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ln = J("site", () => {
+  const p = H([]), e = H();
+  return {
+    id: p,
+    url: e
+  };
+}), Ne = J("banners", () => {
+  const p = ge(), e = Ln(), i = O(), n = H([]), 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
+  };
+}), An = { class: "text-caption" }, In = { class: "text-caption" }, Dn = /* @__PURE__ */ k({
+  __name: "VoNotificationsDialog",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(p) {
+    const e = se(), i = ye(), 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 fe(), c.value = !0;
+    }, { immediate: !0 }), (f, u) => {
+      const m = X, b = Cn, V = yn, S = Ue;
+      return d(), v(S, {
+        modelValue: c.value,
+        "onUpdate:modelValue": u[2] || (u[2] = (_) => c.value = _),
+        "prepend-icon": `svg:${t(Et)}`,
+        title: "Notifications"
+      }, {
+        default: a(() => [
+          o(Ae, null, {
+            default: a(() => [
+              o(mo, {
+                location: t(e).mobile.value ? "top" : "start",
+                width: t(e).mobile.value ? 128 : 168,
+                permanent: ""
+              }, {
+                default: a(() => [
+                  o(ee, {
+                    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(Wt)}`,
+                        title: "Unread",
+                        value: "read"
+                      }, W({ _: 2 }, [
+                        t(l).unread.length > 0 ? {
+                          name: "append",
+                          fn: a(() => [
+                            h("span", An, A(t(l).unread.length), 1)
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["prepend-icon"]),
+                      o(m, {
+                        "prepend-icon": `svg:${t(Gt)}`,
+                        title: "Read",
+                        value: "unread"
+                      }, W({ _: 2 }, [
+                        t(l).read.length > 0 ? {
+                          name: "append",
+                          fn: a(() => [
+                            h("span", In, A(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(qt)}`,
+                        title: "Banners",
+                        value: "banners"
+                      }, {
+                        append: a(() => [
+                          o(He, {
+                            "offset-y": "-3",
+                            dot: ""
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["prepend-icon"])) : x("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["selected"])
+                ]),
+                _: 1
+              }, 8, ["location", "width"]),
+              o(Ie, { scrollable: "" }, {
+                default: a(() => [
+                  o(st, {
+                    modelValue: r.value,
+                    "onUpdate:modelValue": u[1] || (u[1] = (_) => r.value = _)
+                  }, {
+                    default: a(() => [
+                      o(de, { value: "read" }, {
+                        default: a(() => [
+                          o(b, {
+                            items: t(l).unread
+                          }, null, 8, ["items"])
+                        ]),
+                        _: 1
+                      }),
+                      o(de, { value: "unread" }, {
+                        default: a(() => [
+                          o(b, {
+                            items: t(l).read
+                          }, null, 8, ["items"])
+                        ]),
+                        _: 1
+                      }),
+                      o(de, { value: "banners" }, {
+                        default: a(() => [
+                          o(V, {
+                            items: t(n).all
+                          }, null, 8, ["items"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "prepend-icon"]);
+    };
+  }
+}), Un = /* @__PURE__ */ k({
+  __name: "VoNotificationsBadge",
+  setup(p) {
+    const e = De(), i = O();
+    return (n, l) => (d(), v(He, {
+      content: t(e).unread.length,
+      "model-value": t(i).notifications.show && t(e).unread.length > 0,
+      color: "error"
+    }, {
+      default: a(() => [
+        R(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["content", "model-value"]));
+  }
+}), Bn = /* @__PURE__ */ k({
+  __name: "VoNotificationsListItem",
+  setup(p) {
+    const e = Ne(), i = O(), n = De(), l = D(!1);
+    return vt(async () => {
+      n.get(), e.get();
+    }), (s, r) => {
+      const c = Un, f = Dn, u = X;
+      return t(i).notifications.show ? (d(), v(u, {
+        key: 0,
+        active: l.value,
+        "prepend-icon": `svg:${t(Yt)}`,
+        title: "Notifications",
+        link: ""
+      }, W({
+        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(I)
+              ]),
+              _: 1
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["active", "prepend-icon"])) : x("", !0);
+    };
+  }
+}), Nn = /* @__PURE__ */ k({
+  __name: "VoDashboardListItem",
+  setup(p) {
+    const e = j();
+    return (i, n) => {
+      const l = X;
+      return d(), v(l, {
+        "prepend-icon": `svg:${t(Zt)}`,
+        title: "Dashboard",
+        to: "/user/dashboard",
+        onClick: n[0] || (n[0] = (s) => t(e).isOpen = !1)
+      }, null, 8, ["prepend-icon"]);
+    };
+  }
+}), On = /* @__PURE__ */ k({
+  __name: "VoUserList",
+  setup(p) {
+    const e = F();
+    return (i, n) => {
+      const l = Nn, s = Bn, r = mn, c = en, f = Do, u = wo;
+      return d(), v(ee, {
+        density: "compact",
+        nav: "",
+        slim: ""
+      }, {
+        default: a(() => [
+          o(l),
+          o(s),
+          o(r),
+          t(e).user ? (d(), v(c, { key: 0 })) : x("", !0),
+          o(f),
+          t(e).user ? (d(), v(u, { key: 1 })) : x("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Fn = { key: 0 }, zn = { class: "d-flex align-center justify-center pa-1 ga-2" }, jn = /* @__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(he, null, {
+      default: a(() => [
+        t(e).quickbar ? (d(), L("div", Fn, [
+          h("div", zn, [
+            o(G, {
+              color: t(e).colors.one,
+              class: "text-caption",
+              density: "comfortable",
+              href: "https://play.vuetifyjs.com",
+              icon: "$vuetify-play",
+              target: "_blank"
+            }, {
+              default: a(() => [
+                o(I),
+                o(Q, {
+                  activator: "parent",
+                  location: "top",
+                  text: "Vuetify Play"
+                })
+              ]),
+              _: 1
+            }, 8, ["color"]),
+            o(G, {
+              color: t(e).colors.one,
+              icon: i,
+              class: "text-caption",
+              density: "comfortable",
+              href: "https://bin.vuetifyjs.com",
+              target: "_blank"
+            }, {
+              default: a(() => [
+                o(I),
+                o(Q, {
+                  activator: "parent",
+                  location: "top",
+                  text: "Vuetify Bin"
+                })
+              ]),
+              _: 1
+            }, 8, ["color"]),
+            o(G, {
+              color: t(e).colors.one,
+              icon: `svg:${t(Qt)}`,
+              class: "text-caption",
+              density: "comfortable",
+              href: "https://issues.vuetifyjs.com",
+              target: "_blank"
+            }, {
+              default: a(() => [
+                o(I),
+                o(Q, {
+                  activator: "parent",
+                  location: "top",
+                  text: "Vuetify Issues"
+                })
+              ]),
+              _: 1
+            }, 8, ["color", "icon"])
+          ])
+        ])) : x("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), Tn = { class: "mb-2" }, Mn = { key: 0 }, Rn = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Pn = { class: "text-h6" }, Hn = /* @__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(), L("div", null, [
+        xe((d(), v(ne, {
+          class: _t([
+            "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(I, {
+              key: 1,
+              class: "mt-1",
+              icon: "$vuetify",
+              size: "x-large"
+            }))
+          ]),
+          _: 1
+        }, 8, ["class"])), [
+          [fo, t(e).isSubscriber]
+        ]),
+        h("div", Tn, [
+          o(he, null, {
+            default: a(() => [
+              n.value ? (d(), L("div", Mn, [
+                o(M, {
+                  class: "pt-6 pb-1",
+                  rounded: "0",
+                  flat: ""
+                }, {
+                  default: a(() => [
+                    h("div", Rn, [
+                      (d(!0), L(U, null, oe(l.value, (m, b) => (d(), v(G, {
+                        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
+                })
+              ])) : x("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        h("div", Pn, A(((u = t(e).user) == null ? void 0 : u.name) ?? "Guest"), 1)
+      ]);
+    };
   }
-  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;
-      }
+}), En = /* @__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(qe, {
+      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(I, P({
+                color: "blue",
+                icon: "$vuetify"
+              }, c, { size: "16" }), null, 16)
+            ]),
+            _: 1
+          })) : x("", !0),
+          t(i).isSubscriber ? (d(), v(Q, {
+            key: 1,
+            location: "bottom",
+            text: "Vuetify One Subscriber"
+          }, {
+            activator: a(({ props: c }) => [
+              o(I, P({
+                icon: `svg:${t(Jt)}`,
+                color: "amber-darken-2"
+              }, c, { size: "16" }), null, 16, ["icon"])
+            ]),
+            _: 1
+          })) : x("", !0),
+          t(i).github ? (d(), v(Q, {
+            key: 2,
+            location: "bottom",
+            text: "GitHub Sponsor"
+          }, {
+            activator: a(({ props: c }) => [
+              o(I, P({
+                icon: `svg:${t(We)}`,
+                color: "white"
+              }, c, { size: "16" }), null, 16, ["icon"])
+            ]),
+            _: 1
+          })) : x("", !0),
+          t(i).discord ? (d(), v(Q, {
+            key: 3,
+            location: "bottom",
+            text: "Discord Subscriber"
+          }, {
+            activator: a(({ props: c }) => [
+              o(I, P({
+                icon: `svg:${t(Ee)}`,
+                color: "white"
+              }, c, { size: "16" }), null, 16, ["icon"])
+            ]),
+            _: 1
+          })) : x("", !0)
+        ];
+      }),
+      _: 1
+    })) : x("", !0);
   }
-  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;
+}), Wn = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Gn = {
+  key: "reset",
+  class: "align-self-end"
+}, qn = /* @__PURE__ */ k({
+  __name: "VoUserColors",
+  setup(p) {
+    const e = F(), i = O(), n = D(!1);
+    function l() {
+      i.colors.one = "surface-light";
     }
+    return (s, r) => {
+      const c = En, f = ae;
+      return d(), L(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", Wn, [
+              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(I, {
+                        key: String(n.value)
+                      }))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["active", "icon", "variant"])) : x("", !0),
+              o(ao, null, {
+                default: a(() => [
+                  xe(h("div", Gn, [
+                    o(f, {
+                      disabled: t(i).colors.one === "surface-light",
+                      icon: `svg:${t(Xt)}`,
+                      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(he, null, {
+          default: a(() => [
+            n.value ? (d(), v(vo, {
+              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"])) : x("", !0)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
   }
-  function E() {
-    a.push({ query: {} });
+}), Yn = { class: "text-center mt-n9 mb-4" }, Zn = /* @__PURE__ */ k({
+  __name: "VoUserMenu",
+  setup(p) {
+    const e = Ne(), i = j(), n = H();
+    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 = qn, c = Hn, f = jn, u = On, m = lt;
+      return d(), v(t(_o), {
+        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(M, {
+            rounded: "lg",
+            width: "280",
+            border: ""
+          }, {
+            default: a(() => [
+              o(r),
+              h("div", Yn, [
+                o(c),
+                o(f)
+              ]),
+              o(E),
+              o(u),
+              o(E),
+              o(m)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
   }
-  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({
+}), Qn = { key: 0 }, Jn = /* @__PURE__ */ k({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
-  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
+  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 = Zn, m = ae, b = bo;
+      return d(), v(b, {
+        "offset-y": t(e).user ? 5 : 0
       }, {
-        default: h(() => [
-          _(b, Y({
-            [`${u(r) ? "append-" : ""}icon`]: u(t).user ? void 0 : `svg:${u(we)}`
+        default: a(() => [
+          o(m, P({
+            [`${t(l) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(Kt)}`
           }, {
-            color: d.value,
-            icon: u(t).user || u(t).isLoading,
-            loading: u(t).isLoading,
-            rounded: u(e),
-            variant: u(t).user ? "outlined" : "flat",
+            color: r.value,
+            icon: t(e).user || t(e).isLoading,
+            loading: t(e).isLoading,
+            rounded: t(s),
+            variant: t(e).user ? "outlined" : "flat",
             class: "vo-auth-btn",
             size: "default",
             style: { transition: ".2s ease" },
             active: ""
           }), {
-            default: h(() => [
-              u(t).user ? C("", !0) : (k(), oe("span", Ge, "Login")),
-              u(t).user ? (k(), S(W, {
+            default: a(() => [
+              t(e).user ? x("", !0) : (d(), L("span", Qn, "Login")),
+              t(e).user ? (d(), v(ne, {
                 key: 1,
-                image: u(n).avatar || u(t).user.picture || ""
-              }, null, 8, ["image"])) : C("", !0),
-              _(c)
+                image: t(n).avatar || t(e).user.picture || ""
+              }, null, 8, ["image"])) : x("", !0),
+              o(u)
             ]),
             _: 1
           }, 16, ["color", "icon", "loading", "rounded", "variant"])
@@ -421,47 +3011,47 @@ const qe = D("one", () => {
       }, 8, ["offset-y"]);
     };
   }
-}), 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({
+}), Xn = { class: "text-center" }, Kn = { class: "text-center mb-6" }, es = { class: "font-weight-light mb-2" }, ts = /* @__PURE__ */ h("span", { class: "font-weight-bold" }, "Vuetify One", -1), ct = /* @__PURE__ */ k({
   __name: "VoAuthCard",
-  setup(o) {
-    const t = I();
-    return (a, n) => {
-      const r = N("VoAuthGithub"), e = N("VoAuthDiscord");
-      return k(), S(re, {
+  setup(p) {
+    const e = F();
+    return (i, n) => {
+      const l = it, s = at;
+      return d(), v(M, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
-        default: h(() => [
-          O("div", Je, [
-            _(W, {
+        default: a(() => [
+          h("div", Xn, [
+            o(ne, {
               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
+          h("div", Kn, [
+            o(no, { class: "text-h5 mb-1 text-md-h4" }, {
+              default: a(() => [
+                h("div", es, A(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                ts
               ]),
               _: 1
             }),
-            _(Fe, { class: "text-wrap" }, {
-              default: h(() => [
-                M(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
+            o(so, { class: "text-wrap" }, {
+              default: a(() => [
+                B(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
               ]),
               _: 1
             })
           ]),
-          _(ie, {
+          o(ee, {
             class: "mx-auto",
             "max-width": "300",
             width: "100%"
           }, {
-            default: h(() => [
-              _(r, { class: "mb-3" }),
-              _(e)
+            default: a(() => [
+              o(l, { class: "mb-3" }),
+              o(s)
             ]),
             _: 1
           })
@@ -470,169 +3060,132 @@ const qe = D("one", () => {
       });
     };
   }
-}), Ke = /* @__PURE__ */ j({
+}), os = /* @__PURE__ */ k({
   __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),
+  setup(p) {
+    const e = F();
+    return (i, n) => {
+      const l = ct;
+      return d(), v(ot, {
+        modelValue: t(e).dialog,
+        "onUpdate:modelValue": n[0] || (n[0] = (s) => t(e).dialog = s),
         "max-width": "480"
       }, {
-        default: h(() => [
-          _(r)
+        default: a(() => [
+          o(l)
         ]),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
-}), 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({
+}), ns = /* @__PURE__ */ k({
   __name: "VoNotificationsBanner",
-  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);
+  setup(p) {
+    const { mdAndUp: e } = se(), i = Pe(), 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);
     }
-    async function c(v) {
-      var f;
-      if (!e.value)
+    async function u(b) {
+      var _;
+      if (!s.value)
         return;
-      m(), await ve();
-      const w = ((f = e.value) == null ? void 0 : f.metadata) ?? { link: "" };
-      if (w.link.indexOf("?one=") === -1)
+      f(), await fe();
+      const V = ((_ = s.value) == null ? void 0 : _.metadata) ?? { link: "" };
+      if (V.link.indexOf("?one=") === -1)
         return;
-      v.preventDefault(), v.stopPropagation();
-      const V = w.link.split("?one=")[1];
-      a.push({ query: { one: V } });
+      b.preventDefault(), b.stopPropagation();
+      const S = V.link.split("?one=")[1];
+      i.push({ query: { one: S } });
     }
-    const b = g(() => {
-      var w, V;
-      const v = ((w = e.value) == null ? void 0 : w.metadata) ?? { link: "" };
+    const m = w(() => {
+      var V, S;
+      const b = ((V = s.value) == null ? void 0 : V.metadata) ?? { link: "" };
       return {
-        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
+        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,
+        ...(S = s.value) == null ? void 0 : S.metadata.attributes,
+        onClick: u
       };
     });
-    return (v, w) => {
-      var V;
-      return e.value ? (k(), S(Ie, {
+    return (b, V) => {
+      var S;
+      return s.value ? (d(), v(ho, {
         key: 0,
-        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,
+        color: s.value.metadata.color,
+        height: r.value,
+        image: (S = s.value.metadata.images.bg) == null ? void 0 : S.url,
+        "model-value": c.value,
+        theme: s.value.metadata.theme.key,
         flat: ""
       }, {
-        default: h(() => [
-          _(ue, Y(b.value, {
+        default: a(() => [
+          o(_e, P(m.value, {
             active: !1,
             class: "flex-grow-1",
             lines: "two",
-            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
+            onClick: u
+          }), W({
+            append: a(() => [
+              t(e) && s.value.metadata.link && s.value.metadata.link_text ? (d(), v(Ce, { key: 0 }, {
+                default: a(({ isHovering: _, props: y }) => [
+                  o(G, P({
+                    ...y,
+                    ...m.value
                   }, {
-                    "append-icon": `svg:${u(ke)}`,
-                    color: e.value.metadata.link_color,
-                    elevation: f ? 8 : 0,
-                    title: e.value.metadata.link_text,
+                    "append-icon": `svg:${t(ve)}`,
+                    color: s.value.metadata.link_color,
+                    elevation: _ ? 8 : 0,
+                    title: s.value.metadata.link_text,
                     class: "text-none me-2",
                     variant: "elevated",
-                    onClick: c
+                    onClick: u
                   }), {
-                    default: h(() => [
-                      M(z(e.value.metadata.link_text), 1)
+                    default: a(() => [
+                      B(A(s.value.metadata.link_text), 1)
                     ]),
                     _: 2
                   }, 1040, ["append-icon", "color", "elevation", "title"])
                 ]),
                 _: 1
-              })) : C("", !0),
-              e.value.metadata.closable ? (k(), S(K, {
+              })) : x("", !0),
+              s.value.metadata.closable ? (d(), v(G, {
                 key: 1,
                 class: "ms-6 me-2",
                 density: "comfortable",
                 icon: "$clear",
                 size: "small",
                 variant: "plain",
-                onClick: ae(m, ["prevent", "stop"])
-              })) : C("", !0)
+                onClick: Te(f, ["prevent", "stop"])
+              })) : x("", !0)
             ]),
-            default: h(() => [
-              e.value.metadata.text ? (k(), S(Ne, {
+            default: a(() => [
+              s.value.metadata.text ? (d(), v(et, {
                 key: 0,
                 class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
               }, {
-                default: h(() => [
-                  M(z(e.value.metadata.text), 1)
+                default: a(() => [
+                  B(A(s.value.metadata.text), 1)
                 ]),
                 _: 1
-              })) : C("", !0),
-              e.value.metadata.subtext ? (k(), S(Oe, { key: 1 }, {
-                default: h(() => [
-                  M(z(e.value.metadata.subtext), 1)
+              })) : x("", !0),
+              s.value.metadata.subtext ? (d(), v(oo, { key: 1 }, {
+                default: a(() => [
+                  B(A(s.value.metadata.subtext), 1)
                 ]),
                 _: 1
-              })) : C("", !0)
+              })) : x("", !0)
             ]),
             _: 2
           }, [
-            e.value.metadata.images.logo ? {
+            s.value.metadata.images.logo ? {
               name: "prepend",
-              fn: h(() => [
-                _(W, {
-                  image: e.value.metadata.images.logo.url,
+              fn: a(() => [
+                o(ne, {
+                  image: s.value.metadata.images.logo.url,
                   size: "x-large"
                 }, null, 8, ["image"])
               ]),
@@ -641,103 +3194,16 @@ const qe = D("one", () => {
           ]), 1040)
         ]),
         _: 1
-      }, 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"]);
+      }, 8, ["color", "height", "image", "model-value", "theme"])) : x("", !0);
     };
   }
-}), st = (o) => (ge("data-v-d0145a63"), o = o(), be(), o), rt = ["href", "title"], it = {
+}), ss = (p) => (ht("data-v-d0145a63"), p = p(), gt(), p), as = ["href", "title"], is = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, ut = /* @__PURE__ */ st(() => /* @__PURE__ */ O("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), ct = /* @__PURE__ */ j({
+}, ls = /* @__PURE__ */ ss(() => /* @__PURE__ */ h("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), rs = /* @__PURE__ */ k({
   __name: "VoFooter",
-  setup(o) {
-    const t = [
+  setup(p) {
+    const e = [
       {
         title: "Vuetify Documentation",
         icon: "$vuetify",
@@ -745,7 +3211,7 @@ const qe = D("one", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${xe}`,
+        icon: `svg:${eo}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -755,308 +3221,157 @@ const qe = D("one", () => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${$e}`,
+        icon: `svg:${We}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${Le}`,
+        icon: `svg:${Ee}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${Ae}`,
+        icon: `svg:${to}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (a, n) => (k(), S(Ue, {
+    return (i, n) => (d(), v(go, {
       class: "vo-footer",
       height: "40"
     }, {
-      default: h(() => [
-        (k(), oe(he, null, ye(t, (r) => O("a", {
-          key: r.title,
-          href: r.href,
-          title: r.title,
+      default: a(() => [
+        (d(), L(U, null, oe(e, (l) => h("a", {
+          key: l.title,
+          href: l.href,
+          title: l.title,
           class: "d-inline-block mx-2 social-link",
           rel: "noopener noreferrer",
           target: "_blank"
         }, [
-          _(He, {
-            icon: r.icon,
-            size: r.icon === "$vuetify" ? 24 : 16
+          o(I, {
+            icon: l.icon,
+            size: l.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
-        ], 8, rt)), 64)),
-        O("div", it, [
-          M(" © 2016-" + z((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          ut
+        ], 8, as)), 64)),
+        h("div", is, [
+          B(" © 2016-" + A((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          ls
         ])
       ]),
       _: 1
     }));
   }
-}), 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);
+}), cs = (p, e) => {
+  const i = p.__vccOpts || p;
+  for (const [n, l] of e)
+    i[n] = l;
+  return i;
+}, us = /* @__PURE__ */ cs(rs, [["__scopeId", "data-v-d0145a63"]]), Js = J("bins", () => {
+  const p = F(), e = ge(), i = H([]), n = H(), 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((y) => y.favorite)), f = w(() => i.value.filter((y) => y.pinned));
+  N(n, () => {
+    window.clearTimeout(s.value), s.value = window.setTimeout(() => {
+      !n.value || !r.value || V(n.value, n.value.id);
     }, 100);
   }, { deep: !0 });
-  async function c() {
+  async function u() {
     try {
-      r.value = !0;
-      const i = await t.get("/one/bins");
-      a.value = i.bins;
+      l.value = !0;
+      const y = await e.get("/one/bins");
+      i.value = y.bins;
     } catch {
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
-    return a.value;
+    return i.value;
   }
-  async function b(i) {
+  async function m(y) {
     try {
-      r.value = !0, await t.delete(`/one/bins/${i}`), a.value = a.value.filter((p) => p.id !== i);
+      l.value = !0, await e.delete(`/one/bins/${y}`), i.value = i.value.filter(($) => $.id !== y);
     } catch {
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
     return !0;
   }
-  async function v(i) {
+  async function b(y) {
     try {
-      r.value = !0;
-      const p = await t.post("/one/bins", { bin: i });
-      return a.value.push(p.bin), n.value = p.bin, p;
+      l.value = !0;
+      const $ = await e.post("/one/bins", { bin: y });
+      return i.value.push($.bin), n.value = $.bin, $;
     } catch {
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
-    return { bin: i };
+    return { bin: y };
   }
-  async function w(i, p) {
+  async function V(y, $) {
     try {
-      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);
+      l.value = !0;
+      const z = await e.post(`/one/bins/${$}`, { bin: y }), T = i.value.findIndex((te) => te.id === $);
+      i.value.splice(T, 1, z.bin);
     } catch {
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
-    return { bin: i };
+    return { bin: y };
   }
-  async function V(i, p) {
+  async function S(y, $) {
     try {
-      r.value = !0;
-      const x = p ? await w(i, p) : await v(i);
-      n.value = x.bin;
+      l.value = !0;
+      const z = $ ? await V(y, $) : await b(y);
+      n.value = z.bin;
     } catch {
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
-    return { bin: i };
+    return { bin: y };
   }
-  async function f(i) {
+  async function _(y) {
     try {
-      r.value = !0;
-      const p = await t.get(`/one/bins/${i}`);
-      n.value = p.bin;
+      l.value = !0;
+      const $ = await e.get(`/one/bins/${y}`);
+      n.value = $.bin;
     } catch {
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
     return { bin: n.value };
   }
   return {
-    isLoading: r,
-    isOwner: d,
-    pinned: m,
-    favorites: y,
-    all: a,
-    create: v,
-    delete: b,
+    isLoading: l,
+    isOwner: r,
+    pinned: f,
+    favorites: c,
+    all: i,
+    create: b,
+    delete: m,
     current: n,
-    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
+    find: _,
+    get: u,
+    update: V,
+    updateOrCreate: S
   };
 });
-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);
+function Xs() {
+  function p(e) {
+    e.component("VoAuthBtn", Jn), e.component("VoAuthCard", ct), e.component("VoAuthDialog", os), e.component("VoAuthListItem", lt), e.component("VoNotificationsBanner", ns), e.component("VoFooter", us);
   }
-  return { install: o };
+  return { install: p };
 }
-function It(o, t) {
-  return function(a) {
-    const n = a.store;
-    n.url = t, n.$id === "site" && (n.id = o);
+function Ks(p, e) {
+  return function(i) {
+    const n = i.store;
+    n.url = e, n.$id === "site" && (n.id = p);
   };
 }
 export {
-  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
+  Xs as createOne,
+  Ks as one,
+  F as useAuthStore,
+  Ne as useBannersStore,
+  Js as useBinsStore,
+  ge as useHttpStore,
+  j as useOneStore,
+  Be as useSettingsStore,
+  O as useUserStore
 };