@vuetify/one 1.1.5 → 1.1.7

package/dist/index.js

@@ -1,76 +1,83 @@
-import { reactive as pt, watch as N, toRefs as mt, ref as H, shallowRef as D, computed as w, defineComponent as k, openBlock as d, createBlock as f, unref as t, createSlots as G, withCtx as a, createElementVNode as h, toDisplayString as I, createVNode as o, createTextVNode as B, renderSlot as R, normalizeStyle as Qe, createCommentVNode as x, withModifiers as Te, mergeModels as ft, useModel as ie, createElementBlock as S, Fragment as U, onBeforeMount as vt, nextTick as fe, renderList as oe, mergeProps as P, resolveComponent as Me, withDirectives as xe, vShow as Re, onMounted as _t, normalizeClass as ht, pushScopeId as gt, popScopeId as bt } from "vue";
-import { useRouter as Pe, useRoute as yt } from "vue-router";
+import { reactive as ft, watch as N, toRefs as vt, ref as P, shallowRef as D, computed as L, defineComponent as V, openBlock as d, createBlock as v, unref as t, createSlots as q, withCtx as s, createElementVNode as g, toDisplayString as I, createVNode as o, createTextVNode as B, renderSlot as M, normalizeStyle as Qe, createCommentVNode as x, withModifiers as je, mergeModels as _t, useModel as ie, createElementBlock as S, Fragment as U, onBeforeMount as ht, nextTick as fe, renderList as oe, mergeProps as H, resolveComponent as Me, withDirectives as xe, vShow as Pe, onMounted as gt, normalizeClass as bt, pushScopeId as yt, popScopeId as Vt } from "vue";
+import { useRouter as Re, useRoute as kt } from "vue-router";
 import { defineStore as X } from "pinia";
 import { merge as Oe } from "lodash-es";
-import { mdiDiscord as He, mdiGithub as Ee, mdiSync as Vt, mdiSyncOff as kt, mdiLogoutVariant as xt, mdiFullscreenExit as $t, mdiFullscreen as wt, mdiCheck as le, mdiHome as St, mdiTextBox as Ct, mdiSpaceInvaders as Je, mdiWhiteBalanceSunny as Lt, mdiWeatherNight as It, mdiDesktopTowerMonitor as At, mdiImageFilterHdr as Dt, mdiRocketLaunchOutline as Ut, mdiContrastCircle as Bt, mdiCog as Nt, mdiCogOutline as Ot, mdiFileDocument as Ft, mdiCreditCardSettingsOutline as zt, mdiRocketOutline as jt, mdiCheckCircleOutline as pe, mdiCreditCard as Tt, mdiReload as Mt, mdiPlaylistCheck as Rt, mdiCreditCardOutline as Pt, mdiMedal as We, mdiOpenInNew as ve, mdiHandHeart as Ht, mdiChartLine as Et, mdiHandHeartOutline as Wt, mdiEmailOpenOutline as Xe, mdiEmailVariant as Ke, mdiBell as Gt, mdiInboxOutline as qt, mdiInboxFullOutline as Zt, mdiBillboard as Yt, mdiBellOutline as Qt, mdiViewDashboardOutline as Jt, mdiSpider as Xt, mdiCrown as Kt, mdiArrowULeftBottom as eo, mdiLogin as to, mdiShieldStarOutline as oo, mdiReddit as no } from "@mdi/js";
-import { VListItem as _e, VList as ee, VListItemTitle as et, VListItemSubtitle as so } from "vuetify/lib/components/VList/index.mjs";
+import { mdiDiscord as He, mdiGithub as Ee, mdiSync as $t, mdiSyncOff as xt, mdiLogoutVariant as wt, mdiFullscreenExit as St, mdiFullscreen as Lt, mdiCheck as re, mdiHome as Ct, mdiTextBox as It, mdiSelect as At, mdiSpaceInvaders as Je, mdiImageFilterHdr as Xe, mdiRocketLaunchOutline as Ke, mdiWhiteBalanceSunny as Dt, mdiWeatherNight as Ut, mdiDesktopTowerMonitor as Bt, mdiContrastCircle as Nt, mdiCog as Ot, mdiCogOutline as Ft, mdiFileDocument as zt, mdiCreditCardSettingsOutline as Tt, mdiRocketOutline as jt, mdiCheckCircleOutline as pe, mdiCreditCard as Mt, mdiReload as Pt, mdiPlaylistCheck as Rt, mdiCreditCardOutline as Ht, mdiMedal as We, mdiOpenInNew as ve, mdiHandHeart as Et, mdiChartLine as Wt, mdiHandHeartOutline as Gt, mdiEmailOpenOutline as et, mdiEmailVariant as tt, mdiBell as qt, mdiInboxOutline as Zt, mdiInboxFullOutline as Yt, mdiBillboard as Qt, mdiBellOutline as Jt, mdiViewDashboardOutline as Xt, mdiSpider as Kt, mdiCrown as eo, mdiArrowULeftBottom as to, mdiLogin as oo, mdiShieldStarOutline as no, mdiReddit as so } from "@mdi/js";
+import { VListItem as _e, VList as ee, VListItemTitle as ot, VListItemSubtitle as ao } from "vuetify/lib/components/VList/index.mjs";
 import { VAvatar as ne } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as M, VCardTitle as ao, VCardSubtitle as io, VCardText as K } from "vuetify/lib/components/VCard/index.mjs";
-import { VDialog as tt } from "vuetify/lib/components/VDialog/index.mjs";
+import { VCard as R, VCardTitle as io, VCardSubtitle as ro, VCardText as K } from "vuetify/lib/components/VCard/index.mjs";
+import { VDialog as nt } from "vuetify/lib/components/VDialog/index.mjs";
 import { VBadge as Ge } from "vuetify/lib/components/VBadge/index.mjs";
 import { VBtn as E } from "vuetify/lib/components/VBtn/index.mjs";
 import { VProgressCircular as lo } from "vuetify/lib/components/VProgressCircular/index.mjs";
 import { VSheet as qe } from "vuetify/lib/components/VSheet/index.mjs";
-import { VSwitch as ot } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as $e, VExpandTransition as he, VExpandXTransition as ro } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as re, useTheme as co, useDate as we } from "vuetify";
+import { VSwitch as st } from "vuetify/lib/components/VSwitch/index.mjs";
+import { VFadeTransition as we, VExpandTransition as he, VExpandXTransition as co } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as le, useTheme as uo, useDate as Se } from "vuetify";
 import { VDivider as W } from "vuetify/lib/components/VDivider/index.mjs";
 import { VIcon as A } from "vuetify/lib/components/VIcon/index.mjs";
 import { VLabel as ze } from "vuetify/lib/components/VLabel/index.mjs";
-import { VChip as q } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as uo } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as po } from "vuetify/lib/components/VSelect/index.mjs";
-import { VRow as Se, VCol as me } from "vuetify/lib/components/VGrid/index.mjs";
+import { VChip as G } from "vuetify/lib/components/VChip/index.mjs";
+import { VChipGroup as po } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VSelect as mo } from "vuetify/lib/components/VSelect/index.mjs";
+import { VRow as Le, 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 { VImg as ge } from "vuetify/lib/components/VImg/index.mjs";
+import { VItemGroup as at, VItem as Te } from "vuetify/lib/components/VItemGroup/index.mjs";
 import { VLayout as Ie } from "vuetify/lib/components/VLayout/index.mjs";
 import { VMain as Ae } from "vuetify/lib/components/VMain/index.mjs";
-import { VDataTableVirtual as mo } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VDataTableVirtual as fo } from "vuetify/lib/components/VDataTable/index.mjs";
 import { VSkeletonLoader as Ye } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { VWindow as st, VWindowItem as de } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimelineItem as Ze, VTimeline as fo } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VWindow as it, VWindowItem as de } from "vuetify/lib/components/VWindow/index.mjs";
+import { VTimelineItem as Ze, VTimeline as vo } from "vuetify/lib/components/VTimeline/index.mjs";
 import { VTooltip as J } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VResponsive as vo } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VNavigationDrawer as _o } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as ho } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as go } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as bo } from "vuetify/components";
