@vuetify/one 1.0.9 → 1.0.10

package/dist/index.js

@@ -1,79 +1,42 @@
-import { defineComponent as V, openBlock as d, createBlock as _, normalizeStyle as Fe, createSlots as G, withCtx as i, createCommentVNode as w, renderSlot as P, reactive as Je, toRefs as Qe, ref as Z, shallowRef as U, computed as A, watch as W, unref as e, createElementVNode as v, toDisplayString as C, createVNode as s, withModifiers as je, mergeModels as Xe, useModel as pe, createElementBlock as x, Fragment as F, createTextVNode as j, renderList as te, mergeProps as ce, onBeforeMount as Ze, onMounted as Ne, resolveComponent as Oe, withDirectives as Se, vShow as Be, normalizeClass as Ke, pushScopeId as et, popScopeId as tt } from "vue";
-import { VBtn as Q } from "vuetify/lib/components/VBtn/index.mjs";
-import { VProgressCircular as ot } from "vuetify/lib/components/VProgressCircular/index.mjs";
-import { defineStore as K } from "pinia";
-import { merge as ye } from "lodash-es";
-import { mdiDiscord as ze, mdiGithub as Te, mdiSync as st, mdiSyncOff as nt, mdiLogoutVariant as it, mdiCheck as ee, mdiHome as at, mdiTextBox as rt, mdiSpaceInvaders as Re, mdiWhiteBalanceSunny as lt, mdiWeatherNight as ct, mdiDesktopTowerMonitor as ut, mdiImageFilterHdr as dt, mdiRocketLaunchOutline as pt, mdiContrastCircle as mt, mdiCog as ft, mdiCogOutline as vt, mdiFileDocument as _t, mdiCreditCardSettingsOutline as ht, mdiRocketOutline as gt, mdiCheckCircleOutline as se, mdiCreditCard as bt, mdiReload as yt, mdiPlaylistCheck as Vt, mdiCreditCardOutline as kt, mdiHandHeart as $t, mdiInformationOutline as De, mdiMedal as Ve, mdiChartLine as xt, mdiHandHeartOutline as wt, mdiEmailOpenOutline as St, mdiEmailVariant as Ct, mdiOpenInNew as Lt, mdiBell as It, mdiInboxOutline as At, mdiInboxFullOutline as Dt, mdiBellOutline as Ut, mdiViewDashboardOutline as Ft, mdiTrashCan as jt, mdiBug as Nt, mdiArrowULeftBottom as Ot, mdiLogin as Bt, mdiShieldStarOutline as zt, mdiReddit as Tt } from "@mdi/js";
-import { VListItem as me, VList as oe, VListItemTitle as Rt } from "vuetify/lib/components/VList/index.mjs";
-import { VAvatar as ue } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as T, VCardText as J } from "vuetify/lib/components/VCard/index.mjs";
-import { VSheet as Ht } from "vuetify/lib/components/VSheet/index.mjs";
-import { VSwitch as He } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as Ce, VExpandTransition as ie, VExpandXTransition as Mt } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as fe, useTheme as Pt, useDate as ve } from "vuetify";
-import { VDialog as Et } from "vuetify/lib/components/VDialog/index.mjs";
-import { VDivider as R } from "vuetify/lib/components/VDivider/index.mjs";
-import { VIcon as N } from "vuetify/lib/components/VIcon/index.mjs";
-import { VLabel as xe } from "vuetify/lib/components/VLabel/index.mjs";
+import { reactive as Xe, toRefs as Ze, ref as K, shallowRef as F, computed as L, defineComponent as V, openBlock as d, createBlock as v, withCtx as i, renderSlot as B, normalizeStyle as Be, createSlots as G, createCommentVNode as $, watch as W, unref as e, createElementVNode as _, toDisplayString as C, createVNode as o, withModifiers as ze, mergeModels as Ke, useModel as me, createElementBlock as w, Fragment as N, createTextVNode as j, renderList as oe, mergeProps as Q, onBeforeMount as et, onMounted as Te, resolveComponent as Re, withDirectives as Le, vShow as He, normalizeClass as tt, pushScopeId as ot, popScopeId as st } from "vue";
+import { defineStore as ee } from "pinia";
+import { merge as ke } from "lodash-es";
+import { VBadge as Me } from "vuetify/lib/components/VBadge/index.mjs";
+import { VBtn as Z } from "vuetify/lib/components/VBtn/index.mjs";
+import { VProgressCircular as nt } from "vuetify/lib/components/VProgressCircular/index.mjs";
+import { mdiDiscord as Ie, mdiGithub as Ae, mdiSync as it, mdiSyncOff as at, mdiLogoutVariant as rt, mdiCheck as te, mdiHome as lt, mdiTextBox as ct, mdiSpaceInvaders as Pe, mdiWhiteBalanceSunny as ut, mdiWeatherNight as dt, mdiDesktopTowerMonitor as pt, mdiImageFilterHdr as mt, mdiRocketLaunchOutline as ft, mdiContrastCircle as vt, mdiCog as _t, mdiCogOutline as ht, mdiFileDocument as gt, mdiCreditCardSettingsOutline as bt, mdiRocketOutline as yt, mdiCheckCircleOutline as ie, mdiCreditCard as Vt, mdiReload as kt, mdiPlaylistCheck as $t, mdiCreditCardOutline as xt, mdiHandHeart as wt, mdiInformationOutline as je, mdiMedal as $e, mdiChartLine as St, mdiHandHeartOutline as Ct, mdiEmailOpenOutline as Lt, mdiEmailVariant as It, mdiOpenInNew as At, mdiBell as Dt, mdiInboxOutline as Ut, mdiInboxFullOutline as Ft, mdiBellOutline as Nt, mdiViewDashboardOutline as jt, mdiTrashCan as Ot, mdiBug as Bt, mdiCrown as zt, mdiArrowULeftBottom as Tt, mdiLogin as Rt, mdiShieldStarOutline as Ht, mdiReddit as Mt } from "@mdi/js";
+import { VListItem as fe, VList as se, VListItemTitle as Pt } from "vuetify/lib/components/VList/index.mjs";
+import { VAvatar as de } from "vuetify/lib/components/VAvatar/index.mjs";
+import { VCard as R, VCardText as X } from "vuetify/lib/components/VCard/index.mjs";
+import { VSheet as Ee } from "vuetify/lib/components/VSheet/index.mjs";
+import { VSwitch as We } from "vuetify/lib/components/VSwitch/index.mjs";
+import { VFadeTransition as De, VExpandTransition as re, VExpandXTransition as Et } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as ve, useTheme as Wt, useDate as _e } from "vuetify";
+import { VDialog as Gt } from "vuetify/lib/components/VDialog/index.mjs";
+import { VDivider as H } from "vuetify/lib/components/VDivider/index.mjs";
+import { VIcon as U } from "vuetify/lib/components/VIcon/index.mjs";
+import { VLabel as Se } from "vuetify/lib/components/VLabel/index.mjs";
 import { VChip as q } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as Wt } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as Gt } from "vuetify/lib/components/VSelect/index.mjs";
-import { VRow as _e, VCol as ne } from "vuetify/lib/components/VGrid/index.mjs";
-import { VHover as Me } from "vuetify/lib/components/VHover/index.mjs";
-import { VImg as Le } from "vuetify/lib/components/VImg/index.mjs";
-import { VItemGroup as Pe, VItem as we } 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 qt } from "vuetify/lib/components/VDataTable/index.mjs";
-import { VSkeletonLoader as Ue } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { VWindow as Ee, VWindowItem as de } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimeline as Yt, VTimelineItem as ke } from "vuetify/lib/components/VTimeline/index.mjs";
-import { VResponsive as Jt } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VTooltip as Qt } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VNavigationDrawer as Xt } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { VBadge as Zt } from "vuetify/lib/components/VBadge/index.mjs";
+import { VChipGroup as qt } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VSelect as Yt } from "vuetify/lib/components/VSelect/index.mjs";
+import { VRow as he, VCol as ae } from "vuetify/lib/components/VGrid/index.mjs";
+import { VHover as Ge } from "vuetify/lib/components/VHover/index.mjs";
+import { VImg as Ue } from "vuetify/lib/components/VImg/index.mjs";
+import { VItemGroup as qe, VItem as Ce } from "vuetify/lib/components/VItemGroup/index.mjs";
+import { VLayout as Fe } from "vuetify/lib/components/VLayout/index.mjs";
+import { VMain as Ne } from "vuetify/lib/components/VMain/index.mjs";
+import { VDataTableVirtual as Jt } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VSkeletonLoader as Oe } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
+import { VWindow as Ye, VWindowItem as pe } from "vuetify/lib/components/VWindow/index.mjs";
+import { VTimeline as Qt, VTimelineItem as xe } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VResponsive as Xt } from "vuetify/lib/components/VResponsive/index.mjs";
+import { VTooltip as ne } from "vuetify/lib/components/VTooltip/index.mjs";
+import { VNavigationDrawer as Zt } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
 import { Ripple as Kt } from "vuetify/lib/directives/index.mjs";
 import { VColorPicker as eo } from "vuetify/lib/components/VColorPicker/index.mjs";
 import { VMenu as to } from "vuetify/lib/components/VMenu/index.mjs";
 import { VFooter as oo } from "vuetify/lib/components/VFooter/index.mjs";