-import { VAppBar as yo } from "vuetify/lib/components/VAppBar/index.mjs";
-import { VFooter as Vo } from "vuetify/lib/components/VFooter/index.mjs";
-const ge = X("http", {
+import { VResponsive as _o } from "vuetify/lib/components/VResponsive/index.mjs";
+import { VNavigationDrawer as ho } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
+import { Ripple as go } from "vuetify/lib/directives/index.mjs";
+import { VColorPicker as bo } from "vuetify/lib/components/VColorPicker/index.mjs";
+import { VMenu as yo } from "vuetify/components";
+import { VAppBar as Vo } from "vuetify/lib/components/VAppBar/index.mjs";
+import { VFooter as ko } from "vuetify/lib/components/VFooter/index.mjs";
+const be = X("http", {
   state: () => ({
     url: ""
   }),
   actions: {
-    async fetch(p, e = {}) {
-      const i = await fetch(`${this.url}${p}`, {
+    async fetch(u, e = {}) {
+      const a = await fetch(`${this.url}${u}`, {
         credentials: "include",
         ...e
       });
-      return i.status === 204 ? i : i.json();
+      return a.status === 204 ? a : a.json();
     },
-    async post(p, e, i = {}) {
-      return this.fetch(p, {
+    async post(u, e, a = {}) {
+      return this.fetch(u, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
         body: JSON.stringify(e),
-        ...i
+        ...a
       });
     },
-    async get(p, e = {}) {
-      return this.fetch(p, e);
+    async put(u, e, a = {}) {
+      return this.fetch(u, {
+        method: "POST",
+        body: e,
+        ...a
+      });
     },
-    async delete(p, e = {}) {
-      return this.fetch(p, {
+    async get(u, e = {}) {
+      return this.fetch(u, e);
+    },
+    async delete(u, e = {}) {
+      return this.fetch(u, {
         method: "DELETE",
         ...e
       });
     }
   }
-}), Fe = typeof window < "u", ke = {
+}), Fe = typeof window < "u", $e = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -108,206 +115,206 @@ const ge = X("http", {
       jobs: null
     }
   }
-}, O = X("user", () => {
-  const p = pt(Oe({}, ke));
-  N(p, i);
+}, F = X("user", () => {
+  const u = ft(Oe({}, $e));
+  N(u, a);
   function e() {
     if (!Fe)
       return;
-    const l = localStorage.getItem("vuetify@user"), s = l ? JSON.parse(l) : {};
-    let r = s.v === p.v;
-    s.v || (s.pwaRefresh = !0, typeof s.api == "boolean" && (s.api = s.api ? "inline" : "link-only"), typeof s.rtl == "boolean" && (s.direction = s.rtl ? "rtl" : "ltr", delete s.rtl), typeof s.theme == "object" && (s.mixedTheme = s.theme.mixed, s.theme = s.theme.system ? "system" : s.theme.dark ? "dark" : "light"), Array.isArray(s.notifications) && (s.notifications = { read: s.notifications }), typeof s.last == "object" && (s.notifications.last = s.last, delete s.last)), s.v === 1 && (Array.isArray(s.composition) && (s.composition = "composition"), Array.isArray(s.notifications.last.banner) || (s.notifications = s.notifications || {}, s.notifications.last = s.notifications.last || {}, s.notifications.last.banner = [])), s.v === 2 && (s.syncSettings = !0, s.disableAds = !1, s.v = 3), s.v === 3 && (s.quickbar = !1), s.v === 4 && (s.suits = ke.suits, s.notifications.banners = ke.notifications.banners, r = !0), s.v = p.v, Object.assign(p, Oe(p, s)), r && i();
+    const l = localStorage.getItem("vuetify@user"), i = l ? JSON.parse(l) : {};
+    let r = i.v === u.v;
+    i.v || (i.pwaRefresh = !0, typeof i.api == "boolean" && (i.api = i.api ? "inline" : "link-only"), typeof i.rtl == "boolean" && (i.direction = i.rtl ? "rtl" : "ltr", delete i.rtl), typeof i.theme == "object" && (i.mixedTheme = i.theme.mixed, i.theme = i.theme.system ? "system" : i.theme.dark ? "dark" : "light"), Array.isArray(i.notifications) && (i.notifications = { read: i.notifications }), typeof i.last == "object" && (i.notifications.last = i.last, delete i.last)), i.v === 1 && (Array.isArray(i.composition) && (i.composition = "composition"), Array.isArray(i.notifications.last.banner) || (i.notifications = i.notifications || {}, i.notifications.last = i.notifications.last || {}, i.notifications.last.banner = [])), i.v === 2 && (i.syncSettings = !0, i.disableAds = !1, i.v = 3), i.v === 3 && (i.quickbar = !1), i.v === 4 && (i.suits = $e.suits, i.notifications.banners = $e.notifications.banners, r = !0), i.v = u.v, Object.assign(u, Oe(u, i)), r && a();
   }
-  function i() {
-    Fe && localStorage.setItem("vuetify@user", JSON.stringify(p, null, 2));
+  function a() {
+    Fe && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
   }
   function n() {
-    Fe && (Object.assign(p, Oe({}, ke)), i());
+    Fe && (Object.assign(u, Oe({}, $e)), a());
   }
   return e(), {
-    ...mt(p),
+    ...vt(u),
     load: e,
-    save: i,
+    save: a,
     reset: n
   };
-}), F = X("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));
+}), z = X("auth", () => {
+  const u = P(!1), e = P(null), a = be(), n = F(), l = Re(), i = D(!1), r = L(() => {
+    var m, _;
+    return !a.url || ((m = e.value) == null ? void 0 : m.isAdmin) || !!((_ = e.value) != null && _.sponsorships.some(($) => $.isActive));
   });
-  let c = !!C();
-  N(e, (_) => {
-    if (!(_ != null && _.settings))
+  let c = !!w();
+  N(e, (m) => {
+    if (!(m != null && m.settings))
       return;
-    const y = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(_.settings, null, 2) !== y && (c = !0, Object.assign(n, _.settings));
+    const _ = localStorage.getItem("vuetify@user") || "{}";
+    JSON.stringify(m.settings, null, 2) !== _ && (c = !0, Object.assign(n, m.settings));
   }), n.$subscribe(() => {
-    c || v(), c = !1;
+    c || h(), c = !1;
   });
-  async function v() {
+  async function h() {
     if (!(!e.value || !n.syncSettings))
       try {
-        await i.post("/user/settings", { settings: n.$state });
-      } catch (_) {
-        console.error(_);
+        await a.post("/user/settings", { settings: n.$state });
+      } catch (m) {
+        console.error(m);
       }
   }
-  async function u(_ = !1) {
-    if (u.promise)
-      return u.promise;
-    s.value = !0, u.promise = fetch(`${i.url}/auth/verify`, {
+  async function p(m = !1) {
+    if (p.promise)
+      return p.promise;
+    i.value = !0, p.promise = fetch(`${a.url}/auth/verify`, {
       credentials: "include",
-      headers: _ ? {
+      headers: m ? {
         "Cache-Control": "no-cache"
       } : void 0
     }).then(
-      async (y) => {
-        y.ok ? e.value = (await y.json()).user : y.status === 401 ? e.value = null : console.error(y.statusText);
+      async (_) => {
+        _.ok ? e.value = (await _.json()).user : _.status === 401 ? e.value = null : console.error(_.statusText);
       },
       () => {
       }
     ).finally(() => {
-      s.value = !1, u.promise = null;
+      i.value = !1, p.promise = null;
     });
   }
-  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, Z = window.open(
+  p.promise = null;
+  async function f(m = "github") {
+    i.value = !0;
+    const _ = `${a.url}/auth/${m}/redirect`, $ = 400, O = 600, j = window.screenX + (window.innerWidth - $) / 2, te = window.screenY + (window.innerHeight - O) / 2, Z = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${T},top=${te},width=${$},height=${z},resizable`
+      `popup,left=${j},top=${te},width=${$},height=${O},resizable`
     );
     if (!Z) {
       console.error("Failed to open popup");
       return;
     }
-    Z.location.href = y;
-    let Ve = -1, ce = -1;
-    function ue(g) {
-      var L;
-      g.origin === i.url && ((L = g.data) == null ? void 0 : L.type) === "auth-response" && (g.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", _), e.value = g.data.body.user, l.push("/user/dashboard/"), v()) : console.error(g.data.message), ae());
+    Z.location.href = _;
+    let ke = -1, ce = -1;
+    function ue(b) {
+      var C;
+      b.origin === a.url && ((C = b.data) == null ? void 0 : C.type) === "auth-response" && (b.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", m), e.value = b.data.body.user, l.push("/user/dashboard/"), h()) : console.error(b.data.message), ae());
     }
     function ae() {
-      window.removeEventListener("message", ue), window.clearInterval(Ve), window.clearTimeout(ce), Z == null || Z.close(), s.value = !1;
+      window.removeEventListener("message", ue), window.clearInterval(ke), window.clearTimeout(ce), Z == null || Z.close(), i.value = !1;
     }
-    window.addEventListener("message", ue), Ve = window.setInterval(() => {
+    window.addEventListener("message", ue), ke = window.setInterval(() => {
       !Z || Z.closed ? (console.error("Auth popup closed"), ae()) : Z.postMessage({ type: "auth-request" }, "*");
     }, 1e3), ce = window.setTimeout(() => {
       ae(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function b(_) {
-    s.value = !0;
-    const y = _ ? `/auth/${_}/logout` : "/auth/logout";
+  async function k(m) {
+    i.value = !0;
+    const _ = m ? `/auth/${m}/logout` : "/auth/logout";
     try {
-      await i.post(y), await u(!0), e.value = null;
+      await a.post(_), await p(!0), e.value = null;
     } catch ($) {
       console.error($);
     } finally {
-      l.push("/"), s.value = !1;
+      l.push("/"), i.value = !1;
     }
   }
-  function V(_) {
-    var y;
-    return (y = e.value) == null ? void 0 : y.identities.find(($) => $.provider === _);
+  function y(m) {
+    var _;
+    return (_ = e.value) == null ? void 0 : _.identities.find(($) => $.provider === m);
   }
-  function C() {
+  function w() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return u(), {
+  return p(), {
     user: e,
-    url: i.url,
-    dialog: p,
-    isLoading: s,
-    findIdentity: V,
-    verify: u,
-    login: m,
-    logout: b,
+    url: a.url,
+    dialog: u,
+    isLoading: i,
+    findIdentity: y,
+    verify: p,
+    login: f,
+    logout: k,
     isSubscriber: r,
-    lastLoginProvider: C,
-    sync: v
+    lastLoginProvider: w,
+    sync: h
   };
-}), ko = { class: "text-body-2" }, xo = /* @__PURE__ */ h("div", { class: "text-caption mt-n1" }, "Last Used", -1), at = /* @__PURE__ */ k({
+}), $o = { class: "text-body-2" }, xo = /* @__PURE__ */ g("div", { class: "text-caption mt-n1" }, "Last Used", -1), rt = /* @__PURE__ */ V({
   __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(), f(_e, {
+  setup(u) {
+    const e = z(), a = L(() => e.user && e.findIdentity("discord")), n = L(() => e.user ? a.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
+    return (l, i) => (d(), v(_e, {
       "prepend-icon": `svg:${t(He)}`,
       "base-color": "#5865F2",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: s[0] || (s[0] = (r) => t(e).login("discord"))
-    }, G({
-      title: a(() => [
-        h("span", ko, I(n.value), 1)
+      onClick: i[0] || (i[0] = (r) => t(e).login("discord"))
+    }, q({
+      title: s(() => [
+        g("span", $o, I(n.value), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "discord" ? {
         name: "subtitle",
-        fn: a(() => [
+        fn: s(() => [
           xo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), $o = { class: "text-body-2" }, wo = /* @__PURE__ */ h("div", { class: "text-caption mt-n1" }, "Last Used", -1), it = /* @__PURE__ */ k({
+}), wo = { class: "text-body-2" }, So = /* @__PURE__ */ g("div", { class: "text-caption mt-n1" }, "Last Used", -1), lt = /* @__PURE__ */ V({
   __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(), f(_e, {
+  setup(u) {
+    const e = z(), a = L(() => e.user && e.findIdentity("github")), n = L(() => e.user ? a.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
+    return (l, i) => (d(), v(_e, {
       "prepend-icon": `svg:${t(Ee)}`,
       "base-color": "#2a2a2a",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: s[0] || (s[0] = (r) => t(e).login("github"))
-    }, G({
-      title: a(() => [
-        h("span", $o, I(n.value), 1)
+      onClick: i[0] || (i[0] = (r) => t(e).login("github"))
+    }, q({
+      title: s(() => [
+        g("span", wo, I(n.value), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "github" ? {
         name: "subtitle",
-        fn: a(() => [
-          wo
+        fn: s(() => [
+          So
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), So = { class: "text-center" }, Co = { class: "text-center mb-6" }, Lo = { class: "font-weight-light mb-2" }, Io = /* @__PURE__ */ h("span", { class: "font-weight-bold" }, "Vuetify One", -1), lt = /* @__PURE__ */ k({
+}), Lo = { class: "text-center" }, Co = { class: "text-center mb-6" }, Io = { class: "font-weight-light mb-2" }, Ao = /* @__PURE__ */ g("span", { class: "font-weight-bold" }, "Vuetify One", -1), ct = /* @__PURE__ */ V({
   __name: "VoAuthCard",
-  setup(p) {
-    const e = F();
-    return (i, n) => {
-      const l = it, s = at;
-      return d(), f(M, {
+  setup(u) {
+    const e = z();
+    return (a, n) => {
+      const l = lt, i = rt;
+      return d(), v(R, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
-        default: a(() => [
-          h("div", So, [
+        default: s(() => [
+          g("div", Lo, [
             o(ne, {
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               class: "mx-auto",
               size: "64"
             }, null, 8, ["image"])
           ]),
-          h("div", Co, [
-            o(ao, { class: "text-h5 mb-1 text-md-h4" }, {
-              default: a(() => [
-                h("div", Lo, I(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
-                Io
+          g("div", Co, [
+            o(io, { class: "text-h5 mb-1 text-md-h4" }, {
+              default: s(() => [
+                g("div", Io, I(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                Ao
               ]),
               _: 1
             }),
-            o(io, { class: "text-wrap" }, {
-              default: a(() => [
+            o(ro, { class: "text-wrap" }, {
+              default: s(() => [
                 B(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
               ]),
               _: 1
@@ -318,9 +325,9 @@ const ge = X("http", {
             "max-width": "300",
             width: "100%"
           }, {
-            default: a(() => [
+            default: s(() => [
               o(l, { class: "mb-3" }),
-              o(s)
+              o(i)
             ]),
             _: 1
           })
@@ -329,18 +336,18 @@ const ge = X("http", {
       });
     };
   }
-}), rt = /* @__PURE__ */ k({
+}), ut = /* @__PURE__ */ V({
   __name: "VoAuthDialog",
-  setup(p) {
-    const e = F();
-    return (i, n) => {
-      const l = lt;
-      return d(), f(tt, {
+  setup(u) {
+    const e = z();
+    return (a, n) => {
+      const l = ct;
+      return d(), v(nt, {
         modelValue: t(e).dialog,
-        "onUpdate:modelValue": n[0] || (n[0] = (s) => t(e).dialog = s),
+        "onUpdate:modelValue": n[0] || (n[0] = (i) => t(e).dialog = i),
         "max-width": "480"
       }, {
-        default: a(() => [
+        default: s(() => [
           o(l)
         ]),
         _: 1
@@ -348,50 +355,50 @@ const ge = X("http", {
     };
   }
 }), De = X("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)));
+  const u = be(), e = F(), a = P([]), n = D(!1), l = L(() => a.value.filter((c) => !e.notifications.read.includes(c.slug))), i = L(() => a.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;
+      const c = await u.get("/one/notifications");
+      a.value = c.notifications;
     } catch {
     } finally {
       n.value = !1;
     }
-    return i.value;
+    return a.value;
   }
   return {
     isLoading: n,
-    all: i,
+    all: a,
     get: r,
-    read: s,
+    read: i,
     unread: l
   };
-}), Ao = /* @__PURE__ */ k({
+}), Do = /* @__PURE__ */ V({
   __name: "VoNotificationsTotalBadge",
-  setup(p) {
-    const e = F(), i = De(), n = O(), l = w(() => n.notifications.show ? i.unread.length : 0);
-    return (s, r) => (d(), f(Ge, {
+  setup(u) {
+    const e = z(), a = De(), n = F(), l = L(() => n.notifications.show ? a.unread.length : 0);
+    return (i, r) => (d(), v(Ge, {
       content: l.value,
       dot: !!t(e).user,
       "model-value": l.value > 0,
       color: "error",
       location: "start top"
     }, {
-      default: a(() => [
-        R(s.$slots, "default")
+      default: s(() => [
+        M(i.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "dot", "model-value"]));
   }
-}), se = /* @__PURE__ */ k({
+}), se = /* @__PURE__ */ V({
   __name: "VoBtn",
   props: {
     readonly: { type: Boolean }
   },
-  setup(p) {
-    const e = p;
-    return (i, n) => (d(), f(E, {
+  setup(u) {
+    const e = u;
+    return (a, n) => (d(), v(E, {
       style: Qe({
         pointerEvents: e.readonly ? "none" : void 0
       }),
@@ -400,74 +407,74 @@ const ge = X("http", {
       color: "primary",
       size: "small",
       variant: "flat"
-    }, G({
-      loader: a(() => [
-        i.$slots.loader ? x("", !0) : (d(), f(lo, {
+    }, q({
+      loader: s(() => [
+        a.$slots.loader ? x("", !0) : (d(), v(lo, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
           width: "2"
         })),
-        R(i.$slots, "loader")
+        M(a.$slots, "loader")
       ]),
       _: 2
     }, [
-      i.$slots.default ? {
+      a.$slots.default ? {
         name: "default",
-        fn: a(() => [
-          R(i.$slots, "default")
+        fn: s(() => [
+          M(a.$slots, "default")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), Do = { class: "pa-4 d-flex flex-column ga-4" }, ct = /* @__PURE__ */ k({
+}), Uo = { class: "pa-4 d-flex flex-column ga-4" }, dt = /* @__PURE__ */ V({
   __name: "VoAuthListItem",
-  setup(p) {
-    const e = F(), i = O(), n = D(!e.user && !e.isLoading);
-    N(() => e.user, (s) => {
-      n.value = !s;
+  setup(u) {
+    const e = z(), a = F(), n = D(!e.user && !e.isLoading);
+    N(() => e.user, (i) => {
+      n.value = !i;
     });
     function l() {
       e.user && (n.value = !n.value);
     }
-    return (s, r) => {
-      const c = it, v = at;
-      return d(), f(M, {
+    return (i, r) => {
+      const c = lt, h = rt;
+      return d(), v(R, {
         variant: n.value ? "tonal" : "text",
         class: "ma-2",
         rounded: "lg"
       }, {
-        default: a(() => [
+        default: s(() => [
           o(ee, { class: "py-0" }, {
-            default: a(() => [
+            default: s(() => [
               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",
+                "prepend-icon": `svg:${t(e).user && t(a).syncSettings ? t($t) : t(xt)}`,
+                title: t(e).user && t(a).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(), f(ot, {
+                append: s(() => [
+                  o(we, null, {
+                    default: s(() => [
+                      t(e).user && (n.value || !t(a).syncSettings) ? (d(), v(st, {
                         key: 0,
-                        modelValue: t(i).syncSettings,
-                        "onUpdate:modelValue": r[0] || (r[0] = (u) => t(i).syncSettings = u),
-                        color: t(i).syncSettings ? "success" : void 0,
+                        modelValue: t(a).syncSettings,
+                        "onUpdate:modelValue": r[0] || (r[0] = (p) => t(a).syncSettings = p),
+                        color: t(a).syncSettings ? "success" : void 0,
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: r[1] || (r[1] = Te(() => {
+                        onClick: r[1] || (r[1] = je(() => {
                         }, ["stop"]))
                       }, {
-                        thumb: a(() => [
+                        thumb: s(() => [
                           o(ne, {
-                            color: t(i).syncSettings ? "success" : void 0
+                            color: t(a).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
                         _: 1
@@ -479,19 +486,19 @@ const ge = X("http", {
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
               o(he, null, {
-                default: a(() => [
-                  !t(e).user && !t(e).isLoading || n.value ? (d(), f(qe, {
+                default: s(() => [
+                  !t(e).user && !t(e).isLoading || n.value ? (d(), v(qe, {
                     key: 0,
                     border: "t",
                     color: "transparent"
                   }, {
-                    default: a(() => [
-                      h("div", Do, [
+                    default: s(() => [
+                      g("div", Uo, [
                         o(c, {
-                          onClick: r[2] || (r[2] = (u) => n.value = !1)
+                          onClick: r[2] || (r[2] = (p) => n.value = !1)
                         }),
-                        o(v, {
-                          onClick: r[3] || (r[3] = (u) => n.value = !1)
+                        o(h, {
+                          onClick: r[3] || (r[3] = (p) => n.value = !1)
                         })
                       ])
                     ]),
@@ -508,51 +515,51 @@ const ge = X("http", {
       }, 8, ["variant"]);
     };
   }
-}), Y = /* @__PURE__ */ k({
+}), Y = /* @__PURE__ */ V({
   __name: "VoListItem",
-  setup(p) {
-    return (e, i) => (d(), f(_e, { slim: "" }, G({
-      default: a(() => [
-        R(e.$slots, "default")
+  setup(u) {
+    return (e, a) => (d(), v(_e, { slim: "" }, q({
+      default: s(() => [
+        M(e.$slots, "default")
       ]),
       _: 2
     }, [
       e.$slots.prepend ? {
         name: "prepend",
-        fn: a(() => [
-          R(e.$slots, "prepend")
+        fn: s(() => [
+          M(e.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       e.$slots.title ? {
         name: "title",
-        fn: a(() => [
-          R(e.$slots, "title")
+        fn: s(() => [
+          M(e.$slots, "title")
         ]),
         key: "1"
       } : void 0,
       e.$slots.append ? {
         name: "append",
-        fn: a(() => [
-          R(e.$slots, "append")
+        fn: s(() => [
+          M(e.$slots, "append")
         ]),
         key: "2"
       } : void 0
     ]), 1024));
   }
-}), Uo = /* @__PURE__ */ k({
+}), Bo = /* @__PURE__ */ V({
   __name: "VoAuthLogoutListItem",
-  setup(p) {
-    const e = F(), i = D(!1);
+  setup(u) {
+    const e = z(), a = D(!1);
     async function n() {
-      i.value = !0, await e.logout(), i.value = !1;
+      a.value = !0, await e.logout(), a.value = !1;
     }
-    return (l, s) => {
+    return (l, i) => {
       const r = Y;
-      return d(), f(r, {
-        disabled: i.value,
-        loading: i.value,
-        "prepend-icon": `svg:${t(xt)}`,
+      return d(), v(r, {
+        disabled: a.value,
+        loading: a.value,
+        "prepend-icon": `svg:${t(wt)}`,
         class: "mb-0",
         title: "Logout",
         link: "",
@@ -560,9 +567,9 @@ const ge = X("http", {
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), Ue = /* @__PURE__ */ k({
+}), Ue = /* @__PURE__ */ V({
   __name: "VoDialog",
-  props: /* @__PURE__ */ ft({
+  props: /* @__PURE__ */ _t({
     prependIcon: {},
     title: {}
   }, {
@@ -570,60 +577,60 @@ const ge = X("http", {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(p) {
-    const e = ie(p, "modelValue"), i = re(), n = D(!1);
-    return (l, s) => (d(), f(tt, {
+  setup(u) {
+    const e = ie(u, "modelValue"), a = le(), n = D(!1);
+    return (l, i) => (d(), v(nt, {
       modelValue: e.value,
-      "onUpdate:modelValue": s[2] || (s[2] = (r) => e.value = r),
-      fullscreen: n.value || t(i).xs.value,
-      "max-height": n.value || t(i).xs.value ? "100%" : 800,
-      "max-width": n.value || t(i).xs.value ? "100%" : 800,
+      "onUpdate:modelValue": i[2] || (i[2] = (r) => e.value = r),
+      fullscreen: n.value || t(a).xs.value,
+      "max-height": n.value || t(a).xs.value ? "100%" : 800,
+      "max-width": n.value || t(a).xs.value ? "100%" : 800,
       activator: "parent",
       height: "100%"
     }, {
-      default: a(({ isActive: r }) => [
-        o(M, {
+      default: s(({ isActive: r }) => [
+        o(R, {
           "prepend-icon": l.prependIcon,
           title: l.title,
           class: "overflow-hidden",
           height: "inherit"
-        }, G({
-          append: a(() => [
-            R(l.$slots, "append"),
-            t(i).xs.value ? x("", !0) : (d(), f(E, {
+        }, q({
+          append: s(() => [
+            M(l.$slots, "append"),
+            t(a).xs.value ? x("", !0) : (d(), v(E, {
               key: 0,
-              icon: `svg:${n.value ? t($t) : t(wt)}`,
+              icon: `svg:${n.value ? t(St) : t(Lt)}`,
               class: "me-2",
               density: "comfortable",
               size: "small",
               variant: "text",
-              onClick: s[0] || (s[0] = (c) => n.value = !n.value)
+              onClick: i[0] || (i[0] = (c) => n.value = !n.value)
             }, null, 8, ["icon"])),
             o(E, {
               density: "comfortable",
               icon: "$close",
               size: "small",
               variant: "text",
-              onClick: s[1] || (s[1] = (c) => e.value = !e.value)
+              onClick: i[1] || (i[1] = (c) => e.value = !e.value)
             })
           ]),
-          default: a(() => [
+          default: s(() => [
             o(W, { class: "mt-4" }),
-            R(l.$slots, "default")
+            M(l.$slots, "default")
           ]),
           _: 2
         }, [
           l.$slots.prepend ? {
             name: "prepend",
-            fn: a(() => [
-              R(l.$slots, "prepend")
+            fn: s(() => [
+              M(l.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
           l.$slots.actions ? {
             name: "actions",
-            fn: a(() => [
-              R(l.$slots, "actions", { isActive: r })
+            fn: s(() => [
+              M(l.$slots, "actions", { isActive: r })
             ]),
             key: "1"
           } : void 0
@@ -632,20 +639,20 @@ const ge = X("http", {
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), ut = /* @__PURE__ */ k({
+}), pt = /* @__PURE__ */ V({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
-  setup(p) {
-    return (e, i) => (d(), f(ot, {
+  setup(u) {
+    return (e, a) => (d(), v(st, {
       disabled: e.disabled,
-      "true-icon": `svg:${t(le)}`,
+      "true-icon": `svg:${t(re)}`,
       color: "primary",
       density: "compact",
       inset: ""
-    }, G({
-      thumb: a(() => [
+    }, q({
+      thumb: s(() => [
         o(A, {
           color: e.disabled ? void 0 : "primary"
         }, null, 8, ["color"])
@@ -654,65 +661,66 @@ const ge = X("http", {
     }, [
       e.$slots.label ? {
         name: "label",
-        fn: a(() => [
-          R(e.$slots, "label")
+        fn: s(() => [
+          M(e.$slots, "label")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), Bo = {
+}), No = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, be = /* @__PURE__ */ k({
+}, ye = /* @__PURE__ */ V({
   __name: "VoDialogSubheader",
   props: {
     title: {},
     text: {}
   },
-  setup(p) {
-    return (e, i) => (d(), S(U, null, [
-      e.title ? (d(), f(ze, {
+  setup(u) {
+    return (e, a) => (d(), S(U, null, [
+      e.title ? (d(), v(ze, {
         key: 0,
         class: "font-weight-black"
       }, {
-        default: a(() => [
+        default: s(() => [
           B(I(e.title), 1)
         ]),
         _: 1
       })) : x("", !0),
-      e.text ? (d(), S("div", Bo, I(e.text), 1)) : x("", !0)
+      e.text ? (d(), S("div", No, I(e.text), 1)) : x("", !0)
     ], 64));
   }
-}), No = { key: 0 }, Oo = /* @__PURE__ */ k({
+}), Oo = { key: 0 }, Fo = /* @__PURE__ */ V({
   __name: "VoSettingsPageSuitOption",
-  setup(p) {
-    const e = O(), i = [
+  setup(u) {
+    const e = F(), a = [
       {
         title: "Choose a page suit",
         value: "",
+        prependIcon: `svg:${At}`,
         disabled: !0
       },
       {
         title: "Blackguard",
         prependIcon: `svg:${Je}`,
         value: "blackguard"
+      },
+      {
+        title: "Polaris",
+        prependIcon: `svg:${Xe}`,
+        value: "polaris"
+      },
+      {
+        title: "Nebula",
+        prependIcon: `svg:${Ke}`,
+        value: "nebula"
       }
-      // {
-      //   title: 'Polaris',
-      //   prependIcon: `svg:${mdiImageFilterHdr}`,
-      //   value: 'polaris',
-      // },
-      // {
-      //   title: 'Nebula',
-      //   prependIcon: `svg:${mdiRocketLaunchOutline}`,
-      //   value: 'nebula',
-      // },
     ];
     return (n, l) => {
-      const s = ut, r = be;
+      const i = pt, r = ye;
       return d(), S(U, null, [
-        o(s, {
+        o(i, {
           modelValue: t(e).suits.show,
           "onUpdate:modelValue": l[0] || (l[0] = (c) => t(e).suits.show = c),
           class: "mb-2",
@@ -720,12 +728,12 @@ const ge = X("http", {
           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(), S("div", No, [
-              o(po, {
+          default: s(() => [
+            t(e).suits.show ? (d(), S("div", Oo, [
+              o(mo, {
                 modelValue: t(e).suits.suit,
                 "onUpdate:modelValue": l[1] || (l[1] = (c) => t(e).suits.suit = c),
-                items: i,
+                items: a,
                 density: "compact",
                 placeholder: "Choose a page suit",
                 style: { "max-width": "300px" },
@@ -734,7 +742,7 @@ const ge = X("http", {
                 "item-props": "",
                 "single-line": ""
               }, {
-                selection: a(({ item: c }) => [
+                selection: s(({ item: c }) => [
                   o(A, {
                     icon: c.props.prependIcon,
                     size: "x-small",
@@ -745,22 +753,22 @@ const ge = X("http", {
                 _: 1
               }, 8, ["modelValue"]),
               o(r, { text: "Select your suit elements to display the background image:" }),
-              o(uo, {
+              o(po, {
                 modelValue: t(e).suits.elements,
                 "onUpdate:modelValue": l[2] || (l[2] = (c) => t(e).suits.elements = c),
                 color: "primary",
                 filter: "",
                 multiple: ""
               }, {
-                default: a(() => [
-                  o(q, {
-                    "append-icon": `svg:${t(St)}`,
+                default: s(() => [
+                  o(G, {
+                    "append-icon": `svg:${t(Ct)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
                     variant: "flat"
                   }, {
-                    append: a(() => [
+                    append: s(() => [
                       o(W, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
@@ -769,14 +777,14 @@ const ge = X("http", {
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  o(q, {
-                    "append-icon": `svg:${t(Ct)}`,
+                  o(G, {
+                    "append-icon": `svg:${t(It)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
                     variant: "flat"
                   }, {
-                    append: a(() => [
+                    append: s(() => [
                       o(W, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
@@ -785,14 +793,14 @@ const ge = X("http", {
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  o(q, {
+                  o(G, {
                     "append-icon": "$info",
                     "filter-icon": "$success",
                     text: "Footer",
                     value: "footer",
                     variant: "flat"
                   }, {
-                    append: a(() => [
+                    append: s(() => [
                       o(W, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
@@ -812,155 +820,155 @@ const ge = X("http", {
     };
   }
 });
-function ye() {
-  const p = yt();
-  return w(
-    () => p.query
+function Ve() {
+  const u = kt();
+  return L(
+    () => u.query
   );
 }
-const j = X("one", () => {
-  const p = ye(), e = p.value.session_id, i = Pe(), n = F(), l = ge(), s = D(!1), r = H(!1), c = H(), v = 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((L) => L.platform === "stripe" && L.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;
-  }), C = w(() => {
-    var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.find((L) => L.platform === "github");
-  }), _ = w(() => {
-    var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.find((L) => L.platform === "discord");
-  }), y = w(() => {
-    var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.find((L) => L.platform === "patreon");
-  }), $ = w(() => {
-    var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.reduce((L, Q) => {
+const T = X("one", () => {
+  const u = Ve(), e = u.value.session_id, a = Re(), n = z(), l = be(), i = D(!1), r = P(!1), c = P(), h = P([]), p = L(() => {
+    var b;
+    return (b = c.value) == null ? void 0 : b.items[0].plan.interval;
+  }), f = L(() => {
+    var b;
+    return (b = n.user) == null ? void 0 : b.sponsorships.find((C) => C.platform === "stripe" && C.tierName.startsWith("sub_"));
+  }), k = L(() => {
+    var b;
+    return !!((b = f.value) != null && b.tierName);
+  }), y = L(() => {
+    var b;
+    return (b = f.value) == null ? void 0 : b.isActive;
+  }), w = L(() => {
+    var b;
+    return (b = n.user) == null ? void 0 : b.sponsorships.find((C) => C.platform === "github");
+  }), m = L(() => {
+    var b;
+    return (b = n.user) == null ? void 0 : b.sponsorships.find((C) => C.platform === "discord");
+  }), _ = L(() => {
+    var b;
+    return (b = n.user) == null ? void 0 : b.sponsorships.find((C) => C.platform === "patreon");
+  }), $ = L(() => {
+    var b;
+    return (b = n.user) == null ? void 0 : b.sponsorships.reduce((C, Q) => {
       if (!Q.isActive || Q.interval === "once" || Q.platform === "stripe")
-        return L;
-      const dt = Q.interval === "month" ? Q.amount : Q.amount / 12;
-      return L + dt / 100;
+        return C;
+      const mt = Q.interval === "month" ? Q.amount : Q.amount / 12;
+      return C + mt / 100;
     }, 0);
   });
-  vt(async () => {
-    e && await z();
-  }), N(r, (g) => {
-    g && ae();
-  }), N(p, (g) => {
-    if (g.one !== "subscribe" || n.user)
+  ht(async () => {
+    e && await O();
+  }), N(r, (b) => {
+    b && ae();
+  }), N(u, (b) => {
+    if (b.one !== "subscribe" || n.user)
       return;
-    console.log(g.one), n.dialog = !0;
-    const L = N(() => n.user, (Q) => {
-      Q && (n.dialog = !1, L());
+    console.log(b.one), n.dialog = !0;
+    const C = N(() => n.user, (Q) => {
+      Q && (n.dialog = !1, C());
     });
-  }, { immediate: !0 }), N(V, (g, L) => {
-    g === !1 && L !== !0 || ce();
+  }, { immediate: !0 }), N(y, (b, C) => {
+    b === !1 && C !== !0 || ce();
   });
-  async function z() {
+  async function O() {
     try {
-      s.value = !0;
-      const g = await l.post("/one/activate", { sessionId: e });
-      n.user = g.user;
-      const L = new URL(window.location.href);
-      L.searchParams.delete("session_id"), history.pushState(null, "", L.toString()), ue();
+      i.value = !0;
+      const b = await l.post("/one/activate", { sessionId: e });
+      n.user = b.user;
+      const C = new URL(window.location.href);
+      C.searchParams.delete("session_id"), history.pushState(null, "", C.toString()), ue();
     } catch {
     } finally {
-      s.value = !1;
+      i.value = !1;
     }
   }
-  async function T() {
+  async function j() {
     window.open(`${l.url}/one/manage`, "_blank");
   }
-  async function te(g) {
-    s.value = !0, window.location.href = `${l.url}/one/subscribe?interval=${g}`;
+  async function te(b) {
+    i.value = !0, window.location.href = `${l.url}/one/subscribe?interval=${b}`;
   }
   async function Z() {
-    var g;
-    if (m.value)
+    var b;
+    if (f.value)
       try {
-        s.value = !0;
-        const L = await l.post(
-          `/one/cancel?subscriptionId=${(g = m.value) == null ? void 0 : g.tierName}`
+        i.value = !0;
+        const C = await l.post(
+          `/one/cancel?subscriptionId=${(b = f.value) == null ? void 0 : b.tierName}`
         );
-        n.user = L.user;
+        n.user = C.user;
       } catch {
       } finally {
-        s.value = !1;
+        i.value = !1;
       }
   }
-  async function Ve(g) {
-    if (m.value)
+  async function ke(b) {
+    if (f.value)
       try {
-        s.value = !0;
-        const L = await l.post("/one/modify", {
-          subscriptionId: m.value.tierName,
-          interval: g
+        i.value = !0;
+        const C = await l.post("/one/modify", {
+          subscriptionId: f.value.tierName,
+          interval: b
         });
-        n.user = L.user;
+        n.user = C.user;
       } catch {
       } finally {
-        s.value = !1;
+        i.value = !1;
       }
   }
   async function ce() {
-    var g;
-    if (m.value)
+    var b;
+    if (f.value)
       try {
-        s.value = !0;
-        const L = await l.post(
-          `/one/verify?subscriptionId=${(g = m.value) == null ? void 0 : g.tierName}`
+        i.value = !0;
+        const C = await l.post(
+          `/one/verify?subscriptionId=${(b = f.value) == null ? void 0 : b.tierName}`
         );
-        n.user = L.user;
+        n.user = C.user;
       } catch {
       } finally {
-        s.value = !1;
+        i.value = !1;
       }
   }
   async function ue() {
     try {
-      s.value = !0;
-      const g = await l.get("/one/info");
-      return c.value = g.subscription, v.value = g.invoices, g;
+      i.value = !0;
+      const b = await l.get("/one/info");
+      return c.value = b.subscription, h.value = b.invoices, b;
     } catch {
     } finally {
-      s.value = !1;
+      i.value = !1;
     }
   }
   function ae() {
-    i.push({ query: {} });
+    a.push({ query: {} });
   }
   return {
     info: c,
-    interval: u,
-    invoices: v,
+    interval: p,
+    invoices: h,
     sessionId: e,
-    subscription: m,
+    subscription: f,
     monthlyTotal: $,
-    hasBilling: b,
-    isLoading: s,
+    hasBilling: k,
+    isLoading: i,
     isOpen: r,
-    isSubscriber: V,
-    github: C,
-    patreon: y,
-    discord: _,
-    activate: z,
+    isSubscriber: y,
+    github: w,
+    patreon: _,
+    discord: m,
+    activate: O,
     cancel: Z,
-    manage: T,
-    modify: Ve,
+    manage: j,
+    modify: ke,
     resetQuery: ae,
     subscribe: te,
     subscriptionInfo: ue,
     verify: ce
   };
 });
-function Fo() {
+function zo() {
   return {
     blackguard: {
       dark: !0,
@@ -1000,25 +1008,27 @@ function Fo() {
         "theme-on-code": "#CCCCCC"
       }
     },
-    nebula: {
+    polaris: {
       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"
+        background: "#2a0e12",
+        primary: "#e73c00",
+        surface: "#4e221b",
+        info: "#e7810d",
+        accent: "#b35000",
+        success: "#486a2b",
+        "surface-light": "#773421",
+        "surface-bright": "#9c5233",
+        "surface-variant": "#924d2c",
+        "on-surface-variant": "#FFFFFF",
+        "primary-darken-1": "#c33100",
+        secondary: "#ac1900",
+        "secondary-darken-1": "#8a1600",
+        error: "#ff5555",
+        warning: "#ffa726"
       },
       variables: {
-        "border-color": "#FFFFFF",
+        "border-color": "#ffffff",
         "border-opacity": 0.12,
         "high-emphasis-opacity": 0.87,
         "medium-emphasis-opacity": 0.6,
@@ -1031,9 +1041,47 @@ function Fo() {
         "pressed-opacity": 0.16,
         "dragged-opacity": 0.08,
         "theme-kbd": "#212529",
-        "theme-on-kbd": "#FFFFFF",
+        "theme-on-kbd": "#ffffff",
         "theme-code": "#343434",
-        "theme-on-code": "#CCCCCC"
+        "theme-on-code": "#cccccc"
+      }
+    },
+    nebula: {
+      dark: !0,
+      colors: {
+        background: "#0f172a",
+        primary: "#1e3a8a",
+        surface: "#1e293b",
+        info: "#64748b",
+        accent: "#0ea5e9",
+        success: "#14b8a6",
+        "surface-light": "#2e3d59",
+        "surface-bright": "#3357b7",
+        "surface-variant": "#334155",
+        "on-surface-variant": "#FFFFFF",
+        "primary-darken-1": "#1c2d60",
+        secondary: "#0284c7",
+        "secondary-darken-1": "#0369a1",
+        error: "#ef4444",
+        warning: "#f97316"
+      },
+      variables: {
+        "border-color": "#ffffff",
+        "border-opacity": 0.2,
+        "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": "#1e40af",
+        "theme-on-kbd": "#dbeafe",
+        "theme-code": "#0f172a",
+        "theme-on-code": "#93c5fd"
       }
     },
     highContrast: {
@@ -1077,67 +1125,67 @@ function Fo() {
   };
 }
 const Be = X("settings", () => {
-  const p = "https://cdn.vuetifyjs.com/docs/images/one/", e = F(), i = O(), n = co(), l = Fo(), s = {
+  const u = "https://cdn.vuetifyjs.com/docs/images/one/", e = z(), a = F(), n = uo(), l = zo(), i = {
     blackguard: {
-      "app-bar": p + "suits/blackguard/blackguard-app-bar.png",
-      drawer: p + "suits/blackguard/blackguard-app-drawer.png",
-      footer: ""
+      "app-bar": u + "suits/blackguard/blackguard-app-bar.png",
+      drawer: u + "suits/blackguard/blackguard-app-drawer.png",
+      footer: u + "suits/blackguard/blackguard-app-footer.png"
+    },
+    polaris: {
+      "app-bar": u + "suits/polaris/polaris-app-bar.png",
+      drawer: u + "suits/polaris/polaris-app-drawer.png",
+      footer: u + "suits/polaris/polaris-app-footer.png"
+    },
+    nebula: {
+      "app-bar": u + "suits/nebula/nebula-app-bar.png",
+      drawer: u + "suits/nebula/nebula-app-drawer.png",
+      footer: u + "suits/nebula/nebula-app-footer.png"
     }
-    // polaris: {
-    //   'app-bar': '',
-    //   'drawer': '',
-    //   footer: '',
-    // },
-    // nebula: {
-    //   'app-bar': '',
-    //   'drawer': '',
-    //   footer: '',
-    // },
-  }, r = w(() => {
-    if (!i.suits.suit || !i.suits.show || !e.isSubscriber)
+  }, r = L(() => {
+    if (!a.suits.suit || !a.suits.show || !e.isSubscriber)
       return {};
-    const c = s[i.suits.suit.toLowerCase()], v = {};
-    for (const u of i.suits.elements)
-      v[u] = c[u];
-    return v;
+    const c = i[a.suits.suit.toLowerCase()], h = {};
+    for (const p of a.suits.elements)
+      h[p] = c[p];
+    return h;
   });
   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;
+  }, N(() => a.theme, (c) => {
+    c === "system" ? n.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (n.global.name.value = c, a.suits.suit = i[c] ? c : ""), a.theme = c;
   }, { immediate: !0 }), {
     suit: r,
-    CDN_URL: p
+    CDN_URL: u
   };
-}), zo = /* @__PURE__ */ k({
+}), To = /* @__PURE__ */ V({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(p) {
-    const e = ie(p, "modelValue"), i = F(), n = j(), l = Be(), s = O(), r = [
+  setup(u) {
+    const e = ie(u, "modelValue"), a = z(), n = T(), l = Be(), i = F(), r = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
         image: l.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${Lt}`,
+        prependIcon: `svg:${Dt}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
         image: l.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${It}`,
+        prependIcon: `svg:${Ut}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
         image: l.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${At}`,
+        prependIcon: `svg:${Bt}`,
         value: "system"
       },
       {
@@ -1151,83 +1199,81 @@ const Be = X("settings", () => {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
         image: l.CDN_URL + "themes/polaris.png",
-        prependIcon: `svg:${Dt}`,
-        value: "polaris",
-        disabled: !0
+        prependIcon: `svg:${Xe}`,
+        value: "polaris"
       },
       {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
         image: l.CDN_URL + "themes/nebula.png",
-        prependIcon: `svg:${Ut}`,
-        value: "nebula",
-        disabled: !0
+        prependIcon: `svg:${Ke}`,
+        value: "nebula"
       },
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
         image: l.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${Bt}`,
+        prependIcon: `svg:${Nt}`,
         value: "highContrast",
         disabled: !0
       }
-    ], c = ye();
+    ], c = Ve();
     return N(c, async () => {
       c.value.one === "settings" && (n.isOpen = !0, await fe(), e.value = !0);
-    }, { immediate: !0 }), (v, u) => {
-      const m = be, b = Oo, V = ut, C = Ue;
-      return d(), f(C, {
+    }, { immediate: !0 }), (h, p) => {
+      const f = ye, k = Fo, y = pt, w = Ue;
+      return d(), v(w, {
         modelValue: e.value,
-        "onUpdate:modelValue": u[5] || (u[5] = (_) => e.value = _),
-        "prepend-icon": `svg:${t(Nt)}`,
+        "onUpdate:modelValue": p[5] || (p[5] = (m) => e.value = m),
+        "prepend-icon": `svg:${t(Ot)}`,
         title: "Settings"
       }, {
-        default: a(() => [
+        default: s(() => [
           o(Ie, null, {
-            default: a(() => [
+            default: s(() => [
               o(Ae, { scrollable: "" }, {
-                default: a(() => [
+                default: s(() => [
                   o(K, { class: "px-7" }, {
-                    default: a(() => [
-                      o(m, {
+                    default: s(() => [
+                      o(f, {
                         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 = _),
+                      o(at, {
+                        modelValue: t(i).theme,
+                        "onUpdate:modelValue": p[0] || (p[0] = (m) => t(i).theme = m),
                         mandatory: ""
                       }, {
-                        default: a(() => [
-                          o(Se, { dense: "" }, {
-                            default: a(() => [
-                              (d(), S(U, null, oe(r, (_, y) => o(me, {
-                                key: y,
+                        default: s(() => [
+                          o(Le, { dense: "" }, {
+                            default: s(() => [
+                              (d(), S(U, null, oe(r, (m, _) => o(me, {
+                                key: _,
                                 cols: "12",
                                 md: "6"
                               }, {
-                                default: a(() => [
-                                  o(je, {
-                                    value: _.value
+                                default: s(() => [
+                                  o(Te, {
+                                    value: m.value
                                   }, {
-                                    default: a(({ toggle: $, isSelected: z }) => [
+                                    default: s(({ toggle: $, isSelected: O }) => [
                                       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,
+                                        default: s(({ props: j, isHovering: te }) => [
+                                          o(R, H({
+                                            color: O ? "primary" : "surface-variant",
+                                            disabled: m.disabled,
+                                            image: m.image,
+                                            "prepend-icon": m.prependIcon,
+                                            ripple: !m.disabled,
+                                            subtitle: m.disabled ? "In Development" : m.subtitle,
+                                            title: m.title,
                                             height: "76",
                                             variant: "tonal"
-                                          }, T, { onClick: $ }), {
-                                            image: a(() => [
-                                              o(Le, {
+                                          }, j, { onClick: $ }), {
+                                            image: s(() => [
+                                              o(ge, {
                                                 style: Qe({
-                                                  filter: z || te ? "none" : "grayscale(100%)"
+                                                  filter: O || te ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -1248,31 +1294,31 @@ const Be = X("settings", () => {
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      t(i).isSubscriber ? (d(), S(U, { key: 0 }, [
+                      t(a).isSubscriber ? (d(), S(U, { key: 0 }, [
                         o(W, { class: "mt-6 mb-4" }),
-                        o(b)
+                        o(k)
                       ], 64)) : x("", !0)
                     ]),
                     _: 1
                   }),
                   o(W),
                   o(K, { class: "px-7" }, {
-                    default: a(() => [
-                      o(m, {
+                    default: s(() => [
+                      o(f, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
-                      t(i).isSubscriber ? (d(), f(V, {
+                      t(a).isSubscriber ? (d(), v(y, {
                         key: 0,
-                        modelValue: t(s).disableAds,
-                        "onUpdate:modelValue": u[1] || (u[1] = (_) => t(s).disableAds = _),
+                        modelValue: t(i).disableAds,
+                        "onUpdate:modelValue": p[1] || (p[1] = (m) => t(i).disableAds = m),
                         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 = _),
+                      o(y, {
+                        modelValue: t(i).quickbar,
+                        "onUpdate:modelValue": p[2] || (p[2] = (m) => t(i).quickbar = m),
                         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"])
@@ -1280,26 +1326,26 @@ const Be = X("settings", () => {
                     _: 1
                   }),
                   o(W),
-                  t(i).isSubscriber ? (d(), f(K, {
+                  t(a).isSubscriber ? (d(), v(K, {
                     key: 0,
                     class: "px-7"
                   }, {
-                    default: a(() => [
-                      o(m, {
+                    default: s(() => [
+                      o(f, {
                         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 = _),
+                      o(y, {
+                        modelValue: t(i).notifications.show,
+                        "onUpdate:modelValue": p[3] || (p[3] = (m) => t(i).notifications.show = m),
                         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(), f(V, {
+                      t(i).notifications.show ? (d(), v(y, {
                         key: 0,
-                        modelValue: t(s).notifications.banners,
-                        "onUpdate:modelValue": u[4] || (u[4] = (_) => t(s).notifications.banners = _),
+                        modelValue: t(i).notifications.banners,
+                        "onUpdate:modelValue": p[4] || (p[4] = (m) => t(i).notifications.banners = m),
                         class: "mb-2",
                         label: "Enable Banners",
                         messages: "Banners are located at the top of the screen and provide a callout for important information."
@@ -1318,19 +1364,19 @@ const Be = X("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), jo = /* @__PURE__ */ k({
+}), jo = /* @__PURE__ */ V({
   __name: "VoSettingsListItem",
-  setup(p) {
+  setup(u) {
     const e = D(!1);
-    return (i, n) => {
-      const l = zo, s = Y;
-      return d(), f(s, {
+    return (a, n) => {
+      const l = To, i = Y;
+      return d(), v(i, {
         active: e.value,
-        "prepend-icon": `svg:${t(Ot)}`,
+        "prepend-icon": `svg:${t(Ft)}`,
         title: "Settings",
         link: ""
       }, {
-        default: a(() => [
+        default: s(() => [
           o(l, {
             modelValue: e.value,
             "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r)
@@ -1340,39 +1386,39 @@ const Be = X("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), To = { class: "text-caption" }, Mo = /* @__PURE__ */ k({
+}), Mo = { class: "text-caption" }, Po = /* @__PURE__ */ V({
   __name: "VoSubscriptionInvoices",
-  setup(p) {
-    const e = we(), i = j();
+  setup(u) {
+    const e = Se(), a = T();
     return (n, l) => {
-      const s = be;
-      return d(), f(Se, null, {
-        default: a(() => [
+      const i = ye;
+      return d(), v(Le, null, {
+        default: s(() => [
           o(me, { cols: "12" }, {
-            default: a(() => [
-              o(s, {
+            default: s(() => [
+              o(i, {
                 text: "View and download your invoice history.",
                 title: "Invoice History"
               }),
-              o(M, {
+              o(R, {
                 height: "450",
                 rounded: "lg",
                 border: ""
               }, {
-                default: a(() => [
-                  o(mo, {
-                    items: t(i).invoices,
-                    loading: t(i).isLoading,
+                default: s(() => [
+                  o(fo, {
+                    items: t(a).invoices,
+                    loading: t(a).isLoading,
                     sticky: ""
                   }, {
-                    "item.date": a(({ item: r }) => [
-                      h("div", To, I(t(e).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
+                    "item.date": s(({ item: r }) => [
+                      g("div", Mo, I(t(e).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
-                    "item.amount": a(({ item: r }) => [
+                    "item.amount": s(({ item: r }) => [
                       B(" $" + I(r.amount / 100), 1)
                     ]),
-                    "item.status": a(({ item: r }) => [
-                      o(q, {
+                    "item.status": s(({ item: r }) => [
+                      o(G, {
                         text: r.status,
                         border: "success sm",
                         class: "text-capitalize",
@@ -1382,10 +1428,10 @@ const Be = X("settings", () => {
                         label: ""
                       }, null, 8, ["text"])
                     ]),
-                    "item.pdf": a(({ item: r }) => [
+                    "item.pdf": s(({ item: r }) => [
                       o(E, {
                         href: r.pdf,
-                        icon: `svg:${t(Ft)}`,
+                        icon: `svg:${t(zt)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1404,41 +1450,41 @@ const Be = X("settings", () => {
       });
     };
   }
-}), Ro = { class: "d-flex align-center" }, Po = {
+}), Ro = { class: "d-flex align-center" }, Ho = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, Ho = /* @__PURE__ */ h("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), Eo = { class: "me-1" }, Wo = { class: "text-medium-emphasis text-caption" }, Go = { class: "d-flex align-start justify-space-between text-caption py-2" }, qo = { class: "font-weight-bold" }, Zo = { class: "font-weight-bold" }, Yo = /* @__PURE__ */ k({
+}, Eo = /* @__PURE__ */ g("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), Wo = { class: "me-1" }, Go = { class: "text-medium-emphasis text-caption" }, qo = { class: "d-flex align-start justify-space-between text-caption py-2" }, Zo = { class: "font-weight-bold" }, Yo = { class: "font-weight-bold" }, Qo = /* @__PURE__ */ V({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
-  setup(p, { emit: e }) {
-    const i = we(), n = j(), l = e, s = w(() => {
+  setup(u, { emit: e }) {
+    const a = Se(), n = T(), l = e, i = L(() => {
       if (!n.info)
         return;
       const c = new Date(n.info.currentPeriodEnd * 1e3);
-      return i.format(c, "keyboardDate");
+      return a.format(c, "keyboardDate");
     });
     async function r() {
       n.interval && (n.isLoading = !0, n.subscribe(n.interval));
     }
-    return (c, v) => {
-      const u = se;
-      return d(), f(Se, null, {
-        default: a(() => [
+    return (c, h) => {
+      const p = se;
+      return d(), v(Le, null, {
+        default: s(() => [
           o(me, { cols: "12" }, {
-            default: a(() => {
-              var m, b;
+            default: s(() => {
+              var f, k;
               return [
-                o(M, {
+                o(R, {
                   "prepend-icon": "$vuetify",
                   rounded: "lg",
                   title: "Subscription Status",
                   border: "",
                   flat: ""
-                }, G({
-                  append: a(() => {
-                    var V;
+                }, q({
+                  append: s(() => {
+                    var y;
                     return [
-                      t(n).hasBilling && ((V = t(n).info) == null ? void 0 : V.status) === "canceled" ? (d(), f(u, {
+                      t(n).hasBilling && ((y = t(n).info) == null ? void 0 : y.status) === "canceled" ? (d(), v(p, {
                         key: 0,
                         loading: t(n).isLoading,
                         class: "me-2",
@@ -1448,10 +1494,10 @@ const Be = X("settings", () => {
                         variant: "outlined",
                         onClick: r
                       }, null, 8, ["loading"])) : x("", !0),
-                      t(n).hasBilling ? (d(), f(u, {
+                      t(n).hasBilling ? (d(), v(p, {
                         key: 1,
                         loading: t(n).isLoading,
-                        "prepend-icon": `svg:${t(zt)}`,
+                        "prepend-icon": `svg:${t(Tt)}`,
                         text: "Billing",
                         onClick: t(n).manage
                       }, null, 8, ["loading", "prepend-icon", "onClick"])) : x("", !0)
@@ -1461,20 +1507,20 @@ const Be = X("settings", () => {
                 }, [
                   t(n).info ? {
                     name: "subtitle",
-                    fn: a(() => [
-                      h("div", Ro, [
-                        h("span", Po, I(t(n).info.status), 1),
+                    fn: s(() => [
+                      g("div", Ro, [
+                        g("span", Ho, I(t(n).info.status), 1),
                         t(n).info.items.length ? (d(), S(U, { key: 0 }, [
-                          Ho,
-                          h("span", Eo, [
+                          Eo,
+                          g("span", Wo, [
                             B(" $" + I(t(n).info.items[0].plan.amount / 100), 1),
-                            h("span", Wo, "/" + I(t(n).interval), 1)
+                            g("span", Go, "/" + I(t(n).interval), 1)
                           ]),
-                          o(u, {
+                          o(p, {
                             size: "x-small",
                             text: "(Change Subscription)",
                             variant: "text",
-                            onClick: v[0] || (v[0] = (V) => l("change:subscription"))
+                            onClick: h[0] || (h[0] = (y) => l("change:subscription"))
                           })
                         ], 64)) : x("", !0)
                       ])
@@ -1482,14 +1528,14 @@ const Be = X("settings", () => {
                     key: "0"
                   } : {
                     name: "subtitle",
-                    fn: a(() => [
-                      h("div", { class: "d-flex align-center" }, [
+                    fn: s(() => [
+                      g("div", { class: "d-flex align-center" }, [
                         o(Ye, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
-                        h("span", { class: "mx-1" }, "—"),
+                        g("span", { class: "mx-1" }, "—"),
                         o(Ye, {
                           height: "16",
                           type: "ossein",
@@ -1500,15 +1546,15 @@ const Be = X("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                h("div", Go, [
-                  h("div", null, [
-                    ((m = t(n).info) == null ? void 0 : m.status) === "active" ? (d(), S(U, { key: 0 }, [
+                g("div", qo, [
+                  g("div", null, [
+                    ((f = t(n).info) == null ? void 0 : f.status) === "active" ? (d(), S(U, { key: 0 }, [
                       B(" Your plan renews on "),
-                      h("span", qo, I(t(i).format(s.value, "fullDateWithWeekday")), 1),
+                      g("span", Zo, I(t(a).format(i.value, "fullDateWithWeekday")), 1),
                       B(". ")
                     ], 64)) : (d(), S(U, { key: 1 }, [
                       B(" Your plan ends on "),
-                      h("span", Zo, I(t(i).format((b = t(n).info) == null ? void 0 : b.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      g("span", Yo, I(t(a).format((k = t(n).info) == null ? void 0 : k.currentPeriodEnd, "fullDateWithWeekday")), 1),
                       B(". ")
                     ], 64))
                   ])
@@ -1522,87 +1568,87 @@ const Be = X("settings", () => {
       });
     };
   }
-}), Qo = /* @__PURE__ */ h("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Jo = ["innerHTML"], Xo = /* @__PURE__ */ h("br", null, null, -1), Ko = /* @__PURE__ */ h("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), en = ["innerHTML"], tn = /* @__PURE__ */ k({
+}), Jo = /* @__PURE__ */ g("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Xo = ["innerHTML"], Ko = /* @__PURE__ */ g("br", null, null, -1), en = /* @__PURE__ */ g("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), tn = ["innerHTML"], on = /* @__PURE__ */ V({
   __name: "VoSubscriptionPerks",
-  setup(p) {
+  setup(u) {
     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 = [
+    ], a = [
       '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) => {
+    ], n = D(!1), l = T();
+    return N(n, async (i) => {
+      i && l.subscriptionInfo();
+    }), (i, r) => {
       const c = Y;
       return d(), S(U, null, [
         o(ze, { class: "font-weight-black" }, {
-          default: a(() => [
+          default: s(() => [
             B("Perks")
           ]),
           _: 1
         }),
-        Qo,
+        Jo,
         o(ee, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
-          default: a(() => [
-            (d(), S(U, null, oe(e, (v, u) => o(c, {
-              key: u,
-              "prepend-icon": `svg:${t(le)}`,
+          default: s(() => [
+            (d(), S(U, null, oe(e, (h, p) => o(c, {
+              key: p,
+              "prepend-icon": `svg:${t(re)}`,
               class: "mb-0"
             }, {
-              prepend: a(() => [
+              prepend: s(() => [
                 o(A, {
                   class: "mx-n2",
                   color: "success",
                   size: "small"
                 })
               ]),
-              title: a(() => [
-                h("div", { innerHTML: v }, null, 8, Jo)
+              title: s(() => [
+                g("div", { innerHTML: h }, null, 8, Xo)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        Xo,
+        Ko,
         o(ze, { class: "font-weight-black" }, {
-          default: a(() => [
+          default: s(() => [
             B("Up Next")
           ]),
           _: 1
         }),
-        Ko,
+        en,
         o(ee, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
-          default: a(() => [
-            (d(), S(U, null, oe(i, (v, u) => o(c, {
-              key: u,
+          default: s(() => [
+            (d(), S(U, null, oe(a, (h, p) => o(c, {
+              key: p,
               "prepend-icon": `svg:${t(jt)}`,
               class: "mb-0"
             }, {
-              prepend: a(() => [
+              prepend: s(() => [
                 o(A, {
                   class: "mx-n2",
                   size: "small"
                 })
               ]),
-              title: a(() => [
-                h("div", { innerHTML: v }, null, 8, en)
+              title: s(() => [
+                g("div", { innerHTML: h }, null, 8, tn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1612,7 +1658,7 @@ const Be = X("settings", () => {
       ], 64);
     };
   }
-}), on = /* @__PURE__ */ k({
+}), nn = /* @__PURE__ */ V({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1621,28 +1667,28 @@ const Be = X("settings", () => {
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(p) {
-    const e = D(!1), i = ie(p, "modelValue"), n = j();
+  setup(u) {
+    const e = D(!1), a = ie(u, "modelValue"), n = T();
     return N(e, async (l) => {
       l && n.subscriptionInfo();
     }), N(() => n.interval, (l) => {
-      i.value = l;
-    }, { immediate: !0 }), (l, s) => (d(), f(nt, {
-      modelValue: i.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (r) => i.value = r),
+      a.value = l;
+    }, { immediate: !0 }), (l, i) => (d(), v(at, {
+      modelValue: a.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (r) => a.value = r),
       mandatory: ""
     }, {
-      default: a(() => [
-        o(Se, null, {
-          default: a(() => [
+      default: s(() => [
+        o(Le, null, {
+          default: s(() => [
             o(me, {
               cols: "12",
               md: "6"
             }, {
-              default: a(() => [
-                o(je, { value: "month" }, {
-                  default: a(({ toggle: r, isSelected: c }) => [
-                    o(M, {
+              default: s(() => [
+                o(Te, { value: "month" }, {
+                  default: s(({ toggle: r, isSelected: c }) => [
+                    o(R, {
                       border: c ? "sm primary opacity-100" : "sm",
                       color: c ? "primary" : void 0,
                       "prepend-icon": c ? `svg:${t(pe)}` : "$radioOff",
@@ -1652,7 +1698,7 @@ const Be = X("settings", () => {
                       title: "Monthly",
                       onClick: r
                     }, {
-                      prepend: a(() => [
+                      prepend: s(() => [
                         o(A, { class: "mt-n6" })
                       ]),
                       _: 2
@@ -1667,10 +1713,10 @@ const Be = X("settings", () => {
               cols: "12",
               md: "6"
             }, {
-              default: a(() => [
-                o(je, { value: "year" }, {
-                  default: a(({ toggle: r, isSelected: c }) => [
-                    o(M, {
+              default: s(() => [
+                o(Te, { value: "year" }, {
+                  default: s(({ toggle: r, isSelected: c }) => [
+                    o(R, {
                       border: c ? "sm primary opacity-100" : "sm",
                       color: c ? "primary" : void 0,
                       "prepend-icon": c ? `svg:${t(pe)}` : "$radioOff",
@@ -1680,11 +1726,11 @@ const Be = X("settings", () => {
                       title: "Yearly",
                       onClick: r
                     }, {
-                      prepend: a(() => [
+                      prepend: s(() => [
                         o(A, { class: "mt-n6" })
                       ]),
-                      append: a(() => [
-                        o(q, {
+                      append: s(() => [
+                        o(G, {
                           class: "mt-n6",
                           color: "success",
                           size: "small",
@@ -1707,67 +1753,67 @@ const Be = X("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), nn = { class: "px-3" }, sn = /* @__PURE__ */ h("br", null, null, -1), an = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, ln = /* @__PURE__ */ k({
+}), sn = { class: "px-3" }, an = /* @__PURE__ */ g("br", null, null, -1), rn = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, ln = /* @__PURE__ */ V({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(p) {
-    function e(u) {
-      return new Promise((m) => setTimeout(m, u));
+  setup(u) {
+    function e(p) {
+      return new Promise((f) => setTimeout(f, p));
     }
-    const i = ie(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();
+    const a = ie(u, "modelValue"), n = T(), l = Ve(), i = D(n.interval), r = D(n.hasBilling ? "status" : "subscribe"), c = D(!1);
+    N(i, (p) => {
+      !n.isSubscriber || !n.interval || (c.value = p !== n.interval);
+    }), N(a, async (p) => {
+      !p || !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);
+      !n.sessionId && !["subscribe", "status"].includes(l.value.one) || (r.value = n.sessionId || l.value.one === "status" ? "status" : "subscribe", n.isOpen = !0, await fe(), a.value = !0);
     }, { immediate: !0 });
-    async function v() {
-      await n.modify(s.value), await n.subscriptionInfo(), c.value = null, await e(3e3), r.value = "status", await e(300), c.value = !1;
+    async function h() {
+      await n.modify(i.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 = on, C = tn, _ = Yo, y = Mo, $ = se, z = Ue;
-      return d(), f(z, {
-        modelValue: i.value,
-        "onUpdate:modelValue": m[4] || (m[4] = (T) => i.value = T),
-        "prepend-icon": `svg:${t(Tt)}`,
+    return (p, f) => {
+      const k = ye, y = nn, w = on, m = Qo, _ = Po, $ = se, O = Ue;
+      return d(), v(O, {
+        modelValue: a.value,
+        "onUpdate:modelValue": f[4] || (f[4] = (j) => a.value = j),
+        "prepend-icon": `svg:${t(Mt)}`,
         title: "Subscriptions"
-      }, G({
-        default: a(() => [
+      }, q({
+        default: s(() => [
           o(Ie, null, {
-            default: a(() => [
+            default: s(() => [
               o(Ae, { scrollable: "" }, {
-                default: a(() => [
-                  h("div", nn, [
+                default: s(() => [
+                  g("div", sn, [
                     o(K, null, {
-                      default: a(() => [
-                        o(b, {
+                      default: s(() => [
+                        o(k, {
                           text: "The Vuetify One subscription is a great way to support the Vuetify team and get access to exclusive features and content.",
                           title: "Vuetify One"
                         }),
-                        o(st, { "model-value": r.value }, {
-                          default: a(() => [
+                        o(it, { "model-value": r.value }, {
+                          default: s(() => [
                             o(de, { value: "subscribe" }, {
-                              default: a(() => [
-                                o(V, {
-                                  modelValue: s.value,
-                                  "onUpdate:modelValue": m[0] || (m[0] = (T) => s.value = T)
+                              default: s(() => [
+                                o(y, {
+                                  modelValue: i.value,
+                                  "onUpdate:modelValue": f[0] || (f[0] = (j) => i.value = j)
                                 }, null, 8, ["modelValue"]),
-                                sn,
-                                o(C)
+                                an,
+                                o(w)
                               ]),
                               _: 1
                             }),
                             o(de, { value: "status" }, {
-                              default: a(() => [
-                                o(_, {
-                                  "onChange:subscription": m[1] || (m[1] = (T) => r.value = "subscribe")
+                              default: s(() => [
+                                o(m, {
+                                  "onChange:subscription": f[1] || (f[1] = (j) => r.value = "subscribe")
                                 }),
-                                o(y)
+                                o(_)
                               ]),
                               _: 1
                             })
@@ -1789,35 +1835,35 @@ const Be = X("settings", () => {
       }, [
         r.value === "subscribe" ? {
           name: "actions",
-          fn: a(() => [
-            h("div", an, [
-              c.value !== !1 ? (d(), f($, {
+          fn: s(() => [
+            g("div", rn, [
+              c.value !== !1 ? (d(), v($, {
                 key: 0,
                 loading: t(n).isLoading,
-                "prepend-icon": `svg:${c.value !== null ? t(Mt) : t(pe)}`,
+                "prepend-icon": `svg:${c.value !== null ? t(Pt) : t(pe)}`,
                 readonly: c.value === null,
                 text: c.value !== null ? "Modify Subscription" : "Success",
                 color: "success",
                 size: "default",
                 block: "",
-                onClick: v
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(n).isSubscriber ? (d(), f($, {
+                onClick: h
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(n).isSubscriber ? (d(), v($, {
                 key: 2,
                 "prepend-icon": `svg:${t(Rt)}`,
                 size: "default",
                 text: "Manage Subscription",
                 block: "",
-                onClick: m[3] || (m[3] = (T) => r.value = "status")
-              }, null, 8, ["prepend-icon"])) : (d(), f($, {
+                onClick: f[3] || (f[3] = (j) => r.value = "status")
+              }, null, 8, ["prepend-icon"])) : (d(), v($, {
                 key: 1,
-                color: s.value ? "primary" : "disabled",
-                disabled: !s.value,
+                color: i.value ? "primary" : "disabled",
+                disabled: !i.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))
+                onClick: f[2] || (f[2] = (j) => t(n).subscribe(i.value))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -1826,19 +1872,19 @@ const Be = X("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), rn = /* @__PURE__ */ k({
+}), cn = /* @__PURE__ */ V({
   __name: "VoSubscriptionListItem",
-  setup(p) {
+  setup(u) {
     const e = D(!1);
-    return (i, n) => {
-      const l = ln, s = Y;
-      return d(), f(s, {
+    return (a, n) => {
+      const l = ln, i = Y;
+      return d(), v(i, {
         active: e.value,
-        "prepend-icon": `svg:${t(Pt)}`,
+        "prepend-icon": `svg:${t(Ht)}`,
         title: "Subscriptions",
         link: ""
       }, {
-        default: a(() => [
+        default: s(() => [
           o(l, {
             modelValue: e.value,
             "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r)
@@ -1848,48 +1894,48 @@ const Be = X("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), cn = { class: "ps-16" }, un = /* @__PURE__ */ k({
+}), un = { class: "ps-16" }, dn = /* @__PURE__ */ V({
   __name: "VoSponsorshipsTimelineItemPatreon",
-  setup(p) {
-    const e = j(), i = Be();
+  setup(u) {
+    const e = T(), a = Be();
     return (n, l) => {
       var r, c;
-      const s = se;
-      return d(), f(Ze, {
+      const i = se;
+      return d(), v(Ze, {
         "dot-color": (r = t(e).patreon) != null && r.isActive ? "success" : "transparent",
-        icon: (c = t(e).patreon) != null && c.isActive ? `svg:${t(le)}` : void 0,
+        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",
+        default: s(() => [
+          o(R, {
+            "prepend-avatar": t(a).CDN_URL + "/logos/patreon.png",
             rounded: "lg",
             subtitle: "Support Vuetify through Patreon.",
             title: "Patreon Subscriber",
             variant: "text",
             border: ""
           }, {
-            append: a(() => {
-              var v;
+            append: s(() => {
+              var h;
               return [
-                h("div", cn, [
-                  o(s, {
-                    text: (v = t(e).patreon) != null && v.isActive ? "Active" : "Coming Soon",
+                g("div", un, [
+                  o(i, {
+                    text: (h = t(e).patreon) != null && h.isActive ? "Active" : "Coming Soon",
                     color: "surface-variant",
                     readonly: ""
                   }, null, 8, ["text"])
                 ])
               ];
             }),
-            default: a(() => {
-              var v;
+            default: s(() => {
+              var h;
               return [
-                (v = t(e).patreon) != null && v.isActive ? (d(), S(U, { key: 0 }, [
+                (h = t(e).patreon) != null && h.isActive ? (d(), S(U, { key: 0 }, [
                   o(W),
                   o(K, { class: "d-flex justify-space-between align-center flex-wrap" }, {
-                    default: a(() => [
-                      o(q, {
+                    default: s(() => [
+                      o(G, {
                         "prepend-icon": `svg:${t(We)}`,
                         text: t(e).patreon.tierName,
                         color: "success",
@@ -1909,52 +1955,52 @@ const Be = X("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), dn = { class: "ps-16" }, pn = /* @__PURE__ */ k({
+}), pn = { class: "ps-16" }, mn = /* @__PURE__ */ V({
   __name: "VoSponsorshipsTimelineItemDiscord",
-  setup(p) {
-    const e = j(), i = Be();
+  setup(u) {
+    const e = T(), a = Be();
     return (n, l) => {
       var r, c;
-      const s = se;
-      return d(), f(Ze, {
+      const i = se;
+      return d(), v(Ze, {
         "dot-color": (r = t(e).discord) != null && r.isActive ? "success" : "transparent",
-        icon: (c = t(e).discord) != null && c.isActive ? `svg:${t(le)}` : void 0,
+        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",
+        default: s(() => [
+          o(R, {
+            "prepend-avatar": t(a).CDN_URL + "/logos/discord.png",
             rounded: "lg",
             subtitle: "Support Vuetify through Discord.",
             title: "Discord Subscriber",
             variant: "text",
             border: ""
           }, {
-            append: a(() => {
-              var v, u, m, b, V, C;
+            append: s(() => {
+              var h, p, f, k, y, w;
               return [
-                h("div", dn, [
-                  o(s, {
-                    color: (v = t(e).discord) != null && v.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: (C = t(e).discord) != null && C.isActive ? "Active" : "Info",
+                g("div", pn, [
+                  o(i, {
+                    color: (h = t(e).discord) != null && h.isActive ? "success" : "primary",
+                    href: (p = t(e).discord) != null && p.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
+                    "prepend-icon": `svg:${(f = t(e).discord) != null && f.isActive ? t(pe) : t(ve)}`,
+                    readonly: (k = t(e).discord) == null ? void 0 : k.isActive,
+                    target: (y = t(e).discord) != null && y.isActive ? void 0 : "_blank",
+                    text: (w = t(e).discord) != null && w.isActive ? "Active" : "Info",
                     width: "88"
                   }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                 ])
               ];
             }),
-            default: a(() => {
-              var v;
+            default: s(() => {
+              var h;
               return [
-                (v = t(e).discord) != null && v.isActive ? (d(), S(U, { key: 0 }, [
+                (h = t(e).discord) != null && h.isActive ? (d(), S(U, { key: 0 }, [
                   o(W),
                   o(K, { class: "d-flex justify-space-between align-center flex-wrap" }, {
-                    default: a(() => [
-                      o(q, {
+                    default: s(() => [
+                      o(G, {
                         "prepend-icon": `svg:${t(We)}`,
                         text: t(e).discord.tierName,
                         color: "surface-variant",
@@ -1975,52 +2021,52 @@ const Be = X("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), mn = { class: "ps-16" }, fn = /* @__PURE__ */ k({
+}), fn = { class: "ps-16" }, vn = /* @__PURE__ */ V({
   __name: "VoSponsorshipsTimelineItemGithub",
-  setup(p) {
-    const e = j(), i = Be();
+  setup(u) {
+    const e = T(), a = Be();
     return (n, l) => {
       var r, c;
-      const s = se;
-      return d(), f(Ze, {
+      const i = se;
+      return d(), v(Ze, {
         "dot-color": (r = t(e).github) != null && r.isActive ? "success" : "transparent",
-        icon: (c = t(e).github) != null && c.isActive ? `svg:${t(le)}` : void 0,
+        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",
+        default: s(() => [
+          o(R, {
+            "prepend-avatar": t(a).CDN_URL + "/logos/github.png",
             rounded: "lg",
             subtitle: "Support Vuetify through GitHub sponsors.",
             title: "GitHub Sponsors",
             variant: "text",
             border: ""
           }, {
-            append: a(() => {
-              var v, u, m, b, V, C;
+            append: s(() => {
+              var h, p, f, k, y, w;
               return [
-                h("div", mn, [
-                  o(s, {
-                    color: (v = t(e).github) != null && v.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: (C = t(e).github) != null && C.isActive ? "Active" : "Info",
+                g("div", fn, [
+                  o(i, {
+                    color: (h = t(e).github) != null && h.isActive ? "success" : "primary",
+                    href: (p = t(e).github) != null && p.isActive ? void 0 : "https://github.com/sponsors/johnleider",
+                    "prepend-icon": `svg:${(f = t(e).github) != null && f.isActive ? t(pe) : t(ve)}`,
+                    readonly: (k = t(e).github) == null ? void 0 : k.isActive,
+                    target: (y = t(e).github) != null && y.isActive ? void 0 : "_blank",
+                    text: (w = t(e).github) != null && w.isActive ? "Active" : "Info",
                     width: "88"
                   }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                 ])
               ];
             }),
-            default: a(() => {
-              var v;
+            default: s(() => {
+              var h;
               return [
-                (v = t(e).github) != null && v.isActive ? (d(), S(U, { key: 0 }, [
+                (h = t(e).github) != null && h.isActive ? (d(), S(U, { key: 0 }, [
                   o(W),
                   o(K, { class: "d-flex justify-space-between align-center flex-wrap" }, {
-                    default: a(() => [
-                      o(q, {
+                    default: s(() => [
+                      o(G, {
                         "prepend-icon": `svg:${t(We)}`,
                         text: t(e).github.tierName,
                         color: "surface-variant",
@@ -2041,78 +2087,78 @@ const Be = X("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), vn = /* @__PURE__ */ k({
+}), _n = /* @__PURE__ */ V({
   __name: "VoSponsorshipsTimeline",
-  setup(p) {
-    return (e, i) => {
-      const n = fn, l = pn, s = un;
-      return d(), f(fo, {
+  setup(u) {
+    return (e, a) => {
+      const n = vn, l = mn, i = dn;
+      return d(), v(vo, {
         class: "justify-start ms-n7",
         "line-inset": "12",
         side: "end",
         style: { "grid-template-columns": "auto auto 1fr" },
         "truncate-line": "both"
       }, {
-        default: a(() => [
+        default: s(() => [
           o(n),
           o(l),
-          o(s)
+          o(i)
         ]),
         _: 1
       });
     };
   }
-}), _n = { class: "px-3 pb-5 d-flex flex-column" }, hn = { class: "py-4" }, gn = /* @__PURE__ */ h("div", { class: "text-caption text-medium-emphasis" }, [
+}), hn = { class: "px-3 pb-5 d-flex flex-column" }, gn = { class: "py-4" }, bn = /* @__PURE__ */ g("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__ */ g("span", { class: "font-weight-black" }, "all"),
   /* @__PURE__ */ B(" Vuetify One benefits ")
-], -1), bn = /* @__PURE__ */ k({
+], -1), yn = /* @__PURE__ */ V({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(p) {
-    const e = ie(p, "modelValue"), i = ye(), n = F(), l = j();
-    return N(i, async () => {
-      i.value.one === "sponsorships" && (l.isOpen = !0, await fe(), e.value = !0);
-    }, { immediate: !0 }), (s, r) => {
-      const c = be, v = vn, u = Me("v-empty-state"), m = Ue;
-      return d(), f(m, {
+  setup(u) {
+    const e = ie(u, "modelValue"), a = Ve(), n = z(), l = T();
+    return N(a, async () => {
+      a.value.one === "sponsorships" && (l.isOpen = !0, await fe(), e.value = !0);
+    }, { immediate: !0 }), (i, r) => {
+      const c = ye, h = _n, p = Me("v-empty-state"), f = Ue;
+      return d(), v(f, {
         modelValue: e.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (b) => e.value = b),
-        "prepend-icon": `svg:${t(Ht)}`,
+        "onUpdate:modelValue": r[0] || (r[0] = (k) => e.value = k),
+        "prepend-icon": `svg:${t(Et)}`,
         title: "Sponsorships"
       }, {
-        default: a(() => [
+        default: s(() => [
           o(Ie, null, {
-            default: a(() => [
+            default: s(() => [
               o(Ae, { scrollable: "" }, {
-                default: a(() => [
-                  h("div", _n, [
+                default: s(() => [
+                  g("div", hn, [
                     o(K, null, {
-                      default: a(() => [
+                      default: s(() => [
                         o(c, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
                           title: "Support Vuetify"
                         }),
-                        o(v)
+                        o(h)
                       ]),
                       _: 1
                     }),
-                    o(u, {
-                      icon: `svg:${t(Et)}`,
+                    o(p, {
+                      icon: `svg:${t(Wt)}`,
                       class: "mt-auto",
                       "min-height": "auto",
                       size: "64",
                       title: "Your Monthly Contributions"
                     }, {
-                      media: a(() => [
+                      media: s(() => [
                         o(A, { color: "success" })
                       ]),
-                      headline: a(() => [
-                        h("div", hn, [
+                      headline: s(() => [
+                        g("div", gn, [
                           t(n).isSubscriber ? (d(), S(U, { key: 0 }, [
                             B(" $" + I(parseFloat(String(t(l).monthlyTotal)).toFixed(2)), 1)
                           ], 64)) : (d(), S(U, { key: 1 }, [
@@ -2120,8 +2166,8 @@ const Be = X("settings", () => {
                           ], 64))
                         ])
                       ]),
-                      text: a(() => [
-                        gn
+                      text: s(() => [
+                        bn
                       ]),
                       _: 1
                     }, 8, ["icon"])
@@ -2137,19 +2183,19 @@ const Be = X("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), yn = /* @__PURE__ */ k({
+}), Vn = /* @__PURE__ */ V({
   __name: "VoSponsorshipsListItem",
-  setup(p) {
+  setup(u) {
     const e = D(!1);
-    return (i, n) => {
-      const l = bn, s = Y;
-      return d(), f(s, {
+    return (a, n) => {
+      const l = yn, i = Y;
+      return d(), v(i, {
         active: e.value,
-        "prepend-icon": `svg:${t(Wt)}`,
+        "prepend-icon": `svg:${t(Gt)}`,
         title: "Sponsorships",
         link: ""
       }, {
-        default: a(() => [
+        default: s(() => [
           o(l, {
             modelValue: e.value,
             "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r)
@@ -2159,28 +2205,28 @@ const Be = X("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Vn = /* @__PURE__ */ k({
+}), kn = /* @__PURE__ */ V({
   __name: "VoStudioListItem",
-  setup(p) {
+  setup(u) {
     const e = [
       ["M12.435 14.3194L12 21L6.87046 12.2799L12.435 14.3194Z", 1],
       ["M22 4L12.435 14.3194L6.87046 12.2799L9.26479 7.61064L12.435 14.3194L12 21L22 4Z", 0.5],
       ["M12.435 14.3194L22 4L9.26479 7.61064L12.435 14.3194Z", 1],
       ["M2 4L6.87046 12.2799L9.26479 7.61064L2 4Z", 1]
     ];
-    return (i, n) => {
+    return (a, n) => {
       const l = Y;
-      return d(), f(l, {
+      return d(), v(l, {
         "prepend-icon": e,
         class: "cursor-default",
         title: "Vuetify Studio"
       }, {
-        append: a(() => [
-          o(q, {
+        append: s(() => [
+          o(G, {
             size: "x-small",
             label: ""
           }, {
-            default: a(() => [
+            default: s(() => [
               B("COMING SOON")
             ]),
             _: 1
@@ -2190,81 +2236,84 @@ const Be = X("settings", () => {
       });
     };
   }
-}), kn = {
+}), $n = {
   key: 0,
   class: "pt-16"
-}, xn = /* @__PURE__ */ h("div", { class: "text-medium-emphasis" }, " All caught up ", -1), $n = {
+}, xn = /* @__PURE__ */ g("div", { class: "text-medium-emphasis" }, " All caught up ", -1), wn = {
   key: 1,
   class: "pa-5"
-}, wn = { class: "text-subtitle-1 font-weight-bold" }, Sn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Cn = { class: "text-disabled text-caption mt-2 mb-3" }, Ln = /* @__PURE__ */ k({
+}, Sn = { class: "text-subtitle-1 font-weight-bold" }, Ln = { class: "text-caption font-weight-bold text-medium-emphasis" }, Cn = { class: "text-disabled text-caption mt-2 mb-3" }, In = /* @__PURE__ */ V({
   __name: "VoNotificationsBannerList",
   props: {
     items: {}
   },
-  setup(p) {
-    const e = we(), i = re(), n = O();
+  setup(u) {
+    const e = Se(), a = le(), n = F();
     function l(r) {
       return n.notifications.last.banner.includes(r);
     }
-    function s(r) {
+    function i(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 v = Me("v-empty-state");
-      return d(), f(ee, {
+      const h = Me("v-empty-state");
+      return d(), v(ee, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
-        default: a(() => [
-          r.items.length ? (d(), S("div", $n, [
-            (d(!0), S(U, null, oe(r.items, (u) => {
-              var m;
+        default: s(() => [
+          r.items.length ? (d(), S("div", wn, [
+            (d(!0), S(U, null, oe(r.items, (p) => {
+              var f;
               return d(), S("div", {
-                key: u.slug,
+                key: p.slug,
                 class: "mb-4"
               }, [
-                o(M, {
-                  color: u.metadata.color,
-                  image: (m = u.metadata.images.bg) == null ? void 0 : m.url,
-                  title: u.title,
+                o(R, {
+                  color: p.metadata.color,
+                  image: (f = p.metadata.images.bg) == null ? void 0 : f.url,
+                  title: p.title,
                   rounded: "b-0",
                   flat: ""
                 }, {
-                  prepend: a(() => [
-                    o(ne, {
-                      image: u.metadata.images.logo.url
-                    }, null, 8, ["image"])
-                  ]),
-                  image: a(() => [
-                    o(Le, { position: "right" })
+                  prepend: s(() => {
+                    var k;
+                    return [
+                      o(ne, {
+                        image: (k = p.metadata.images.logo) == null ? void 0 : k.url
+                      }, null, 8, ["image"])
+                    ];
+                  }),
+                  image: s(() => [
+                    o(ge, { position: "right" })
                   ]),
                   _: 2
                 }, 1032, ["color", "image", "title"]),
                 o(Ce, null, {
-                  default: a(({ props: b, isHovering: V }) => [
-                    o(qe, P(b, {
+                  default: s(({ props: k, isHovering: y }) => [
+                    o(qe, H(k, {
                       class: "px-8 pt-2 pb-4 position-relative",
                       rounded: "b",
                       border: ""
                     }), {
-                      default: a(() => [
+                      default: s(() => [
                         o(J, {
-                          text: l(u.slug) ? "Mark as unread" : "Mark as read",
+                          text: l(p.slug) ? "Mark as unread" : "Mark as read",
                           location: "bottom"
                         }, {
-                          activator: a(({ props: C }) => [
-                            o($e, { "hide-on-leave": "" }, {
-                              default: a(() => [
-                                xe(o(E, P(C, {
-                                  icon: `svg:${l(u.slug) ? t(Ke) : t(Xe)}`,
+                          activator: s(({ props: w }) => [
+                            o(we, { "hide-on-leave": "" }, {
+                              default: s(() => [
+                                xe(o(E, H(w, {
+                                  icon: `svg:${l(p.slug) ? t(tt) : t(et)}`,
                                   class: "ms-auto float-right",
                                   size: "small",
                                   variant: "text",
                                   "mdi-email-variant": "",
-                                  onClick: (_) => s(u)
+                                  onClick: (m) => i(p)
                                 }), null, 16, ["icon", "onClick"]), [
-                                  [Re, V || t(i).mobile.value]
+                                  [Pe, y || t(a).mobile.value]
                                 ])
                               ]),
                               _: 2
@@ -2272,22 +2321,22 @@ const Be = X("settings", () => {
                           ]),
                           _: 2
                         }, 1032, ["text"]),
-                        h("div", wn, I(u.metadata.text), 1),
-                        h("div", Sn, I(t(e).format(u.created_at, "fullDateWithWeekday")), 1),
-                        h("div", Cn, I(u.metadata.subtext), 1),
-                        o(q, 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
+                        g("div", Sn, I(p.metadata.text), 1),
+                        g("div", Ln, I(t(e).format(p.created_at, "fullDateWithWeekday")), 1),
+                        g("div", Cn, I(p.metadata.subtext), 1),
+                        o(G, H({
+                          href: p.metadata.link.startsWith("http") ? p.metadata.link : void 0,
+                          target: p.metadata.link.startsWith("http") ? "_blank" : void 0,
+                          to: p.metadata.link.startsWith("http") ? void 0 : p.metadata.link
                         }, {
                           "append-icon": `svg:${t(ve)}`,
-                          text: u.metadata.link_text,
+                          text: p.metadata.link_text,
                           size: "small",
                           variant: "text",
                           border: "",
                           label: ""
                         }), {
-                          append: a(() => [
+                          append: s(() => [
                             o(A, { size: "12" })
                           ]),
                           _: 2
@@ -2300,15 +2349,15 @@ const Be = X("settings", () => {
                 }, 1024)
               ]);
             }), 128))
-          ])) : (d(), S("div", kn, [
-            o(v, {
+          ])) : (d(), S("div", $n, [
+            o(h, {
               icon: "$vuetify",
               size: "256"
             }, {
-              media: a(() => [
+              media: s(() => [
                 o(A, { color: "medium-emphasis" })
               ]),
-              title: a(() => [
+              title: s(() => [
                 xn
               ]),
               _: 1
@@ -2319,63 +2368,63 @@ const Be = X("settings", () => {
       });
     };
   }
-}), In = {
+}), An = {
   key: 0,
   class: "pt-16"
-}, An = /* @__PURE__ */ h("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Dn = { class: "ps-3 text-subtitle-2 pe-2" }, Un = { class: "text-truncate" }, Bn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Nn = { class: "text-disabled text-caption my-2" }, On = /* @__PURE__ */ k({
+}, Dn = /* @__PURE__ */ g("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Un = { class: "ps-3 text-subtitle-2 pe-2" }, Bn = { class: "text-truncate" }, Nn = { class: "text-caption font-weight-bold text-medium-emphasis" }, On = { class: "text-disabled text-caption my-2" }, Fn = /* @__PURE__ */ V({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
-  setup(p) {
-    const e = we(), i = re(), n = O();
+  setup(u) {
+    const e = Se(), a = le(), n = F();
     function l(r) {
       return n.notifications.read.includes(r);
     }
-    function s(r) {
+    function i(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 v = Me("v-empty-state"), u = Y;
-      return d(), f(ee, {
+      const h = Me("v-empty-state"), p = Y;
+      return d(), v(ee, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
-        default: a(() => [
-          r.items.length ? (d(!0), S(U, { key: 1 }, oe(r.items, (m, b) => (d(), f(Ce, {
-            key: m.slug
+        default: s(() => [
+          r.items.length ? (d(!0), S(U, { key: 1 }, oe(r.items, (f, k) => (d(), v(Ce, {
+            key: f.slug
           }, {
-            default: a(({ isHovering: V, props: C }) => [
-              o(u, P(C, {
-                border: b !== 0 && "t",
+            default: s(({ isHovering: y, props: w }) => [
+              o(p, H(w, {
+                border: k !== 0 && "t",
                 class: "py-4 mb-0"
               }), {
-                prepend: a(() => [
-                  h("div", Dn, I(m.metadata.emoji), 1)
+                prepend: s(() => [
+                  g("div", Un, I(f.metadata.emoji), 1)
                 ]),
-                append: a(() => [
-                  o(vo, {
+                append: s(() => [
+                  o(_o, {
                     class: "mt-n3",
                     width: "56"
                   }, {
-                    default: a(() => [
+                    default: s(() => [
                       o(J, {
-                        text: l(m.slug) ? "Mark as unread" : "Mark as read",
+                        text: l(f.slug) ? "Mark as unread" : "Mark as read",
                         location: "bottom"
                       }, {
-                        activator: a(({ props: _ }) => [
-                          o($e, { "hide-on-leave": "" }, {
-                            default: a(() => [
-                              xe(o(E, P(_, {
-                                icon: `svg:${l(m.slug) ? t(Ke) : t(Xe)}`,
+                        activator: s(({ props: m }) => [
+                          o(we, { "hide-on-leave": "" }, {
+                            default: s(() => [
+                              xe(o(E, H(m, {
+                                icon: `svg:${l(f.slug) ? t(tt) : t(et)}`,
                                 class: "ms-auto",
                                 size: "small",
                                 variant: "text",
                                 "mdi-email-variant": "",
-                                onClick: (y) => s(m)
+                                onClick: (_) => i(f)
                               }), null, 16, ["icon", "onClick"]), [
-                                [Re, V || t(i).mobile.value]
+                                [Pe, y || t(a).mobile.value]
                               ])
                             ]),
                             _: 2
@@ -2387,27 +2436,27 @@ const Be = X("settings", () => {
                     _: 2
                   }, 1024)
                 ]),
-                default: a(() => [
-                  o(et, { class: "text-wrap text-h6 mb-1" }, {
-                    default: a(() => [
-                      h("div", Un, I(m.title), 1)
+                default: s(() => [
+                  o(ot, { class: "text-wrap text-h6 mb-1" }, {
+                    default: s(() => [
+                      g("div", Bn, I(f.title), 1)
                     ]),
                     _: 2
                   }, 1024),
-                  h("div", Bn, I(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
-                  h("div", Nn, I(m.metadata.text), 1),
-                  o(q, {
+                  g("div", Nn, I(t(e).format(f.created_at, "fullDateWithWeekday")), 1),
+                  g("div", On, I(f.metadata.text), 1),
+                  o(G, {
                     "append-icon": `svg:${t(ve)}`,
-                    href: m.metadata.action,
-                    text: m.metadata.action_text,
+                    href: f.metadata.action,
+                    text: f.metadata.action_text,
                     size: "small",
                     target: "_blank",
                     variant: "text",
                     border: "",
                     label: "",
-                    onClick: (_) => s(m)
+                    onClick: (m) => i(f)
                   }, {
-                    append: a(() => [
+                    append: s(() => [
                       o(A, { size: "12" })
                     ]),
                     _: 2
@@ -2417,16 +2466,16 @@ const Be = X("settings", () => {
               }, 1040, ["border"])
             ]),
             _: 2
-          }, 1024))), 128)) : (d(), S("div", In, [
-            o(v, {
+          }, 1024))), 128)) : (d(), S("div", An, [
+            o(h, {
               icon: "$vuetify",
               size: "256"
             }, {
-              media: a(() => [
+              media: s(() => [
                 o(A, { color: "medium-emphasis" })
               ]),
-              title: a(() => [
-                An
+              title: s(() => [
+                Dn
               ]),
               _: 1
             })
@@ -2436,117 +2485,170 @@ const Be = X("settings", () => {
       });
     };
   }
-}), Fn = X("site", () => {
-  const p = H([]), e = H();
+}), zn = X("site", () => {
+  const u = P([]), e = P();
   return {
-    id: p,
+    id: u,
     url: e
   };
 }), Ne = X("banners", () => {
-  const p = ge(), e = Fn(), i = O(), n = H([]), l = D(!1), s = w(() => r.value ? r.value : n.value.find(({
-    slug: v,
+  const u = be(), e = zn(), a = F(), n = P([]), l = P([]), i = P(), r = D(!1), c = L(() => i.value ? i.value : h.value ? h.value : n.value.find(({
+    slug: m,
     metadata: {
-      site: u,
-      active: m
+      site: _,
+      active: $
     }
-  }) => !m || i.notifications.last.banner.includes(v) ? !1 : u.includes("dev") && !1 || u.includes("*") ? !0 : u.some((b) => e.id.includes(b)))), r = w(() => n.value.find(({
+  }) => !$ || a.notifications.last.banner.includes(m) ? !1 : _.includes("dev") && !1 || _.includes("*") ? !0 : _.some((O) => e.id.includes(O)))), h = L(() => n.value.find(({
     metadata: {
-      site: v,
-      active: u
+      site: m,
+      active: _
     }
-  }) => u ? v.includes("server") : !1));
-  async function c() {
+  }) => _ ? m.includes("server") : !1));
+  async function p() {
     try {
-      l.value = !0;
-      const v = await p.get("/one/banners");
-      n.value = v.banners;
+      r.value = !0;
+      const m = await u.get("/one/banners");
+      n.value = m.banners;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
+    }
+    return n.value;
+  }
+  async function f(m) {
+    try {
+      r.value = !0;
+      const _ = await u.get(`/one/admin/banners/${m}/edit`);
+      return i.value = _.banner, _.banner;
+    } catch {
+    } finally {
+      r.value = !1;
+    }
+  }
+  async function k(m, _) {
+    try {
+      r.value = !0;
+      const $ = await u.put(
+        `/one/admin/banners/${m}/edit`,
+        _
+      );
+      return i.value = $.banner, $.banner;
+    } catch {
+    } finally {
+      r.value = !1;
+    }
+  }
+  async function y(m) {
+    try {
+      r.value = !0;
+      const _ = await u.put(
+        "/one/admin/banners",
+        m
+      );
+      return i.value = _.banner, _.banner;
+    } catch {
+    } finally {
+      r.value = !1;
+    }
+  }
+  async function w() {
+    try {
+      r.value = !0;
+      const m = await u.get("/one/admin/banners");
+      l.value = m.banners;
+    } catch {
+    } finally {
+      r.value = !1;
     }
     return n.value;
   }
   return {
     all: n,
-    isLoading: l,
-    server: r,
-    banner: s,
-    get: c
+    aall: l,
+    isLoading: r,
+    server: h,
+    banner: c,
+    record: i,
+    admin: w,
+    get: p,
+    create: y,
+    edit: f,
+    save: k
   };
-}), zn = { class: "text-caption" }, jn = { class: "text-caption" }, Tn = /* @__PURE__ */ k({
+}), Tn = { class: "text-caption" }, jn = { class: "text-caption" }, Mn = /* @__PURE__ */ V({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(p) {
-    const e = re(), i = ye(), n = Ne(), l = De(), s = j(), r = D(["read"]), c = ie(p, "modelValue");
-    return N(i, async () => {
-      if (i.value.one !== "notifications") {
+  setup(u) {
+    const e = le(), a = Ve(), n = Ne(), l = De(), i = T(), r = D(["read"]), c = ie(u, "modelValue");
+    return N(a, async () => {
+      if (a.value.one !== "notifications") {
         c.value && (c.value = !1);
         return;
       }
-      s.isOpen = !0, await fe(), c.value = !0;
-    }, { immediate: !0 }), (v, u) => {
-      const m = Y, b = On, V = Ln, C = Ue;
-      return d(), f(C, {
+      i.isOpen = !0, await fe(), c.value = !0;
+    }, { immediate: !0 }), (h, p) => {
+      const f = Y, k = Fn, y = In, w = Ue;
+      return d(), v(w, {
         modelValue: c.value,
-        "onUpdate:modelValue": u[2] || (u[2] = (_) => c.value = _),
-        "prepend-icon": `svg:${t(Gt)}`,
+        "onUpdate:modelValue": p[2] || (p[2] = (m) => c.value = m),
+        "prepend-icon": `svg:${t(qt)}`,
         title: "Notifications"
       }, {
-        default: a(() => [
+        default: s(() => [
           o(Ie, null, {
-            default: a(() => [
-              o(_o, {
+            default: s(() => [
+              o(ho, {
                 location: t(e).mobile.value ? "top" : "start",
                 width: t(e).mobile.value ? 128 : 168,
                 permanent: ""
               }, {
-                default: a(() => [
+                default: s(() => [
                   o(ee, {
                     selected: r.value,
-                    "onUpdate:selected": u[0] || (u[0] = (_) => r.value = _),
+                    "onUpdate:selected": p[0] || (p[0] = (m) => r.value = m),
                     class: "px-4 pt-4",
                     density: "compact",
                     mandatory: "",
                     nav: ""
                   }, {
-                    default: a(() => [
-                      o(m, {
-                        "prepend-icon": `svg:${t(qt)}`,
+                    default: s(() => [
+                      o(f, {
+                        "prepend-icon": `svg:${t(Zt)}`,
                         title: "Unread",
                         value: "read"
-                      }, G({ _: 2 }, [
+                      }, q({ _: 2 }, [
                         t(l).unread.length > 0 ? {
                           name: "append",
-                          fn: a(() => [
-                            h("span", zn, I(t(l).unread.length), 1)
+                          fn: s(() => [
+                            g("span", Tn, I(t(l).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      o(m, {
-                        "prepend-icon": `svg:${t(Zt)}`,
+                      o(f, {
+                        "prepend-icon": `svg:${t(Yt)}`,
                         title: "Read",
                         value: "unread"
-                      }, G({ _: 2 }, [
+                      }, q({ _: 2 }, [
                         t(l).read.length > 0 ? {
                           name: "append",
-                          fn: a(() => [
-                            h("span", jn, I(t(l).read.length), 1)
+                          fn: s(() => [
+                            g("span", jn, I(t(l).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      t(n).all.length > 0 ? (d(), f(m, {
+                      t(n).all.length > 0 ? (d(), v(f, {
                         key: 0,
-                        "prepend-icon": `svg:${t(Yt)}`,
+                        "prepend-icon": `svg:${t(Qt)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
-                        append: a(() => [
+                        append: s(() => [
                           o(Ge, {
                             "offset-y": "-3",
                             dot: ""
@@ -2561,31 +2663,31 @@ const Be = X("settings", () => {
                 _: 1
               }, 8, ["location", "width"]),
               o(Ae, { scrollable: "" }, {
-                default: a(() => [
-                  o(st, {
+                default: s(() => [
+                  o(it, {
                     modelValue: r.value,
-                    "onUpdate:modelValue": u[1] || (u[1] = (_) => r.value = _)
+                    "onUpdate:modelValue": p[1] || (p[1] = (m) => r.value = m)
                   }, {
-                    default: a(() => [
+                    default: s(() => [
                       o(de, { value: "read" }, {
-                        default: a(() => [
-                          o(b, {
+                        default: s(() => [
+                          o(k, {
                             items: t(l).unread
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
                       o(de, { value: "unread" }, {
-                        default: a(() => [
-                          o(b, {
+                        default: s(() => [
+                          o(k, {
                             items: t(l).read
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
                       o(de, { value: "banners" }, {
-                        default: a(() => [
-                          o(V, {
+                        default: s(() => [
+                          o(y, {
                             items: t(n).all
                           }, null, 8, ["items"])
                         ]),
@@ -2605,49 +2707,49 @@ const Be = X("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Mn = /* @__PURE__ */ k({
+}), Pn = /* @__PURE__ */ V({
   __name: "VoNotificationsBadge",
-  setup(p) {
-    const e = De(), i = O();
-    return (n, l) => (d(), f(Ge, {
+  setup(u) {
+    const e = De(), a = F();
+    return (n, l) => (d(), v(Ge, {
       content: t(e).unread.length,
-      "model-value": t(i).notifications.show && t(e).unread.length > 0,
+      "model-value": t(a).notifications.show && t(e).unread.length > 0,
       color: "error"
     }, {
-      default: a(() => [
-        R(n.$slots, "default")
+      default: s(() => [
+        M(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), Rn = /* @__PURE__ */ k({
+}), Rn = /* @__PURE__ */ V({
   __name: "VoNotificationsListItem",
-  setup(p) {
-    const e = Ne(), i = O(), n = De(), l = D(!1);
-    return _t(async () => {
+  setup(u) {
+    const e = Ne(), a = F(), n = De(), l = D(!1);
+    return gt(async () => {
       n.get(), e.get();
-    }), (s, r) => {
-      const c = Mn, v = Tn, u = Y;
-      return t(i).notifications.show ? (d(), f(u, {
+    }), (i, r) => {
+      const c = Pn, h = Mn, p = Y;
+      return t(a).notifications.show ? (d(), v(p, {
         key: 0,
         active: l.value,
-        "prepend-icon": `svg:${t(Qt)}`,
+        "prepend-icon": `svg:${t(Jt)}`,
         title: "Notifications",
         link: ""
-      }, G({
-        default: a(() => [
-          o(v, {
+      }, q({
+        default: s(() => [
+          o(h, {
             modelValue: l.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (m) => l.value = m)
+            "onUpdate:modelValue": r[0] || (r[0] = (f) => l.value = f)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
       }, [
         t(n).unread.length ? {
           name: "prepend",
-          fn: a(() => [
+          fn: s(() => [
             o(c, null, {
-              default: a(() => [
+              default: s(() => [
                 o(A)
               ]),
               _: 1
@@ -2658,57 +2760,57 @@ const Be = X("settings", () => {
       ]), 1032, ["active", "prepend-icon"])) : x("", !0);
     };
   }
-}), Pn = /* @__PURE__ */ k({
+}), Hn = /* @__PURE__ */ V({
   __name: "VoDashboardListItem",
-  setup(p) {
-    const e = j();
-    return (i, n) => {
+  setup(u) {
+    const e = T();
+    return (a, n) => {
       const l = Y;
-      return d(), f(l, {
-        "prepend-icon": `svg:${t(Jt)}`,
+      return d(), v(l, {
+        "prepend-icon": `svg:${t(Xt)}`,
         title: "Dashboard",
         to: "/user/dashboard",
-        onClick: n[0] || (n[0] = (s) => t(e).isOpen = !1)
+        onClick: n[0] || (n[0] = (i) => t(e).isOpen = !1)
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), Hn = /* @__PURE__ */ k({
+}), En = /* @__PURE__ */ V({
   __name: "VoUserList",
-  setup(p) {
-    const e = F();
-    return (i, n) => {
-      const l = Pn, s = Rn, r = Vn, c = yn, v = rn, u = jo, m = Uo;
-      return d(), f(ee, {
+  setup(u) {
+    const e = z();
+    return (a, n) => {
+      const l = Hn, i = Rn, r = kn, c = Vn, h = cn, p = jo, f = Bo;
+      return d(), v(ee, {
         density: "compact",
         nav: "",
         slim: ""
       }, {
-        default: a(() => [
+        default: s(() => [
           o(l),
-          o(s),
+          o(i),
           o(r),
           o(c),
-          t(e).user ? (d(), f(v, { key: 0 })) : x("", !0),
-          o(u),
-          t(e).user ? (d(), f(m, { key: 1 })) : x("", !0)
+          t(e).user ? (d(), v(h, { key: 0 })) : x("", !0),
+          o(p),
+          t(e).user ? (d(), v(f, { key: 1 })) : x("", !0)
         ]),
         _: 1
       });
     };
   }
-}), En = { key: 0 }, Wn = { class: "d-flex align-center justify-center pa-1 ga-2" }, Gn = /* @__PURE__ */ k({
+}), Wn = { key: 0 }, Gn = { class: "d-flex align-center justify-center pa-1 ga-2" }, qn = /* @__PURE__ */ V({
   __name: "VoUserQuickActions",
-  setup(p) {
-    const e = O(), i = [
+  setup(u) {
+    const e = F(), a = [
       ["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(), f(he, null, {
-      default: a(() => [
-        t(e).quickbar ? (d(), S("div", En, [
-          h("div", Wn, [
+    return (n, l) => (d(), v(he, null, {
+      default: s(() => [
+        t(e).quickbar ? (d(), S("div", Wn, [
+          g("div", Gn, [
             o(E, {
               color: t(e).colors.one,
               class: "text-caption",
@@ -2717,7 +2819,7 @@ const Be = X("settings", () => {
               icon: "$vuetify-play",
               target: "_blank"
             }, {
-              default: a(() => [
+              default: s(() => [
                 o(A),
                 o(J, {
                   activator: "parent",
@@ -2729,13 +2831,13 @@ const Be = X("settings", () => {
             }, 8, ["color"]),
             o(E, {
               color: t(e).colors.one,
-              icon: i,
+              icon: a,
               class: "text-caption",
               density: "comfortable",
               href: "https://bin.vuetifyjs.com",
               target: "_blank"
             }, {
-              default: a(() => [
+              default: s(() => [
                 o(A),
                 o(J, {
                   activator: "parent",
@@ -2747,13 +2849,13 @@ const Be = X("settings", () => {
             }, 8, ["color"]),
             o(E, {
               color: t(e).colors.one,
-              icon: `svg:${t(Xt)}`,
+              icon: `svg:${t(Kt)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://issues.vuetifyjs.com",
               target: "_blank"
             }, {
-              default: a(() => [
+              default: s(() => [
                 o(A),
                 o(J, {
                   activator: "parent",
@@ -2769,10 +2871,10 @@ const Be = X("settings", () => {
       _: 1
     }));
   }
-}), qn = { class: "mb-2" }, Zn = { key: 0 }, Yn = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Qn = { class: "text-h6" }, Jn = /* @__PURE__ */ k({
+}), Zn = { class: "mb-2" }, Yn = { key: 0 }, Qn = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Jn = { class: "text-h6" }, Xn = /* @__PURE__ */ V({
   __name: "VoUserAvatar",
-  setup(p) {
-    const e = F(), i = O(), n = D(!1), l = w(() => {
+  setup(u) {
+    const e = z(), a = F(), n = D(!1), l = L(() => {
       const c = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/grass.png",
@@ -2791,17 +2893,17 @@ const Be = X("settings", () => {
       ];
       return e.user && c.unshift(e.user.picture), c;
     });
-    function s(c) {
-      i.avatar = c;
+    function i(c) {
+      a.avatar = c;
     }
     function r() {
       e.isSubscriber && (n.value = !n.value);
     }
-    return (c, v) => {
-      var u;
+    return (c, h) => {
+      var p;
       return d(), S("div", null, [
-        xe((d(), f(ne, {
-          class: ht([
+        xe((d(), v(ne, {
+          class: bt([
             "border-md border-opacity-100 border-surface-variant",
             {
               "cursor-pointer": t(e).isSubscriber
@@ -2810,14 +2912,14 @@ const Be = X("settings", () => {
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: Te(r, ["prevent", "stop"])
+          onClick: je(r, ["prevent", "stop"])
         }, {
-          default: a(() => [
-            t(e).user && t(i).avatar ? (d(), f(Le, {
+          default: s(() => [
+            t(e).user && t(a).avatar ? (d(), v(ge, {
               key: 0,
-              src: t(i).avatar,
+              src: t(a).avatar,
               alt: "User avatar"
-            }, null, 8, ["src"])) : (d(), f(A, {
+            }, null, 8, ["src"])) : (d(), v(A, {
               key: 1,
               class: "mt-1",
               icon: "$vuetify",
@@ -2826,29 +2928,29 @@ const Be = X("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [ho, t(e).isSubscriber]
+          [go, t(e).isSubscriber]
         ]),
-        h("div", qn, [
+        g("div", Zn, [
           o(he, null, {
-            default: a(() => [
-              n.value ? (d(), S("div", Zn, [
-                o(M, {
+            default: s(() => [
+              n.value ? (d(), S("div", Yn, [
+                o(R, {
                   class: "pt-6 pb-1",
                   rounded: "0",
                   flat: ""
                 }, {
-                  default: a(() => [
-                    h("div", Yn, [
-                      (d(!0), S(U, null, oe(l.value, (m, b) => (d(), f(E, {
-                        key: b,
-                        active: t(i).avatar === m,
+                  default: s(() => [
+                    g("div", Qn, [
+                      (d(!0), S(U, null, oe(l.value, (f, k) => (d(), v(E, {
+                        key: k,
+                        active: t(a).avatar === f,
                         variant: "flat",
                         icon: "",
-                        onClick: (V) => s(m)
+                        onClick: (y) => i(f)
                       }, {
-                        default: a(() => [
+                        default: s(() => [
                           o(ne, {
-                            image: m,
+                            image: f,
                             eager: ""
                           }, null, 8, ["image"])
                         ]),
@@ -2863,73 +2965,73 @@ const Be = X("settings", () => {
             _: 1
           })
         ]),
-        h("div", Qn, I(((u = t(e).user) == null ? void 0 : u.name) ?? "Guest"), 1)
+        g("div", Jn, I(((p = t(e).user) == null ? void 0 : p.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), Xn = /* @__PURE__ */ k({
+}), Kn = /* @__PURE__ */ V({
   __name: "VoUserBadges",
-  setup(p) {
-    const e = F(), i = j(), n = w(() => {
+  setup(u) {
+    const e = z(), a = T(), n = L(() => {
       var l;
-      return i.github || i.discord || i.isSubscriber || ((l = e.user) == null ? void 0 : l.isAdmin);
+      return a.github || a.discord || a.isSubscriber || ((l = e.user) == null ? void 0 : l.isAdmin);
     });
-    return (l, s) => n.value ? (d(), f(qe, {
+    return (l, i) => 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(() => {
+      default: s(() => {
         var r;
         return [
-          (r = t(e).user) != null && r.isAdmin ? (d(), f(J, {
+          (r = t(e).user) != null && r.isAdmin ? (d(), v(J, {
             key: 0,
             location: "bottom",
             text: "Vuetify Administrator"
           }, {
-            activator: a(({ props: c }) => [
-              o(A, P({
+            activator: s(({ props: c }) => [
+              o(A, H({
                 color: "blue",
                 icon: "$vuetify"
               }, c, { size: "16" }), null, 16)
             ]),
             _: 1
           })) : x("", !0),
-          t(i).isSubscriber ? (d(), f(J, {
+          t(a).isSubscriber ? (d(), v(J, {
             key: 1,
             location: "bottom",
             text: "Vuetify One Subscriber"
           }, {
-            activator: a(({ props: c }) => [
-              o(A, P({
-                icon: `svg:${t(Kt)}`,
+            activator: s(({ props: c }) => [
+              o(A, H({
+                icon: `svg:${t(eo)}`,
                 color: "amber-darken-2"
               }, c, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : x("", !0),
-          t(i).github ? (d(), f(J, {
+          t(a).github ? (d(), v(J, {
             key: 2,
             location: "bottom",
             text: "GitHub Sponsor"
           }, {
-            activator: a(({ props: c }) => [
-              o(A, P({
+            activator: s(({ props: c }) => [
+              o(A, H({
                 icon: `svg:${t(Ee)}`,
                 color: "white"
               }, c, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : x("", !0),
-          t(i).discord ? (d(), f(J, {
+          t(a).discord ? (d(), v(J, {
             key: 3,
             location: "bottom",
             text: "Discord Subscriber"
           }, {
-            activator: a(({ props: c }) => [
-              o(A, P({
+            activator: s(({ props: c }) => [
+              o(A, H({
                 icon: `svg:${t(He)}`,
                 color: "white"
               }, c, { size: "16" }), null, 16, ["icon"])
@@ -2941,45 +3043,45 @@ const Be = X("settings", () => {
       _: 1
     })) : x("", !0);
   }
-}), Kn = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, es = {
+}), es = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, ts = {
   key: "reset",
   class: "align-self-end"
-}, ts = /* @__PURE__ */ k({
+}, os = /* @__PURE__ */ V({
   __name: "VoUserColors",
-  setup(p) {
-    const e = F(), i = O(), n = D(!1);
+  setup(u) {
+    const e = z(), a = F(), n = D(!1);
     function l() {
-      i.colors.one = "surface-light";
+      a.colors.one = "surface-light";
     }
-    return (s, r) => {
-      const c = Xn, v = se;
+    return (i, r) => {
+      const c = Kn, h = se;
       return d(), S(U, null, [
-        o(Le, {
-          color: t(e).user ? t(i).colors.one : "surface-light",
+        o(ge, {
+          color: t(e).user ? t(a).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           height: "88",
           rounded: "0",
           cover: "",
           flat: ""
         }, {
-          default: a(() => [
-            h("div", Kn, [
+          default: s(() => [
+            g("div", es, [
               o(c),
-              t(e).isSubscriber ? (d(), f(v, {
+              t(e).isSubscriber ? (d(), v(h, {
                 key: 0,
                 active: n.value,
-                icon: n.value ? `svg:${t(le)}` : "$edit",
+                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)
+                onClick: r[0] || (r[0] = (p) => n.value = !n.value)
               }, {
-                default: a(() => [
-                  o($e, { "leave-absolute": "" }, {
-                    default: a(() => [
-                      (d(), f(A, {
+                default: s(() => [
+                  o(we, { "leave-absolute": "" }, {
+                    default: s(() => [
+                      (d(), v(A, {
                         key: String(n.value)
                       }))
                     ]),
@@ -2988,12 +3090,12 @@ const Be = X("settings", () => {
                 ]),
                 _: 1
               }, 8, ["active", "icon", "variant"])) : x("", !0),
-              o(ro, null, {
-                default: a(() => [
-                  xe(h("div", es, [
-                    o(v, {
-                      disabled: t(i).colors.one === "surface-light",
-                      icon: `svg:${t(eo)}`,
+              o(co, null, {
+                default: s(() => [
+                  xe(g("div", ts, [
+                    o(h, {
+                      disabled: t(a).colors.one === "surface-light",
+                      icon: `svg:${t(to)}`,
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
@@ -3002,7 +3104,7 @@ const Be = X("settings", () => {
                       onClick: l
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
-                    [Re, n.value]
+                    [Pe, n.value]
                   ])
                 ]),
                 _: 1
@@ -3012,10 +3114,10 @@ const Be = X("settings", () => {
           _: 1
         }, 8, ["color"]),
         o(he, null, {
-          default: a(() => [
-            n.value ? (d(), f(go, {
+          default: s(() => [
+            n.value ? (d(), v(bo, {
               key: 0,
-              "model-value": t(i).colors.one !== "surface-light" ? t(i).colors.one : void 0,
+              "model-value": t(a).colors.one !== "surface-light" ? t(a).colors.one : void 0,
               elevation: "0",
               height: "250",
               rounded: "0",
@@ -3025,7 +3127,7 @@ const Be = X("settings", () => {
               "hide-inputs": "",
               "hide-sliders": "",
               "show-swatches": "",
-              "onUpdate:modelValue": r[1] || (r[1] = (u) => t(i).colors.one = u)
+              "onUpdate:modelValue": r[1] || (r[1] = (p) => t(a).colors.one = p)
             }, null, 8, ["model-value"])) : x("", !0)
           ]),
           _: 1
@@ -3033,42 +3135,42 @@ const Be = X("settings", () => {
       ], 64);
     };
   }
-}), os = { class: "text-center mt-n9 mb-4" }, ns = /* @__PURE__ */ k({
+}), ns = { class: "text-center mt-n9 mb-4" }, ss = /* @__PURE__ */ V({
   __name: "VoUserMenu",
-  setup(p) {
-    const e = Ne(), i = j(), n = H();
+  setup(u) {
+    const e = Ne(), a = T(), n = P();
     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 = ts, c = Jn, v = Gn, u = Hn, m = ct;
-      return d(), f(t(bo), {
+      var l, i;
+      await new Promise((r) => setTimeout(r, 300)), a.isOpen && ((i = (l = n.value) == null ? void 0 : l.updateLocation) == null || i.call(l));
+    }, { flush: "pre" }), (l, i) => {
+      const r = os, c = Xn, h = qn, p = En, f = dt;
+      return d(), v(t(yo), {
         ref_key: "menu",
         ref: n,
-        modelValue: t(i).isOpen,
-        "onUpdate:modelValue": s[0] || (s[0] = (b) => t(i).isOpen = b),
+        modelValue: t(a).isOpen,
+        "onUpdate:modelValue": i[0] || (i[0] = (k) => t(a).isOpen = k),
         "close-on-click": !1,
         "close-on-content-click": !1,
         activator: "parent",
         location: "bottom end",
         eager: ""
       }, {
-        default: a(() => [
-          o(M, {
+        default: s(() => [
+          o(R, {
             rounded: "lg",
             width: "280",
             border: ""
           }, {
-            default: a(() => [
+            default: s(() => [
               o(r),
-              h("div", os, [
+              g("div", ns, [
                 o(c),
-                o(v)
+                o(h)
               ]),
               o(W),
-              o(u),
+              o(p),
               o(W),
-              o(m)
+              o(f)
             ]),
             _: 1
           })
@@ -3077,174 +3179,182 @@ const Be = X("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), ss = { key: 0 }, as = /* @__PURE__ */ k({
+}), as = { key: 0 }, is = /* @__PURE__ */ V({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
-  setup(p) {
-    const e = F(), i = j(), n = O(), { lgAndUp: l, mdAndDown: s } = re(), r = w(() => i.isOpen || !e.user ? n.colors.one === "surface-light" ? "primary" : n.colors.one : "surface-light");
-    return (c, v) => {
-      const u = ns, m = se, b = Ao, V = rt;
+  setup(u) {
+    const e = z(), a = T(), n = F(), { lgAndUp: l, mdAndDown: i } = le(), r = L(() => a.isOpen || !e.user ? n.colors.one === "surface-light" ? "primary" : n.colors.one : "surface-light");
+    return (c, h) => {
+      const p = ss, f = se, k = Do, y = ut;
       return d(), S(U, null, [
-        o(b, {
+        o(k, {
           "offset-y": t(e).user ? 5 : 0
         }, {
-          default: a(() => [
-            o(m, P({
-              [`${t(l) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(to)}`
+          default: s(() => [
+            o(f, H({
+              [`${t(l) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(oo)}`
             }, {
-              color: r.value,
+              color: t(a).isOpen ? r.value : "surface-variant",
               icon: t(e).user || t(e).isLoading,
               loading: t(e).isLoading,
-              rounded: t(s),
+              rounded: t(i),
               variant: t(e).user ? "outlined" : "flat",
               class: "vo-auth-btn",
               size: "default",
               style: { transition: ".2s ease" },
               active: ""
             }), {
-              default: a(() => [
-                t(e).user ? x("", !0) : (d(), S("span", ss, "Login")),
-                t(e).user ? (d(), f(ne, {
+              default: s(() => [
+                t(e).user ? x("", !0) : (d(), S("span", as, "Login")),
+                t(e).user ? (d(), v(ne, {
                   key: 1,
                   image: t(n).avatar || t(e).user.picture || ""
                 }, null, 8, ["image"])) : x("", !0),
-                o(u)
+                o(p)
               ]),
               _: 1
             }, 16, ["color", "icon", "loading", "rounded", "variant"])
           ]),
           _: 1
         }, 8, ["offset-y"]),
-        o(V)
+        o(y)
       ], 64);
     };
   }
-}), is = /* @__PURE__ */ k({
+}), rs = /* @__PURE__ */ V({
   __name: "VoNotificationsBanner",
-  setup(p) {
-    const { mdAndUp: e } = re(), 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 v() {
-      s.value && n.notifications.last.banner.push(s.value.slug);
+  props: {
+    demo: { type: Boolean }
+  },
+  setup(u) {
+    const e = u, { mdAndUp: a } = le(), n = Re(), l = F(), i = Ne(), r = L(() => i.banner), c = L(() => {
+      var y, w;
+      return ((y = r.value) == null ? void 0 : y.metadata.height) || ((w = r.value) != null && w.metadata.subtext ? 88 : 48);
+    }), h = L(() => e.demo ? !0 : !r.value || !l.notifications.last.banner.includes(r.value.slug));
+    function p() {
+      r.value && l.notifications.last.banner.push(r.value.slug);
     }
-    async function u(b) {
+    async function f(y) {
       var _;
-      if (!s.value)
+      if (!r.value)
         return;
-      v(), await fe();
-      const V = ((_ = s.value) == null ? void 0 : _.metadata) ?? { link: "" };
-      if (V.link.indexOf("?one=") === -1)
+      p(), await fe();
+      const w = ((_ = r.value) == null ? void 0 : _.metadata) ?? { link: "" };
+      if (w.link.indexOf("?one=") === -1)
         return;
-      b.preventDefault(), b.stopPropagation();
-      const C = V.link.split("?one=")[1];
-      i.push({ query: { one: C } });
+      y.preventDefault(), y.stopPropagation();
+      const m = w.link.split("?one=")[1];
+      n.push({ query: { one: m } });
     }
-    const m = w(() => {
-      var V, C;
-      const b = ((V = s.value) == null ? void 0 : V.metadata) ?? { link: "" };
+    const k = L(() => {
+      var w, m;
+      const y = ((w = r.value) == null ? void 0 : w.metadata) ?? { link: "" };
       return {
-        href: b.link.startsWith("http") ? b.link : void 0,
-        target: b.link.startsWith("http") ? "_blank" : void 0,
-        to: b.link.startsWith("http") ? void 0 : b.link,
-        ...(C = s.value) == null ? void 0 : C.metadata.attributes,
-        onClick: u
+        href: y.link.startsWith("http") ? y.link : void 0,
+        target: y.link.startsWith("http") ? "_blank" : void 0,
+        to: y.link.startsWith("http") ? void 0 : y.link,
+        ...(m = r.value) == null ? void 0 : m.metadata.attributes,
+        onClick: f
       };
     });
-    return (b, V) => {
-      var C;
-      return s.value ? (d(), f(yo, {
+    return (y, w) => {
+      var m;
+      return r.value ? (d(), v(Vo, {
         key: 0,
-        color: s.value.metadata.color,
-        height: r.value,
-        image: (C = s.value.metadata.images.bg) == null ? void 0 : C.url,
-        "model-value": c.value,
+        color: r.value.metadata.color,
+        height: c.value,
+        image: (m = r.value.metadata.images.bg) == null ? void 0 : m.url,
+        "model-value": h.value,
         flat: ""
       }, {
-        default: a(() => [
-          o(_e, P(m.value, {
+        default: s(() => [
+          o(_e, H(k.value, {
             active: !1,
-            class: "flex-grow-1",
+            class: "flex-grow-1 py-6",
             lines: "two",
-            onClick: u
-          }), G({
-            append: a(() => [
-              t(e) && s.value.metadata.link && s.value.metadata.link_text ? (d(), f(Ce, { key: 0 }, {
-                default: a(({ isHovering: _, props: y }) => [
-                  o(E, P({
-                    ...y,
-                    ...m.value
+            onClick: f
+          }), {
+            prepend: s(() => [
+              r.value.metadata.images.logo ? (d(), v(ne, {
+                key: 0,
+                image: r.value.metadata.images.logo.url,
+                icon: "$vuetify",
+                size: "x-large",
+                tile: ""
+              }, null, 8, ["image"])) : x("", !0)
+            ]),
+            append: s(() => [
+              t(a) && r.value.metadata.link && r.value.metadata.link_text ? (d(), v(Ce, { key: 0 }, {
+                default: s(({ isHovering: _, props: $ }) => [
+                  o(E, H({
+                    ...$,
+                    ...k.value
                   }, {
                     "append-icon": `svg:${t(ve)}`,
-                    color: s.value.metadata.link_color,
+                    color: r.value.metadata.link_color,
                     elevation: _ ? 8 : 0,
-                    title: s.value.metadata.link_text,
+                    title: r.value.metadata.link_text,
                     class: "text-none me-2",
                     variant: "elevated",
-                    onClick: u
+                    onClick: f
                   }), {
-                    default: a(() => [
-                      B(I(s.value.metadata.link_text), 1)
+                    default: s(() => [
+                      B(I(r.value.metadata.link_text), 1)
                     ]),
                     _: 2
                   }, 1040, ["append-icon", "color", "elevation", "title"])
                 ]),
                 _: 1
               })) : x("", !0),
-              s.value.metadata.closable ? (d(), f(E, {
+              r.value.metadata.closable ? (d(), v(E, {
                 key: 1,
+                disabled: y.demo,
                 class: "ms-6 me-2",
                 density: "comfortable",
                 icon: "$clear",
                 size: "small",
                 variant: "plain",
-                onClick: Te(v, ["prevent", "stop"])
-              })) : x("", !0)
+                onClick: je(p, ["prevent", "stop"])
+              }, null, 8, ["disabled"])) : x("", !0)
             ]),
-            default: a(() => [
-              s.value.metadata.text ? (d(), f(et, {
+            default: s(() => [
+              r.value.metadata.text ? (d(), v(ot, {
                 key: 0,
                 class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
               }, {
-                default: a(() => [
-                  B(I(s.value.metadata.text), 1)
+                default: s(() => [
+                  B(I(r.value.metadata.text), 1)
                 ]),
                 _: 1
               })) : x("", !0),
-              s.value.metadata.subtext ? (d(), f(so, { key: 1 }, {
-                default: a(() => [
-                  B(I(s.value.metadata.subtext), 1)
+              r.value.metadata.subtext ? (d(), v(ao, { key: 1 }, {
+                default: s(() => [
+                  B(I(r.value.metadata.subtext), 1)
                 ]),
                 _: 1
               })) : x("", !0)
             ]),
-            _: 2
-          }, [
-            s.value.metadata.images.logo ? {
-              name: "prepend",
-              fn: a(() => [
-                o(ne, {
-                  image: s.value.metadata.images.logo.url,
-                  size: "x-large"
-                }, null, 8, ["image"])
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1040)
+            _: 1
+          }, 16)
         ]),
         _: 1
       }, 8, ["color", "height", "image", "model-value"])) : x("", !0);
     };
   }
-}), ls = (p) => (gt("data-v-d0145a63"), p = p(), bt(), p), rs = ["href", "title"], cs = {
+}), ls = (u) => (yt("data-v-40687c9d"), u = u(), Vt(), u), cs = {
+  key: 0,
+  class: "v-footer__image"
+}, us = ["href", "title"], ds = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, us = /* @__PURE__ */ ls(() => /* @__PURE__ */ h("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), ds = /* @__PURE__ */ k({
+}, ps = /* @__PURE__ */ ls(() => /* @__PURE__ */ g("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), ms = /* @__PURE__ */ V({
   __name: "VoFooter",
-  setup(p) {
+  props: {
+    image: {}
+  },
+  setup(u) {
     const e = [
       {
         title: "Vuetify Documentation",
@@ -3253,7 +3363,7 @@ const Be = X("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${oo}`,
+        icon: `svg:${no}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -3273,16 +3383,24 @@ const Be = X("settings", () => {
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${no}`,
+        icon: `svg:${so}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (i, n) => (d(), f(Vo, {
+    return (a, n) => (d(), v(ko, {
       class: "vo-footer",
       height: "40"
     }, {
-      default: a(() => [
-        (d(), S(U, null, oe(e, (l) => h("a", {
+      default: s(() => [
+        a.image || a.$slots.image ? (d(), S("div", cs, [
+          a.$slots.image ? M(a.$slots, "image", { key: 0 }, void 0, !0) : (d(), v(ge, {
+            key: 1,
+            src: a.image,
+            position: "left",
+            cover: ""
+          }, null, 8, ["src"]))
+        ])) : x("", !0),
+        (d(), S(U, null, oe(e, (l) => g("a", {
           key: l.title,
           href: l.href,
           title: l.title,
@@ -3294,84 +3412,84 @@ const Be = X("settings", () => {
             icon: l.icon,
             size: l.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
-        ], 8, rs)), 64)),
-        h("div", cs, [
+        ], 8, us)), 64)),
+        g("div", ds, [
           B(" © 2016-" + I((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          us
+          ps
         ])
       ]),
-      _: 1
+      _: 3
     }));
   }
-}), ps = (p, e) => {
-  const i = p.__vccOpts || p;
+}), fs = (u, e) => {
+  const a = u.__vccOpts || u;
   for (const [n, l] of e)
-    i[n] = l;
-  return i;
-}, ms = /* @__PURE__ */ ps(ds, [["__scopeId", "data-v-d0145a63"]]), ea = X("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)), v = w(() => i.value.filter((y) => y.pinned));
+    a[n] = l;
+  return a;
+}, vs = /* @__PURE__ */ fs(ms, [["__scopeId", "data-v-40687c9d"]]), oa = X("bins", () => {
+  const u = z(), e = be(), a = P([]), n = P(), l = D(!1), i = D(-1), r = L(() => !u.user || !n.value ? !1 : u.user.id === n.value.owner.id), c = L(() => a.value.filter((_) => _.favorite)), h = L(() => a.value.filter((_) => _.pinned));
   N(n, () => {
-    window.clearTimeout(s.value), s.value = window.setTimeout(() => {
-      !n.value || !r.value || V(n.value, n.value.id);
+    window.clearTimeout(i.value), i.value = window.setTimeout(() => {
+      !n.value || !r.value || y(n.value, n.value.id);
     }, 100);
   }, { deep: !0 });
-  async function u() {
+  async function p() {
     try {
       l.value = !0;
-      const y = await e.get("/one/bins");
-      i.value = y.bins;
+      const _ = await e.get("/one/bins");
+      a.value = _.bins;
     } catch {
     } finally {
       l.value = !1;
     }
-    return i.value;
+    return a.value;
   }
-  async function m(y) {
+  async function f(_) {
     try {
-      l.value = !0, await e.delete(`/one/bins/${y}`), i.value = i.value.filter(($) => $.id !== y);
+      l.value = !0, await e.delete(`/one/bins/${_}`), a.value = a.value.filter(($) => $.id !== _);
     } catch {
     } finally {
       l.value = !1;
     }
     return !0;
   }
-  async function b(y) {
+  async function k(_) {
     try {
       l.value = !0;
-      const $ = await e.post("/one/bins", { bin: y });
-      return i.value.push($.bin), n.value = $.bin, $;
+      const $ = await e.post("/one/bins", { bin: _ });
+      return a.value.push($.bin), n.value = $.bin, $;
     } catch {
     } finally {
       l.value = !1;
     }
-    return { bin: y };
+    return { bin: _ };
   }
-  async function V(y, $) {
+  async function y(_, $) {
     try {
       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);
+      const O = await e.post(`/one/bins/${$}`, { bin: _ }), j = a.value.findIndex((te) => te.id === $);
+      a.value.splice(j, 1, O.bin);
     } catch {
     } finally {
       l.value = !1;
     }
-    return { bin: y };
+    return { bin: _ };
   }
-  async function C(y, $) {
+  async function w(_, $) {
     try {
       l.value = !0;
-      const z = $ ? await V(y, $) : await b(y);
-      n.value = z.bin;
+      const O = $ ? await y(_, $) : await k(_);
+      n.value = O.bin;
     } catch {
     } finally {
       l.value = !1;
     }
-    return { bin: y };
+    return { bin: _ };
   }
-  async function _(y) {
+  async function m(_) {
     try {
       l.value = !0;
-      const $ = await e.get(`/one/bins/${y}`);
+      const $ = await e.get(`/one/bins/${_}`);
       n.value = $.bin;
     } catch {
     } finally {
@@ -3382,38 +3500,38 @@ const Be = X("settings", () => {
   return {
     isLoading: l,
     isOwner: r,
-    pinned: v,
+    pinned: h,
     favorites: c,
-    all: i,
-    create: b,
-    delete: m,
+    all: a,
+    create: k,
+    delete: f,
     current: n,
-    find: _,
-    get: u,
-    update: V,
-    updateOrCreate: C
+    find: m,
+    get: p,
+    update: y,
+    updateOrCreate: w
   };
 });
-function ta() {
-  function p(e) {
-    e.component("VoAuthBtn", as), e.component("VoAuthCard", lt), e.component("VoAuthDialog", rt), e.component("VoAuthListItem", ct), e.component("VoNotificationsBanner", is), e.component("VoFooter", ms);
+function na() {
+  function u(e) {
+    e.component("VoAuthBtn", is), e.component("VoAuthCard", ct), e.component("VoAuthDialog", ut), e.component("VoAuthListItem", dt), e.component("VoNotificationsBanner", rs), e.component("VoFooter", vs);
   }
-  return { install: p };
+  return { install: u };
 }
-function oa(p, e) {
-  return function(i) {
-    const n = i.store;
-    n.url = e, n.$id === "site" && (n.id = p);
+function sa(u, e) {
+  return function(a) {
+    const n = a.store;
+    n.url = e, n.$id === "site" && (n.id = u);
   };
 }
 export {
-  ta as createOne,
-  oa as one,
-  F as useAuthStore,
+  na as createOne,
+  sa as one,
+  z as useAuthStore,
   Ne as useBannersStore,
-  ea as useBinsStore,
-  ge as useHttpStore,
-  j as useOneStore,
+  oa as useBinsStore,
+  be as useHttpStore,
+  T as useOneStore,
   Be as useSettingsStore,
-  O as useUserStore
+  F as useUserStore
 };