-const ae = /* @__PURE__ */ V({
-  __name: "VoBtn",
-  props: {
-    readonly: { type: Boolean }
-  },
-  setup(u) {
-    const t = u;
-    return (a, o) => (d(), _(Q, {
-      style: Fe({
-        pointerEvents: t.readonly ? "none" : void 0
-      }),
-      tabindex: t.readonly ? -1 : void 0,
-      class: "text-none font-weight-regular",
-      color: "primary",
-      size: "small",
-      variant: "flat"
-    }, G({
-      loader: i(() => [
-        a.$slots.loader ? w("", !0) : (d(), _(ot, {
-          key: 0,
-          indeterminate: "disable-shrink",
-          size: "16",
-          width: "2"
-        })),
-        P(a.$slots, "loader")
-      ]),
-      _: 2
-    }, [
-      a.$slots.default ? {
-        name: "default",
-        fn: i(() => [
-          P(a.$slots, "default")
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["style", "tabindex"]));
-  }
-}), he = K("http", {
+const ge = ee("http", {
   state: () => ({
     url: ""
   }),
@@ -105,7 +68,7 @@ const ae = /* @__PURE__ */ V({
       });
     }
   }
-}), $e = typeof window < "u", le = {
+}), we = typeof window < "u", ue = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -143,29 +106,102 @@ const ae = /* @__PURE__ */ V({
       jobs: null
     }
   }
-}, H = K("user", () => {
-  const u = Je(ye({}, le));
+}, M = ee("user", () => {
+  const u = Xe(ke({}, ue));
   function t() {
-    if (!$e)
+    if (!we)
       return;
     const n = localStorage.getItem("vuetify@user"), r = n ? JSON.parse(n) : {};
-    let l = r.v === u.v;
-    r.v || (r.pwaRefresh = !0, typeof r.api == "boolean" && (r.api = r.api ? "inline" : "link-only"), typeof r.rtl == "boolean" && (r.direction = r.rtl ? "rtl" : "ltr", delete r.rtl), typeof r.theme == "object" && (r.mixedTheme = r.theme.mixed, r.theme = r.theme.system ? "system" : r.theme.dark ? "dark" : "light"), Array.isArray(r.notifications) && (r.notifications = { read: r.notifications }), typeof r.last == "object" && (r.notifications.last = r.last, delete r.last)), r.v === 1 && (Array.isArray(r.composition) && (r.composition = "composition"), Array.isArray(r.notifications.last.banner) || (r.notifications = r.notifications || {}, r.notifications.last = r.notifications.last || {}, r.notifications.last.banner = [])), r.v === 2 && (r.syncSettings = !0, r.disableAds = !1, r.v = 3), r.v === 3 && (r.quickbar = !1), r.v === 4 && (r.suits = le.suits, r.notifications.banners = le.notifications.banners, l = !0), r.v = u.v, Object.assign(u, ye(u, r)), l && a();
+    let c = r.v === u.v;
+    r.v || (r.pwaRefresh = !0, typeof r.api == "boolean" && (r.api = r.api ? "inline" : "link-only"), typeof r.rtl == "boolean" && (r.direction = r.rtl ? "rtl" : "ltr", delete r.rtl), typeof r.theme == "object" && (r.mixedTheme = r.theme.mixed, r.theme = r.theme.system ? "system" : r.theme.dark ? "dark" : "light"), Array.isArray(r.notifications) && (r.notifications = { read: r.notifications }), typeof r.last == "object" && (r.notifications.last = r.last, delete r.last)), r.v === 1 && (Array.isArray(r.composition) && (r.composition = "composition"), Array.isArray(r.notifications.last.banner) || (r.notifications = r.notifications || {}, r.notifications.last = r.notifications.last || {}, r.notifications.last.banner = [])), r.v === 2 && (r.syncSettings = !0, r.disableAds = !1, r.v = 3), r.v === 3 && (r.quickbar = !1), r.v === 4 && (r.suits = ue.suits, r.notifications.banners = ue.notifications.banners, c = !0), r.v = u.v, Object.assign(u, ke(u, r)), c && a();
   }
   function a() {
-    $e && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
+    we && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
   }
-  function o() {
-    $e && (Object.assign(u, ye({}, le)), a());
+  function s() {
+    we && (Object.assign(u, ke({}, ue)), a());
   }
   return t(), {
-    ...Qe(u),
+    ...Ze(u),
     load: t,
     save: a,
-    reset: o
+    reset: s
+  };
+}), be = ee("notifications", () => {
+  const u = ge(), t = M(), a = K([]), s = F(!1), n = L(() => a.value.filter((l) => !t.notifications.read.includes(l.slug))), r = L(() => a.value.filter((l) => t.notifications.read.includes(l.slug)));
+  async function c() {
+    try {
+      s.value = !0;
+      const l = await u.get("/one/notifications");
+      a.value = l.notifications;
+    } catch {
+    } finally {
+      s.value = !1;
+    }
+    return a.value;
+  }
+  return {
+    isLoading: s,
+    all: a,
+    get: c,
+    read: r,
+    unread: n
   };
-}), B = K("auth", () => {
-  const u = Z(null), t = he(), a = H(), o = U(!1), n = A(() => {
+}), so = /* @__PURE__ */ V({
+  __name: "VoNotificationsTotalBadge",
+  setup(u) {
+    const t = be(), a = L(() => t.unread.length);
+    return (s, n) => (d(), v(Me, {
+      content: a.value,
+      "model-value": a.value > 0,
+      color: "error",
+      location: "start top"
+    }, {
+      default: i(() => [
+        B(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["content", "model-value"]));
+  }
+}), le = /* @__PURE__ */ V({
+  __name: "VoBtn",
+  props: {
+    readonly: { type: Boolean }
+  },
+  setup(u) {
+    const t = u;
+    return (a, s) => (d(), v(Z, {
+      style: Be({
+        pointerEvents: t.readonly ? "none" : void 0
+      }),
+      tabindex: t.readonly ? -1 : void 0,
+      class: "text-none font-weight-regular",
+      color: "primary",
+      size: "small",
+      variant: "flat"
+    }, G({
+      loader: i(() => [
+        a.$slots.loader ? $("", !0) : (d(), v(nt, {
+          key: 0,
+          indeterminate: "disable-shrink",
+          size: "16",
+          width: "2"
+        })),
+        B(a.$slots, "loader")
+      ]),
+      _: 2
+    }, [
+      a.$slots.default ? {
+        name: "default",
+        fn: i(() => [
+          B(a.$slots, "default")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["style", "tabindex"]));
+  }
+}), z = ee("auth", () => {
+  const u = K(null), t = ge(), a = M(), s = F(!1), n = L(() => {
     var m, k;
     return !t.url || ((m = u.value) == null ? void 0 : m.isAdmin) || !!((k = u.value) != null && k.sponsorships.some((D) => D.isActive));
   });
@@ -176,19 +212,19 @@ const ae = /* @__PURE__ */ V({
     const k = localStorage.getItem("vuetify@user") || "{}";
     JSON.stringify(m.settings, null, 2) !== k && (r = !0, Object.assign(a, m.settings));
   }), a.$subscribe(() => {
-    r || l(), r = !1;
+    r || c(), r = !1;
   });
-  async function l() {
+  async function c() {
     try {
       await t.post("/user/settings", { settings: a.$state });
     } catch (m) {
       console.error(m);
     }
   }
-  async function c(m = !1) {
-    if (c.promise)
-      return c.promise;
-    o.value = !0, c.promise = fetch(`${t.url}/auth/verify`, {
+  async function l(m = !1) {
+    if (l.promise)
+      return l.promise;
+    s.value = !0, l.promise = fetch(`${t.url}/auth/verify`, {
       credentials: "include",
       headers: m ? {
         "Cache-Control": "no-cache"
@@ -200,16 +236,16 @@ const ae = /* @__PURE__ */ V({
       () => {
       }
     ).finally(() => {
-      o.value = !1, c.promise = null;
+      s.value = !1, l.promise = null;
     });
   }
-  c.promise = null;
+  l.promise = null;
   async function h(m = "github") {
-    o.value = !0;
-    const k = `${t.url}/auth/${m}/redirect`, D = 400, g = 600, $ = window.screenX + (window.innerWidth - D) / 2, I = window.screenY + (window.innerHeight - g) / 2, O = window.open(
+    s.value = !0;
+    const k = `${t.url}/auth/${m}/redirect`, D = 400, b = 600, x = window.screenX + (window.innerWidth - D) / 2, A = window.screenY + (window.innerHeight - b) / 2, O = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${$},top=${I},width=${D},height=${g},resizable`
+      `popup,left=${x},top=${A},width=${D},height=${b},resizable`
     );
     if (!O) {
       console.error("Failed to open popup");
@@ -217,124 +253,124 @@ const ae = /* @__PURE__ */ V({
     }
     O.location.href = k;
     let S = -1, E = -1;
-    function M(f) {
-      var b;
-      f.origin === t.url && ((b = f.data) == null ? void 0 : b.type) === "auth-response" && (f.data.status === "success" ? (u.value || localStorage.setItem("vuetify@lastLoginProvider", m), u.value = f.data.body.user) : console.error(f.data.message), z());
+    function P(f) {
+      var y;
+      f.origin === t.url && ((y = f.data) == null ? void 0 : y.type) === "auth-response" && (f.data.status === "success" ? (u.value || localStorage.setItem("vuetify@lastLoginProvider", m), u.value = f.data.body.user) : console.error(f.data.message), T());
     }
-    function z() {
-      window.removeEventListener("message", M), window.clearInterval(S), window.clearTimeout(E), O == null || O.close(), o.value = !1;
+    function T() {
+      window.removeEventListener("message", P), window.clearInterval(S), window.clearTimeout(E), O == null || O.close(), s.value = !1;
     }
-    window.addEventListener("message", M), S = window.setInterval(() => {
-      !O || O.closed ? (console.error("Auth popup closed"), z()) : O.postMessage({ type: "auth-request" }, "*");
+    window.addEventListener("message", P), S = window.setInterval(() => {
+      !O || O.closed ? (console.error("Auth popup closed"), T()) : O.postMessage({ type: "auth-request" }, "*");
     }, 1e3), E = window.setTimeout(() => {
-      z(), console.error("Auth timed out");
+      T(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
   async function p(m) {
-    o.value = !0;
+    s.value = !0;
     const k = m ? `/auth/${m}/logout` : "/auth/logout";
     try {
-      await t.post(k), await c(!0), u.value = null;
+      await t.post(k), await l(!0), u.value = null;
     } catch (D) {
       console.error(D);
     } finally {
-      o.value = !1;
+      s.value = !1;
     }
   }
-  function y(m) {
+  function g(m) {
     var k;
     return (k = u.value) == null ? void 0 : k.identities.find((D) => D.provider === m);
   }
-  function L() {
+  function I() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return L() && c(), {
+  return I() && l(), {
     user: u,
     url: t.url,
-    isLoading: o,
-    findIdentity: y,
-    verify: c,
+    isLoading: s,
+    findIdentity: g,
+    verify: l,
     login: h,
     logout: p,
     isSubscriber: n,
-    lastLoginProvider: L,
-    sync: l
+    lastLoginProvider: I,
+    sync: c
   };
-}), so = { class: "text-body-2" }, no = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), io = /* @__PURE__ */ V({
+}), no = { class: "text-body-2" }, io = /* @__PURE__ */ _("div", { class: "text-caption mt-n1" }, "Last Used", -1), ao = /* @__PURE__ */ V({
   __name: "VoAuthDiscord",
   setup(u) {
-    const t = B(), a = A(() => t.user && t.findIdentity("discord")), o = A(() => t.user ? a.value ? "Connected to Discord" : "Connect Discord" : "Log in with Discord");
-    return (n, r) => (d(), _(me, {
-      "prepend-icon": `svg:${e(ze)}`,
+    const t = z(), a = L(() => t.user && t.findIdentity("discord")), s = L(() => t.user ? a.value ? "Connected to Discord" : "Connect Discord" : "Log in with Discord");
+    return (n, r) => (d(), v(fe, {
+      "prepend-icon": `svg:${e(Ie)}`,
       "base-color": "#5865F2",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: r[0] || (r[0] = (l) => e(t).login("discord"))
+      onClick: r[0] || (r[0] = (c) => e(t).login("discord"))
     }, G({
       title: i(() => [
-        v("span", so, C(o.value), 1)
+        _("span", no, C(s.value), 1)
       ]),
       _: 2
     }, [
       !e(t).user && e(t).lastLoginProvider() === "discord" ? {
         name: "subtitle",
         fn: i(() => [
-          no
+          io
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), ao = { class: "text-body-2" }, ro = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), lo = /* @__PURE__ */ V({
+}), ro = { class: "text-body-2" }, lo = /* @__PURE__ */ _("div", { class: "text-caption mt-n1" }, "Last Used", -1), co = /* @__PURE__ */ V({
   __name: "VoAuthGithub",
   setup(u) {
-    const t = B(), a = A(() => t.user && t.findIdentity("github")), o = A(() => t.user ? a.value ? "Connected to GitHub" : "Connect GitHub" : "Log in with GitHub");
-    return (n, r) => (d(), _(me, {
-      "prepend-icon": `svg:${e(Te)}`,
+    const t = z(), a = L(() => t.user && t.findIdentity("github")), s = L(() => t.user ? a.value ? "Connected to GitHub" : "Connect GitHub" : "Log in with GitHub");
+    return (n, r) => (d(), v(fe, {
+      "prepend-icon": `svg:${e(Ae)}`,
       "base-color": "#2a2a2a",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: r[0] || (r[0] = (l) => e(t).login("github"))
+      onClick: r[0] || (r[0] = (c) => e(t).login("github"))
     }, G({
       title: i(() => [
-        v("span", ao, C(o.value), 1)
+        _("span", ro, C(s.value), 1)
       ]),
       _: 2
     }, [
       !e(t).user && e(t).lastLoginProvider() === "github" ? {
         name: "subtitle",
         fn: i(() => [
-          ro
+          lo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), co = { class: "pa-4 d-flex flex-column ga-4" }, uo = /* @__PURE__ */ V({
+}), uo = { class: "pa-4 d-flex flex-column ga-4" }, po = /* @__PURE__ */ V({
   __name: "VoAuthListItem",
   setup(u) {
-    const t = B(), a = H(), o = U(!t.user && !t.isLoading);
+    const t = z(), a = M(), s = F(!t.user && !t.isLoading);
     W(() => t.user, (r) => {
-      o.value = !r;
+      s.value = !r;
     });
     function n() {
-      t.user && (o.value = !o.value);
+      t.user && (s.value = !s.value);
     }
-    return (r, l) => {
-      const c = lo, h = io;
-      return d(), _(T, {
-        variant: o.value ? "tonal" : "text",
+    return (r, c) => {
+      const l = co, h = ao;
+      return d(), v(R, {
+        variant: s.value ? "tonal" : "text",
         class: "ma-2",
         rounded: "lg"
       }, {
         default: i(() => [
-          s(oe, { class: "py-0" }, {
+          o(se, { class: "py-0" }, {
             default: i(() => [
-              s(me, {
+              o(fe, {
                 link: !!e(t).user,
-                "prepend-icon": `svg:${e(t).user && e(a).syncSettings ? e(st) : e(nt)}`,
+                "prepend-icon": `svg:${e(t).user && e(a).syncSettings ? e(it) : e(at)}`,
                 title: e(t).user && e(a).syncSettings ? "Sync is on" : "Sync is paused",
                 class: "mb-0",
                 rounded: "b-0",
@@ -343,51 +379,51 @@ const ae = /* @__PURE__ */ V({
                 onClick: n
               }, {
                 append: i(() => [
-                  s(Ce, null, {
+                  o(De, null, {
                     default: i(() => [
-                      e(t).user && (o.value || !e(a).syncSettings) ? (d(), _(He, {
+                      e(t).user && (s.value || !e(a).syncSettings) ? (d(), v(We, {
                         key: 0,
                         modelValue: e(a).syncSettings,
-                        "onUpdate:modelValue": l[0] || (l[0] = (p) => e(a).syncSettings = p),
+                        "onUpdate:modelValue": c[0] || (c[0] = (p) => e(a).syncSettings = p),
                         color: e(a).syncSettings ? "success" : void 0,
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: l[1] || (l[1] = je(() => {
+                        onClick: c[1] || (c[1] = ze(() => {
                         }, ["stop"]))
                       }, {
                         thumb: i(() => [
-                          s(ue, {
+                          o(de, {
                             color: e(a).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
                         _: 1
-                      }, 8, ["modelValue", "color"])) : w("", !0)
+                      }, 8, ["modelValue", "color"])) : $("", !0)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
-              s(ie, null, {
+              o(re, null, {
                 default: i(() => [
-                  !e(t).user && !e(t).isLoading || o.value ? (d(), _(Ht, {
+                  !e(t).user && !e(t).isLoading || s.value ? (d(), v(Ee, {
                     key: 0,
                     border: "t",
                     color: "transparent"
                   }, {
                     default: i(() => [
-                      v("div", co, [
-                        s(c, {
-                          onClick: l[2] || (l[2] = (p) => o.value = !1)
+                      _("div", uo, [
+                        o(l, {
+                          onClick: c[2] || (c[2] = (p) => s.value = !1)
                         }),
-                        s(h, {
-                          onClick: l[3] || (l[3] = (p) => o.value = !1)
+                        o(h, {
+                          onClick: c[3] || (c[3] = (p) => s.value = !1)
                         })
                       ])
                     ]),
                     _: 1
-                  })) : w("", !0)
+                  })) : $("", !0)
                 ]),
                 _: 1
               })
@@ -402,58 +438,58 @@ const ae = /* @__PURE__ */ V({
 }), Y = /* @__PURE__ */ V({
   __name: "VoListItem",
   setup(u) {
-    return (t, a) => (d(), _(me, { slim: "" }, G({
+    return (t, a) => (d(), v(fe, { slim: "" }, G({
       default: i(() => [
-        P(t.$slots, "default")
+        B(t.$slots, "default")
       ]),
       _: 2
     }, [
       t.$slots.prepend ? {
         name: "prepend",
         fn: i(() => [
-          P(t.$slots, "prepend")
+          B(t.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       t.$slots.title ? {
         name: "title",
         fn: i(() => [
-          P(t.$slots, "title")
+          B(t.$slots, "title")
         ]),
         key: "1"
       } : void 0,
       t.$slots.append ? {
         name: "append",
         fn: i(() => [
-          P(t.$slots, "append")
+          B(t.$slots, "append")
         ]),
         key: "2"
       } : void 0
     ]), 1024));
   }
-}), po = /* @__PURE__ */ V({
+}), mo = /* @__PURE__ */ V({
   __name: "VoAuthLogoutListItem",
   setup(u) {
-    const t = B(), a = U(!1);
-    async function o() {
+    const t = z(), a = F(!1);
+    async function s() {
       a.value = !0, await t.logout(), a.value = !1;
     }
     return (n, r) => {
-      const l = Y;
-      return d(), _(l, {
+      const c = Y;
+      return d(), v(c, {
         disabled: a.value,
         loading: a.value,
-        "prepend-icon": `svg:${e(it)}`,
+        "prepend-icon": `svg:${e(rt)}`,
         class: "mb-0",
         title: "Logout",
         link: "",
-        onClick: o
+        onClick: s
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), ge = /* @__PURE__ */ V({
+}), ye = /* @__PURE__ */ V({
   __name: "VoDialog",
-  props: /* @__PURE__ */ Xe({
+  props: /* @__PURE__ */ Ke({
     prependIcon: {},
     title: {}
   }, {
@@ -462,8 +498,8 @@ const ae = /* @__PURE__ */ V({
   }),
   emits: ["update:modelValue"],
   setup(u) {
-    const t = pe(u, "modelValue"), a = fe();
-    return (o, n) => (d(), _(Et, {
+    const t = me(u, "modelValue"), a = ve();
+    return (s, n) => (d(), v(Gt, {
       modelValue: t.value,
       "onUpdate:modelValue": n[1] || (n[1] = (r) => t.value = r),
       fullscreen: e(a).xs.value,
@@ -473,39 +509,39 @@ const ae = /* @__PURE__ */ V({
       height: "100%"
     }, {
       default: i(({ isActive: r }) => [
-        s(T, {
-          "prepend-icon": o.prependIcon,
-          title: o.title,
+        o(R, {
+          "prepend-icon": s.prependIcon,
+          title: s.title,
           class: "overflow-hidden",
           height: "inherit"
         }, G({
           append: i(() => [
-            P(o.$slots, "append"),
-            s(Q, {
+            B(s.$slots, "append"),
+            o(Z, {
               density: "comfortable",
               icon: "$close",
               size: "small",
               variant: "text",
-              onClick: n[0] || (n[0] = (l) => t.value = !t.value)
+              onClick: n[0] || (n[0] = (c) => t.value = !t.value)
             })
           ]),
           default: i(() => [
-            s(R, { class: "mt-4" }),
-            P(o.$slots, "default")
+            o(H, { class: "mt-4" }),
+            B(s.$slots, "default")
           ]),
           _: 2
         }, [
-          o.$slots.prepend ? {
+          s.$slots.prepend ? {
             name: "prepend",
             fn: i(() => [
-              P(o.$slots, "prepend")
+              B(s.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          o.$slots.actions ? {
+          s.$slots.actions ? {
             name: "actions",
             fn: i(() => [
-              P(o.$slots, "actions", { isActive: r })
+              B(s.$slots, "actions", { isActive: r })
             ]),
             key: "1"
           } : void 0
@@ -514,21 +550,21 @@ const ae = /* @__PURE__ */ V({
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), We = /* @__PURE__ */ V({
+}), Je = /* @__PURE__ */ V({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
   setup(u) {
-    return (t, a) => (d(), _(He, {
+    return (t, a) => (d(), v(We, {
       disabled: t.disabled,
-      "true-icon": `svg:${e(ee)}`,
+      "true-icon": `svg:${e(te)}`,
       color: "primary",
       density: "compact",
       inset: ""
     }, G({
       thumb: i(() => [
-        s(N, {
+        o(U, {
           color: t.disabled ? void 0 : "primary"
         }, null, 8, ["color"])
       ]),
@@ -537,24 +573,24 @@ const ae = /* @__PURE__ */ V({
       t.$slots.label ? {
         name: "label",
         fn: i(() => [
-          P(t.$slots, "label")
+          B(t.$slots, "label")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), mo = {
+}), fo = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, re = /* @__PURE__ */ V({
+}, ce = /* @__PURE__ */ V({
   __name: "VoDialogSubheader",
   props: {
     title: {},
     text: {}
   },
   setup(u) {
-    return (t, a) => (d(), x(F, null, [
-      t.title ? (d(), _(xe, {
+    return (t, a) => (d(), w(N, null, [
+      t.title ? (d(), v(Se, {
         key: 0,
         class: "font-weight-black"
       }, {
@@ -562,18 +598,22 @@ const ae = /* @__PURE__ */ V({
           j(C(t.title), 1)
         ]),
         _: 1
-      })) : w("", !0),
-      t.text ? (d(), x("div", mo, C(t.text), 1)) : w("", !0)
+      })) : $("", !0),
+      t.text ? (d(), w("div", fo, C(t.text), 1)) : $("", !0)
     ], 64));
   }
-}), fo = { key: 0 }, vo = /* @__PURE__ */ V({
+}), vo = { key: 0 }, _o = /* @__PURE__ */ V({
   __name: "VoSettingsPageSuitOption",
   setup(u) {
-    B();
-    const t = H(), a = [
+    const t = M(), a = [
+      {
+        title: "Choose a page suit",
+        value: "",
+        disabled: !0
+      },
       {
         title: "Blackguard",
-        prependIcon: `svg:${Re}`,
+        prependIcon: `svg:${Pe}`,
         value: "blackguard"
       }
       // {
@@ -587,83 +627,83 @@ const ae = /* @__PURE__ */ V({
       //   value: 'nebula',
       // },
     ];
-    return (o, n) => {
-      const r = We, l = re;
-      return d(), x(F, null, [
-        s(r, {
+    return (s, n) => {
+      const r = Je, c = ce;
+      return d(), w(N, null, [
+        o(r, {
           modelValue: e(t).suits.show,
-          "onUpdate:modelValue": n[0] || (n[0] = (c) => e(t).suits.show = c),
+          "onUpdate:modelValue": n[0] || (n[0] = (l) => e(t).suits.show = l),
           class: "mb-2",
           label: "Enable Page suits",
           messages: "Customize layout elements with a unique background, styled after one of our themed releases."
         }, null, 8, ["modelValue"]),
-        s(ie, null, {
+        o(re, null, {
           default: i(() => [
-            e(t).suits.show ? (d(), x("div", fo, [
-              s(Gt, {
+            e(t).suits.show ? (d(), w("div", vo, [
+              o(Yt, {
                 modelValue: e(t).suits.suit,
-                "onUpdate:modelValue": n[1] || (n[1] = (c) => e(t).suits.suit = c),
+                "onUpdate:modelValue": n[1] || (n[1] = (l) => e(t).suits.suit = l),
                 items: a,
                 density: "compact",
-                placeholder: "Choose page suit",
+                placeholder: "Choose a page suit",
                 style: { "max-width": "300px" },
                 variant: "outlined",
                 clearable: "",
                 "item-props": "",
                 "single-line": ""
               }, {
-                selection: i(({ item: c }) => [
-                  s(N, {
-                    icon: c.props.prependIcon,
+                selection: i(({ item: l }) => [
+                  o(U, {
+                    icon: l.props.prependIcon,
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  j(" " + C(c.title), 1)
+                  j(" " + C(l.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
-              s(l, { text: "Select your suit elements to display the background image:" }),
-              s(Wt, {
+              o(c, { text: "Select your suit elements to display the background image:" }),
+              o(qt, {
                 modelValue: e(t).suits.elements,
-                "onUpdate:modelValue": n[2] || (n[2] = (c) => e(t).suits.elements = c),
+                "onUpdate:modelValue": n[2] || (n[2] = (l) => e(t).suits.elements = l),
                 color: "primary",
                 filter: "",
                 multiple: ""
               }, {
                 default: i(() => [
-                  s(q, {
-                    "append-icon": `svg:${e(at)}`,
+                  o(q, {
+                    "append-icon": `svg:${e(lt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
                     variant: "flat"
                   }, {
                     append: i(() => [
-                      s(R, {
+                      o(H, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      s(N, { size: "x-small" })
+                      o(U, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  s(q, {
-                    "append-icon": `svg:${e(rt)}`,
+                  o(q, {
+                    "append-icon": `svg:${e(ct)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
                     variant: "flat"
                   }, {
                     append: i(() => [
-                      s(R, {
+                      o(H, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      s(N, { size: "x-small" })
+                      o(U, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  s(q, {
+                  o(q, {
                     "append-icon": "$info",
                     "filter-icon": "$success",
                     text: "Footer",
@@ -671,18 +711,18 @@ const ae = /* @__PURE__ */ V({
                     variant: "flat"
                   }, {
                     append: i(() => [
-                      s(R, {
+                      o(H, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      s(N, { size: "x-small" })
+                      o(U, { size: "x-small" })
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["modelValue"])
-            ])) : w("", !0)
+            ])) : $("", !0)
           ]),
           _: 1
         })
@@ -690,7 +730,7 @@ const ae = /* @__PURE__ */ V({
     };
   }
 });
-function _o() {
+function ho() {
   return {
     blackguard: {
       dark: !0,
@@ -806,8 +846,8 @@ function _o() {
     }
   };
 }
-const Ge = K("settings", () => {
-  const u = "https://cdn.vuetifyjs.com/docs/images/one/", t = B(), a = H(), o = Pt(), n = _o(), r = {
+const Qe = ee("settings", () => {
+  const u = "https://cdn.vuetifyjs.com/docs/images/one/", t = z(), a = M(), s = Wt(), n = ho(), r = {
     blackguard: {
       "app-bar": u + "suits/blackguard/blackguard-app-bar.png",
       drawer: u + "suits/blackguard/blackguard-app-drawer.png",
@@ -823,24 +863,24 @@ const Ge = K("settings", () => {
     //   'drawer': '',
     //   footer: '',
     // },
-  }, l = A(() => {
+  }, c = L(() => {
     if (!a.suits.suit || !a.suits.show || !t.isSubscriber)
       return {};
-    const c = r[a.suits.suit.toLowerCase()], h = {};
+    const l = r[a.suits.suit.toLowerCase()], h = {};
     for (const p of a.suits.elements)
-      h[p] = c[p];
+      h[p] = l[p];
     return h;
   });
-  return o.themes.value = {
-    ...o.themes.value,
+  return s.themes.value = {
+    ...s.themes.value,
     ...n
-  }, W(() => a.theme, (c) => {
-    c === "system" ? o.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : o.global.name.value = c, a.theme = c;
+  }, W(() => a.theme, (l) => {
+    l === "system" ? s.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : s.global.name.value = l, a.theme = l;
   }, { immediate: !0 }), {
-    suit: l,
+    suit: c,
     CDN_URL: u
   };
-}), ho = /* @__PURE__ */ V({
+}), go = /* @__PURE__ */ V({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -848,100 +888,100 @@ const Ge = K("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = pe(u, "modelValue"), a = B(), o = Ge(), n = H(), r = [
+    const t = me(u, "modelValue"), a = z(), s = Qe(), n = M(), r = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
-        image: o.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${lt}`,
+        image: s.CDN_URL + "themes/light.png",
+        prependIcon: `svg:${ut}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
-        image: o.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${ct}`,
+        image: s.CDN_URL + "themes/dark.png",
+        prependIcon: `svg:${dt}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
-        image: o.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${ut}`,
+        image: s.CDN_URL + "themes/system.png",
+        prependIcon: `svg:${pt}`,
         value: "system"
       },
       {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
-        image: o.CDN_URL + "themes/blackguard.png",
-        prependIcon: `svg:${Re}`,
+        image: s.CDN_URL + "themes/blackguard.png",
+        prependIcon: `svg:${Pe}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
-        image: o.CDN_URL + "themes/polaris.png",
-        prependIcon: `svg:${dt}`,
+        image: s.CDN_URL + "themes/polaris.png",
+        prependIcon: `svg:${mt}`,
         value: "polaris",
         disabled: !0
       },
       {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
-        image: o.CDN_URL + "themes/nebula.png",
-        prependIcon: `svg:${pt}`,
+        image: s.CDN_URL + "themes/nebula.png",
+        prependIcon: `svg:${ft}`,
         value: "nebula",
         disabled: !0
       },
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
-        image: o.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${mt}`,
+        image: s.CDN_URL + "themes/high-contrast.png",
+        prependIcon: `svg:${vt}`,
         value: "highContrast",
         disabled: !0
       }
     ];
-    return (l, c) => {
-      const h = re, p = vo, y = We, L = ge;
-      return d(), _(L, {
+    return (c, l) => {
+      const h = ce, p = _o, g = Je, I = ye;
+      return d(), v(I, {
         modelValue: t.value,
-        "onUpdate:modelValue": c[5] || (c[5] = (m) => t.value = m),
-        "prepend-icon": `svg:${e(ft)}`,
+        "onUpdate:modelValue": l[5] || (l[5] = (m) => t.value = m),
+        "prepend-icon": `svg:${e(_t)}`,
         title: "Settings"
       }, {
         default: i(() => [
-          s(Ie, null, {
+          o(Fe, null, {
             default: i(() => [
-              s(Ae, { scrollable: "" }, {
+              o(Ne, { scrollable: "" }, {
                 default: i(() => [
-                  s(J, { class: "px-7" }, {
+                  o(X, { class: "px-7" }, {
                     default: i(() => [
-                      s(h, {
+                      o(h, {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
-                      s(Pe, {
+                      o(qe, {
                         modelValue: e(n).theme,
-                        "onUpdate:modelValue": c[0] || (c[0] = (m) => e(n).theme = m),
+                        "onUpdate:modelValue": l[0] || (l[0] = (m) => e(n).theme = m),
                         mandatory: ""
                       }, {
                         default: i(() => [
-                          s(_e, { dense: "" }, {
+                          o(he, { dense: "" }, {
                             default: i(() => [
-                              (d(), x(F, null, te(r, (m, k) => s(ne, {
+                              (d(), w(N, null, oe(r, (m, k) => o(ae, {
                                 key: k,
                                 cols: "6"
                               }, {
                                 default: i(() => [
-                                  s(we, {
+                                  o(Ce, {
                                     value: m.value
                                   }, {
-                                    default: i(({ toggle: D, isSelected: g }) => [
-                                      s(Me, null, {
-                                        default: i(({ props: $, isHovering: I }) => [
-                                          s(T, ce({
-                                            color: g ? "primary" : "surface-variant",
+                                    default: i(({ toggle: D, isSelected: b }) => [
+                                      o(Ge, null, {
+                                        default: i(({ props: x, isHovering: A }) => [
+                                          o(R, Q({
+                                            color: b ? "primary" : "surface-variant",
                                             disabled: m.disabled,
                                             image: m.image,
                                             "prepend-icon": m.prependIcon,
@@ -950,11 +990,11 @@ const Ge = K("settings", () => {
                                             title: m.title,
                                             height: "76",
                                             variant: "tonal"
-                                          }, $, { onClick: D }), {
+                                          }, x, { onClick: D }), {
                                             image: i(() => [
-                                              s(Le, {
-                                                style: Fe({
-                                                  filter: g || I ? "none" : "grayscale(100%)"
+                                              o(Ue, {
+                                                style: Be({
+                                                  filter: b || A ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -975,65 +1015,65 @@ const Ge = K("settings", () => {
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      e(a).isSubscriber ? (d(), x(F, { key: 0 }, [
-                        s(R, { class: "mt-6 mb-4" }),
-                        s(p)
-                      ], 64)) : w("", !0)
+                      e(a).isSubscriber ? (d(), w(N, { key: 0 }, [
+                        o(H, { class: "mt-6 mb-4" }),
+                        o(p)
+                      ], 64)) : $("", !0)
                     ]),
                     _: 1
                   }),
-                  s(R),
-                  s(J, { class: "px-7" }, {
+                  o(H),
+                  o(X, { class: "px-7" }, {
                     default: i(() => [
-                      s(h, {
+                      o(h, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
-                      e(a).isSubscriber ? (d(), _(y, {
+                      e(a).isSubscriber ? (d(), v(g, {
                         key: 0,
                         modelValue: e(n).disableAds,
-                        "onUpdate:modelValue": c[1] || (c[1] = (m) => e(n).disableAds = m),
+                        "onUpdate:modelValue": l[1] || (l[1] = (m) => e(n).disableAds = m),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
-                      }, null, 8, ["modelValue"])) : w("", !0),
-                      s(y, {
+                      }, null, 8, ["modelValue"])) : $("", !0),
+                      o(g, {
                         modelValue: e(n).quickbar,
-                        "onUpdate:modelValue": c[2] || (c[2] = (m) => e(n).quickbar = m),
+                        "onUpdate:modelValue": l[2] || (l[2] = (m) => e(n).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"])
                     ]),
                     _: 1
                   }),
-                  s(R),
-                  e(a).isSubscriber ? (d(), _(J, {
+                  o(H),
+                  e(a).isSubscriber ? (d(), v(X, {
                     key: 0,
                     class: "px-7"
                   }, {
                     default: i(() => [
-                      s(h, {
+                      o(h, {
                         text: "Vuetify will communicate with you through banners and notifications. You can disable these features here or reset your local notification cache.",
                         title: "Communication"
                       }),
-                      s(y, {
+                      o(g, {
                         modelValue: e(n).notifications.show,
-                        "onUpdate:modelValue": c[3] || (c[3] = (m) => e(n).notifications.show = m),
+                        "onUpdate:modelValue": l[3] || (l[3] = (m) => e(n).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"]),
-                      e(n).notifications.show ? (d(), _(y, {
+                      e(n).notifications.show ? (d(), v(g, {
                         key: 0,
                         modelValue: e(n).notifications.banners,
-                        "onUpdate:modelValue": c[4] || (c[4] = (m) => e(n).notifications.banners = m),
+                        "onUpdate:modelValue": l[4] || (l[4] = (m) => e(n).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."
-                      }, null, 8, ["modelValue"])) : w("", !0)
+                      }, null, 8, ["modelValue"])) : $("", !0)
                     ]),
                     _: 1
-                  })) : w("", !0)
+                  })) : $("", !0)
                 ]),
                 _: 1
               })
@@ -1045,86 +1085,86 @@ const Ge = K("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), go = /* @__PURE__ */ V({
+}), bo = /* @__PURE__ */ V({
   __name: "VoSettingsListItem",
   setup(u) {
-    const t = U(!1);
-    return (a, o) => {
-      const n = ho, r = Y;
-      return d(), _(r, {
+    const t = F(!1);
+    return (a, s) => {
+      const n = go, r = Y;
+      return d(), v(r, {
         active: t.value,
-        "prepend-icon": `svg:${e(vt)}`,
+        "prepend-icon": `svg:${e(ht)}`,
         title: "Settings",
         link: ""
       }, {
         default: i(() => [
-          s(n, {
+          o(n, {
             modelValue: t.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l)
+            "onUpdate:modelValue": s[0] || (s[0] = (c) => t.value = c)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), X = K("one", () => {
-  const t = new URLSearchParams(window.location.search).get("session_id"), a = B(), o = he(), n = U(!1), r = Z(!1), l = Z(), c = Z([]), h = A(() => {
+}), J = ee("one", () => {
+  const t = new URLSearchParams(window.location.search).get("session_id"), a = z(), s = ge(), n = F(!1), r = K(!1), c = K(), l = K([]), h = L(() => {
     var f;
-    return (f = l.value) == null ? void 0 : f.items[0].plan.interval;
-  }), p = A(() => {
+    return (f = c.value) == null ? void 0 : f.items[0].plan.interval;
+  }), p = L(() => {
     var f;
-    return (f = a.user) == null ? void 0 : f.sponsorships.find((b) => b.platform === "stripe" && b.tierName.startsWith("sub_"));
-  }), y = A(() => {
+    return (f = a.user) == null ? void 0 : f.sponsorships.find((y) => y.platform === "stripe" && y.tierName.startsWith("sub_"));
+  }), g = L(() => {
     var f;
     return !!((f = p.value) != null && f.tierName);
-  }), L = A(() => {
+  }), I = L(() => {
     var f;
     return (f = p.value) == null ? void 0 : f.isActive;
-  }), m = A(() => {
+  }), m = L(() => {
     var f;
-    return (f = a.user) == null ? void 0 : f.sponsorships.find((b) => b.platform === "github");
-  }), k = A(() => {
+    return (f = a.user) == null ? void 0 : f.sponsorships.find((y) => y.platform === "github");
+  }), k = L(() => {
     var f;
-    return (f = a.user) == null ? void 0 : f.sponsorships.find((b) => b.platform === "discord");
-  }), D = A(() => {
+    return (f = a.user) == null ? void 0 : f.sponsorships.find((y) => y.platform === "discord");
+  }), D = L(() => {
     var f;
-    return (f = a.user) == null ? void 0 : f.sponsorships.find((b) => b.platform === "patreon");
-  }), g = A(() => {
+    return (f = a.user) == null ? void 0 : f.sponsorships.find((y) => y.platform === "patreon");
+  }), b = L(() => {
     var f;
-    return (f = a.user) == null ? void 0 : f.sponsorships.reduce((b, be) => (be.platform !== "stripe" && (b += be.amount), b), 0);
+    return (f = a.user) == null ? void 0 : f.sponsorships.reduce((y, Ve) => (Ve.platform !== "stripe" && (y += Ve.amount), y), 0);
   });
-  Ze(async () => {
-    t && await $();
-  }), W(L, (f, b) => {
-    f === !1 && b !== !0 || M();
+  et(async () => {
+    t && await x();
+  }), W(I, (f, y) => {
+    f === !1 && y !== !0 || P();
   });
-  async function $() {
+  async function x() {
     try {
       n.value = !0;
-      const f = await o.post("/one/activate", { sessionId: t });
+      const f = await s.post("/one/activate", { sessionId: t });
       a.user = f.user;
-      const b = new URL(window.location.href);
-      b.searchParams.delete("session_id"), history.pushState(null, "", b.toString()), z();
+      const y = new URL(window.location.href);
+      y.searchParams.delete("session_id"), history.pushState(null, "", y.toString()), T();
     } catch {
     } finally {
       n.value = !1;
     }
   }
-  async function I() {
-    window.open(`${o.url}/one/manage`, "_blank");
+  async function A() {
+    window.open(`${s.url}/one/manage`, "_blank");
   }
   async function O(f) {
-    n.value = !0, window.location.href = `${o.url}/one/subscribe?interval=${f}`;
+    n.value = !0, window.location.href = `${s.url}/one/subscribe?interval=${f}`;
   }
   async function S() {
     var f;
     if (p.value)
       try {
         n.value = !0;
-        const b = await o.post(
+        const y = await s.post(
           `/one/cancel?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
         );
-        a.user = b.user;
+        a.user = y.user;
       } catch {
       } finally {
         n.value = !1;
@@ -1134,96 +1174,96 @@ const Ge = K("settings", () => {
     if (p.value)
       try {
         n.value = !0;
-        const b = await o.post("/one/modify", {
+        const y = await s.post("/one/modify", {
           subscriptionId: p.value.tierName,
           interval: f
         });
-        a.user = b.user;
+        a.user = y.user;
       } catch {
       } finally {
         n.value = !1;
       }
   }
-  async function M() {
+  async function P() {
     var f;
     if (p.value)
       try {
         n.value = !0;
-        const b = await o.post(
+        const y = await s.post(
           `/one/verify?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
         );
-        a.user = b.user;
+        a.user = y.user;
       } catch {
       } finally {
         n.value = !1;
       }
   }
-  async function z() {
+  async function T() {
     try {
       n.value = !0;
-      const f = await o.get("/one/info");
-      return l.value = f.subscription, c.value = f.invoices, f;
+      const f = await s.get("/one/info");
+      return c.value = f.subscription, l.value = f.invoices, f;
     } catch {
     } finally {
       n.value = !1;
     }
   }
   return {
-    info: l,
+    info: c,
     interval: h,
-    invoices: c,
+    invoices: l,
     sessionId: t,
     subscription: p,
-    monthlyTotal: g,
-    hasBilling: y,
+    monthlyTotal: b,
+    hasBilling: g,
     isLoading: n,
     isOpen: r,
-    isSubscriber: L,
+    isSubscriber: I,
     github: m,
     patreon: D,
     discord: k,
-    activate: $,
+    activate: x,
     cancel: S,
-    manage: I,
+    manage: A,
     modify: E,
     subscribe: O,
-    subscriptionInfo: z,
-    verify: M
+    subscriptionInfo: T,
+    verify: P
   };
-}), bo = { class: "text-caption" }, yo = /* @__PURE__ */ V({
+}), yo = { class: "text-caption" }, Vo = /* @__PURE__ */ V({
   __name: "VoSubscriptionInvoices",
   setup(u) {
-    const t = ve(), a = X();
-    return (o, n) => {
-      const r = re;
-      return d(), _(_e, null, {
+    const t = _e(), a = J();
+    return (s, n) => {
+      const r = ce;
+      return d(), v(he, null, {
         default: i(() => [
-          s(ne, { cols: "12" }, {
+          o(ae, { cols: "12" }, {
             default: i(() => [
-              s(r, {
+              o(r, {
                 text: "View and download your invoice history.",
                 title: "Invoice History"
               }),
-              s(T, {
+              o(R, {
                 height: "450",
                 rounded: "lg",
                 border: ""
               }, {
                 default: i(() => [
-                  s(qt, {
+                  o(Jt, {
                     items: e(a).invoices,
                     loading: e(a).isLoading,
                     sticky: ""
                   }, {
-                    "item.date": i(({ item: l }) => [
-                      v("div", bo, C(e(t).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
+                    "item.date": i(({ item: c }) => [
+                      _("div", yo, C(e(t).format(new Date(c.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
-                    "item.amount": i(({ item: l }) => [
-                      j(" $" + C(l.amount / 100), 1)
+                    "item.amount": i(({ item: c }) => [
+                      j(" $" + C(c.amount / 100), 1)
                     ]),
-                    "item.status": i(({ item: l }) => [
-                      s(q, {
-                        text: l.status,
+                    "item.status": i(({ item: c }) => [
+                      o(q, {
+                        text: c.status,
                         border: "success sm",
                         class: "text-capitalize",
                         color: "success",
@@ -1232,10 +1272,10 @@ const Ge = K("settings", () => {
                         label: ""
                       }, null, 8, ["text"])
                     ]),
-                    "item.pdf": i(({ item: l }) => [
-                      s(Q, {
-                        href: l.pdf,
-                        icon: `svg:${e(_t)}`,
+                    "item.pdf": i(({ item: c }) => [
+                      o(Z, {
+                        href: c.pdf,
+                        icon: `svg:${e(gt)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1254,31 +1294,31 @@ const Ge = K("settings", () => {
       });
     };
   }
-}), Vo = { class: "d-flex align-center" }, ko = {
+}), ko = { class: "d-flex align-center" }, $o = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, $o = /* @__PURE__ */ v("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), xo = { class: "me-1" }, wo = { class: "text-medium-emphasis text-caption" }, So = { class: "d-flex align-start justify-space-between text-caption py-2" }, Co = { class: "font-weight-bold" }, Lo = { class: "font-weight-bold" }, Io = /* @__PURE__ */ V({
+}, xo = /* @__PURE__ */ _("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), wo = { class: "me-1" }, So = { class: "text-medium-emphasis text-caption" }, Co = { class: "d-flex align-start justify-space-between text-caption py-2" }, Lo = { class: "font-weight-bold" }, Io = { class: "font-weight-bold" }, Ao = /* @__PURE__ */ V({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(u, { emit: t }) {
-    const a = ve(), o = X(), n = t, r = A(() => {
-      if (!o.info)
+    const a = _e(), s = J(), n = t, r = L(() => {
+      if (!s.info)
         return;
-      const c = new Date(o.info.currentPeriodEnd * 1e3);
-      return a.format(c, "keyboardDate");
+      const l = new Date(s.info.currentPeriodEnd * 1e3);
+      return a.format(l, "keyboardDate");
     });
-    async function l() {
-      o.interval && (o.isLoading = !0, o.subscribe(o.interval));
+    async function c() {
+      s.interval && (s.isLoading = !0, s.subscribe(s.interval));
     }
-    return (c, h) => {
-      const p = ae;
-      return d(), _(_e, null, {
+    return (l, h) => {
+      const p = le;
+      return d(), v(he, null, {
         default: i(() => [
-          s(ne, { cols: "12" }, {
+          o(ae, { cols: "12" }, {
             default: i(() => {
-              var y, L;
+              var g, I;
               return [
-                s(T, {
+                o(R, {
                   "prepend-icon": "$vuetify",
                   rounded: "lg",
                   title: "Subscription Status",
@@ -1288,59 +1328,59 @@ const Ge = K("settings", () => {
                   append: i(() => {
                     var m;
                     return [
-                      e(o).hasBilling && ((m = e(o).info) == null ? void 0 : m.status) === "canceled" ? (d(), _(p, {
+                      e(s).hasBilling && ((m = e(s).info) == null ? void 0 : m.status) === "canceled" ? (d(), v(p, {
                         key: 0,
-                        loading: e(o).isLoading,
+                        loading: e(s).isLoading,
                         class: "me-2",
                         color: "success",
                         "prepend-icon": "$success",
                         text: "Activate",
                         variant: "outlined",
-                        onClick: l
-                      }, null, 8, ["loading"])) : w("", !0),
-                      e(o).hasBilling ? (d(), _(p, {
+                        onClick: c
+                      }, null, 8, ["loading"])) : $("", !0),
+                      e(s).hasBilling ? (d(), v(p, {
                         key: 1,
-                        loading: e(o).isLoading,
-                        "prepend-icon": `svg:${e(ht)}`,
+                        loading: e(s).isLoading,
+                        "prepend-icon": `svg:${e(bt)}`,
                         text: "Billing",
-                        onClick: e(o).manage
-                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : w("", !0)
+                        onClick: e(s).manage
+                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : $("", !0)
                     ];
                   }),
                   _: 2
                 }, [
-                  e(o).info ? {
+                  e(s).info ? {
                     name: "subtitle",
                     fn: i(() => [
-                      v("div", Vo, [
-                        v("span", ko, C(e(o).info.status), 1),
-                        e(o).info.items.length ? (d(), x(F, { key: 0 }, [
-                          $o,
-                          v("span", xo, [
-                            j(" $" + C(e(o).info.items[0].plan.amount / 100), 1),
-                            v("span", wo, "/" + C(e(o).interval), 1)
+                      _("div", ko, [
+                        _("span", $o, C(e(s).info.status), 1),
+                        e(s).info.items.length ? (d(), w(N, { key: 0 }, [
+                          xo,
+                          _("span", wo, [
+                            j(" $" + C(e(s).info.items[0].plan.amount / 100), 1),
+                            _("span", So, "/" + C(e(s).interval), 1)
                           ]),
-                          s(p, {
+                          o(p, {
                             size: "x-small",
                             text: "(Change Subscription)",
                             variant: "text",
                             onClick: h[0] || (h[0] = (m) => n("change:subscription"))
                           })
-                        ], 64)) : w("", !0)
+                        ], 64)) : $("", !0)
                       ])
                     ]),
                     key: "0"
                   } : {
                     name: "subtitle",
                     fn: i(() => [
-                      v("div", { class: "d-flex align-center" }, [
-                        s(Ue, {
+                      _("div", { class: "d-flex align-center" }, [
+                        o(Oe, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
-                        v("span", { class: "mx-1" }, "—"),
-                        s(Ue, {
+                        _("span", { class: "mx-1" }, "—"),
+                        o(Oe, {
                           height: "16",
                           type: "ossein",
                           width: "80"
@@ -1350,15 +1390,15 @@ const Ge = K("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                v("div", So, [
-                  v("div", null, [
-                    ((y = e(o).info) == null ? void 0 : y.status) === "active" ? (d(), x(F, { key: 0 }, [
+                _("div", Co, [
+                  _("div", null, [
+                    ((g = e(s).info) == null ? void 0 : g.status) === "active" ? (d(), w(N, { key: 0 }, [
                       j(" Your plan renews on "),
-                      v("span", Co, C(e(a).format(r.value, "fullDateWithWeekday")), 1),
+                      _("span", Lo, C(e(a).format(r.value, "fullDateWithWeekday")), 1),
                       j(". ")
-                    ], 64)) : (d(), x(F, { key: 1 }, [
+                    ], 64)) : (d(), w(N, { key: 1 }, [
                       j(" Your plan ends on "),
-                      v("span", Lo, C(e(a).format((L = e(o).info) == null ? void 0 : L.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      _("span", Io, C(e(a).format((I = e(s).info) == null ? void 0 : I.currentPeriodEnd, "fullDateWithWeekday")), 1),
                       j(". ")
                     ], 64))
                   ])
@@ -1372,7 +1412,7 @@ const Ge = K("settings", () => {
       });
     };
   }
-}), Ao = /* @__PURE__ */ v("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Do = ["innerHTML"], Uo = /* @__PURE__ */ v("br", null, null, -1), Fo = /* @__PURE__ */ v("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), jo = ["innerHTML"], No = /* @__PURE__ */ V({
+}), Do = /* @__PURE__ */ _("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Uo = ["innerHTML"], Fo = /* @__PURE__ */ _("br", null, null, -1), No = /* @__PURE__ */ _("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), jo = ["innerHTML"], Oo = /* @__PURE__ */ V({
   __name: "VoSubscriptionPerks",
   setup(u) {
     const t = [
@@ -1385,74 +1425,74 @@ const Ge = K("settings", () => {
       '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"
-    ], o = U(!1), n = X();
-    return W(o, async (r) => {
+    ], s = F(!1), n = J();
+    return W(s, async (r) => {
       r && n.subscriptionInfo();
-    }), (r, l) => {
-      const c = Y;
-      return d(), x(F, null, [
-        s(xe, { class: "font-weight-black" }, {
+    }), (r, c) => {
+      const l = Y;
+      return d(), w(N, null, [
+        o(Se, { class: "font-weight-black" }, {
           default: i(() => [
             j("Perks")
           ]),
           _: 1
         }),
-        Ao,
-        s(oe, {
+        Do,
+        o(se, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
           default: i(() => [
-            (d(), x(F, null, te(t, (h, p) => s(c, {
+            (d(), w(N, null, oe(t, (h, p) => o(l, {
               key: p,
-              "prepend-icon": `svg:${e(ee)}`,
+              "prepend-icon": `svg:${e(te)}`,
               class: "mb-0"
             }, {
               prepend: i(() => [
-                s(N, {
+                o(U, {
                   class: "mx-n2",
                   color: "success",
                   size: "small"
                 })
               ]),
               title: i(() => [
-                v("div", { innerHTML: h }, null, 8, Do)
+                _("div", { innerHTML: h }, null, 8, Uo)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        Uo,
-        s(xe, { class: "font-weight-black" }, {
+        Fo,
+        o(Se, { class: "font-weight-black" }, {
           default: i(() => [
             j("Up Next")
           ]),
           _: 1
         }),
-        Fo,
-        s(oe, {
+        No,
+        o(se, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
           default: i(() => [
-            (d(), x(F, null, te(a, (h, p) => s(c, {
+            (d(), w(N, null, oe(a, (h, p) => o(l, {
               key: p,
-              "prepend-icon": `svg:${e(gt)}`,
+              "prepend-icon": `svg:${e(yt)}`,
               class: "mb-0"
             }, {
               prepend: i(() => [
-                s(N, {
+                o(U, {
                   class: "mx-n2",
                   size: "small"
                 })
               ]),
               title: i(() => [
-                v("div", { innerHTML: h }, null, 8, jo)
+                _("div", { innerHTML: h }, null, 8, jo)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1462,7 +1502,7 @@ const Ge = K("settings", () => {
       ], 64);
     };
   }
-}), Oo = /* @__PURE__ */ V({
+}), Bo = /* @__PURE__ */ V({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1472,37 +1512,37 @@ const Ge = K("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = U(!1), a = pe(u, "modelValue"), o = X();
+    const t = F(!1), a = me(u, "modelValue"), s = J();
     return W(t, async (n) => {
-      n && o.subscriptionInfo();
-    }), W(() => o.interval, (n) => {
+      n && s.subscriptionInfo();
+    }), W(() => s.interval, (n) => {
       a.value = n;
-    }, { immediate: !0 }), (n, r) => (d(), _(Pe, {
+    }, { immediate: !0 }), (n, r) => (d(), v(qe, {
       modelValue: a.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (l) => a.value = l)
+      "onUpdate:modelValue": r[0] || (r[0] = (c) => a.value = c)
     }, {
       default: i(() => [
-        s(_e, null, {
+        o(he, null, {
           default: i(() => [
-            s(ne, {
+            o(ae, {
               cols: "12",
               md: "6"
             }, {
               default: i(() => [
-                s(we, { value: "month" }, {
-                  default: i(({ toggle: l, isSelected: c }) => [
-                    s(T, {
-                      border: c ? "sm primary opacity-100" : "sm",
-                      color: c ? "primary" : void 0,
-                      "prepend-icon": c ? `svg:${e(se)}` : "$radioOff",
-                      variant: c ? "tonal" : "text",
+                o(Ce, { value: "month" }, {
+                  default: i(({ toggle: c, isSelected: l }) => [
+                    o(R, {
+                      border: l ? "sm primary opacity-100" : "sm",
+                      color: l ? "primary" : void 0,
+                      "prepend-icon": l ? `svg:${e(ie)}` : "$radioOff",
+                      variant: l ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$2.99/month",
                       title: "Monthly",
-                      onClick: l
+                      onClick: c
                     }, {
                       prepend: i(() => [
-                        s(N, { class: "mt-n6" })
+                        o(U, { class: "mt-n6" })
                       ]),
                       _: 2
                     }, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
@@ -1512,28 +1552,28 @@ const Ge = K("settings", () => {
               ]),
               _: 1
             }),
-            s(ne, {
+            o(ae, {
               cols: "12",
               md: "6"
             }, {
               default: i(() => [
-                s(we, { value: "year" }, {
-                  default: i(({ toggle: l, isSelected: c }) => [
-                    s(T, {
-                      border: c ? "sm primary opacity-100" : "sm",
-                      color: c ? "primary" : void 0,
-                      "prepend-icon": c ? `svg:${e(se)}` : "$radioOff",
-                      variant: c ? "tonal" : "text",
+                o(Ce, { value: "year" }, {
+                  default: i(({ toggle: c, isSelected: l }) => [
+                    o(R, {
+                      border: l ? "sm primary opacity-100" : "sm",
+                      color: l ? "primary" : void 0,
+                      "prepend-icon": l ? `svg:${e(ie)}` : "$radioOff",
+                      variant: l ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$29.99/year",
                       title: "Yearly",
-                      onClick: l
+                      onClick: c
                     }, {
                       prepend: i(() => [
-                        s(N, { class: "mt-n6" })
+                        o(U, { class: "mt-n6" })
                       ]),
                       append: i(() => [
-                        s(q, {
+                        o(q, {
                           class: "mt-n6",
                           color: "success",
                           size: "small",
@@ -1556,7 +1596,7 @@ const Ge = K("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Bo = { class: "px-3 h-screen" }, zo = /* @__PURE__ */ v("br", null, null, -1), To = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Ro = /* @__PURE__ */ V({
+}), zo = { class: "px-3 h-screen" }, To = /* @__PURE__ */ _("br", null, null, -1), Ro = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Ho = /* @__PURE__ */ V({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1567,52 +1607,52 @@ const Ge = K("settings", () => {
     function t(h) {
       return new Promise((p) => setTimeout(p, h));
     }
-    const a = pe(u, "modelValue"), o = X(), n = U(o.interval), r = U(o.hasBilling ? "status" : "subscribe"), l = U(!1);
+    const a = me(u, "modelValue"), s = J(), n = F(s.interval), r = F(s.hasBilling ? "status" : "subscribe"), c = F(!1);
     W(n, (h) => {
-      !o.isSubscriber || !o.interval || (l.value = h !== o.interval);
+      !s.isSubscriber || !s.interval || (c.value = h !== s.interval);
     }), W(a, async (h) => {
-      !h || !o.isSubscriber || o.subscriptionInfo();
-    }), Ne(() => {
-      o.sessionId && (r.value = "status", a.value = !0);
+      !h || !s.isSubscriber || s.subscriptionInfo();
+    }), Te(() => {
+      s.sessionId && (r.value = "status", a.value = !0);
     });
-    async function c() {
-      await o.modify(n.value), await o.subscriptionInfo(), l.value = null, await t(3e3), r.value = "status", await t(300), l.value = !1;
+    async function l() {
+      await s.modify(n.value), await s.subscriptionInfo(), c.value = null, await t(3e3), r.value = "status", await t(300), c.value = !1;
     }
     return (h, p) => {
-      const y = re, L = Oo, m = No, k = Io, D = yo, g = ae, $ = ge;
-      return d(), _($, {
+      const g = ce, I = Bo, m = Oo, k = Ao, D = Vo, b = le, x = ye;
+      return d(), v(x, {
         modelValue: a.value,
-        "onUpdate:modelValue": p[4] || (p[4] = (I) => a.value = I),
-        "prepend-icon": `svg:${e(bt)}`,
+        "onUpdate:modelValue": p[4] || (p[4] = (A) => a.value = A),
+        "prepend-icon": `svg:${e(Vt)}`,
         title: "Subscriptions"
       }, G({
         default: i(() => [
-          v("div", Bo, [
-            s(J, null, {
+          _("div", zo, [
+            o(X, null, {
               default: i(() => [
-                s(y, {
+                o(g, {
                   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"
                 }),
-                s(Ee, { "model-value": r.value }, {
+                o(Ye, { "model-value": r.value }, {
                   default: i(() => [
-                    s(de, { value: "subscribe" }, {
+                    o(pe, { value: "subscribe" }, {
                       default: i(() => [
-                        s(L, {
+                        o(I, {
                           modelValue: n.value,
-                          "onUpdate:modelValue": p[0] || (p[0] = (I) => n.value = I)
+                          "onUpdate:modelValue": p[0] || (p[0] = (A) => n.value = A)
                         }, null, 8, ["modelValue"]),
-                        zo,
-                        s(m)
+                        To,
+                        o(m)
                       ]),
                       _: 1
                     }),
-                    s(de, { value: "status" }, {
+                    o(pe, { value: "status" }, {
                       default: i(() => [
-                        s(k, {
-                          "onChange:subscription": p[1] || (p[1] = (I) => r.value = "subscribe")
+                        o(k, {
+                          "onChange:subscription": p[1] || (p[1] = (A) => r.value = "subscribe")
                         }),
-                        s(D)
+                        o(D)
                       ]),
                       _: 1
                     })
@@ -1629,34 +1669,34 @@ const Ge = K("settings", () => {
         r.value === "subscribe" ? {
           name: "actions",
           fn: i(() => [
-            v("div", To, [
-              l.value !== !1 ? (d(), _(g, {
+            _("div", Ro, [
+              c.value !== !1 ? (d(), v(b, {
                 key: 0,
-                loading: e(o).isLoading,
-                "prepend-icon": `svg:${l.value !== null ? e(yt) : e(se)}`,
-                readonly: l.value === null,
-                text: l.value !== null ? "Modify Subscription" : "Success",
+                loading: e(s).isLoading,
+                "prepend-icon": `svg:${c.value !== null ? e(kt) : e(ie)}`,
+                readonly: c.value === null,
+                text: c.value !== null ? "Modify Subscription" : "Success",
                 color: "success",
                 size: "default",
                 block: "",
-                onClick: c
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(o).isSubscriber ? (d(), _(g, {
+                onClick: l
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(s).isSubscriber ? (d(), v(b, {
                 key: 2,
-                "prepend-icon": `svg:${e(Vt)}`,
+                "prepend-icon": `svg:${e($t)}`,
                 size: "default",
                 text: "Manage Subscription",
                 block: "",
-                onClick: p[3] || (p[3] = (I) => r.value = "status")
-              }, null, 8, ["prepend-icon"])) : (d(), _(g, {
+                onClick: p[3] || (p[3] = (A) => r.value = "status")
+              }, null, 8, ["prepend-icon"])) : (d(), v(b, {
                 key: 1,
                 color: n.value ? "primary" : "disabled",
                 disabled: !n.value,
-                loading: e(o).isLoading,
+                loading: e(s).isLoading,
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
                 block: "",
-                onClick: p[2] || (p[2] = (I) => e(o).subscribe(n.value))
+                onClick: p[2] || (p[2] = (A) => e(s).subscribe(n.value))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -1665,59 +1705,59 @@ const Ge = K("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), Ho = /* @__PURE__ */ V({
+}), Mo = /* @__PURE__ */ V({
   __name: "VoSubscriptionListItem",
   setup(u) {
-    const t = U(!1);
-    return (a, o) => {
-      const n = Ro, r = Y;
-      return d(), _(r, {
+    const t = F(!1);
+    return (a, s) => {
+      const n = Ho, r = Y;
+      return d(), v(r, {
         active: t.value,
-        "prepend-icon": `svg:${e(kt)}`,
+        "prepend-icon": `svg:${e(xt)}`,
         title: "Subscriptions",
         link: ""
       }, {
         default: i(() => [
-          s(n, {
+          o(n, {
             modelValue: t.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l)
+            "onUpdate:modelValue": s[0] || (s[0] = (c) => t.value = c)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Mo = { class: "px-3 pb-5 d-flex flex-column" }, Po = { class: "ps-16" }, Eo = { class: "text-caption text-end" }, Wo = { class: "font-weight-bold" }, Go = { class: "ps-16" }, qo = { class: "text-caption text-end" }, Yo = { class: "font-weight-bold" }, Jo = { class: "ps-16" }, Qo = { class: "text-caption text-end" }, Xo = { class: "font-weight-bold" }, Zo = { class: "py-4" }, Ko = /* @__PURE__ */ v("div", { class: "text-caption text-medium-emphasis" }, [
+}), Po = { class: "px-3 pb-5 d-flex flex-column" }, Eo = { class: "ps-16" }, Wo = { class: "text-caption text-end" }, Go = { class: "font-weight-bold" }, qo = { class: "ps-16" }, Yo = { class: "text-caption text-end" }, Jo = { class: "font-weight-bold" }, Qo = { class: "ps-16" }, Xo = { class: "text-caption text-end" }, Zo = { class: "font-weight-bold" }, Ko = { class: "py-4" }, es = /* @__PURE__ */ _("div", { class: "text-caption text-medium-emphasis" }, [
   /* @__PURE__ */ j(" A total of $2.99 or more unlocks "),
-  /* @__PURE__ */ v("span", { class: "font-weight-black" }, "all"),
+  /* @__PURE__ */ _("span", { class: "font-weight-black" }, "all"),
   /* @__PURE__ */ j(" Vuetify One benefits ")
-], -1), es = /* @__PURE__ */ V({
+], -1), ts = /* @__PURE__ */ V({
   __name: "VoSponsorshipsDialog",
   setup(u) {
-    const t = ve(), a = fe(), o = B(), n = X(), r = Ge();
-    function l(c) {
-      return t.format(c, "fullDateWithWeekday");
+    const t = _e(), a = ve(), s = z(), n = J(), r = Qe();
+    function c(l) {
+      return t.format(l, "fullDateWithWeekday");
     }
-    return (c, h) => {
-      const p = re, y = ae, L = Oe("v-empty-state"), m = ge;
-      return d(), _(m, {
+    return (l, h) => {
+      const p = ce, g = le, I = Re("v-empty-state"), m = ye;
+      return d(), v(m, {
         "max-height": e(a).xs.value ? void 0 : 820,
-        "prepend-icon": `svg:${e($t)}`,
+        "prepend-icon": `svg:${e(wt)}`,
         title: "Sponsorships"
       }, {
         default: i(() => [
-          s(Ie, null, {
+          o(Fe, null, {
             default: i(() => [
-              s(Ae, { scrollable: "" }, {
+              o(Ne, { scrollable: "" }, {
                 default: i(() => [
-                  v("div", Mo, [
-                    s(J, null, {
+                  _("div", Po, [
+                    o(X, null, {
                       default: i(() => [
-                        s(p, {
+                        o(p, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
                           title: "Support Vuetify"
                         }),
-                        s(Yt, {
+                        o(Qt, {
                           class: "justify-start ms-n7",
                           "line-inset": "12",
                           side: "end",
@@ -1725,16 +1765,16 @@ const Ge = K("settings", () => {
                           "truncate-line": "both"
                         }, {
                           default: i(() => {
-                            var k, D, g, $, I, O;
+                            var k, D, b, x, A, O;
                             return [
-                              s(ke, {
+                              o(xe, {
                                 "dot-color": (k = e(n).github) != null && k.isActive ? "success" : "transparent",
-                                icon: (D = e(n).github) != null && D.isActive ? `svg:${e(ee)}` : void 0,
+                                icon: (D = e(n).github) != null && D.isActive ? `svg:${e(te)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
                                 default: i(() => [
-                                  s(T, {
+                                  o(R, {
                                     "prepend-avatar": e(r).CDN_URL + "/logos/github.png",
                                     rounded: "lg",
                                     subtitle: "Support Vuetify through GitHub sponsors.",
@@ -1743,16 +1783,16 @@ const Ge = K("settings", () => {
                                     border: ""
                                   }, {
                                     append: i(() => {
-                                      var S, E, M, z, f, b;
+                                      var S, E, P, T, f, y;
                                       return [
-                                        v("div", Po, [
-                                          s(y, {
+                                        _("div", Eo, [
+                                          o(g, {
                                             color: (S = e(n).github) != null && S.isActive ? "success" : "primary",
                                             href: (E = e(n).github) != null && E.isActive ? void 0 : "https://github.com/sponsors/johnleider",
-                                            "prepend-icon": `svg:${(M = e(n).github) != null && M.isActive ? e(se) : e(De)}`,
-                                            readonly: (z = e(n).github) == null ? void 0 : z.isActive,
+                                            "prepend-icon": `svg:${(P = e(n).github) != null && P.isActive ? e(ie) : e(je)}`,
+                                            readonly: (T = e(n).github) == null ? void 0 : T.isActive,
                                             target: (f = e(n).github) != null && f.isActive ? void 0 : "_blank",
-                                            text: (b = e(n).github) != null && b.isActive ? "Active" : "Info",
+                                            text: (y = e(n).github) != null && y.isActive ? "Active" : "Info",
                                             width: "88"
                                           }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                                         ])
@@ -1761,26 +1801,26 @@ const Ge = K("settings", () => {
                                     default: i(() => {
                                       var S;
                                       return [
-                                        (S = e(n).github) != null && S.isActive ? (d(), x(F, { key: 0 }, [
-                                          s(R),
-                                          s(J, { class: "d-flex justify-space-between align-center flex-wrap" }, {
+                                        (S = e(n).github) != null && S.isActive ? (d(), w(N, { key: 0 }, [
+                                          o(H),
+                                          o(X, { class: "d-flex justify-space-between align-center flex-wrap" }, {
                                             default: i(() => [
-                                              s(q, {
-                                                "prepend-icon": `svg:${e(Ve)}`,
+                                              o(q, {
+                                                "prepend-icon": `svg:${e($e)}`,
                                                 text: e(n).github.tierName,
                                                 color: "surface-variant",
                                                 size: "small",
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              v("div", Eo, [
+                                              _("div", Wo, [
                                                 j(" Sponsor since "),
-                                                v("span", Wo, C(l(e(n).github.createdAt)), 1)
+                                                _("span", Go, C(c(e(n).github.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
                                           })
-                                        ], 64)) : w("", !0)
+                                        ], 64)) : $("", !0)
                                       ];
                                     }),
                                     _: 1
@@ -1788,14 +1828,14 @@ const Ge = K("settings", () => {
                                 ]),
                                 _: 1
                               }, 8, ["dot-color", "icon"]),
-                              s(ke, {
-                                "dot-color": (g = e(n).discord) != null && g.isActive ? "success" : "transparent",
-                                icon: ($ = e(n).discord) != null && $.isActive ? `svg:${e(ee)}` : void 0,
+                              o(xe, {
+                                "dot-color": (b = e(n).discord) != null && b.isActive ? "success" : "transparent",
+                                icon: (x = e(n).discord) != null && x.isActive ? `svg:${e(te)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
                                 default: i(() => [
-                                  s(T, {
+                                  o(R, {
                                     "prepend-avatar": e(r).CDN_URL + "/logos/discord.png",
                                     rounded: "lg",
                                     subtitle: "Support Vuetify through Discord.",
@@ -1804,16 +1844,16 @@ const Ge = K("settings", () => {
                                     border: ""
                                   }, {
                                     append: i(() => {
-                                      var S, E, M, z, f, b;
+                                      var S, E, P, T, f, y;
                                       return [
-                                        v("div", Go, [
-                                          s(y, {
+                                        _("div", qo, [
+                                          o(g, {
                                             color: (S = e(n).discord) != null && S.isActive ? "success" : "primary",
                                             href: (E = e(n).discord) != null && E.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
-                                            "prepend-icon": `svg:${(M = e(n).discord) != null && M.isActive ? e(se) : e(De)}`,
-                                            readonly: (z = e(n).discord) == null ? void 0 : z.isActive,
+                                            "prepend-icon": `svg:${(P = e(n).discord) != null && P.isActive ? e(ie) : e(je)}`,
+                                            readonly: (T = e(n).discord) == null ? void 0 : T.isActive,
                                             target: (f = e(n).discord) != null && f.isActive ? void 0 : "_blank",
-                                            text: (b = e(n).discord) != null && b.isActive ? "Active" : "Info",
+                                            text: (y = e(n).discord) != null && y.isActive ? "Active" : "Info",
                                             width: "88"
                                           }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                                         ])
@@ -1822,26 +1862,26 @@ const Ge = K("settings", () => {
                                     default: i(() => {
                                       var S;
                                       return [
-                                        (S = e(n).discord) != null && S.isActive ? (d(), x(F, { key: 0 }, [
-                                          s(R),
-                                          s(J, { class: "d-flex justify-space-between align-center flex-wrap" }, {
+                                        (S = e(n).discord) != null && S.isActive ? (d(), w(N, { key: 0 }, [
+                                          o(H),
+                                          o(X, { class: "d-flex justify-space-between align-center flex-wrap" }, {
                                             default: i(() => [
-                                              s(q, {
-                                                "prepend-icon": `svg:${e(Ve)}`,
+                                              o(q, {
+                                                "prepend-icon": `svg:${e($e)}`,
                                                 text: e(n).discord.tierName,
                                                 color: "surface-variant",
                                                 size: "small",
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              v("div", qo, [
+                                              _("div", Yo, [
                                                 j(" Subscriber since "),
-                                                v("span", Yo, C(l(e(n).discord.createdAt)), 1)
+                                                _("span", Jo, C(c(e(n).discord.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
                                           })
-                                        ], 64)) : w("", !0)
+                                        ], 64)) : $("", !0)
                                       ];
                                     }),
                                     _: 1
@@ -1849,14 +1889,14 @@ const Ge = K("settings", () => {
                                 ]),
                                 _: 1
                               }, 8, ["dot-color", "icon"]),
-                              s(ke, {
-                                "dot-color": (I = e(n).patreon) != null && I.isActive ? "success" : "transparent",
-                                icon: (O = e(n).patreon) != null && O.isActive ? `svg:${e(ee)}` : void 0,
+                              o(xe, {
+                                "dot-color": (A = e(n).patreon) != null && A.isActive ? "success" : "transparent",
+                                icon: (O = e(n).patreon) != null && O.isActive ? `svg:${e(te)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
                                 default: i(() => [
-                                  s(T, {
+                                  o(R, {
                                     "prepend-avatar": e(r).CDN_URL + "/logos/patreon.png",
                                     rounded: "lg",
                                     subtitle: "Support Vuetify through Patreon.",
@@ -1867,8 +1907,8 @@ const Ge = K("settings", () => {
                                     append: i(() => {
                                       var S;
                                       return [
-                                        v("div", Jo, [
-                                          s(y, {
+                                        _("div", Qo, [
+                                          o(g, {
                                             text: (S = e(n).patreon) != null && S.isActive ? "Active" : "Coming Soon",
                                             color: "surface-variant",
                                             readonly: ""
@@ -1879,25 +1919,25 @@ const Ge = K("settings", () => {
                                     default: i(() => {
                                       var S;
                                       return [
-                                        (S = e(n).patreon) != null && S.isActive ? (d(), x(F, { key: 0 }, [
-                                          s(R),
-                                          s(J, { class: "d-flex justify-space-between align-center flex-wrap" }, {
+                                        (S = e(n).patreon) != null && S.isActive ? (d(), w(N, { key: 0 }, [
+                                          o(H),
+                                          o(X, { class: "d-flex justify-space-between align-center flex-wrap" }, {
                                             default: i(() => [
-                                              s(q, {
-                                                "prepend-icon": `svg:${e(Ve)}`,
+                                              o(q, {
+                                                "prepend-icon": `svg:${e($e)}`,
                                                 text: e(n).patreon.tierName,
                                                 color: "success",
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              v("div", Qo, [
+                                              _("div", Xo, [
                                                 j(" Sponsor since "),
-                                                v("span", Xo, C(l(e(n).patreon.createdAt)), 1)
+                                                _("span", Zo, C(c(e(n).patreon.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
                                           })
-                                        ], 64)) : w("", !0)
+                                        ], 64)) : $("", !0)
                                       ];
                                     }),
                                     _: 1
@@ -1912,27 +1952,27 @@ const Ge = K("settings", () => {
                       ]),
                       _: 1
                     }),
-                    s(L, {
-                      icon: `svg:${e(xt)}`,
+                    o(I, {
+                      icon: `svg:${e(St)}`,
                       class: "mt-auto",
                       "min-height": "auto",
                       size: "64",
                       title: "Your Monthly Contributions"
                     }, {
                       media: i(() => [
-                        s(N, { color: "success" })
+                        o(U, { color: "success" })
                       ]),
                       headline: i(() => [
-                        v("div", Zo, [
-                          e(o).isSubscriber ? (d(), x(F, { key: 0 }, [
+                        _("div", Ko, [
+                          e(s).isSubscriber ? (d(), w(N, { key: 0 }, [
                             j(" $" + C(parseFloat(String(e(n).monthlyTotal)).toFixed(2)), 1)
-                          ], 64)) : (d(), x(F, { key: 1 }, [
+                          ], 64)) : (d(), w(N, { key: 1 }, [
                             j(" $0.00 ")
                           ], 64))
                         ])
                       ]),
                       text: i(() => [
-                        Ko
+                        es
                       ]),
                       _: 1
                     }, 8, ["icon"])
@@ -1948,85 +1988,85 @@ const Ge = K("settings", () => {
       }, 8, ["max-height", "prepend-icon"]);
     };
   }
-}), ts = /* @__PURE__ */ V({
+}), os = /* @__PURE__ */ V({
   __name: "VoSponsorshipsListItem",
   setup(u) {
-    const t = U(!1);
-    return (a, o) => {
-      const n = es, r = Y;
-      return d(), _(r, {
+    const t = F(!1);
+    return (a, s) => {
+      const n = ts, r = Y;
+      return d(), v(r, {
         active: t.value,
-        "prepend-icon": `svg:${e(wt)}`,
+        "prepend-icon": `svg:${e(Ct)}`,
         title: "Sponsorships",
         link: ""
       }, {
         default: i(() => [
-          s(n, {
+          o(n, {
             modelValue: t.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l)
+            "onUpdate:modelValue": s[0] || (s[0] = (c) => t.value = c)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), os = {
+}), ss = {
   key: 0,
   class: "pt-16"
-}, ss = /* @__PURE__ */ v("div", { class: "text-medium-emphasis" }, " All caught up ", -1), ns = { class: "ps-3 text-subtitle-2 pe-2" }, is = { class: "text-truncate" }, as = { class: "text-caption font-weight-bold text-medium-emphasis" }, rs = { class: "text-disabled text-caption my-2" }, ls = /* @__PURE__ */ V({
+}, ns = /* @__PURE__ */ _("div", { class: "text-medium-emphasis" }, " All caught up ", -1), is = { class: "ps-3 text-subtitle-2 pe-2" }, as = { class: "text-truncate" }, rs = { class: "text-caption font-weight-bold text-medium-emphasis" }, ls = { class: "text-disabled text-caption my-2" }, cs = /* @__PURE__ */ V({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(u) {
-    const t = H(), a = ve();
-    function o(r) {
+    const t = M(), a = _e();
+    function s(r) {
       return t.notifications.read.includes(r);
     }
     function n(r) {
-      o(r.slug) ? t.notifications.read = t.notifications.read.filter((l) => l !== r.slug) : t.notifications.read.push(r.slug);
+      s(r.slug) ? t.notifications.read = t.notifications.read.filter((c) => c !== r.slug) : t.notifications.read.push(r.slug);
     }
-    return (r, l) => {
-      const c = Oe("v-empty-state"), h = Y;
-      return d(), _(oe, {
+    return (r, c) => {
+      const l = Re("v-empty-state"), h = Y;
+      return d(), v(se, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: i(() => [
-          r.items.length ? (d(!0), x(F, { key: 1 }, te(r.items, (p, y) => (d(), _(Me, {
+          r.items.length ? (d(!0), w(N, { key: 1 }, oe(r.items, (p, g) => (d(), v(Ge, {
             key: p.slug
           }, {
-            default: i(({ isHovering: L, props: m }) => [
-              s(h, ce(m, {
-                border: y !== 0 && "t",
+            default: i(({ isHovering: I, props: m }) => [
+              o(h, Q(m, {
+                border: g !== 0 && "t",
                 class: "py-4 mb-0"
               }), {
                 prepend: i(() => [
-                  v("div", ns, C(p.metadata.emoji), 1)
+                  _("div", is, C(p.metadata.emoji), 1)
                 ]),
                 append: i(() => [
-                  s(Jt, {
+                  o(Xt, {
                     class: "mt-n3",
                     width: "56"
                   }, {
                     default: i(() => [
-                      s(Qt, {
-                        text: o(p.slug) ? "Mark as unread" : "Mark as read",
+                      o(ne, {
+                        text: s(p.slug) ? "Mark as unread" : "Mark as read",
                         location: "bottom"
                       }, {
                         activator: i(({ props: k }) => [
-                          s(Ce, { "hide-on-leave": "" }, {
+                          o(De, { "hide-on-leave": "" }, {
                             default: i(() => [
-                              Se(s(Q, ce(k, {
-                                icon: `svg:${o(p.slug) ? e(Ct) : e(St)}`,
+                              Le(o(Z, Q(k, {
+                                icon: `svg:${s(p.slug) ? e(It) : e(Lt)}`,
                                 class: "ms-auto",
                                 size: "small",
                                 variant: "text",
                                 "mdi-email-variant": "",
                                 onClick: (D) => n(p)
                               }), null, 16, ["icon", "onClick"]), [
-                                [Be, L]
+                                [He, I]
                               ])
                             ]),
                             _: 2
@@ -2039,16 +2079,16 @@ const Ge = K("settings", () => {
                   }, 1024)
                 ]),
                 default: i(() => [
-                  s(Rt, { class: "text-wrap text-h6 mb-1" }, {
+                  o(Pt, { class: "text-wrap text-h6 mb-1" }, {
                     default: i(() => [
-                      v("div", is, C(p.title), 1)
+                      _("div", as, C(p.title), 1)
                     ]),
                     _: 2
                   }, 1024),
-                  v("div", as, C(e(a).format(p.created_at, "fullDateWithWeekday")), 1),
-                  v("div", rs, C(p.metadata.text), 1),
-                  s(q, {
-                    "append-icon": `svg:${e(Lt)}`,
+                  _("div", rs, C(e(a).format(p.created_at, "fullDateWithWeekday")), 1),
+                  _("div", ls, C(p.metadata.text), 1),
+                  o(q, {
+                    "append-icon": `svg:${e(At)}`,
                     href: p.metadata.action,
                     text: p.metadata.action_text,
                     size: "small",
@@ -2059,7 +2099,7 @@ const Ge = K("settings", () => {
                     onClick: (k) => n(p)
                   }, {
                     append: i(() => [
-                      s(N, { size: "12" })
+                      o(U, { size: "12" })
                     ]),
                     _: 2
                   }, 1032, ["append-icon", "href", "text", "onClick"])
@@ -2068,16 +2108,16 @@ const Ge = K("settings", () => {
               }, 1040, ["border"])
             ]),
             _: 2
-          }, 1024))), 128)) : (d(), x("div", os, [
-            s(c, {
+          }, 1024))), 128)) : (d(), w("div", ss, [
+            o(l, {
               icon: "$vuetify",
               size: "256"
             }, {
               media: i(() => [
-                s(N, { color: "medium-emphasis" })
+                o(U, { color: "medium-emphasis" })
               ]),
               title: i(() => [
-                ss
+                ns
               ]),
               _: 1
             })
@@ -2087,71 +2127,51 @@ const Ge = K("settings", () => {
       });
     };
   }
-}), qe = K("notifications", () => {
-  const u = he(), t = H(), a = Z([]), o = U(!1), n = A(() => a.value.filter((c) => !t.notifications.read.includes(c.slug))), r = A(() => a.value.filter((c) => t.notifications.read.includes(c.slug)));
-  async function l() {
-    try {
-      o.value = !0;
-      const c = await u.get("/one/notifications");
-      a.value = c.notifications;
-    } catch {
-    } finally {
-      o.value = !1;
-    }
-    return a.value;
-  }
-  return {
-    isLoading: o,
-    all: a,
-    get: l,
-    read: r,
-    unread: n
-  };
-}), cs = { class: "text-caption" }, us = /* @__PURE__ */ V({
+}), us = { class: "text-caption" }, ds = /* @__PURE__ */ V({
   __name: "VoNotificationsDialog",
   setup(u) {
-    const t = qe(), a = fe(), o = U(["0"]), n = U(!1);
-    return (r, l) => {
-      const c = Y, h = ls, p = ge;
-      return d(), _(p, {
+    const t = be(), a = ve(), s = F(["0"]), n = F(!1);
+    return (r, c) => {
+      const l = Y, h = cs, p = ye;
+      return d(), v(p, {
         modelValue: n.value,
-        "onUpdate:modelValue": l[2] || (l[2] = (y) => n.value = y),
-        "prepend-icon": `svg:${e(It)}`,
+        "onUpdate:modelValue": c[2] || (c[2] = (g) => n.value = g),
+        "prepend-icon": `svg:${e(Dt)}`,
         title: "Notifications"
       }, {
         default: i(() => [
-          s(Ie, null, {
+          o(Fe, null, {
             default: i(() => [
-              s(Xt, {
+              o(Zt, {
                 location: e(a).mobile.value ? "top" : "start",
                 width: e(a).mobile.value ? 128 : 168,
                 permanent: ""
               }, {
                 default: i(() => [
-                  s(oe, {
-                    selected: o.value,
-                    "onUpdate:selected": l[0] || (l[0] = (y) => o.value = y),
+                  o(se, {
+                    selected: s.value,
+                    "onUpdate:selected": c[0] || (c[0] = (g) => s.value = g),
                     class: "px-4 pt-4",
                     density: "compact",
                     mandatory: "",
                     nav: ""
                   }, {
                     default: i(() => [
-                      s(c, {
-                        "prepend-icon": `svg:${e(At)}`,
+                      o(l, {
+                        "prepend-icon": `svg:${e(Ut)}`,
                         title: "Unread",
                         value: "0"
                       }, G({ _: 2 }, [
                         e(t).unread.length > 0 ? {
                           name: "append",
                           fn: i(() => [
-                            v("span", cs, C(e(t).unread.length), 1)
+                            _("span", us, C(e(t).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      s(c, {
-                        "prepend-icon": `svg:${e(Dt)}`,
+                      o(l, {
+                        "prepend-icon": `svg:${e(Ft)}`,
                         title: "Read",
                         value: "1",
                         "mdi-archive-outline": ""
@@ -2162,24 +2182,24 @@ const Ge = K("settings", () => {
                 ]),
                 _: 1
               }, 8, ["location", "width"]),
-              s(Ae, { scrollable: "" }, {
+              o(Ne, { scrollable: "" }, {
                 default: i(() => [
-                  s(Ee, {
-                    modelValue: o.value,
-                    "onUpdate:modelValue": l[1] || (l[1] = (y) => o.value = y)
+                  o(Ye, {
+                    modelValue: s.value,
+                    "onUpdate:modelValue": c[1] || (c[1] = (g) => s.value = g)
                   }, {
                     default: i(() => [
-                      s(de, { value: "0" }, {
+                      o(pe, { value: "0" }, {
                         default: i(() => [
-                          s(h, {
+                          o(h, {
                             items: e(t).unread
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
-                      s(de, { value: "1" }, {
+                      o(pe, { value: "1" }, {
                         default: i(() => [
-                          s(h, {
+                          o(h, {
                             items: e(t).read
                           }, null, 8, ["items"])
                         ]),
@@ -2199,25 +2219,40 @@ const Ge = K("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), ds = /* @__PURE__ */ V({
+}), ps = /* @__PURE__ */ V({
+  __name: "VoNotificationsBadge",
+  setup(u) {
+    const t = be();
+    return (a, s) => (d(), v(Me, {
+      content: e(t).unread.length,
+      "model-value": e(t).unread.length > 0,
+      color: "error"
+    }, {
+      default: i(() => [
+        B(a.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["content", "model-value"]));
+  }
+}), ms = /* @__PURE__ */ V({
   __name: "VoNotificationsListItem",
   setup(u) {
-    const t = H(), a = qe(), o = U(!1);
-    return Ne(async () => {
+    const t = M(), a = be(), s = F(!1);
+    return Te(async () => {
       await a.get();
     }), (n, r) => {
-      const l = us, c = Y;
-      return e(t).notifications.show ? (d(), _(c, {
+      const c = ps, l = ds, h = Y;
+      return e(t).notifications.show ? (d(), v(h, {
         key: 0,
-        active: o.value,
-        "prepend-icon": `svg:${e(Ut)}`,
+        active: s.value,
+        "prepend-icon": `svg:${e(Nt)}`,
         title: "Notifications",
         link: ""
       }, G({
         default: i(() => [
-          s(l, {
-            modelValue: o.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (h) => o.value = h)
+          o(l, {
+            modelValue: s.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (p) => s.value = p)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
@@ -2225,65 +2260,62 @@ const Ge = K("settings", () => {
         e(a).unread.length ? {
           name: "prepend",
           fn: i(() => [
-            s(Zt, {
-              content: e(a).unread.length,
-              color: "error"
-            }, {
+            o(c, null, {
               default: i(() => [
-                s(N)
+                o(U)
               ]),
               _: 1
-            }, 8, ["content"])
+            })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["active", "prepend-icon"])) : w("", !0);
+      ]), 1032, ["active", "prepend-icon"])) : $("", !0);
     };
   }
-}), ps = /* @__PURE__ */ V({
+}), fs = /* @__PURE__ */ V({
   __name: "VoDashboardListItem",
   setup(u) {
     return (t, a) => {
-      const o = Y;
-      return d(), _(o, {
-        "prepend-icon": `svg:${e(Ft)}`,
+      const s = Y;
+      return d(), v(s, {
+        "prepend-icon": `svg:${e(jt)}`,
         title: "Dashboard",
         to: "/user/dashboard"
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), ms = /* @__PURE__ */ V({
+}), vs = /* @__PURE__ */ V({
   __name: "VoUserList",
   setup(u) {
-    const t = B();
-    return (a, o) => {
-      const n = ps, r = ds, l = ts, c = Ho, h = go, p = po;
-      return d(), _(oe, {
+    const t = z();
+    return (a, s) => {
+      const n = fs, r = ms, c = os, l = Mo, h = bo, p = mo;
+      return d(), v(se, {
         density: "compact",
         nav: "",
         slim: ""
       }, {
         default: i(() => [
-          s(n),
-          s(r),
-          s(l),
-          e(t).user ? (d(), _(c, { key: 0 })) : w("", !0),
-          s(h),
-          e(t).user ? (d(), _(p, { key: 1 })) : w("", !0)
+          o(n),
+          o(r),
+          o(c),
+          e(t).user ? (d(), v(l, { key: 0 })) : $("", !0),
+          o(h),
+          e(t).user ? (d(), v(p, { key: 1 })) : $("", !0)
         ]),
         _: 1
       });
     };
   }
-}), fs = { key: 0 }, vs = { class: "d-flex align-center justify-center pa-1 ga-2" }, _s = /* @__PURE__ */ V({
+}), _s = { key: 0 }, hs = { class: "d-flex align-center justify-center pa-1 ga-2" }, gs = /* @__PURE__ */ V({
   __name: "VoUserQuickActions",
   setup(u) {
-    const t = H();
-    return (a, o) => (d(), _(ie, null, {
+    const t = M();
+    return (a, s) => (d(), v(re, null, {
       default: i(() => [
-        e(t).quickbar ? (d(), x("div", fs, [
-          v("div", vs, [
-            s(Q, {
+        e(t).quickbar ? (d(), w("div", _s, [
+          _("div", hs, [
+            o(Z, {
               color: e(t).colors.one,
               class: "text-caption",
               density: "comfortable",
@@ -2291,33 +2323,33 @@ const Ge = K("settings", () => {
               icon: "$vuetify-play",
               target: "_blank"
             }, null, 8, ["color"]),
-            s(Q, {
+            o(Z, {
               color: e(t).colors.one,
-              icon: `svg:${e(jt)}`,
+              icon: `svg:${e(Ot)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://bin.vuetifyjs.com",
               target: "_blank"
             }, null, 8, ["color", "icon"]),
-            s(Q, {
+            o(Z, {
               color: e(t).colors.one,
-              icon: `svg:${e(Nt)}`,
+              icon: `svg:${e(Bt)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://issues.vuetifyjs.com",
               target: "_blank"
             }, null, 8, ["color", "icon"])
           ])
-        ])) : w("", !0)
+        ])) : $("", !0)
       ]),
       _: 1
     }));
   }
-}), hs = { class: "mb-2" }, gs = { key: 0 }, bs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, ys = { class: "text-h6" }, Vs = /* @__PURE__ */ V({
+}), bs = { class: "mb-2" }, ys = { key: 0 }, Vs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, ks = { class: "text-h6" }, $s = /* @__PURE__ */ V({
   __name: "VoUserAvatar",
   setup(u) {
-    const t = B(), a = H(), o = U(!1), n = A(() => {
-      const c = [
+    const t = z(), a = M(), s = F(!1), n = L(() => {
+      const l = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/grass.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/wood.png",
@@ -2333,19 +2365,19 @@ const Ge = K("settings", () => {
         "https://cdn.vuetifyjs.com/docs/images/avatars/meteor.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/tada.png"
       ];
-      return t.user && c.unshift(t.user.picture), c;
+      return t.user && l.unshift(t.user.picture), l;
     });
-    function r(c) {
-      a.avatar = c;
+    function r(l) {
+      a.avatar = l;
     }
-    function l() {
-      t.isSubscriber && (o.value = !o.value);
+    function c() {
+      t.isSubscriber && (s.value = !s.value);
     }
-    return (c, h) => {
+    return (l, h) => {
       var p;
-      return d(), x("div", null, [
-        Se((d(), _(ue, {
-          class: Ke([
+      return d(), w("div", null, [
+        Le((d(), v(de, {
+          class: tt([
             "border-md border-opacity-100 border-surface-variant",
             {
               "cursor-pointer": e(t).isSubscriber
@@ -2354,14 +2386,14 @@ const Ge = K("settings", () => {
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: je(l, ["prevent", "stop"])
+          onClick: ze(c, ["prevent", "stop"])
         }, {
           default: i(() => [
-            e(t).user && e(a).avatar ? (d(), _(Le, {
+            e(t).user && e(a).avatar ? (d(), v(Ue, {
               key: 0,
               src: e(a).avatar,
               alt: "User avatar"
-            }, null, 8, ["src"])) : (d(), _(N, {
+            }, null, 8, ["src"])) : (d(), v(U, {
               key: 1,
               class: "mt-1",
               icon: "$vuetify",
@@ -2372,27 +2404,27 @@ const Ge = K("settings", () => {
         }, 8, ["class"])), [
           [Kt, e(t).isSubscriber]
         ]),
-        v("div", hs, [
-          s(ie, null, {
+        _("div", bs, [
+          o(re, null, {
             default: i(() => [
-              o.value ? (d(), x("div", gs, [
-                s(T, {
+              s.value ? (d(), w("div", ys, [
+                o(R, {
                   class: "pt-6 pb-1",
                   rounded: "0",
                   flat: ""
                 }, {
                   default: i(() => [
-                    v("div", bs, [
-                      (d(!0), x(F, null, te(n.value, (y, L) => (d(), _(Q, {
-                        key: L,
-                        active: e(a).avatar === y,
+                    _("div", Vs, [
+                      (d(!0), w(N, null, oe(n.value, (g, I) => (d(), v(Z, {
+                        key: I,
+                        active: e(a).avatar === g,
                         variant: "flat",
                         icon: "",
-                        onClick: (m) => r(y)
+                        onClick: (m) => r(g)
                       }, {
                         default: i(() => [
-                          s(ue, {
-                            image: y,
+                          o(de, {
+                            image: g,
                             eager: ""
                           }, null, 8, ["image"])
                         ]),
@@ -2402,27 +2434,30 @@ const Ge = K("settings", () => {
                   ]),
                   _: 1
                 })
-              ])) : w("", !0)
+              ])) : $("", !0)
             ]),
             _: 1
           })
         ]),
-        v("div", ys, C(((p = e(t).user) == null ? void 0 : p.name) ?? "Guest"), 1)
+        _("div", ks, C(((p = e(t).user) == null ? void 0 : p.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), ks = { class: "d-flex" }, $s = { key: "reset" }, xs = /* @__PURE__ */ V({
+}), xs = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, ws = {
+  key: "reset",
+  class: "align-self-end"
+}, Ss = /* @__PURE__ */ V({
   __name: "VoUserColors",
   setup(u) {
-    const t = B(), a = H(), o = U(!1);
-    function n() {
-      a.colors.one = "surface-light";
+    const t = z(), a = J(), s = M(), n = F(!1);
+    function r() {
+      s.colors.one = "surface-light";
     }
-    return (r, l) => {
-      const c = ae;
-      return d(), x(F, null, [
-        s(Le, {
-          color: e(t).user ? e(a).colors.one : "surface-light",
+    return (c, l) => {
+      const h = le;
+      return d(), w(N, null, [
+        o(Ue, {
+          color: e(t).user ? e(s).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           height: "88",
           rounded: "0",
@@ -2430,40 +2465,110 @@ const Ge = K("settings", () => {
           flat: ""
         }, {
           default: i(() => [
-            v("div", ks, [
-              e(t).isSubscriber ? (d(), _(c, {
+            _("div", xs, [
+              o(Ee, {
+                class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
+                color: "rgba(0,0,0,.36)",
+                rounded: "lg",
+                style: { left: "0" }
+              }, {
+                default: i(() => {
+                  var p;
+                  return [
+                    (p = e(t).user) != null && p.isAdmin ? (d(), v(ne, {
+                      key: 0,
+                      location: "bottom",
+                      text: "Vuetify Administrator"
+                    }, {
+                      activator: i(({ props: g }) => [
+                        o(U, Q({
+                          color: "blue",
+                          icon: "$vuetify"
+                        }, g, { size: "16" }), null, 16)
+                      ]),
+                      _: 1
+                    })) : $("", !0),
+                    e(a).isSubscriber ? (d(), v(ne, {
+                      key: 1,
+                      location: "bottom",
+                      text: "Vuetify One Subscriber"
+                    }, {
+                      activator: i(({ props: g }) => [
+                        o(U, Q({
+                          icon: `svg:${e(zt)}`,
+                          color: "amber-darken-2"
+                        }, g, { size: "16" }), null, 16, ["icon"])
+                      ]),
+                      _: 1
+                    })) : $("", !0),
+                    e(a).github ? (d(), v(ne, {
+                      key: 2,
+                      location: "bottom",
+                      text: "GitHub Sponsor"
+                    }, {
+                      activator: i(({ props: g }) => [
+                        o(U, Q({
+                          icon: `svg:${e(Ae)}`,
+                          color: "medium-emphasis"
+                        }, g, { size: "16" }), null, 16, ["icon"])
+                      ]),
+                      _: 1
+                    })) : $("", !0),
+                    e(a).discord ? (d(), v(ne, {
+                      key: 3,
+                      location: "bottom",
+                      text: "Discord Subscriber"
+                    }, {
+                      activator: i(({ props: g }) => [
+                        o(U, Q({
+                          icon: `svg:${e(Ie)}`,
+                          color: "medium-emphasis"
+                        }, g, { size: "16" }), null, 16, ["icon"])
+                      ]),
+                      _: 1
+                    })) : $("", !0)
+                  ];
+                }),
+                _: 1
+              }),
+              e(t).isSubscriber ? (d(), v(h, {
                 key: 0,
-                active: o.value,
-                icon: o.value ? `svg:${e(ee)}` : "$edit",
-                variant: o.value ? "text" : "plain",
+                active: n.value,
+                icon: n.value ? `svg:${e(te)}` : "$edit",
+                variant: n.value ? "text" : "plain",
+                class: "align-self-end",
                 color: "inherit",
-                onClick: l[0] || (l[0] = (h) => o.value = !o.value)
+                density: "comfortable",
+                title: "Edit One Header Color",
+                onClick: l[0] || (l[0] = (p) => n.value = !n.value)
               }, {
                 default: i(() => [
-                  s(Ce, { "leave-absolute": "" }, {
+                  o(De, { "leave-absolute": "" }, {
                     default: i(() => [
-                      (d(), _(N, {
-                        key: String(o.value)
+                      (d(), v(U, {
+                        key: String(n.value)
                       }))
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
-              }, 8, ["active", "icon", "variant"])) : w("", !0),
-              s(Mt, null, {
+              }, 8, ["active", "icon", "variant"])) : $("", !0),
+              o(Et, null, {
                 default: i(() => [
-                  Se(v("div", $s, [
-                    s(c, {
-                      disabled: e(a).colors.one === "surface-light",
-                      icon: `svg:${e(Ot)}`,
-                      class: "ms-1",
+                  Le(_("div", ws, [
+                    o(h, {
+                      disabled: e(s).colors.one === "surface-light",
+                      icon: `svg:${e(Tt)}`,
+                      class: "ms-2 me-1",
                       color: "inherit",
+                      density: "comfortable",
+                      title: "Revert to Default",
                       variant: "text",
-                      onClick: n
+                      onClick: r
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
-                    [Be, o.value]
+                    [He, n.value]
                   ])
                 ]),
                 _: 1
@@ -2472,11 +2577,11 @@ const Ge = K("settings", () => {
           ]),
           _: 1
         }, 8, ["color"]),
-        s(ie, null, {
+        o(re, null, {
           default: i(() => [
-            o.value ? (d(), _(eo, {
+            n.value ? (d(), v(eo, {
               key: 0,
-              "model-value": e(a).colors.one !== "surface-light" ? e(a).colors.one : void 0,
+              "model-value": e(s).colors.one !== "surface-light" ? e(s).colors.one : void 0,
               elevation: "0",
               height: "250",
               rounded: "0",
@@ -2486,23 +2591,23 @@ const Ge = K("settings", () => {
               "hide-inputs": "",
               "hide-sliders": "",
               "show-swatches": "",
-              "onUpdate:modelValue": l[1] || (l[1] = (h) => e(a).colors.one = h)
-            }, null, 8, ["model-value"])) : w("", !0)
+              "onUpdate:modelValue": l[1] || (l[1] = (p) => e(s).colors.one = p)
+            }, null, 8, ["model-value"])) : $("", !0)
           ]),
           _: 1
         })
       ], 64);
     };
   }
-}), ws = { class: "text-center mt-n9 mb-4" }, Ss = /* @__PURE__ */ V({
+}), Cs = { class: "text-center mt-n9 mb-4" }, Ls = /* @__PURE__ */ V({
   __name: "VoUserMenu",
   setup(u) {
-    const t = X();
-    return (a, o) => {
-      const n = xs, r = Vs, l = _s, c = ms, h = uo;
-      return d(), _(to, {
+    const t = J();
+    return (a, s) => {
+      const n = Ss, r = $s, c = gs, l = vs, h = po;
+      return d(), v(to, {
         modelValue: e(t).isOpen,
-        "onUpdate:modelValue": o[0] || (o[0] = (p) => e(t).isOpen = p),
+        "onUpdate:modelValue": s[0] || (s[0] = (p) => e(t).isOpen = p),
         "close-on-click": !1,
         "close-on-content-click": !1,
         activator: "parent",
@@ -2510,21 +2615,21 @@ const Ge = K("settings", () => {
         eager: ""
       }, {
         default: i(() => [
-          s(T, {
+          o(R, {
             rounded: "lg",
             width: "280",
             border: ""
           }, {
             default: i(() => [
-              s(n),
-              v("div", ws, [
-                s(r),
-                s(l)
+              o(n),
+              _("div", Cs, [
+                o(r),
+                o(c)
               ]),
-              s(R),
-              s(c),
-              s(R),
-              s(h)
+              o(H),
+              o(l),
+              o(H),
+              o(h)
             ]),
             _: 1
           })
@@ -2533,49 +2638,51 @@ const Ge = K("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Cs = { key: 0 }, Ls = /* @__PURE__ */ V({
+}), Is = { key: 0 }, As = /* @__PURE__ */ V({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(u) {
-    const t = B(), a = X(), o = H(), { lgAndUp: n, mdAndDown: r } = fe();
-    return (l, c) => {
-      const h = Ss, p = ae;
-      return d(), _(p, ce({
-        [`${e(n) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(Bt)}`
+    const t = z(), a = J(), s = M(), { lgAndUp: n, mdAndDown: r } = ve();
+    return (c, l) => {
+      const h = Ls, p = le, g = so;
+      return d(), v(g, {
+        "offset-y": e(t).user ? 5 : 0
       }, {
-        color: e(a).isOpen || !e(t).user ? "primary" : "surface-light",
-        icon: e(t).user || e(t).isLoading,
-        loading: e(t).isLoading,
-        rounded: e(r),
-        variant: e(t).user ? "outlined" : "flat",
-        class: "vo-auth-btn",
-        size: "default",
-        active: ""
-      }), {
         default: i(() => [
-          e(t).user ? w("", !0) : (d(), x("span", Cs, "Login")),
-          e(t).user ? (d(), _(ue, {
-            key: 1,
-            image: e(o).avatar || e(t).user.picture || ""
-          }, null, 8, ["image"])) : w("", !0),
-          s(h)
+          o(p, Q({
+            [`${e(n) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(Rt)}`
+          }, {
+            color: e(a).isOpen || !e(t).user ? "primary" : "surface-light",
+            icon: e(t).user || e(t).isLoading,
+            loading: e(t).isLoading,
+            rounded: e(r),
+            variant: e(t).user ? "outlined" : "flat",
+            class: "vo-auth-btn",
+            size: "default",
+            style: { transition: ".2s ease" },
+            active: ""
+          }), {
+            default: i(() => [
+              e(t).user ? $("", !0) : (d(), w("span", Is, "Login")),
+              e(t).user ? (d(), v(de, {
+                key: 1,
+                image: e(s).avatar || e(t).user.picture || ""
+              }, null, 8, ["image"])) : $("", !0),
+              o(h)
+            ]),
+            _: 1
+          }, 16, ["color", "icon", "loading", "rounded", "variant"])
         ]),
         _: 1
-      }, 16, ["color", "icon", "loading", "rounded", "variant"]);
+      }, 8, ["offset-y"]);
     };
   }
-});
-const Ye = (u, t) => {
-  const a = u.__vccOpts || u;
-  for (const [o, n] of t)
-    a[o] = n;
-  return a;
-}, Is = /* @__PURE__ */ Ye(Ls, [["__scopeId", "data-v-f6db0114"]]), As = (u) => (et("data-v-86d0e524"), u = u(), tt(), u), Ds = ["href", "title"], Us = {
+}), Ds = (u) => (ot("data-v-86d0e524"), u = u(), st(), u), Us = ["href", "title"], Fs = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Fs = /* @__PURE__ */ As(() => /* @__PURE__ */ v("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), js = /* @__PURE__ */ V({
+}, Ns = /* @__PURE__ */ Ds(() => /* @__PURE__ */ _("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), js = /* @__PURE__ */ V({
   __name: "VoFooter",
   setup(u) {
     const t = [
@@ -2586,7 +2693,7 @@ const Ye = (u, t) => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${zt}`,
+        icon: `svg:${Ht}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -2596,26 +2703,26 @@ const Ye = (u, t) => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${Te}`,
+        icon: `svg:${Ae}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${ze}`,
+        icon: `svg:${Ie}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${Tt}`,
+        icon: `svg:${Mt}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (a, o) => (d(), _(oo, {
+    return (a, s) => (d(), v(oo, {
       class: "vo-footer",
       height: "40"
     }, {
       default: i(() => [
-        (d(), x(F, null, te(t, (n) => v("a", {
+        (d(), w(N, null, oe(t, (n) => _("a", {
           key: n.title,
           href: n.href,
           title: n.title,
@@ -2623,122 +2730,127 @@ const Ye = (u, t) => {
           rel: "noopener noreferrer",
           target: "_blank"
         }, [
-          s(N, {
+          o(U, {
             icon: n.icon,
             size: n.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
-        ], 8, Ds)), 64)),
-        v("div", Us, [
+        ], 8, Us)), 64)),
+        _("div", Fs, [
           j(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          Fs
+          Ns
         ])
       ]),
       _: 1
     }));
   }
 });
-const Ns = /* @__PURE__ */ Ye(js, [["__scopeId", "data-v-86d0e524"]]), Vn = K("bins", () => {
-  const u = B(), t = he(), a = Z([]), o = Z(), n = U(!1), r = U(-1), l = A(() => !u.user || !o.value ? !1 : u.user.id === o.value.owner.id), c = A(() => a.value.filter((g) => g.favorite)), h = A(() => a.value.filter((g) => g.pinned));
-  W(o, () => {
+const Os = (u, t) => {
+  const a = u.__vccOpts || u;
+  for (const [s, n] of t)
+    a[s] = n;
+  return a;
+}, Bs = /* @__PURE__ */ Os(js, [["__scopeId", "data-v-86d0e524"]]), $n = ee("bins", () => {
+  const u = z(), t = ge(), a = K([]), s = K(), n = F(!1), r = F(-1), c = L(() => !u.user || !s.value ? !1 : u.user.id === s.value.owner.id), l = L(() => a.value.filter((b) => b.favorite)), h = L(() => a.value.filter((b) => b.pinned));
+  W(s, () => {
     window.clearTimeout(r.value), r.value = window.setTimeout(() => {
-      !o.value || !l.value || m(o.value, o.value.id);
+      !s.value || !c.value || m(s.value, s.value.id);
     }, 100);
   }, { deep: !0 });
   async function p() {
     try {
       n.value = !0;
-      const g = await t.get("/one/bins");
-      a.value = g.bins;
+      const b = await t.get("/one/bins");
+      a.value = b.bins;
     } catch {
     } finally {
       n.value = !1;
     }
     return a.value;
   }
-  async function y(g) {
+  async function g(b) {
     try {
-      n.value = !0, await t.delete(`/one/bins/${g}`), a.value = a.value.filter(($) => $.id !== g);
+      n.value = !0, await t.delete(`/one/bins/${b}`), a.value = a.value.filter((x) => x.id !== b);
     } catch {
     } finally {
       n.value = !1;
     }
     return !0;
   }
-  async function L(g) {
+  async function I(b) {
     try {
       n.value = !0;
-      const $ = await t.post("/one/bins", { bin: g });
-      return a.value.push($.bin), o.value = $.bin, $;
+      const x = await t.post("/one/bins", { bin: b });
+      return a.value.push(x.bin), s.value = x.bin, x;
     } catch {
     } finally {
       n.value = !1;
     }
-    return { bin: g };
+    return { bin: b };
   }
-  async function m(g, $) {
+  async function m(b, x) {
     try {
       n.value = !0;
-      const I = await t.post(`/one/bins/${$}`, { bin: g }), O = a.value.findIndex((S) => S.id === $);
-      a.value.splice(O, 1, I.bin);
+      const A = await t.post(`/one/bins/${x}`, { bin: b }), O = a.value.findIndex((S) => S.id === x);
+      a.value.splice(O, 1, A.bin);
     } catch {
     } finally {
       n.value = !1;
     }
-    return { bin: g };
+    return { bin: b };
   }
-  async function k(g, $) {
+  async function k(b, x) {
     try {
       n.value = !0;
-      const I = $ ? await m(g, $) : await L(g);
-      o.value = I.bin;
+      const A = x ? await m(b, x) : await I(b);
+      s.value = A.bin;
     } catch {
     } finally {
       n.value = !1;
     }
-    return { bin: g };
+    return { bin: b };
   }
-  async function D(g) {
+  async function D(b) {
     try {
       n.value = !0;
-      const $ = await t.get(`/one/bins/${g}`);
-      o.value = $.bin;
+      const x = await t.get(`/one/bins/${b}`);
+      s.value = x.bin;
     } catch {
     } finally {
       n.value = !1;
     }
-    return { bin: o.value };
+    return { bin: s.value };
   }
   return {
     isLoading: n,
-    isOwner: l,
+    isOwner: c,
     pinned: h,
-    favorites: c,
+    favorites: l,
     all: a,
-    create: L,
-    delete: y,
-    current: o,
+    create: I,
+    delete: g,
+    current: s,
     find: D,
     get: p,
     update: m,
     updateOrCreate: k
   };
 });
-function kn() {
+function xn() {
   function u(t) {
-    t.component("VoAuthBtn", Is), t.component("VoFooter", Ns);
+    t.component("VoAuthBtn", As), t.component("VoFooter", Bs);
   }
   return { install: u };
 }
-function $n(u) {
+function wn(u) {
   u.store.url = "https://api.vuetifyjs.com";
 }
 export {
-  kn as createOne,
-  $n as one,
-  B as useAuthStore,
-  Vn as useBinsStore,
-  he as useHttpStore,
-  X as useOneStore,
-  Ge as useSettingsStore,
-  H as useUserStore
+  xn as createOne,
+  wn as one,
+  z as useAuthStore,
+  $n as useBinsStore,
+  ge as useHttpStore,
+  J as useOneStore,
+  Qe as useSettingsStore,
+  M as useUserStore
 };