@vuetify/one 1.0.4 → 1.0.6

package/dist/index.js

@@ -1,42 +1,77 @@
-import { reactive as ot, toRefs as st, ref as ee, shallowRef as I, computed as A, watch as H, defineComponent as V, openBlock as d, createBlock as h, unref as e, createSlots as G, withCtx as n, createElementVNode as v, toDisplayString as S, createVNode as s, withModifiers as Ue, createCommentVNode as C, renderSlot as W, mergeModels as nt, useModel as de, createElementBlock as w, Fragment as F, createTextVNode as j, renderList as te, mergeProps as se, normalizeStyle as Fe, onBeforeMount as it, onMounted as je, resolveComponent as Ne, withDirectives as Se, vShow as Be, normalizeClass as at, pushScopeId as rt, popScopeId as lt } from "vue";
-import { defineStore as X } from "pinia";
+import { defineComponent as b, openBlock as d, createBlock as _, normalizeStyle as Ue, createSlots as G, withCtx as n, createVNode as s, renderSlot as E, reactive as Je, toRefs as Qe, ref as Z, shallowRef as U, computed as A, watch as W, unref as t, createElementVNode as v, toDisplayString as C, withModifiers as Fe, createCommentVNode as S, mergeModels as Xe, useModel as pe, createElementBlock as w, Fragment as F, createTextVNode as j, renderList as te, mergeProps as ce, onBeforeMount as Ze, onMounted as je, resolveComponent as Ne, withDirectives as Se, vShow as Oe, 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 be } from "lodash-es";
-import { mdiDiscord as Oe, mdiGithub as ze, mdiSync as ct, mdiSyncOff as ut, mdiLogoutVariant as dt, mdiCheck as K, mdiHome as pt, mdiTextBox as mt, mdiSpaceInvaders as Te, mdiWhiteBalanceSunny as ft, mdiWeatherNight as vt, mdiDesktopTowerMonitor as _t, mdiImageFilterHdr as ht, mdiRocketLaunchOutline as gt, mdiContrastCircle as bt, mdiCog as yt, mdiCogOutline as Vt, mdiFileDocument as kt, mdiCreditCardSettingsOutline as $t, mdiRocketOutline as xt, mdiCheckCircleOutline as ne, mdiCreditCard as wt, mdiReload as St, mdiPlaylistCheck as Ct, mdiCreditCardOutline as Lt, mdiHandHeart as At, mdiInformationOutline as De, mdiMedal as ye, mdiChartLine as It, mdiHandHeartOutline as Dt, mdiEmailOpenOutline as Ut, mdiEmailVariant as Ft, mdiOpenInNew as jt, mdiBell as Nt, mdiInboxOutline as Bt, mdiInboxFullOutline as Ot, mdiBellOutline as zt, mdiViewDashboardOutline as Tt, mdiTrashCan as Rt, mdiBug as Ht, mdiArrowULeftBottom as Mt, mdiLogin as Re, mdiShieldStarOutline as Pt, mdiReddit as Et } from "@mdi/js";
-import { VListItem as pe, VList as Q, VListItemTitle as Wt } from "vuetify/lib/components/VList/index.mjs";
-import { VAvatar as ce } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as O, VCardText as J, VCardTitle as Gt, VCardSubtitle as qt } from "vuetify/lib/components/VCard/index.mjs";
-import { VSheet as Yt } from "vuetify/lib/components/VSheet/index.mjs";
-import { VSwitch as He } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as Ce, VExpandTransition as ae, VExpandXTransition as Jt } from "vuetify/lib/components/transitions/index.mjs";
-import { VBtn as E } from "vuetify/lib/components/VBtn/index.mjs";
-import { VDialog as Me } from "vuetify/lib/components/VDialog/index.mjs";
+import { mdiDiscord as Be, mdiGithub as ze, mdiSync as st, mdiSyncOff as nt, mdiLogoutVariant as it, mdiCheck as ee, mdiHome as at, mdiTextBox as rt, mdiSpaceInvaders as Te, 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 ye, 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 Re } 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 { VDialog as Pt } from "vuetify/lib/components/VDialog/index.mjs";
 import { VDivider as R } from "vuetify/lib/components/VDivider/index.mjs";
-import { VIcon as B } from "vuetify/lib/components/VIcon/index.mjs";
+import { VIcon as N } from "vuetify/lib/components/VIcon/index.mjs";
 import { VLabel as $e } from "vuetify/lib/components/VLabel/index.mjs";
 import { VChip as q } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as Qt } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as Xt } from "vuetify/lib/components/VSelect/index.mjs";
-import { useTheme as Pe, useDate as me, useDisplay as Le } from "vuetify";
-import { VRow as fe, VCol as ie } from "vuetify/lib/components/VGrid/index.mjs";
-import { VHover as Ee } from "vuetify/lib/components/VHover/index.mjs";
-import { VImg as ve } from "vuetify/lib/components/VImg/index.mjs";
-import { VItemGroup as We, VItem as xe } from "vuetify/lib/components/VItemGroup/index.mjs";
-import { VLayout as Ae } from "vuetify/lib/components/VLayout/index.mjs";
-import { VMain as Ie } from "vuetify/lib/components/VMain/index.mjs";
-import { VProgressCircular as Zt } from "vuetify/lib/components/VProgressCircular/index.mjs";
-import { VDataTableVirtual as Kt } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VChipGroup as Et } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VSelect as Wt } from "vuetify/lib/components/VSelect/index.mjs";
+import { useTheme as Gt, useDate as fe, useDisplay as He } from "vuetify";
+import { VRow as ve, 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 xe } 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 we } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { VWindow as Ge, VWindowItem as ue } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimeline as eo, VTimelineItem as Ve } from "vuetify/lib/components/VTimeline/index.mjs";
-import { VResponsive as to } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VTooltip as oo } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VNavigationDrawer as so } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { VBadge as no } from "vuetify/lib/components/VBadge/index.mjs";
-import { Ripple as io } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as ao } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as qe } from "vuetify/lib/components/VMenu/index.mjs";
-import { VFooter as ro } from "vuetify/lib/components/VFooter/index.mjs";
-const _e = X("http", {
+import { VWindow as Ee, VWindowItem as de } from "vuetify/lib/components/VWindow/index.mjs";
+import { VTimeline as Yt, VTimelineItem as Ve } 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 { 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__ */ b({
+  __name: "VoBtn",
+  props: {
+    readonly: { type: Boolean }
+  },
+  setup(u) {
+    const o = u;
+    return (i, e) => (d(), _(Q, {
+      style: Ue({
+        pointerEvents: o.readonly ? "none" : void 0
+      }),
+      tabindex: o.readonly ? -1 : void 0,
+      class: "text-none font-weight-regular",
+      color: "primary",
+      size: "small",
+      variant: "flat"
+    }, G({
+      loader: n(() => [
+        s(ot, {
+          indeterminate: "disable-shrink",
+          size: "16",
+          width: "2"
+        })
+      ]),
+      _: 2
+    }, [
+      i.$slots.default ? {
+        name: "default",
+        fn: n(() => [
+          E(i.$slots, "default")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["style", "tabindex"]));
+  }
+}), _e = K("http", {
   state: () => ({
     url: ""
   }),
@@ -106,199 +141,199 @@ const _e = X("http", {
       jobs: null
     }
   }
-}, z = X("user", () => {
-  const u = ot(be({}, le));
+}, H = K("user", () => {
+  const u = Je(be({}, le));
   function o() {
     if (!ke)
       return;
     const r = localStorage.getItem("vuetify@user"), a = r ? JSON.parse(r) : {};
-    let c = a.v === u.v;
-    a.v || (a.pwaRefresh = !0, typeof a.api == "boolean" && (a.api = a.api ? "inline" : "link-only"), typeof a.rtl == "boolean" && (a.direction = a.rtl ? "rtl" : "ltr", delete a.rtl), typeof a.theme == "object" && (a.mixedTheme = a.theme.mixed, a.theme = a.theme.system ? "system" : a.theme.dark ? "dark" : "light"), Array.isArray(a.notifications) && (a.notifications = { read: a.notifications }), typeof a.last == "object" && (a.notifications.last = a.last, delete a.last)), a.v === 1 && (Array.isArray(a.composition) && (a.composition = "composition"), Array.isArray(a.notifications.last.banner) || (a.notifications = a.notifications || {}, a.notifications.last = a.notifications.last || {}, a.notifications.last.banner = [])), a.v === 2 && (a.syncSettings = !0, a.disableAds = !1, a.v = 3), a.v === 3 && (a.quickbar = !1), a.v === 4 && (a.suits = le.suits, a.notifications.banners = le.notifications.banners, c = !0), a.v = u.v, Object.assign(u, be(u, a)), c && i();
+    let l = a.v === u.v;
+    a.v || (a.pwaRefresh = !0, typeof a.api == "boolean" && (a.api = a.api ? "inline" : "link-only"), typeof a.rtl == "boolean" && (a.direction = a.rtl ? "rtl" : "ltr", delete a.rtl), typeof a.theme == "object" && (a.mixedTheme = a.theme.mixed, a.theme = a.theme.system ? "system" : a.theme.dark ? "dark" : "light"), Array.isArray(a.notifications) && (a.notifications = { read: a.notifications }), typeof a.last == "object" && (a.notifications.last = a.last, delete a.last)), a.v === 1 && (Array.isArray(a.composition) && (a.composition = "composition"), Array.isArray(a.notifications.last.banner) || (a.notifications = a.notifications || {}, a.notifications.last = a.notifications.last || {}, a.notifications.last.banner = [])), a.v === 2 && (a.syncSettings = !0, a.disableAds = !1, a.v = 3), a.v === 3 && (a.quickbar = !1), a.v === 4 && (a.suits = le.suits, a.notifications.banners = le.notifications.banners, l = !0), a.v = u.v, Object.assign(u, be(u, a)), l && i();
   }
   function i() {
     ke && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
   }
-  function t() {
+  function e() {
     ke && (Object.assign(u, be({}, le)), i());
   }
   return o(), {
-    ...st(u),
+    ...Qe(u),
     load: o,
     save: i,
-    reset: t
+    reset: e
   };
-}), N = X("auth", () => {
-  const u = ee(null), o = _e(), i = z(), t = I(!1), r = A(() => {
-    var m, k;
-    return !o.url || ((m = u.value) == null ? void 0 : m.isAdmin) || !!((k = u.value) != null && k.sponsorships.some((U) => U.isActive));
+}), O = K("auth", () => {
+  const u = Z(null), o = _e(), i = H(), e = U(!1), r = A(() => {
+    var m, y;
+    return !o.url || ((m = u.value) == null ? void 0 : m.isAdmin) || !!((y = u.value) != null && y.sponsorships.some((D) => D.isActive));
   });
   let a = !1;
-  H(u, (m) => {
+  W(u, (m) => {
     if (!(m != null && m.settings))
       return;
-    const k = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(m.settings, null, 2) !== k && (a = !0, Object.assign(i, m.settings));
+    const y = localStorage.getItem("vuetify@user") || "{}";
+    JSON.stringify(m.settings, null, 2) !== y && (a = !0, Object.assign(i, m.settings));
   }), i.$subscribe(() => {
-    a || c(), a = !1;
+    a || l(), a = !1;
   });
-  async function c() {
+  async function l() {
     try {
       await o.post("/user/settings", { settings: i.$state });
     } catch (m) {
       console.error(m);
     }
   }
-  async function l(m = !1) {
-    if (l.promise)
-      return l.promise;
-    t.value = !0, l.promise = fetch(`${o.url}/auth/verify`, {
+  async function c(m = !1) {
+    if (c.promise)
+      return c.promise;
+    e.value = !0, c.promise = fetch(`${o.url}/auth/verify`, {
       credentials: "include",
       headers: m ? {
         "Cache-Control": "no-cache"
       } : void 0
     }).then(
-      async (k) => {
-        k.ok ? u.value = (await k.json()).user : k.status === 401 ? u.value = null : console.error(k.statusText);
+      async (y) => {
+        y.ok ? u.value = (await y.json()).user : y.status === 401 ? u.value = null : console.error(y.statusText);
       },
       () => {
       }
     ).finally(() => {
-      t.value = !1, l.promise = null;
+      e.value = !1, c.promise = null;
     });
   }
-  l.promise = null;
-  async function f(m = "github") {
-    t.value = !0;
-    const k = `${o.url}/auth/${m}/redirect`, U = 400, g = 600, x = window.screenX + (window.innerWidth - U) / 2, L = window.screenY + (window.innerHeight - g) / 2, $ = window.open(
+  c.promise = null;
+  async function h(m = "github") {
+    e.value = !0;
+    const y = `${o.url}/auth/${m}/redirect`, D = 400, g = 600, $ = window.screenX + (window.innerWidth - D) / 2, I = window.screenY + (window.innerHeight - g) / 2, V = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${x},top=${L},width=${U},height=${g},resizable`
+      `popup,left=${$},top=${I},width=${D},height=${g},resizable`
     );
-    if (!$) {
+    if (!V) {
       console.error("Failed to open popup");
       return;
     }
-    $.location.href = k;
-    let T = -1, M = -1;
-    function P(b) {
-      var Z;
-      b.origin === o.url && ((Z = b.data) == null ? void 0 : Z.type) === "auth-response" && (b.data.status === "success" ? (u.value || localStorage.setItem("vuetify@lastLoginProvider", m), u.value = b.data.body.user) : console.error(b.data.message), _());
+    V.location.href = y;
+    let B = -1, P = -1;
+    function M(f) {
+      var x;
+      f.origin === o.url && ((x = f.data) == null ? void 0 : x.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 _() {
-      window.removeEventListener("message", P), window.clearInterval(T), window.clearTimeout(M), $ == null || $.close(), t.value = !1;
+    function z() {
+      window.removeEventListener("message", M), window.clearInterval(B), window.clearTimeout(P), V == null || V.close(), e.value = !1;
     }
-    window.addEventListener("message", P), T = window.setInterval(() => {
-      !$ || $.closed ? (console.error("Auth popup closed"), _()) : $.postMessage({ type: "auth-request" }, "*");
-    }, 1e3), M = window.setTimeout(() => {
-      _(), console.error("Auth timed out");
+    window.addEventListener("message", M), B = window.setInterval(() => {
+      !V || V.closed ? (console.error("Auth popup closed"), z()) : V.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), P = window.setTimeout(() => {
+      z(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
   async function p(m) {
-    t.value = !0;
-    const k = m ? `/auth/${m}/logout` : "/auth/logout";
+    e.value = !0;
+    const y = m ? `/auth/${m}/logout` : "/auth/logout";
     try {
-      await o.post(k), await l(!0), u.value = null;
-    } catch (U) {
-      console.error(U);
+      await o.post(y), await c(!0), u.value = null;
+    } catch (D) {
+      console.error(D);
     } finally {
-      t.value = !1;
+      e.value = !1;
     }
   }
-  function y(m) {
-    var k;
-    return (k = u.value) == null ? void 0 : k.identities.find((U) => U.provider === m);
+  function k(m) {
+    var y;
+    return (y = u.value) == null ? void 0 : y.identities.find((D) => D.provider === m);
   }
-  function D() {
+  function L() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return D() && l(), {
+  return L() && c(), {
     user: u,
     url: o.url,
-    isLoading: t,
-    findIdentity: y,
-    verify: l,
-    login: f,
+    isLoading: e,
+    findIdentity: k,
+    verify: c,
+    login: h,
     logout: p,
     isSubscriber: r,
-    lastLoginProvider: D,
-    sync: c
+    lastLoginProvider: L,
+    sync: l
   };
-}), lo = { class: "text-body-2" }, co = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), Ye = /* @__PURE__ */ V({
+}), so = { class: "text-body-2" }, no = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), io = /* @__PURE__ */ b({
   __name: "VoAuthDiscord",
   setup(u) {
-    const o = N(), i = A(() => o.user && o.findIdentity("discord")), t = A(() => o.user ? i.value ? "Connected to Discord" : "Connect Discord" : "Log in with Discord");
-    return (r, a) => (d(), h(pe, {
-      "prepend-icon": `svg:${e(Oe)}`,
+    const o = O(), i = A(() => o.user && o.findIdentity("discord")), e = A(() => o.user ? i.value ? "Connected to Discord" : "Connect Discord" : "Log in with Discord");
+    return (r, a) => (d(), _(me, {
+      "prepend-icon": `svg:${t(Be)}`,
       "base-color": "#5865F2",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: a[0] || (a[0] = (c) => e(o).login("discord"))
+      onClick: a[0] || (a[0] = (l) => t(o).login("discord"))
     }, G({
       title: n(() => [
-        v("span", lo, S(t.value), 1)
+        v("span", so, C(e.value), 1)
       ]),
       _: 2
     }, [
-      !e(o).user && e(o).lastLoginProvider() === "discord" ? {
+      !t(o).user && t(o).lastLoginProvider() === "discord" ? {
         name: "subtitle",
         fn: n(() => [
-          co
+          no
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), uo = { class: "text-body-2" }, po = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), Je = /* @__PURE__ */ V({
+}), ao = { class: "text-body-2" }, ro = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), lo = /* @__PURE__ */ b({
   __name: "VoAuthGithub",
   setup(u) {
-    const o = N(), i = A(() => o.user && o.findIdentity("github")), t = A(() => o.user ? i.value ? "Connected to GitHub" : "Connect GitHub" : "Log in with GitHub");
-    return (r, a) => (d(), h(pe, {
-      "prepend-icon": `svg:${e(ze)}`,
+    const o = O(), i = A(() => o.user && o.findIdentity("github")), e = A(() => o.user ? i.value ? "Connected to GitHub" : "Connect GitHub" : "Log in with GitHub");
+    return (r, a) => (d(), _(me, {
+      "prepend-icon": `svg:${t(ze)}`,
       "base-color": "#2a2a2a",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: a[0] || (a[0] = (c) => e(o).login("github"))
+      onClick: a[0] || (a[0] = (l) => t(o).login("github"))
     }, G({
       title: n(() => [
-        v("span", uo, S(t.value), 1)
+        v("span", ao, C(e.value), 1)
       ]),
       _: 2
     }, [
-      !e(o).user && e(o).lastLoginProvider() === "github" ? {
+      !t(o).user && t(o).lastLoginProvider() === "github" ? {
         name: "subtitle",
         fn: n(() => [
-          po
+          ro
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), mo = { class: "pa-4 d-flex flex-column ga-4" }, fo = /* @__PURE__ */ V({
+}), co = { class: "pa-4 d-flex flex-column ga-4" }, uo = /* @__PURE__ */ b({
   __name: "VoAuthListItem",
   setup(u) {
-    const o = N(), i = z(), t = I(!o.user && !o.isLoading);
-    H(() => o.user, (a) => {
-      t.value = !a;
+    const o = O(), i = H(), e = U(!o.user && !o.isLoading);
+    W(() => o.user, (a) => {
+      e.value = !a;
     });
     function r() {
-      o.user && (t.value = !t.value);
+      o.user && (e.value = !e.value);
     }
-    return (a, c) => {
-      const l = Je, f = Ye;
-      return d(), h(O, {
-        variant: t.value ? "tonal" : "text",
+    return (a, l) => {
+      const c = lo, h = io;
+      return d(), _(T, {
+        variant: e.value ? "tonal" : "text",
         class: "ma-2",
         rounded: "lg"
       }, {
         default: n(() => [
-          s(Q, { class: "py-0" }, {
+          s(oe, { class: "py-0" }, {
             default: n(() => [
-              s(pe, {
-                link: !!e(o).user,
-                "prepend-icon": `svg:${e(o).user && e(i).syncSettings ? e(ct) : e(ut)}`,
-                title: e(o).user && e(i).syncSettings ? "Sync is on" : "Sync is paused",
+              s(me, {
+                link: !!t(o).user,
+                "prepend-icon": `svg:${t(o).user && t(i).syncSettings ? t(st) : t(nt)}`,
+                title: t(o).user && t(i).syncSettings ? "Sync is on" : "Sync is paused",
                 class: "mb-0",
                 rounded: "b-0",
                 nav: "",
@@ -308,49 +343,49 @@ const _e = X("http", {
                 append: n(() => [
                   s(Ce, null, {
                     default: n(() => [
-                      e(o).user && (t.value || !e(i).syncSettings) ? (d(), h(He, {
+                      t(o).user && (e.value || !t(i).syncSettings) ? (d(), _(Re, {
                         key: 0,
-                        modelValue: e(i).syncSettings,
-                        "onUpdate:modelValue": c[0] || (c[0] = (p) => e(i).syncSettings = p),
-                        color: e(i).syncSettings ? "success" : void 0,
+                        modelValue: t(i).syncSettings,
+                        "onUpdate:modelValue": l[0] || (l[0] = (p) => t(i).syncSettings = p),
+                        color: t(i).syncSettings ? "success" : void 0,
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: c[1] || (c[1] = Ue(() => {
+                        onClick: l[1] || (l[1] = Fe(() => {
                         }, ["stop"]))
                       }, {
                         thumb: n(() => [
-                          s(ce, {
-                            color: e(i).syncSettings ? "success" : void 0
+                          s(ue, {
+                            color: t(i).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
                         _: 1
-                      }, 8, ["modelValue", "color"])) : C("", !0)
+                      }, 8, ["modelValue", "color"])) : S("", !0)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
-              s(ae, null, {
+              s(ie, null, {
                 default: n(() => [
-                  !e(o).user && !e(o).isLoading || t.value ? (d(), h(Yt, {
+                  !t(o).user && !t(o).isLoading || e.value ? (d(), _(Ht, {
                     key: 0,
                     border: "t",
                     color: "transparent"
                   }, {
                     default: n(() => [
-                      v("div", mo, [
-                        s(l, {
-                          onClick: c[2] || (c[2] = (p) => t.value = !1)
+                      v("div", co, [
+                        s(c, {
+                          onClick: l[2] || (l[2] = (p) => e.value = !1)
                         }),
-                        s(f, {
-                          onClick: c[3] || (c[3] = (p) => t.value = !1)
+                        s(h, {
+                          onClick: l[3] || (l[3] = (p) => e.value = !1)
                         })
                       ])
                     ]),
                     _: 1
-                  })) : C("", !0)
+                  })) : S("", !0)
                 ]),
                 _: 1
               })
@@ -362,61 +397,61 @@ const _e = X("http", {
       }, 8, ["variant"]);
     };
   }
-}), Y = /* @__PURE__ */ V({
+}), Y = /* @__PURE__ */ b({
   __name: "VoListItem",
   setup(u) {
-    return (o, i) => (d(), h(pe, { slim: "" }, G({
+    return (o, i) => (d(), _(me, { slim: "" }, G({
       default: n(() => [
-        W(o.$slots, "default")
+        E(o.$slots, "default")
       ]),
       _: 2
     }, [
       o.$slots.prepend ? {
         name: "prepend",
         fn: n(() => [
-          W(o.$slots, "prepend")
+          E(o.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       o.$slots.title ? {
         name: "title",
         fn: n(() => [
-          W(o.$slots, "title")
+          E(o.$slots, "title")
         ]),
         key: "1"
       } : void 0,
       o.$slots.append ? {
         name: "append",
         fn: n(() => [
-          W(o.$slots, "append")
+          E(o.$slots, "append")
         ]),
         key: "2"
       } : void 0
     ]), 1024));
   }
-}), vo = /* @__PURE__ */ V({
+}), po = /* @__PURE__ */ b({
   __name: "VoAuthLogoutListItem",
   setup(u) {
-    const o = N(), i = I(!1);
-    async function t() {
+    const o = O(), i = U(!1);
+    async function e() {
       i.value = !0, await o.logout(), i.value = !1;
     }
     return (r, a) => {
-      const c = Y;
-      return d(), h(c, {
+      const l = Y;
+      return d(), _(l, {
         disabled: i.value,
         loading: i.value,
-        "prepend-icon": `svg:${e(dt)}`,
+        "prepend-icon": `svg:${t(it)}`,
         class: "mb-0",
         title: "Logout",
         link: "",
-        onClick: t
+        onClick: e
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), he = /* @__PURE__ */ V({
+}), he = /* @__PURE__ */ b({
   __name: "VoDialog",
-  props: /* @__PURE__ */ nt({
+  props: /* @__PURE__ */ Xe({
     prependIcon: {},
     title: {}
   }, {
@@ -425,49 +460,49 @@ const _e = X("http", {
   }),
   emits: ["update:modelValue"],
   setup(u) {
-    const o = de(u, "modelValue");
-    return (i, t) => (d(), h(Me, {
+    const o = pe(u, "modelValue");
+    return (i, e) => (d(), _(Pt, {
       modelValue: o.value,
-      "onUpdate:modelValue": t[1] || (t[1] = (r) => o.value = r),
+      "onUpdate:modelValue": e[1] || (e[1] = (r) => o.value = r),
       activator: "parent",
       height: "100%",
       "max-height": "800",
       "max-width": "800"
     }, {
       default: n(({ isActive: r }) => [
-        s(O, {
+        s(T, {
           "prepend-icon": i.prependIcon,
           title: i.title,
           class: "overflow-hidden",
           height: "inherit"
         }, G({
           append: n(() => [
-            W(i.$slots, "append"),
-            s(E, {
+            E(i.$slots, "append"),
+            s(Q, {
               density: "comfortable",
               icon: "$close",
               size: "small",
               variant: "text",
-              onClick: t[0] || (t[0] = (a) => o.value = !o.value)
+              onClick: e[0] || (e[0] = (a) => o.value = !o.value)
             })
           ]),
           default: n(() => [
             s(R, { class: "mt-4" }),
-            W(i.$slots, "default")
+            E(i.$slots, "default")
           ]),
           _: 2
         }, [
           i.$slots.prepend ? {
             name: "prepend",
             fn: n(() => [
-              W(i.$slots, "prepend")
+              E(i.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
           i.$slots.actions ? {
             name: "actions",
             fn: n(() => [
-              W(i.$slots, "actions", { isActive: r })
+              E(i.$slots, "actions", { isActive: r })
             ]),
             key: "1"
           } : void 0
@@ -476,21 +511,21 @@ const _e = X("http", {
       _: 3
     }, 8, ["modelValue"]));
   }
-}), Qe = /* @__PURE__ */ V({
+}), We = /* @__PURE__ */ b({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
   setup(u) {
-    return (o, i) => (d(), h(He, {
+    return (o, i) => (d(), _(Re, {
       disabled: o.disabled,
-      "true-icon": `svg:${e(K)}`,
+      "true-icon": `svg:${t(ee)}`,
       color: "primary",
       density: "compact",
       inset: ""
     }, G({
       thumb: n(() => [
-        s(B, {
+        s(N, {
           color: o.disabled ? void 0 : "primary"
         }, null, 8, ["color"])
       ]),
@@ -499,16 +534,16 @@ const _e = X("http", {
       o.$slots.label ? {
         name: "label",
         fn: n(() => [
-          W(o.$slots, "label")
+          E(o.$slots, "label")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), _o = {
+}), mo = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, re = /* @__PURE__ */ V({
+}, re = /* @__PURE__ */ b({
   __name: "VoDialogSubheader",
   props: {
     title: {},
@@ -516,23 +551,23 @@ const _e = X("http", {
   },
   setup(u) {
     return (o, i) => (d(), w(F, null, [
-      o.title ? (d(), h($e, {
+      o.title ? (d(), _($e, {
         key: 0,
         class: "font-weight-black"
       }, {
         default: n(() => [
-          j(S(o.title), 1)
+          j(C(o.title), 1)
         ]),
         _: 1
-      })) : C("", !0),
-      o.text ? (d(), w("div", _o, S(o.text), 1)) : C("", !0)
+      })) : S("", !0),
+      o.text ? (d(), w("div", mo, C(o.text), 1)) : S("", !0)
     ], 64));
   }
-}), ho = { key: 0 }, go = /* @__PURE__ */ V({
+}), fo = { key: 0 }, vo = /* @__PURE__ */ b({
   __name: "VoSettingsPageSuitOption",
   setup(u) {
-    N();
-    const o = z(), i = [
+    O();
+    const o = H(), i = [
       {
         title: "Blackguard",
         prependIcon: `svg:${Te}`,
@@ -549,22 +584,22 @@ const _e = X("http", {
       //   value: 'nebula',
       // },
     ];
-    return (t, r) => {
-      const a = Qe, c = re;
+    return (e, r) => {
+      const a = We, l = re;
       return d(), w(F, null, [
         s(a, {
-          modelValue: e(o).suits.show,
-          "onUpdate:modelValue": r[0] || (r[0] = (l) => e(o).suits.show = l),
+          modelValue: t(o).suits.show,
+          "onUpdate:modelValue": r[0] || (r[0] = (c) => t(o).suits.show = c),
           class: "mb-2",
           label: "Enable Page suits",
           messages: "Customize layout elements with a unique background, styled after one of our themed releases."
         }, null, 8, ["modelValue"]),
-        s(ae, null, {
+        s(ie, null, {
           default: n(() => [
-            e(o).suits.show ? (d(), w("div", ho, [
-              s(Xt, {
-                modelValue: e(o).suits.suit,
-                "onUpdate:modelValue": r[1] || (r[1] = (l) => e(o).suits.suit = l),
+            t(o).suits.show ? (d(), w("div", fo, [
+              s(Wt, {
+                modelValue: t(o).suits.suit,
+                "onUpdate:modelValue": r[1] || (r[1] = (c) => t(o).suits.suit = c),
                 items: i,
                 density: "compact",
                 placeholder: "Choose page suit",
@@ -574,27 +609,27 @@ const _e = X("http", {
                 "item-props": "",
                 "single-line": ""
               }, {
-                selection: n(({ item: l }) => [
-                  s(B, {
-                    icon: l.props.prependIcon,
+                selection: n(({ item: c }) => [
+                  s(N, {
+                    icon: c.props.prependIcon,
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  j(" " + S(l.title), 1)
+                  j(" " + C(c.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
-              s(c, { text: "Select your suit elements to display the background image:" }),
-              s(Qt, {
-                modelValue: e(o).suits.elements,
-                "onUpdate:modelValue": r[2] || (r[2] = (l) => e(o).suits.elements = l),
+              s(l, { text: "Select your suit elements to display the background image:" }),
+              s(Et, {
+                modelValue: t(o).suits.elements,
+                "onUpdate:modelValue": r[2] || (r[2] = (c) => t(o).suits.elements = c),
                 color: "primary",
                 filter: "",
                 multiple: ""
               }, {
                 default: n(() => [
                   s(q, {
-                    "append-icon": `svg:${e(pt)}`,
+                    "append-icon": `svg:${t(at)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
@@ -605,12 +640,12 @@ const _e = X("http", {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      s(B, { size: "x-small" })
+                      s(N, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
                   s(q, {
-                    "append-icon": `svg:${e(mt)}`,
+                    "append-icon": `svg:${t(rt)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
@@ -621,7 +656,7 @@ const _e = X("http", {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      s(B, { size: "x-small" })
+                      s(N, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
@@ -637,14 +672,14 @@ const _e = X("http", {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      s(B, { size: "x-small" })
+                      s(N, { size: "x-small" })
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["modelValue"])
-            ])) : C("", !0)
+            ])) : S("", !0)
           ]),
           _: 1
         })
@@ -652,7 +687,7 @@ const _e = X("http", {
     };
   }
 });
-function bo() {
+function _o() {
   return {
     blackguard: {
       dark: !0,
@@ -768,8 +803,8 @@ function bo() {
     }
   };
 }
-const Xe = X("settings", () => {
-  const u = "https://cdn.vuetifyjs.com/docs/images/one/", o = N(), i = z(), t = Pe(), r = bo(), a = {
+const Ge = K("settings", () => {
+  const u = "https://cdn.vuetifyjs.com/docs/images/one/", o = O(), i = H(), e = Gt(), r = _o(), a = {
     blackguard: {
       "app-bar": u + "suits/blackguard/blackguard-app-bar.png",
       drawer: u + "suits/blackguard/blackguard-app-drawer.png",
@@ -785,24 +820,24 @@ const Xe = X("settings", () => {
     //   'drawer': '',
     //   footer: '',
     // },
-  }, c = A(() => {
+  }, l = A(() => {
     if (!i.suits.suit || !i.suits.show || !o.isSubscriber)
       return {};
-    const l = a[i.suits.suit.toLowerCase()], f = {};
+    const c = a[i.suits.suit.toLowerCase()], h = {};
     for (const p of i.suits.elements)
-      f[p] = l[p];
-    return f;
+      h[p] = c[p];
+    return h;
   });
-  return t.themes.value = {
-    ...t.themes.value,
+  return e.themes.value = {
+    ...e.themes.value,
     ...r
-  }, H(() => i.theme, (l) => {
-    l === "system" ? t.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : t.global.name.value = l, i.theme = l;
+  }, W(() => i.theme, (c) => {
+    c === "system" ? e.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : e.global.name.value = c, i.theme = c;
   }), {
-    suit: c,
+    suit: l,
     CDN_URL: u
   };
-}), yo = /* @__PURE__ */ V({
+}), ho = /* @__PURE__ */ b({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -810,99 +845,99 @@ const Xe = X("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const o = de(u, "modelValue"), i = N(), t = Xe(), r = z(), a = [
+    const o = pe(u, "modelValue"), i = O(), e = Ge(), r = H(), a = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
-        image: t.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${ft}`,
+        image: e.CDN_URL + "themes/light.png",
+        prependIcon: `svg:${lt}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
-        image: t.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${vt}`,
+        image: e.CDN_URL + "themes/dark.png",
+        prependIcon: `svg:${ct}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
-        image: t.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${_t}`,
+        image: e.CDN_URL + "themes/system.png",
+        prependIcon: `svg:${ut}`,
         value: "system"
       },
       {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
-        image: t.CDN_URL + "themes/blackguard.png",
+        image: e.CDN_URL + "themes/blackguard.png",
         prependIcon: `svg:${Te}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
-        image: t.CDN_URL + "themes/polaris.png",
-        prependIcon: `svg:${ht}`,
+        image: e.CDN_URL + "themes/polaris.png",
+        prependIcon: `svg:${dt}`,
         value: "polaris",
         disabled: !0
       },
       {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
-        image: t.CDN_URL + "themes/nebula.png",
-        prependIcon: `svg:${gt}`,
+        image: e.CDN_URL + "themes/nebula.png",
+        prependIcon: `svg:${pt}`,
         value: "nebula",
         disabled: !0
       },
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
-        image: t.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${bt}`,
+        image: e.CDN_URL + "themes/high-contrast.png",
+        prependIcon: `svg:${mt}`,
         value: "highContrast",
         disabled: !0
       }
     ];
-    return (c, l) => {
-      const f = re, p = go, y = Qe, D = he;
-      return d(), h(D, {
+    return (l, c) => {
+      const h = re, p = vo, k = We, L = he;
+      return d(), _(L, {
         modelValue: o.value,
-        "onUpdate:modelValue": l[5] || (l[5] = (m) => o.value = m),
-        "prepend-icon": `svg:${e(yt)}`,
+        "onUpdate:modelValue": c[5] || (c[5] = (m) => o.value = m),
+        "prepend-icon": `svg:${t(ft)}`,
         title: "Settings"
       }, {
         default: n(() => [
-          s(Ae, null, {
+          s(Ie, null, {
             default: n(() => [
-              s(Ie, { scrollable: "" }, {
+              s(Ae, { scrollable: "" }, {
                 default: n(() => [
                   s(J, { class: "px-7" }, {
                     default: n(() => [
-                      s(f, {
+                      s(h, {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
-                      s(We, {
-                        modelValue: e(r).theme,
-                        "onUpdate:modelValue": l[0] || (l[0] = (m) => e(r).theme = m),
+                      s(Pe, {
+                        modelValue: t(r).theme,
+                        "onUpdate:modelValue": c[0] || (c[0] = (m) => t(r).theme = m),
                         mandatory: ""
                       }, {
                         default: n(() => [
-                          s(fe, { dense: "" }, {
+                          s(ve, { dense: "" }, {
                             default: n(() => [
-                              (d(), w(F, null, te(a, (m, k) => s(ie, {
-                                key: k,
+                              (d(), w(F, null, te(a, (m, y) => s(ne, {
+                                key: y,
                                 cols: "6"
                               }, {
                                 default: n(() => [
                                   s(xe, {
                                     value: m.value
                                   }, {
-                                    default: n(({ toggle: U, isSelected: g }) => [
-                                      s(Ee, null, {
-                                        default: n(({ props: x, isHovering: L }) => [
-                                          s(O, se({
+                                    default: n(({ toggle: D, isSelected: g }) => [
+                                      s(Me, null, {
+                                        default: n(({ props: $, isHovering: I }) => [
+                                          s(T, ce({
                                             color: g ? "primary" : "surface-variant",
                                             disabled: m.disabled,
                                             image: m.image,
@@ -912,11 +947,11 @@ const Xe = X("settings", () => {
                                             title: m.title,
                                             height: "76",
                                             variant: "tonal"
-                                          }, x, { onClick: U }), {
+                                          }, $, { onClick: D }), {
                                             image: n(() => [
-                                              s(ve, {
-                                                style: Fe({
-                                                  filter: g || L ? "none" : "grayscale(100%)"
+                                              s(Le, {
+                                                style: Ue({
+                                                  filter: g || I ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -937,31 +972,31 @@ const Xe = X("settings", () => {
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      e(i).isSubscriber ? (d(), w(F, { key: 0 }, [
+                      t(i).isSubscriber ? (d(), w(F, { key: 0 }, [
                         s(R, { class: "mt-6 mb-4" }),
                         s(p)
-                      ], 64)) : C("", !0)
+                      ], 64)) : S("", !0)
                     ]),
                     _: 1
                   }),
                   s(R),
                   s(J, { class: "px-7" }, {
                     default: n(() => [
-                      s(f, {
+                      s(h, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
-                      e(i).isSubscriber ? (d(), h(y, {
+                      t(i).isSubscriber ? (d(), _(k, {
                         key: 0,
-                        modelValue: e(r).disableAds,
-                        "onUpdate:modelValue": l[1] || (l[1] = (m) => e(r).disableAds = m),
+                        modelValue: t(r).disableAds,
+                        "onUpdate:modelValue": c[1] || (c[1] = (m) => t(r).disableAds = m),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
-                      }, null, 8, ["modelValue"])) : C("", !0),
-                      s(y, {
-                        modelValue: e(r).quickbar,
-                        "onUpdate:modelValue": l[2] || (l[2] = (m) => e(r).quickbar = m),
+                      }, null, 8, ["modelValue"])) : S("", !0),
+                      s(k, {
+                        modelValue: t(r).quickbar,
+                        "onUpdate:modelValue": c[2] || (c[2] = (m) => t(r).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"])
@@ -969,33 +1004,33 @@ const Xe = X("settings", () => {
                     _: 1
                   }),
                   s(R),
-                  e(i).isSubscriber ? (d(), h(J, {
+                  t(i).isSubscriber ? (d(), _(J, {
                     key: 0,
                     class: "px-7"
                   }, {
                     default: n(() => [
-                      s(f, {
+                      s(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, {
-                        modelValue: e(r).notifications.show,
-                        "onUpdate:modelValue": l[3] || (l[3] = (m) => e(r).notifications.show = m),
+                      s(k, {
+                        modelValue: t(r).notifications.show,
+                        "onUpdate:modelValue": c[3] || (c[3] = (m) => t(r).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(r).notifications.show ? (d(), h(y, {
+                      t(r).notifications.show ? (d(), _(k, {
                         key: 0,
-                        modelValue: e(r).notifications.banners,
-                        "onUpdate:modelValue": l[4] || (l[4] = (m) => e(r).notifications.banners = m),
+                        modelValue: t(r).notifications.banners,
+                        "onUpdate:modelValue": c[4] || (c[4] = (m) => t(r).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"])) : C("", !0)
+                      }, null, 8, ["modelValue"])) : S("", !0)
                     ]),
                     _: 1
-                  })) : C("", !0)
+                  })) : S("", !0)
                 ]),
                 _: 1
               })
@@ -1007,219 +1042,185 @@ const Xe = X("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Vo = /* @__PURE__ */ V({
+}), go = /* @__PURE__ */ b({
   __name: "VoSettingsListItem",
   setup(u) {
-    const o = I(!1);
-    return (i, t) => {
-      const r = yo, a = Y;
-      return d(), h(a, {
+    const o = U(!1);
+    return (i, e) => {
+      const r = ho, a = Y;
+      return d(), _(a, {
         active: o.value,
-        "prepend-icon": `svg:${e(Vt)}`,
+        "prepend-icon": `svg:${t(vt)}`,
         title: "Settings",
         link: ""
       }, {
         default: n(() => [
           s(r, {
             modelValue: o.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (c) => o.value = c)
+            "onUpdate:modelValue": e[0] || (e[0] = (l) => o.value = l)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), ge = /* @__PURE__ */ V({
-  __name: "VoBtn",
-  props: {
-    readonly: { type: Boolean }
-  },
-  setup(u) {
-    const o = u;
-    return (i, t) => (d(), h(E, {
-      style: Fe({
-        pointerEvents: o.readonly ? "none" : void 0
-      }),
-      tabindex: o.readonly ? -1 : void 0,
-      class: "text-none font-weight-regular",
-      color: "primary",
-      size: "small",
-      variant: "flat"
-    }, G({
-      loader: n(() => [
-        s(Zt, {
-          indeterminate: "disable-shrink",
-          size: "16",
-          width: "2"
-        })
-      ]),
-      _: 2
-    }, [
-      i.$slots.default ? {
-        name: "default",
-        fn: n(() => [
-          W(i.$slots, "default")
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["style", "tabindex"]));
-  }
-}), oe = X("one", () => {
-  const o = new URLSearchParams(window.location.search).get("session_id"), i = N(), t = _e(), r = I(!1), a = ee(), c = ee([]), l = A(() => {
-    var _;
-    return (_ = a.value) == null ? void 0 : _.items[0].plan.interval;
-  }), f = A(() => {
-    var _;
-    return (_ = i.user) == null ? void 0 : _.sponsorships.find((b) => b.platform === "stripe" && b.tierName.startsWith("sub_"));
+}), X = K("one", () => {
+  const o = new URLSearchParams(window.location.search).get("session_id"), i = O(), e = _e(), r = U(!1), a = Z(!1), l = Z(), c = Z([]), h = A(() => {
+    var f;
+    return (f = l.value) == null ? void 0 : f.items[0].plan.interval;
   }), p = A(() => {
-    var _;
-    return !!((_ = f.value) != null && _.tierName);
+    var f;
+    return (f = i.user) == null ? void 0 : f.sponsorships.find((x) => x.platform === "stripe" && x.tierName.startsWith("sub_"));
+  }), k = A(() => {
+    var f;
+    return !!((f = p.value) != null && f.tierName);
+  }), L = A(() => {
+    var f;
+    return (f = p.value) == null ? void 0 : f.isActive;
+  }), m = A(() => {
+    var f;
+    return (f = i.user) == null ? void 0 : f.sponsorships.find((x) => x.platform === "github");
   }), y = A(() => {
-    var _;
-    return (_ = f.value) == null ? void 0 : _.isActive;
+    var f;
+    return (f = i.user) == null ? void 0 : f.sponsorships.find((x) => x.platform === "discord");
   }), D = A(() => {
-    var _;
-    return (_ = i.user) == null ? void 0 : _.sponsorships.find((b) => b.platform === "github");
-  }), m = A(() => {
-    var _;
-    return (_ = i.user) == null ? void 0 : _.sponsorships.find((b) => b.platform === "discord");
-  }), k = A(() => {
-    var _;
-    return (_ = i.user) == null ? void 0 : _.sponsorships.find((b) => b.platform === "patreon");
-  }), U = A(() => {
-    var _;
-    return (_ = i.user) == null ? void 0 : _.sponsorships.reduce((b, Z) => (Z.platform !== "stripe" && (b += Z.amount), b), 0);
+    var f;
+    return (f = i.user) == null ? void 0 : f.sponsorships.find((x) => x.platform === "patreon");
+  }), g = A(() => {
+    var f;
+    return (f = i.user) == null ? void 0 : f.sponsorships.reduce((x, ge) => (ge.platform !== "stripe" && (x += ge.amount), x), 0);
   });
-  it(async () => {
-    o && await g();
-  }), H(y, (_, b) => {
-    _ === !1 && b !== !0 || M();
+  Ze(async () => {
+    o && await $();
+  }), W(L, (f, x) => {
+    f === !1 && x !== !0 || M();
   });
-  async function g() {
+  async function $() {
     try {
       r.value = !0;
-      const _ = await t.post("/one/activate", { sessionId: o });
-      i.user = _.user;
-      const b = new URL(window.location.href);
-      b.searchParams.delete("session_id"), history.pushState(null, "", b.toString()), P();
+      const f = await e.post("/one/activate", { sessionId: o });
+      i.user = f.user;
+      const x = new URL(window.location.href);
+      x.searchParams.delete("session_id"), history.pushState(null, "", x.toString()), z();
     } catch {
     } finally {
       r.value = !1;
     }
   }
-  async function x() {
-    window.open(`${t.url}/one/manage`, "_blank");
+  async function I() {
+    window.open(`${e.url}/one/manage`, "_blank");
   }
-  async function L(_) {
-    r.value = !0, window.location.href = `${t.url}/one/subscribe?interval=${_}`;
+  async function V(f) {
+    r.value = !0, window.location.href = `${e.url}/one/subscribe?interval=${f}`;
   }
-  async function $() {
-    var _;
-    if (f.value)
+  async function B() {
+    var f;
+    if (p.value)
       try {
         r.value = !0;
-        const b = await t.post(
-          `/one/cancel?subscriptionId=${(_ = f.value) == null ? void 0 : _.tierName}`
+        const x = await e.post(
+          `/one/cancel?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
         );
-        i.user = b.user;
+        i.user = x.user;
       } catch {
       } finally {
         r.value = !1;
       }
   }
-  async function T(_) {
-    if (f.value)
+  async function P(f) {
+    if (p.value)
       try {
         r.value = !0;
-        const b = await t.post("/one/modify", {
-          subscriptionId: f.value.tierName,
-          interval: _
+        const x = await e.post("/one/modify", {
+          subscriptionId: p.value.tierName,
+          interval: f
         });
-        i.user = b.user;
+        i.user = x.user;
       } catch {
       } finally {
         r.value = !1;
       }
   }
   async function M() {
-    var _;
-    if (f.value)
+    var f;
+    if (p.value)
       try {
         r.value = !0;
-        const b = await t.post(
-          `/one/verify?subscriptionId=${(_ = f.value) == null ? void 0 : _.tierName}`
+        const x = await e.post(
+          `/one/verify?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
         );
-        i.user = b.user;
+        i.user = x.user;
       } catch {
       } finally {
         r.value = !1;
       }
   }
-  async function P() {
+  async function z() {
     try {
       r.value = !0;
-      const _ = await t.get("/one/info");
-      return a.value = _.subscription, c.value = _.invoices, _;
+      const f = await e.get("/one/info");
+      return l.value = f.subscription, c.value = f.invoices, f;
     } catch {
     } finally {
       r.value = !1;
     }
   }
   return {
-    info: a,
-    interval: l,
+    info: l,
+    interval: h,
     invoices: c,
     sessionId: o,
-    subscription: f,
-    monthlyTotal: U,
-    hasBilling: p,
+    subscription: p,
+    monthlyTotal: g,
+    hasBilling: k,
     isLoading: r,
-    isSubscriber: y,
-    github: D,
-    patreon: k,
-    discord: m,
-    activate: g,
-    cancel: $,
-    manage: x,
-    modify: T,
-    subscribe: L,
-    subscriptionInfo: P,
+    isOpen: a,
+    isSubscriber: L,
+    github: m,
+    patreon: D,
+    discord: y,
+    activate: $,
+    cancel: B,
+    manage: I,
+    modify: P,
+    subscribe: V,
+    subscriptionInfo: z,
     verify: M
   };
-}), ko = { class: "text-caption" }, $o = /* @__PURE__ */ V({
+}), bo = { class: "text-caption" }, yo = /* @__PURE__ */ b({
   __name: "VoSubscriptionInvoices",
   setup(u) {
-    const o = me(), i = oe();
-    return (t, r) => {
+    const o = fe(), i = X();
+    return (e, r) => {
       const a = re;
-      return d(), h(fe, null, {
+      return d(), _(ve, null, {
         default: n(() => [
-          s(ie, { cols: "12" }, {
+          s(ne, { cols: "12" }, {
             default: n(() => [
               s(a, {
                 text: "View and download your invoice history.",
                 title: "Invoice History"
               }),
-              s(O, {
+              s(T, {
                 height: "450",
                 rounded: "lg",
                 border: ""
               }, {
                 default: n(() => [
-                  s(Kt, {
-                    items: e(i).invoices,
-                    loading: e(i).isLoading,
+                  s(qt, {
+                    items: t(i).invoices,
+                    loading: t(i).isLoading,
                     sticky: ""
                   }, {
-                    "item.date": n(({ item: c }) => [
-                      v("div", ko, S(e(o).format(new Date(c.date * 1e3), "fullDateWithWeekday")), 1)
+                    "item.date": n(({ item: l }) => [
+                      v("div", bo, C(t(o).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
-                    "item.amount": n(({ item: c }) => [
-                      j(" $" + S(c.amount / 100), 1)
+                    "item.amount": n(({ item: l }) => [
+                      j(" $" + C(l.amount / 100), 1)
                     ]),
-                    "item.status": n(({ item: c }) => [
+                    "item.status": n(({ item: l }) => [
                       s(q, {
-                        text: c.status,
+                        text: l.status,
                         border: "success sm",
                         class: "text-capitalize",
                         color: "success",
@@ -1228,10 +1229,10 @@ const Xe = X("settings", () => {
                         label: ""
                       }, null, 8, ["text"])
                     ]),
-                    "item.pdf": n(({ item: c }) => [
-                      s(E, {
-                        href: c.pdf,
-                        icon: `svg:${e(kt)}`,
+                    "item.pdf": n(({ item: l }) => [
+                      s(Q, {
+                        href: l.pdf,
+                        icon: `svg:${t(_t)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1250,31 +1251,31 @@ const Xe = X("settings", () => {
       });
     };
   }
-}), xo = { class: "d-flex align-center" }, wo = {
+}), Vo = { class: "d-flex align-center" }, ko = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, So = /* @__PURE__ */ v("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), Co = { class: "me-1" }, Lo = { class: "text-medium-emphasis text-caption" }, Ao = { class: "d-flex align-start justify-space-between text-caption py-2" }, Io = { class: "font-weight-bold" }, Do = { class: "font-weight-bold" }, Uo = /* @__PURE__ */ V({
+}, $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__ */ b({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(u, { emit: o }) {
-    const i = me(), t = oe(), r = o, a = A(() => {
-      if (!t.info)
+    const i = fe(), e = X(), r = o, a = A(() => {
+      if (!e.info)
         return;
-      const l = new Date(t.info.currentPeriodEnd * 1e3);
-      return i.format(l, "keyboardDate");
+      const c = new Date(e.info.currentPeriodEnd * 1e3);
+      return i.format(c, "keyboardDate");
     });
-    async function c() {
-      t.interval && (t.isLoading = !0, t.subscribe(t.interval));
+    async function l() {
+      e.interval && (e.isLoading = !0, e.subscribe(e.interval));
     }
-    return (l, f) => {
-      const p = ge;
-      return d(), h(fe, null, {
+    return (c, h) => {
+      const p = ae;
+      return d(), _(ve, null, {
         default: n(() => [
-          s(ie, { cols: "12" }, {
+          s(ne, { cols: "12" }, {
             default: n(() => {
-              var y, D;
+              var k, L;
               return [
-                s(O, {
+                s(T, {
                   "prepend-icon": "$vuetify",
                   rounded: "lg",
                   title: "Subscription Status",
@@ -1284,45 +1285,45 @@ const Xe = X("settings", () => {
                   append: n(() => {
                     var m;
                     return [
-                      e(t).hasBilling && ((m = e(t).info) == null ? void 0 : m.status) === "canceled" ? (d(), h(p, {
+                      t(e).hasBilling && ((m = t(e).info) == null ? void 0 : m.status) === "canceled" ? (d(), _(p, {
                         key: 0,
-                        loading: e(t).isLoading,
+                        loading: t(e).isLoading,
                         class: "me-2",
                         color: "success",
                         "prepend-icon": "$success",
                         text: "Activate",
                         variant: "outlined",
-                        onClick: c
-                      }, null, 8, ["loading"])) : C("", !0),
-                      e(t).hasBilling ? (d(), h(p, {
+                        onClick: l
+                      }, null, 8, ["loading"])) : S("", !0),
+                      t(e).hasBilling ? (d(), _(p, {
                         key: 1,
-                        loading: e(t).isLoading,
-                        "prepend-icon": `svg:${e($t)}`,
+                        loading: t(e).isLoading,
+                        "prepend-icon": `svg:${t(ht)}`,
                         text: "Billing",
-                        onClick: e(t).manage
-                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : C("", !0)
+                        onClick: t(e).manage
+                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : S("", !0)
                     ];
                   }),
                   _: 2
                 }, [
-                  e(t).info ? {
+                  t(e).info ? {
                     name: "subtitle",
                     fn: n(() => [
-                      v("div", xo, [
-                        v("span", wo, S(e(t).info.status), 1),
-                        e(t).info.items.length ? (d(), w(F, { key: 0 }, [
-                          So,
-                          v("span", Co, [
-                            j(" $" + S(e(t).info.items[0].plan.amount / 100), 1),
-                            v("span", Lo, "/" + S(e(t).interval), 1)
+                      v("div", Vo, [
+                        v("span", ko, C(t(e).info.status), 1),
+                        t(e).info.items.length ? (d(), w(F, { key: 0 }, [
+                          $o,
+                          v("span", xo, [
+                            j(" $" + C(t(e).info.items[0].plan.amount / 100), 1),
+                            v("span", wo, "/" + C(t(e).interval), 1)
                           ]),
                           s(p, {
                             size: "x-small",
                             text: "(Change Subscription)",
                             variant: "text",
-                            onClick: f[0] || (f[0] = (m) => r("change:subscription"))
+                            onClick: h[0] || (h[0] = (m) => r("change:subscription"))
                           })
-                        ], 64)) : C("", !0)
+                        ], 64)) : S("", !0)
                       ])
                     ]),
                     key: "0"
@@ -1346,15 +1347,15 @@ const Xe = X("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                v("div", Ao, [
+                v("div", So, [
                   v("div", null, [
-                    ((y = e(t).info) == null ? void 0 : y.status) === "active" ? (d(), w(F, { key: 0 }, [
+                    ((k = t(e).info) == null ? void 0 : k.status) === "active" ? (d(), w(F, { key: 0 }, [
                       j(" Your plan renews on "),
-                      v("span", Io, S(e(i).format(a.value, "fullDateWithWeekday")), 1),
+                      v("span", Co, C(t(i).format(a.value, "fullDateWithWeekday")), 1),
                       j(". ")
                     ], 64)) : (d(), w(F, { key: 1 }, [
                       j(" Your plan ends on "),
-                      v("span", Do, S(e(i).format((D = e(t).info) == null ? void 0 : D.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      v("span", Lo, C(t(i).format((L = t(e).info) == null ? void 0 : L.currentPeriodEnd, "fullDateWithWeekday")), 1),
                       j(". ")
                     ], 64))
                   ])
@@ -1368,7 +1369,7 @@ const Xe = X("settings", () => {
       });
     };
   }
-}), Fo = /* @__PURE__ */ v("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), jo = ["innerHTML"], No = /* @__PURE__ */ v("br", null, null, -1), Bo = /* @__PURE__ */ v("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), Oo = ["innerHTML"], zo = /* @__PURE__ */ V({
+}), 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__ */ b({
   __name: "VoSubscriptionPerks",
   setup(u) {
     const o = [
@@ -1381,11 +1382,11 @@ const Xe = X("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"
-    ], t = I(!1), r = oe();
-    return H(t, async (a) => {
+    ], e = U(!1), r = X();
+    return W(e, async (a) => {
       a && r.subscriptionInfo();
-    }), (a, c) => {
-      const l = Y;
+    }), (a, l) => {
+      const c = Y;
       return d(), w(F, null, [
         s($e, { class: "font-weight-black" }, {
           default: n(() => [
@@ -1393,62 +1394,62 @@ const Xe = X("settings", () => {
           ]),
           _: 1
         }),
-        Fo,
-        s(Q, {
+        Ao,
+        s(oe, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
           default: n(() => [
-            (d(), w(F, null, te(o, (f, p) => s(l, {
+            (d(), w(F, null, te(o, (h, p) => s(c, {
               key: p,
-              "prepend-icon": `svg:${e(K)}`,
+              "prepend-icon": `svg:${t(ee)}`,
               class: "mb-0"
             }, {
               prepend: n(() => [
-                s(B, {
+                s(N, {
                   class: "mx-n2",
                   color: "success",
                   size: "small"
                 })
               ]),
               title: n(() => [
-                v("div", { innerHTML: f }, null, 8, jo)
+                v("div", { innerHTML: h }, null, 8, Do)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        No,
+        Uo,
         s($e, { class: "font-weight-black" }, {
           default: n(() => [
             j("Up Next")
           ]),
           _: 1
         }),
-        Bo,
-        s(Q, {
+        Fo,
+        s(oe, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
           default: n(() => [
-            (d(), w(F, null, te(i, (f, p) => s(l, {
+            (d(), w(F, null, te(i, (h, p) => s(c, {
               key: p,
-              "prepend-icon": `svg:${e(xt)}`,
+              "prepend-icon": `svg:${t(gt)}`,
               class: "mb-0"
             }, {
               prepend: n(() => [
-                s(B, {
+                s(N, {
                   class: "mx-n2",
                   size: "small"
                 })
               ]),
               title: n(() => [
-                v("div", { innerHTML: f }, null, 8, Oo)
+                v("div", { innerHTML: h }, null, 8, jo)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1458,7 +1459,7 @@ const Xe = X("settings", () => {
       ], 64);
     };
   }
-}), To = /* @__PURE__ */ V({
+}), Oo = /* @__PURE__ */ b({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1468,37 +1469,37 @@ const Xe = X("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const o = I(!1), i = de(u, "modelValue"), t = oe();
-    return H(o, async (r) => {
-      r && t.subscriptionInfo();
-    }), H(() => t.interval, (r) => {
+    const o = U(!1), i = pe(u, "modelValue"), e = X();
+    return W(o, async (r) => {
+      r && e.subscriptionInfo();
+    }), W(() => e.interval, (r) => {
       i.value = r;
-    }, { immediate: !0 }), (r, a) => (d(), h(We, {
+    }, { immediate: !0 }), (r, a) => (d(), _(Pe, {
       modelValue: i.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (c) => i.value = c)
+      "onUpdate:modelValue": a[0] || (a[0] = (l) => i.value = l)
     }, {
       default: n(() => [
-        s(fe, null, {
+        s(ve, null, {
           default: n(() => [
-            s(ie, {
+            s(ne, {
               cols: "12",
               md: "6"
             }, {
               default: n(() => [
                 s(xe, { value: "month" }, {
-                  default: n(({ toggle: c, isSelected: l }) => [
-                    s(O, {
-                      border: l ? "sm primary opacity-100" : "sm",
-                      color: l ? "primary" : void 0,
-                      "prepend-icon": l ? `svg:${e(ne)}` : "$radioOff",
-                      variant: l ? "tonal" : "text",
+                  default: n(({ toggle: l, isSelected: c }) => [
+                    s(T, {
+                      border: c ? "sm primary opacity-100" : "sm",
+                      color: c ? "primary" : void 0,
+                      "prepend-icon": c ? `svg:${t(se)}` : "$radioOff",
+                      variant: c ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$2.99/month",
                       title: "Monthly",
-                      onClick: c
+                      onClick: l
                     }, {
                       prepend: n(() => [
-                        s(B, { class: "mt-n6" })
+                        s(N, { class: "mt-n6" })
                       ]),
                       _: 2
                     }, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
@@ -1508,25 +1509,25 @@ const Xe = X("settings", () => {
               ]),
               _: 1
             }),
-            s(ie, {
+            s(ne, {
               cols: "12",
               md: "6"
             }, {
               default: n(() => [
                 s(xe, { value: "year" }, {
-                  default: n(({ toggle: c, isSelected: l }) => [
-                    s(O, {
-                      border: l ? "sm primary opacity-100" : "sm",
-                      color: l ? "primary" : void 0,
-                      "prepend-icon": l ? `svg:${e(ne)}` : "$radioOff",
-                      variant: l ? "tonal" : "text",
+                  default: n(({ toggle: l, isSelected: c }) => [
+                    s(T, {
+                      border: c ? "sm primary opacity-100" : "sm",
+                      color: c ? "primary" : void 0,
+                      "prepend-icon": c ? `svg:${t(se)}` : "$radioOff",
+                      variant: c ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$29.99/year",
                       title: "Yearly",
-                      onClick: c
+                      onClick: l
                     }, {
                       prepend: n(() => [
-                        s(B, { class: "mt-n6" })
+                        s(N, { class: "mt-n6" })
                       ]),
                       append: n(() => [
                         s(q, {
@@ -1552,7 +1553,7 @@ const Xe = X("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Ro = { class: "px-3 h-screen" }, Ho = /* @__PURE__ */ v("br", null, null, -1), Mo = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Po = /* @__PURE__ */ V({
+}), 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__ */ b({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1560,55 +1561,55 @@ const Xe = X("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    function o(f) {
-      return new Promise((p) => setTimeout(p, f));
+    function o(h) {
+      return new Promise((p) => setTimeout(p, h));
     }
-    const i = de(u, "modelValue"), t = oe(), r = I(t.interval), a = I(t.hasBilling ? "status" : "subscribe"), c = I(!1);
-    H(r, (f) => {
-      !t.isSubscriber || !t.interval || (c.value = f !== t.interval);
-    }), H(i, async (f) => {
-      !f || !t.isSubscriber || t.subscriptionInfo();
+    const i = pe(u, "modelValue"), e = X(), r = U(e.interval), a = U(e.hasBilling ? "status" : "subscribe"), l = U(!1);
+    W(r, (h) => {
+      !e.isSubscriber || !e.interval || (l.value = h !== e.interval);
+    }), W(i, async (h) => {
+      !h || !e.isSubscriber || e.subscriptionInfo();
     }), je(() => {
-      t.sessionId && (a.value = "status", i.value = !0);
+      e.sessionId && (a.value = "status", i.value = !0);
     });
-    async function l() {
-      await t.modify(r.value), await t.subscriptionInfo(), c.value = null, await o(3e3), a.value = "status", await o(300), c.value = !1;
+    async function c() {
+      await e.modify(r.value), await e.subscriptionInfo(), l.value = null, await o(3e3), a.value = "status", await o(300), l.value = !1;
     }
-    return (f, p) => {
-      const y = re, D = To, m = zo, k = Uo, U = $o, g = ge, x = he;
-      return d(), h(x, {
+    return (h, p) => {
+      const k = re, L = Oo, m = No, y = Io, D = yo, g = ae, $ = he;
+      return d(), _($, {
         modelValue: i.value,
-        "onUpdate:modelValue": p[4] || (p[4] = (L) => i.value = L),
-        "prepend-icon": `svg:${e(wt)}`,
+        "onUpdate:modelValue": p[4] || (p[4] = (I) => i.value = I),
+        "prepend-icon": `svg:${t(bt)}`,
         title: "Subscriptions"
       }, G({
         default: n(() => [
-          v("div", Ro, [
+          v("div", Bo, [
             s(J, null, {
               default: n(() => [
-                s(y, {
+                s(k, {
                   text: "The Vuetify One subscription is a great way to support the Vuetify team and get access to exclusive features and content.",
                   title: "Vuetify One"
                 }),
-                s(Ge, { "model-value": a.value }, {
+                s(Ee, { "model-value": a.value }, {
                   default: n(() => [
-                    s(ue, { value: "subscribe" }, {
+                    s(de, { value: "subscribe" }, {
                       default: n(() => [
-                        s(D, {
+                        s(L, {
                           modelValue: r.value,
-                          "onUpdate:modelValue": p[0] || (p[0] = (L) => r.value = L)
+                          "onUpdate:modelValue": p[0] || (p[0] = (I) => r.value = I)
                         }, null, 8, ["modelValue"]),
-                        Ho,
+                        zo,
                         s(m)
                       ]),
                       _: 1
                     }),
-                    s(ue, { value: "status" }, {
+                    s(de, { value: "status" }, {
                       default: n(() => [
-                        s(k, {
-                          "onChange:subscription": p[1] || (p[1] = (L) => a.value = "subscribe")
+                        s(y, {
+                          "onChange:subscription": p[1] || (p[1] = (I) => a.value = "subscribe")
                         }),
-                        s(U)
+                        s(D)
                       ]),
                       _: 1
                     })
@@ -1625,34 +1626,34 @@ const Xe = X("settings", () => {
         a.value === "subscribe" ? {
           name: "actions",
           fn: n(() => [
-            v("div", Mo, [
-              c.value !== !1 ? (d(), h(g, {
+            v("div", To, [
+              l.value !== !1 ? (d(), _(g, {
                 key: 0,
-                loading: e(t).isLoading,
-                "prepend-icon": `svg:${c.value !== null ? e(St) : e(ne)}`,
-                readonly: c.value === null,
-                text: c.value !== null ? "Modify Subscription" : "Success",
+                loading: t(e).isLoading,
+                "prepend-icon": `svg:${l.value !== null ? t(yt) : t(se)}`,
+                readonly: l.value === null,
+                text: l.value !== null ? "Modify Subscription" : "Success",
                 color: "success",
                 size: "default",
                 block: "",
-                onClick: l
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(t).isSubscriber ? (d(), h(g, {
+                onClick: c
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(e).isSubscriber ? (d(), _(g, {
                 key: 2,
-                "prepend-icon": `svg:${e(Ct)}`,
+                "prepend-icon": `svg:${t(Vt)}`,
                 size: "default",
                 text: "Manage Subscription",
                 block: "",
-                onClick: p[3] || (p[3] = (L) => a.value = "status")
-              }, null, 8, ["prepend-icon"])) : (d(), h(g, {
+                onClick: p[3] || (p[3] = (I) => a.value = "status")
+              }, null, 8, ["prepend-icon"])) : (d(), _(g, {
                 key: 1,
                 color: r.value ? "primary" : "disabled",
                 disabled: !r.value,
-                loading: e(t).isLoading,
+                loading: t(e).isLoading,
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
                 block: "",
-                onClick: p[2] || (p[2] = (L) => e(t).subscribe(r.value))
+                onClick: p[2] || (p[2] = (I) => t(e).subscribe(r.value))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -1661,55 +1662,59 @@ const Xe = X("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), Eo = /* @__PURE__ */ V({
+}), Ho = /* @__PURE__ */ b({
   __name: "VoSubscriptionListItem",
   setup(u) {
-    const o = I(!1);
-    return (i, t) => {
-      const r = Po, a = Y;
-      return d(), h(a, {
+    const o = U(!1);
+    return (i, e) => {
+      const r = Ro, a = Y;
+      return d(), _(a, {
         active: o.value,
-        "prepend-icon": `svg:${e(Lt)}`,
+        "prepend-icon": `svg:${t(kt)}`,
         title: "Subscriptions",
         link: ""
       }, {
         default: n(() => [
           s(r, {
             modelValue: o.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (c) => o.value = c)
+            "onUpdate:modelValue": e[0] || (e[0] = (l) => o.value = l)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Wo = { class: "px-3 pb-5 d-flex flex-column" }, 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: "ps-16" }, Ko = { class: "text-caption text-end" }, es = { class: "font-weight-bold" }, ts = { class: "py-4" }, os = /* @__PURE__ */ v("div", { class: "text-caption text-medium-emphasis" }, " A total of $2.99 or more unlocks all Vuetify One benefits ", -1), ss = /* @__PURE__ */ V({
+}), 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" }, [
+  /* @__PURE__ */ j(" A total of $2.99 or more unlocks "),
+  /* @__PURE__ */ v("span", { class: "font-weight-black" }, "all"),
+  /* @__PURE__ */ j(" Vuetify One benefits ")
+], -1), es = /* @__PURE__ */ b({
   __name: "VoSponsorshipsDialog",
   setup(u) {
-    const o = me(), i = N(), t = oe(), r = Xe();
-    function a(c) {
-      return o.format(c, "fullDateWithWeekday");
+    const o = fe(), i = O(), e = X(), r = Ge();
+    function a(l) {
+      return o.format(l, "fullDateWithWeekday");
     }
-    return (c, l) => {
-      const f = re, p = ge, y = Ne("v-empty-state"), D = he;
-      return d(), h(D, {
-        "prepend-icon": `svg:${e(At)}`,
+    return (l, c) => {
+      const h = re, p = ae, k = Ne("v-empty-state"), L = he;
+      return d(), _(L, {
+        "prepend-icon": `svg:${t($t)}`,
         "max-height": "820",
         title: "Sponsorships"
       }, {
         default: n(() => [
-          s(Ae, null, {
+          s(Ie, null, {
             default: n(() => [
-              s(Ie, { scrollable: "" }, {
+              s(Ae, { scrollable: "" }, {
                 default: n(() => [
-                  v("div", Wo, [
+                  v("div", Mo, [
                     s(J, null, {
                       default: n(() => [
-                        s(f, {
+                        s(h, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
                           title: "Support Vuetify"
                         }),
-                        s(eo, {
+                        s(Yt, {
                           class: "justify-start ms-n7",
                           "line-inset": "12",
                           side: "end",
@@ -1717,17 +1722,17 @@ const Xe = X("settings", () => {
                           "truncate-line": "both"
                         }, {
                           default: n(() => {
-                            var m, k, U, g, x, L;
+                            var m, y, D, g, $, I;
                             return [
                               s(Ve, {
-                                "dot-color": (m = e(t).github) != null && m.isActive ? "success" : "transparent",
-                                icon: (k = e(t).github) != null && k.isActive ? `svg:${e(K)}` : void 0,
+                                "dot-color": (m = t(e).github) != null && m.isActive ? "success" : "transparent",
+                                icon: (y = t(e).github) != null && y.isActive ? `svg:${t(ee)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
                                 default: n(() => [
-                                  s(O, {
-                                    "prepend-avatar": e(r).CDN_URL + "/logos/github.png",
+                                  s(T, {
+                                    "prepend-avatar": t(r).CDN_URL + "/logos/github.png",
                                     rounded: "lg",
                                     subtitle: "Support Vuetify through GitHub sponsors.",
                                     title: "GitHub Sponsors",
@@ -1735,44 +1740,44 @@ const Xe = X("settings", () => {
                                     border: ""
                                   }, {
                                     append: n(() => {
-                                      var $, T, M, P, _, b;
+                                      var V, B, P, M, z, f;
                                       return [
-                                        v("div", Go, [
+                                        v("div", Po, [
                                           s(p, {
-                                            color: ($ = e(t).github) != null && $.isActive ? "success" : "primary",
-                                            href: (T = e(t).github) != null && T.isActive ? void 0 : "https://github.com/sponsors/johnleider",
-                                            "prepend-icon": `svg:${(M = e(t).github) != null && M.isActive ? e(ne) : e(De)}`,
-                                            readonly: (P = e(t).github) == null ? void 0 : P.isActive,
-                                            target: (_ = e(t).github) != null && _.isActive ? void 0 : "_blank",
-                                            text: (b = e(t).github) != null && b.isActive ? "Active" : "Info",
+                                            color: (V = t(e).github) != null && V.isActive ? "success" : "primary",
+                                            href: (B = t(e).github) != null && B.isActive ? void 0 : "https://github.com/sponsors/johnleider",
+                                            "prepend-icon": `svg:${(P = t(e).github) != null && P.isActive ? t(se) : t(De)}`,
+                                            readonly: (M = t(e).github) == null ? void 0 : M.isActive,
+                                            target: (z = t(e).github) != null && z.isActive ? void 0 : "_blank",
+                                            text: (f = t(e).github) != null && f.isActive ? "Active" : "Info",
                                             width: "88"
                                           }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                                         ])
                                       ];
                                     }),
                                     default: n(() => {
-                                      var $;
+                                      var V;
                                       return [
-                                        ($ = e(t).github) != null && $.isActive ? (d(), w(F, { key: 0 }, [
+                                        (V = t(e).github) != null && V.isActive ? (d(), w(F, { key: 0 }, [
                                           s(R),
                                           s(J, { class: "d-flex justify-space-between align-center flex-wrap" }, {
                                             default: n(() => [
                                               s(q, {
-                                                "prepend-icon": `svg:${e(ye)}`,
-                                                text: e(t).github.tierName,
+                                                "prepend-icon": `svg:${t(ye)}`,
+                                                text: t(e).github.tierName,
                                                 color: "surface-variant",
                                                 size: "small",
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              v("div", qo, [
+                                              v("div", Eo, [
                                                 j(" Sponsor since "),
-                                                v("span", Yo, S(a(e(t).github.createdAt)), 1)
+                                                v("span", Wo, C(a(t(e).github.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
                                           })
-                                        ], 64)) : C("", !0)
+                                        ], 64)) : S("", !0)
                                       ];
                                     }),
                                     _: 1
@@ -1781,14 +1786,14 @@ const Xe = X("settings", () => {
                                 _: 1
                               }, 8, ["dot-color", "icon"]),
                               s(Ve, {
-                                "dot-color": (U = e(t).discord) != null && U.isActive ? "success" : "transparent",
-                                icon: (g = e(t).discord) != null && g.isActive ? `svg:${e(K)}` : void 0,
+                                "dot-color": (D = t(e).discord) != null && D.isActive ? "success" : "transparent",
+                                icon: (g = t(e).discord) != null && g.isActive ? `svg:${t(ee)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
                                 default: n(() => [
-                                  s(O, {
-                                    "prepend-avatar": e(r).CDN_URL + "/logos/discord.png",
+                                  s(T, {
+                                    "prepend-avatar": t(r).CDN_URL + "/logos/discord.png",
                                     rounded: "lg",
                                     subtitle: "Support Vuetify through Discord.",
                                     title: "Discord Subscriber",
@@ -1796,44 +1801,44 @@ const Xe = X("settings", () => {
                                     border: ""
                                   }, {
                                     append: n(() => {
-                                      var $, T, M, P, _, b;
+                                      var V, B, P, M, z, f;
                                       return [
-                                        v("div", Jo, [
+                                        v("div", Go, [
                                           s(p, {
-                                            color: ($ = e(t).discord) != null && $.isActive ? "success" : "primary",
-                                            href: (T = e(t).discord) != null && T.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
-                                            "prepend-icon": `svg:${(M = e(t).discord) != null && M.isActive ? e(ne) : e(De)}`,
-                                            readonly: (P = e(t).discord) == null ? void 0 : P.isActive,
-                                            target: (_ = e(t).discord) != null && _.isActive ? void 0 : "_blank",
-                                            text: (b = e(t).discord) != null && b.isActive ? "Active" : "Info",
+                                            color: (V = t(e).discord) != null && V.isActive ? "success" : "primary",
+                                            href: (B = t(e).discord) != null && B.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
+                                            "prepend-icon": `svg:${(P = t(e).discord) != null && P.isActive ? t(se) : t(De)}`,
+                                            readonly: (M = t(e).discord) == null ? void 0 : M.isActive,
+                                            target: (z = t(e).discord) != null && z.isActive ? void 0 : "_blank",
+                                            text: (f = t(e).discord) != null && f.isActive ? "Active" : "Info",
                                             width: "88"
                                           }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                                         ])
                                       ];
                                     }),
                                     default: n(() => {
-                                      var $;
+                                      var V;
                                       return [
-                                        ($ = e(t).discord) != null && $.isActive ? (d(), w(F, { key: 0 }, [
+                                        (V = t(e).discord) != null && V.isActive ? (d(), w(F, { key: 0 }, [
                                           s(R),
                                           s(J, { class: "d-flex justify-space-between align-center flex-wrap" }, {
                                             default: n(() => [
                                               s(q, {
-                                                "prepend-icon": `svg:${e(ye)}`,
-                                                text: e(t).discord.tierName,
+                                                "prepend-icon": `svg:${t(ye)}`,
+                                                text: t(e).discord.tierName,
                                                 color: "surface-variant",
                                                 size: "small",
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              v("div", Qo, [
+                                              v("div", qo, [
                                                 j(" Subscriber since "),
-                                                v("span", Xo, S(a(e(t).discord.createdAt)), 1)
+                                                v("span", Yo, C(a(t(e).discord.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
                                           })
-                                        ], 64)) : C("", !0)
+                                        ], 64)) : S("", !0)
                                       ];
                                     }),
                                     _: 1
@@ -1842,14 +1847,14 @@ const Xe = X("settings", () => {
                                 _: 1
                               }, 8, ["dot-color", "icon"]),
                               s(Ve, {
-                                "dot-color": (x = e(t).patreon) != null && x.isActive ? "success" : "transparent",
-                                icon: (L = e(t).patreon) != null && L.isActive ? `svg:${e(K)}` : void 0,
+                                "dot-color": ($ = t(e).patreon) != null && $.isActive ? "success" : "transparent",
+                                icon: (I = t(e).patreon) != null && I.isActive ? `svg:${t(ee)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
                                 default: n(() => [
-                                  s(O, {
-                                    "prepend-avatar": e(r).CDN_URL + "/logos/patreon.png",
+                                  s(T, {
+                                    "prepend-avatar": t(r).CDN_URL + "/logos/patreon.png",
                                     rounded: "lg",
                                     subtitle: "Support Vuetify through Patreon.",
                                     title: "Patreon Subscriber",
@@ -1857,11 +1862,11 @@ const Xe = X("settings", () => {
                                     border: ""
                                   }, {
                                     append: n(() => {
-                                      var $;
+                                      var V;
                                       return [
-                                        v("div", Zo, [
+                                        v("div", Jo, [
                                           s(p, {
-                                            text: ($ = e(t).patreon) != null && $.isActive ? "Active" : "Coming Soon",
+                                            text: (V = t(e).patreon) != null && V.isActive ? "Active" : "Coming Soon",
                                             color: "surface-variant",
                                             readonly: ""
                                           }, null, 8, ["text"])
@@ -1869,27 +1874,27 @@ const Xe = X("settings", () => {
                                       ];
                                     }),
                                     default: n(() => {
-                                      var $;
+                                      var V;
                                       return [
-                                        ($ = e(t).patreon) != null && $.isActive ? (d(), w(F, { key: 0 }, [
+                                        (V = t(e).patreon) != null && V.isActive ? (d(), w(F, { key: 0 }, [
                                           s(R),
                                           s(J, { class: "d-flex justify-space-between align-center flex-wrap" }, {
                                             default: n(() => [
                                               s(q, {
-                                                "prepend-icon": `svg:${e(ye)}`,
-                                                text: e(t).patreon.tierName,
+                                                "prepend-icon": `svg:${t(ye)}`,
+                                                text: t(e).patreon.tierName,
                                                 color: "success",
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              v("div", Ko, [
+                                              v("div", Qo, [
                                                 j(" Sponsor since "),
-                                                v("span", es, S(a(e(t).patreon.createdAt)), 1)
+                                                v("span", Xo, C(a(t(e).patreon.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
                                           })
-                                        ], 64)) : C("", !0)
+                                        ], 64)) : S("", !0)
                                       ];
                                     }),
                                     _: 1
@@ -1904,27 +1909,27 @@ const Xe = X("settings", () => {
                       ]),
                       _: 1
                     }),
-                    s(y, {
-                      icon: `svg:${e(It)}`,
+                    s(k, {
+                      icon: `svg:${t(xt)}`,
                       class: "mt-auto",
                       "min-height": "auto",
                       size: "64",
                       title: "Your Monthly Contributions"
                     }, {
                       media: n(() => [
-                        s(B, { color: "success" })
+                        s(N, { color: "success" })
                       ]),
                       headline: n(() => [
-                        v("div", ts, [
-                          e(i).isSubscriber ? (d(), w(F, { key: 0 }, [
-                            j(" $" + S(parseFloat(String(e(t).monthlyTotal)).toFixed(2)), 1)
+                        v("div", Zo, [
+                          t(i).isSubscriber ? (d(), w(F, { key: 0 }, [
+                            j(" $" + C(parseFloat(String(t(e).monthlyTotal)).toFixed(2)), 1)
                           ], 64)) : (d(), w(F, { key: 1 }, [
                             j(" $0.00 ")
                           ], 64))
                         ])
                       ]),
                       text: n(() => [
-                        os
+                        Ko
                       ]),
                       _: 1
                     }, 8, ["icon"])
@@ -1940,85 +1945,85 @@ const Xe = X("settings", () => {
       }, 8, ["prepend-icon"]);
     };
   }
-}), ns = /* @__PURE__ */ V({
+}), ts = /* @__PURE__ */ b({
   __name: "VoSponsorshipsListItem",
   setup(u) {
-    const o = I(!1);
-    return (i, t) => {
-      const r = ss, a = Y;
-      return d(), h(a, {
+    const o = U(!1);
+    return (i, e) => {
+      const r = es, a = Y;
+      return d(), _(a, {
         active: o.value,
-        "prepend-icon": `svg:${e(Dt)}`,
+        "prepend-icon": `svg:${t(wt)}`,
         title: "Sponsorships",
         link: ""
       }, {
         default: n(() => [
           s(r, {
             modelValue: o.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (c) => o.value = c)
+            "onUpdate:modelValue": e[0] || (e[0] = (l) => o.value = l)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), is = {
+}), os = {
   key: 0,
   class: "pt-16"
-}, as = /* @__PURE__ */ v("div", { class: "text-medium-emphasis" }, " All caught up ", -1), rs = { class: "ps-3 text-subtitle-2 pe-2" }, ls = { class: "text-truncate" }, cs = { class: "text-caption font-weight-bold text-medium-emphasis" }, us = { class: "text-disabled text-caption my-2" }, ds = /* @__PURE__ */ V({
+}, 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__ */ b({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(u) {
-    const o = z(), i = me();
-    function t(a) {
+    const o = H(), i = fe();
+    function e(a) {
       return o.notifications.read.includes(a);
     }
     function r(a) {
-      t(a.slug) ? o.notifications.read = o.notifications.read.filter((c) => c !== a.slug) : o.notifications.read.push(a.slug);
+      e(a.slug) ? o.notifications.read = o.notifications.read.filter((l) => l !== a.slug) : o.notifications.read.push(a.slug);
     }
-    return (a, c) => {
-      const l = Ne("v-empty-state"), f = Y;
-      return d(), h(Q, {
+    return (a, l) => {
+      const c = Ne("v-empty-state"), h = Y;
+      return d(), _(oe, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: n(() => [
-          a.items.length ? (d(!0), w(F, { key: 1 }, te(a.items, (p, y) => (d(), h(Ee, {
+          a.items.length ? (d(!0), w(F, { key: 1 }, te(a.items, (p, k) => (d(), _(Me, {
             key: p.slug
           }, {
-            default: n(({ isHovering: D, props: m }) => [
-              s(f, se(m, {
-                border: y !== 0 && "t",
+            default: n(({ isHovering: L, props: m }) => [
+              s(h, ce(m, {
+                border: k !== 0 && "t",
                 class: "py-4 mb-0"
               }), {
                 prepend: n(() => [
-                  v("div", rs, S(p.metadata.emoji), 1)
+                  v("div", ns, C(p.metadata.emoji), 1)
                 ]),
                 append: n(() => [
-                  s(to, {
+                  s(Jt, {
                     class: "mt-n3",
                     width: "56"
                   }, {
                     default: n(() => [
-                      s(oo, {
-                        text: t(p.slug) ? "Mark as unread" : "Mark as read",
+                      s(Qt, {
+                        text: e(p.slug) ? "Mark as unread" : "Mark as read",
                         location: "bottom"
                       }, {
-                        activator: n(({ props: k }) => [
+                        activator: n(({ props: y }) => [
                           s(Ce, { "hide-on-leave": "" }, {
                             default: n(() => [
-                              Se(s(E, se(k, {
-                                icon: `svg:${t(p.slug) ? e(Ft) : e(Ut)}`,
+                              Se(s(Q, ce(y, {
+                                icon: `svg:${e(p.slug) ? t(Ct) : t(St)}`,
                                 class: "ms-auto",
                                 size: "small",
                                 variant: "text",
                                 "mdi-email-variant": "",
-                                onClick: (U) => r(p)
+                                onClick: (D) => r(p)
                               }), null, 16, ["icon", "onClick"]), [
-                                [Be, D]
+                                [Oe, L]
                               ])
                             ]),
                             _: 2
@@ -2031,16 +2036,16 @@ const Xe = X("settings", () => {
                   }, 1024)
                 ]),
                 default: n(() => [
-                  s(Wt, { class: "text-wrap text-h6 mb-1" }, {
+                  s(Rt, { class: "text-wrap text-h6 mb-1" }, {
                     default: n(() => [
-                      v("div", ls, S(p.title), 1)
+                      v("div", is, C(p.title), 1)
                     ]),
                     _: 2
                   }, 1024),
-                  v("div", cs, S(e(i).format(p.created_at, "fullDateWithWeekday")), 1),
-                  v("div", us, S(p.metadata.text), 1),
+                  v("div", as, C(t(i).format(p.created_at, "fullDateWithWeekday")), 1),
+                  v("div", rs, C(p.metadata.text), 1),
                   s(q, {
-                    "append-icon": `svg:${e(jt)}`,
+                    "append-icon": `svg:${t(Lt)}`,
                     href: p.metadata.action,
                     text: p.metadata.action_text,
                     size: "small",
@@ -2048,10 +2053,10 @@ const Xe = X("settings", () => {
                     variant: "text",
                     border: "",
                     label: "",
-                    onClick: (k) => r(p)
+                    onClick: (y) => r(p)
                   }, {
                     append: n(() => [
-                      s(B, { size: "12" })
+                      s(N, { size: "12" })
                     ]),
                     _: 2
                   }, 1032, ["append-icon", "href", "text", "onClick"])
@@ -2060,16 +2065,16 @@ const Xe = X("settings", () => {
               }, 1040, ["border"])
             ]),
             _: 2
-          }, 1024))), 128)) : (d(), w("div", is, [
-            s(l, {
+          }, 1024))), 128)) : (d(), w("div", os, [
+            s(c, {
               icon: "$vuetify",
               size: "256"
             }, {
               media: n(() => [
-                s(B, { color: "medium-emphasis" })
+                s(N, { color: "medium-emphasis" })
               ]),
               title: n(() => [
-                as
+                ss
               ]),
               _: 1
             })
@@ -2079,71 +2084,71 @@ const Xe = X("settings", () => {
       });
     };
   }
-}), Ze = X("notifications", () => {
-  const u = _e(), o = z(), i = ee([]), t = I(!1), r = A(() => i.value.filter((l) => !o.notifications.read.includes(l.slug))), a = A(() => i.value.filter((l) => o.notifications.read.includes(l.slug)));
-  async function c() {
+}), qe = K("notifications", () => {
+  const u = _e(), o = H(), i = Z([]), e = U(!1), r = A(() => i.value.filter((c) => !o.notifications.read.includes(c.slug))), a = A(() => i.value.filter((c) => o.notifications.read.includes(c.slug)));
+  async function l() {
     try {
-      t.value = !0;
-      const l = await u.get("/one/notifications");
-      i.value = l.notifications;
+      e.value = !0;
+      const c = await u.get("/one/notifications");
+      i.value = c.notifications;
     } catch {
     } finally {
-      t.value = !1;
+      e.value = !1;
     }
     return i.value;
   }
   return {
-    isLoading: t,
+    isLoading: e,
     all: i,
-    get: c,
+    get: l,
     read: a,
     unread: r
   };
-}), ps = { class: "text-caption" }, ms = /* @__PURE__ */ V({
+}), cs = { class: "text-caption" }, us = /* @__PURE__ */ b({
   __name: "VoNotificationsDialog",
   setup(u) {
-    const o = Ze(), i = Le(), t = I(["0"]), r = I(!1);
-    return (a, c) => {
-      const l = Y, f = ds, p = he;
-      return d(), h(p, {
+    const o = qe(), i = He(), e = U(["0"]), r = U(!1);
+    return (a, l) => {
+      const c = Y, h = ls, p = he;
+      return d(), _(p, {
         modelValue: r.value,
-        "onUpdate:modelValue": c[2] || (c[2] = (y) => r.value = y),
-        "prepend-icon": `svg:${e(Nt)}`,
+        "onUpdate:modelValue": l[2] || (l[2] = (k) => r.value = k),
+        "prepend-icon": `svg:${t(It)}`,
         title: "Notifications"
       }, {
         default: n(() => [
-          s(Ae, null, {
+          s(Ie, null, {
             default: n(() => [
-              s(so, {
-                location: e(i).mobile.value ? "top" : "start",
-                width: e(i).mobile.value ? 128 : 168,
+              s(Xt, {
+                location: t(i).mobile.value ? "top" : "start",
+                width: t(i).mobile.value ? 128 : 168,
                 permanent: ""
               }, {
                 default: n(() => [
-                  s(Q, {
-                    selected: t.value,
-                    "onUpdate:selected": c[0] || (c[0] = (y) => t.value = y),
+                  s(oe, {
+                    selected: e.value,
+                    "onUpdate:selected": l[0] || (l[0] = (k) => e.value = k),
                     class: "px-4 pt-4",
                     density: "compact",
                     mandatory: "",
                     nav: ""
                   }, {
                     default: n(() => [
-                      s(l, {
-                        "prepend-icon": `svg:${e(Bt)}`,
+                      s(c, {
+                        "prepend-icon": `svg:${t(At)}`,
                         title: "Unread",
                         value: "0"
                       }, G({ _: 2 }, [
-                        e(o).unread.length > 0 ? {
+                        t(o).unread.length > 0 ? {
                           name: "append",
                           fn: n(() => [
-                            v("span", ps, S(e(o).unread.length), 1)
+                            v("span", cs, C(t(o).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      s(l, {
-                        "prepend-icon": `svg:${e(Ot)}`,
+                      s(c, {
+                        "prepend-icon": `svg:${t(Dt)}`,
                         title: "Read",
                         value: "1",
                         "mdi-archive-outline": ""
@@ -2154,25 +2159,25 @@ const Xe = X("settings", () => {
                 ]),
                 _: 1
               }, 8, ["location", "width"]),
-              s(Ie, { scrollable: "" }, {
+              s(Ae, { scrollable: "" }, {
                 default: n(() => [
-                  s(Ge, {
-                    modelValue: t.value,
-                    "onUpdate:modelValue": c[1] || (c[1] = (y) => t.value = y)
+                  s(Ee, {
+                    modelValue: e.value,
+                    "onUpdate:modelValue": l[1] || (l[1] = (k) => e.value = k)
                   }, {
                     default: n(() => [
-                      s(ue, { value: "0" }, {
+                      s(de, { value: "0" }, {
                         default: n(() => [
-                          s(f, {
-                            items: e(o).unread
+                          s(h, {
+                            items: t(o).unread
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
-                      s(ue, { value: "1" }, {
+                      s(de, { value: "1" }, {
                         default: n(() => [
-                          s(f, {
-                            items: e(o).read
+                          s(h, {
+                            items: t(o).read
                           }, null, 8, ["items"])
                         ]),
                         _: 1
@@ -2191,66 +2196,66 @@ const Xe = X("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), fs = /* @__PURE__ */ V({
+}), ds = /* @__PURE__ */ b({
   __name: "VoNotificationsListItem",
   setup(u) {
-    const o = z(), i = Ze(), t = I(!1);
+    const o = H(), i = qe(), e = U(!1);
     return je(async () => {
       await i.get();
     }), (r, a) => {
-      const c = ms, l = Y;
-      return e(o).notifications.show ? (d(), h(l, {
+      const l = us, c = Y;
+      return t(o).notifications.show ? (d(), _(c, {
         key: 0,
-        active: t.value,
-        "prepend-icon": `svg:${e(zt)}`,
+        active: e.value,
+        "prepend-icon": `svg:${t(Ut)}`,
         title: "Notifications",
         link: ""
       }, G({
         default: n(() => [
-          s(c, {
-            modelValue: t.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (f) => t.value = f)
+          s(l, {
+            modelValue: e.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (h) => e.value = h)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
       }, [
-        e(i).unread.length ? {
+        t(i).unread.length ? {
           name: "prepend",
           fn: n(() => [
-            s(no, {
-              content: e(i).unread.length,
+            s(Zt, {
+              content: t(i).unread.length,
               color: "error"
             }, {
               default: n(() => [
-                s(B)
+                s(N)
               ]),
               _: 1
             }, 8, ["content"])
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["active", "prepend-icon"])) : C("", !0);
+      ]), 1032, ["active", "prepend-icon"])) : S("", !0);
     };
   }
-}), vs = /* @__PURE__ */ V({
+}), ps = /* @__PURE__ */ b({
   __name: "VoDashboardListItem",
   setup(u) {
     return (o, i) => {
-      const t = Y;
-      return d(), h(t, {
-        "prepend-icon": `svg:${e(Tt)}`,
+      const e = Y;
+      return d(), _(e, {
+        "prepend-icon": `svg:${t(Ft)}`,
         title: "Dashboard",
         to: "/user/dashboard"
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), _s = /* @__PURE__ */ V({
+}), ms = /* @__PURE__ */ b({
   __name: "VoUserList",
   setup(u) {
-    const o = N();
-    return (i, t) => {
-      const r = vs, a = fs, c = ns, l = Eo, f = Vo, p = vo;
-      return d(), h(Q, {
+    const o = O();
+    return (i, e) => {
+      const r = ps, a = ds, l = ts, c = Ho, h = go, p = po;
+      return d(), _(oe, {
         density: "compact",
         nav: "",
         slim: ""
@@ -2258,58 +2263,58 @@ const Xe = X("settings", () => {
         default: n(() => [
           s(r),
           s(a),
-          s(c),
-          e(o).user ? (d(), h(l, { key: 0 })) : C("", !0),
-          s(f),
-          e(o).user ? (d(), h(p, { key: 1 })) : C("", !0)
+          s(l),
+          t(o).user ? (d(), _(c, { key: 0 })) : S("", !0),
+          s(h),
+          t(o).user ? (d(), _(p, { key: 1 })) : S("", !0)
         ]),
         _: 1
       });
     };
   }
-}), hs = { key: 0 }, gs = { class: "d-flex align-center justify-center pa-1 ga-2" }, bs = /* @__PURE__ */ V({
+}), fs = { key: 0 }, vs = { class: "d-flex align-center justify-center pa-1 ga-2" }, _s = /* @__PURE__ */ b({
   __name: "VoUserQuickActions",
   setup(u) {
-    const o = z();
-    return (i, t) => (d(), h(ae, null, {
+    const o = H();
+    return (i, e) => (d(), _(ie, null, {
       default: n(() => [
-        e(o).quickbar ? (d(), w("div", hs, [
-          v("div", gs, [
-            s(E, {
-              color: e(o).colors.one,
+        t(o).quickbar ? (d(), w("div", fs, [
+          v("div", vs, [
+            s(Q, {
+              color: t(o).colors.one,
               class: "text-caption",
               density: "comfortable",
               href: "https://play.vuetifyjs.com",
               icon: "$vuetify-play",
               target: "_blank"
             }, null, 8, ["color"]),
-            s(E, {
-              color: e(o).colors.one,
-              icon: `svg:${e(Rt)}`,
+            s(Q, {
+              color: t(o).colors.one,
+              icon: `svg:${t(jt)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://bin.vuetifyjs.com",
               target: "_blank"
             }, null, 8, ["color", "icon"]),
-            s(E, {
-              color: e(o).colors.one,
-              icon: `svg:${e(Ht)}`,
+            s(Q, {
+              color: t(o).colors.one,
+              icon: `svg:${t(Nt)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://issues.vuetifyjs.com",
               target: "_blank"
             }, null, 8, ["color", "icon"])
           ])
-        ])) : C("", !0)
+        ])) : S("", !0)
       ]),
       _: 1
     }));
   }
-}), ys = { class: "mb-2" }, Vs = { key: 0 }, ks = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, $s = { class: "text-h6" }, xs = /* @__PURE__ */ V({
+}), 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__ */ b({
   __name: "VoUserAvatar",
   setup(u) {
-    const o = N(), i = z(), t = I(!1), r = A(() => {
-      const l = [
+    const o = O(), i = H(), e = U(!1), r = A(() => {
+      const c = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/grass.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/wood.png",
@@ -2325,35 +2330,35 @@ const Xe = X("settings", () => {
         "https://cdn.vuetifyjs.com/docs/images/avatars/meteor.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/tada.png"
       ];
-      return o.user && l.unshift(o.user.picture), l;
+      return o.user && c.unshift(o.user.picture), c;
     });
-    function a(l) {
-      i.avatar = l;
+    function a(c) {
+      i.avatar = c;
     }
-    function c() {
-      o.isSubscriber && (t.value = !t.value);
+    function l() {
+      o.isSubscriber && (e.value = !e.value);
     }
-    return (l, f) => {
+    return (c, h) => {
       var p;
       return d(), w("div", null, [
-        Se((d(), h(ce, {
-          class: at([
+        Se((d(), _(ue, {
+          class: Ke([
             "border-md border-opacity-100 border-surface-variant",
             {
-              "cursor-pointer": e(o).isSubscriber
+              "cursor-pointer": t(o).isSubscriber
             }
           ]),
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: Ue(c, ["prevent", "stop"])
+          onClick: Fe(l, ["prevent", "stop"])
         }, {
           default: n(() => [
-            e(o).user && e(i).avatar ? (d(), h(ve, {
+            t(o).user && t(i).avatar ? (d(), _(Le, {
               key: 0,
-              src: e(i).avatar,
+              src: t(i).avatar,
               alt: "User avatar"
-            }, null, 8, ["src"])) : (d(), h(B, {
+            }, null, 8, ["src"])) : (d(), _(N, {
               key: 1,
               class: "mt-1",
               icon: "$vuetify",
@@ -2362,29 +2367,29 @@ const Xe = X("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [io, e(o).isSubscriber]
+          [Kt, t(o).isSubscriber]
         ]),
-        v("div", ys, [
-          s(ae, null, {
+        v("div", hs, [
+          s(ie, null, {
             default: n(() => [
-              t.value ? (d(), w("div", Vs, [
-                s(O, {
+              e.value ? (d(), w("div", gs, [
+                s(T, {
                   class: "pt-6 pb-1",
                   rounded: "0",
                   flat: ""
                 }, {
                   default: n(() => [
-                    v("div", ks, [
-                      (d(!0), w(F, null, te(r.value, (y, D) => (d(), h(E, {
-                        key: D,
-                        active: e(i).avatar === y,
+                    v("div", bs, [
+                      (d(!0), w(F, null, te(r.value, (k, L) => (d(), _(Q, {
+                        key: L,
+                        active: t(i).avatar === k,
                         variant: "flat",
                         icon: "",
-                        onClick: (m) => a(y)
+                        onClick: (m) => a(k)
                       }, {
                         default: n(() => [
-                          s(ce, {
-                            image: y,
+                          s(ue, {
+                            image: k,
                             eager: ""
                           }, null, 8, ["image"])
                         ]),
@@ -2394,27 +2399,27 @@ const Xe = X("settings", () => {
                   ]),
                   _: 1
                 })
-              ])) : C("", !0)
+              ])) : S("", !0)
             ]),
             _: 1
           })
         ]),
-        v("div", $s, S(((p = e(o).user) == null ? void 0 : p.name) ?? "Guest"), 1)
+        v("div", ys, C(((p = t(o).user) == null ? void 0 : p.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), ws = { class: "d-flex" }, Ss = { key: "reset" }, Cs = /* @__PURE__ */ V({
+}), ks = { class: "d-flex" }, $s = { key: "reset" }, xs = /* @__PURE__ */ b({
   __name: "VoUserColors",
   setup(u) {
-    const o = N(), i = z(), t = I(!1);
+    const o = O(), i = H(), e = U(!1);
     function r() {
       i.colors.one = "surface-light";
     }
-    return (a, c) => {
-      const l = ge;
+    return (a, l) => {
+      const c = ae;
       return d(), w(F, null, [
-        s(ve, {
-          color: e(o).user ? e(i).colors.one : "surface-light",
+        s(Le, {
+          color: t(o).user ? t(i).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           height: "88",
           rounded: "0",
@@ -2422,40 +2427,40 @@ const Xe = X("settings", () => {
           flat: ""
         }, {
           default: n(() => [
-            v("div", ws, [
-              e(o).isSubscriber ? (d(), h(l, {
+            v("div", ks, [
+              t(o).isSubscriber ? (d(), _(c, {
                 key: 0,
-                active: t.value,
-                icon: t.value ? `svg:${e(K)}` : "$edit",
-                variant: t.value ? "text" : "plain",
+                active: e.value,
+                icon: e.value ? `svg:${t(ee)}` : "$edit",
+                variant: e.value ? "text" : "plain",
                 color: "inherit",
-                onClick: c[0] || (c[0] = (f) => t.value = !t.value)
+                onClick: l[0] || (l[0] = (h) => e.value = !e.value)
               }, {
                 default: n(() => [
                   s(Ce, { "leave-absolute": "" }, {
                     default: n(() => [
-                      (d(), h(B, {
-                        key: String(t.value)
+                      (d(), _(N, {
+                        key: String(e.value)
                       }))
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
-              }, 8, ["active", "icon", "variant"])) : C("", !0),
-              s(Jt, null, {
+              }, 8, ["active", "icon", "variant"])) : S("", !0),
+              s(Mt, null, {
                 default: n(() => [
-                  Se(v("div", Ss, [
-                    s(l, {
-                      disabled: e(i).colors.one === "surface-light",
-                      icon: `svg:${e(Mt)}`,
+                  Se(v("div", $s, [
+                    s(c, {
+                      disabled: t(i).colors.one === "surface-light",
+                      icon: `svg:${t(Ot)}`,
                       class: "ms-1",
                       color: "inherit",
                       variant: "text",
                       onClick: r
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
-                    [Be, t.value]
+                    [Oe, e.value]
                   ])
                 ]),
                 _: 1
@@ -2464,11 +2469,11 @@ const Xe = X("settings", () => {
           ]),
           _: 1
         }, 8, ["color"]),
-        s(ae, null, {
+        s(ie, null, {
           default: n(() => [
-            t.value ? (d(), h(ao, {
+            e.value ? (d(), _(eo, {
               key: 0,
-              "model-value": e(i).colors.one !== "surface-light" ? e(i).colors.one : void 0,
+              "model-value": t(i).colors.one !== "surface-light" ? t(i).colors.one : void 0,
               elevation: "0",
               height: "250",
               rounded: "0",
@@ -2478,182 +2483,98 @@ const Xe = X("settings", () => {
               "hide-inputs": "",
               "hide-sliders": "",
               "show-swatches": "",
-              "onUpdate:modelValue": c[1] || (c[1] = (f) => e(i).colors.one = f)
-            }, null, 8, ["model-value"])) : C("", !0)
+              "onUpdate:modelValue": l[1] || (l[1] = (h) => t(i).colors.one = h)
+            }, null, 8, ["model-value"])) : S("", !0)
           ]),
           _: 1
         })
       ], 64);
     };
   }
-}), Ls = { class: "text-center mt-n9 mb-4" }, Ke = /* @__PURE__ */ V({
+}), ws = { class: "text-center mt-n9 mb-4" }, Ss = /* @__PURE__ */ b({
   __name: "VoUserMenu",
   setup(u) {
-    const o = N(), i = z(), t = I(!o.user);
-    return H(() => i.syncSettings, (r, a) => {
-      r && a === !1 && (t.value = !0);
-    }), H(() => o.user, (r) => {
-      r && (t.value = !1);
-    }), (r, a) => {
-      const c = Cs, l = xs, f = bs, p = _s, y = fo;
-      return d(), h(O, {
-        rounded: "lg",
-        width: "280",
-        border: ""
-      }, {
-        default: n(() => [
-          s(c),
-          v("div", Ls, [
-            s(l),
-            s(f)
-          ]),
-          s(R),
-          s(p),
-          s(R),
-          s(y)
-        ]),
-        _: 1
-      });
-    };
-  }
-}), As = /* @__PURE__ */ V({
-  __name: "VoUserBtn",
-  setup(u) {
-    const o = N(), i = z();
-    return (t, r) => {
-      const a = Ke;
-      return d(), h(E, {
-        loading: e(o).isLoading,
-        class: "vo-user-btn",
-        icon: ""
+    const o = X();
+    return (i, e) => {
+      const r = xs, a = Vs, l = _s, c = ms, h = uo;
+      return d(), _(to, {
+        modelValue: t(o).isOpen,
+        "onUpdate:modelValue": e[0] || (e[0] = (p) => t(o).isOpen = p),
+        "close-on-click": !1,
+        "close-on-content-click": !1,
+        activator: "parent",
+        location: "bottom end",
+        eager: ""
       }, {
-        loader: n(() => [
-          s(we, { type: "avatar" })
-        ]),
         default: n(() => [
-          s(qe, {
-            "close-on-click": !1,
-            "close-on-content-click": !1,
-            disabled: !e(o).user || e(o).isLoading,
-            activator: "parent",
-            location: "bottom end"
+          s(T, {
+            rounded: "lg",
+            width: "280",
+            border: ""
           }, {
             default: n(() => [
-              s(a)
+              s(r),
+              v("div", ws, [
+                s(a),
+                s(l)
+              ]),
+              s(R),
+              s(c),
+              s(R),
+              s(h)
             ]),
             _: 1
-          }, 8, ["disabled"]),
-          e(o).user ? (d(), h(ce, {
-            key: 0,
-            image: e(i).avatar || e(o).user.picture || ""
-          }, null, 8, ["image"])) : C("", !0)
+          })
         ]),
         _: 1
-      }, 8, ["loading"]);
+      }, 8, ["modelValue"]);
     };
   }
-});
-const et = (u, o) => {
-  const i = u.__vccOpts || u;
-  for (const [t, r] of o)
-    i[t] = r;
-  return i;
-}, tt = /* @__PURE__ */ et(As, [["__scopeId", "data-v-66be3e26"]]), Is = /* @__PURE__ */ V({
+}), Cs = { key: 0 }, Ls = /* @__PURE__ */ b({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(u) {
-    const o = N(), { lgAndUp: i, mdAndDown: t } = Le();
-    return (r, a) => {
-      const c = tt, l = Ke;
-      return d(), h(qe, null, {
-        activator: n(({ props: f }) => [
-          !e(o).user && !e(o).isLoading ? (d(), h(E, se({ key: 0 }, {
-            ...f,
-            [`${e(i) ? "append-" : ""}icon`]: `svg:${e(Re)}`,
-            text: e(i) ? "Login" : void 0
-          }, {
-            rounded: e(t),
-            class: "text-none",
-            color: "primary",
-            variant: "outlined"
-          }), null, 16, ["rounded"])) : (d(), h(c, { key: 1 }))
-        ]),
-        default: n(() => [
-          s(l)
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Ds = { class: "text-center mb-6" }, Us = /* @__PURE__ */ V({
-  __name: "VoAuthDialog",
-  setup(u) {
-    const o = N(), { mdAndDown: i, lgAndUp: t } = Le(), r = Pe();
-    return (a, c) => {
-      const l = Je, f = Ye, p = tt;
-      return !e(o).user && !e(o).isLoading ? (d(), h(Me, {
-        key: 0,
-        "max-width": "480"
+    const o = O(), i = X(), e = H(), { lgAndUp: r, mdAndDown: a } = He();
+    return (l, c) => {
+      const h = Ss, p = ae;
+      return d(), _(p, ce({
+        [`${t(r) ? "append-" : ""}icon`]: t(o).user ? void 0 : `svg:${t(Bt)}`
       }, {
-        activator: n(({ props: y }) => [
-          s(E, se({
-            ...y,
-            [`${e(t) ? "append-" : ""}icon`]: `svg:${e(Re)}`,
-            text: e(t) ? "Login" : void 0
-          }, {
-            rounded: e(i),
-            class: "text-none",
-            color: "primary",
-            variant: "outlined"
-          }), null, 16, ["rounded"])
+        color: t(i).isOpen ? "primary" : "surface-light",
+        icon: t(o).user,
+        rounded: t(a),
+        class: "vo-auth-btn",
+        size: "default",
+        variant: "outlined",
+        active: ""
+      }), {
+        loader: n(() => [
+          s(we, { type: "avatar" })
         ]),
         default: n(() => [
-          s(O, { class: "pt-6 pb-1 pb-sm-4 px-4 px-sm-8" }, {
-            default: n(() => [
-              s(ve, {
-                src: `https://cdn.vuetifyjs.com/docs/images/logos/vuetify-logo-v3-slim-text-${e(r).name.value}.svg`,
-                class: "mb-4",
-                height: "30"
-              }, null, 8, ["src"]),
-              v("div", Ds, [
-                s(Gt, { class: "text-h5 mb-1 text-md-h4 font-weight-bold" }, {
-                  default: n(() => [
-                    j(S(e(o).lastLoginProvider() ? "Welcome Back" : "Log in to Vuetify"), 1)
-                  ]),
-                  _: 1
-                }),
-                s(qt, { class: "text-wrap" }, {
-                  default: n(() => [
-                    j(" Sign in with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
-                  ]),
-                  _: 1
-                })
-              ]),
-              s(Q, {
-                class: "mx-auto",
-                "max-width": "300",
-                width: "100%"
-              }, {
-                default: n(() => [
-                  s(l, { class: "mb-3" }),
-                  s(f)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
+          t(o).user ? S("", !0) : (d(), w("span", Cs, "Login")),
+          t(o).user ? (d(), _(ue, {
+            key: 1,
+            image: t(e).avatar || t(o).user.picture || ""
+          }, null, 8, ["image"])) : S("", !0),
+          s(h)
         ]),
         _: 1
-      })) : (d(), h(p, { key: 1 }));
+      }, 16, ["color", "icon", "rounded"]);
     };
   }
-}), Fs = (u) => (rt("data-v-86d0e524"), u = u(), lt(), u), js = ["href", "title"], Ns = {
+});
+const Ye = (u, o) => {
+  const i = u.__vccOpts || u;
+  for (const [e, r] of o)
+    i[e] = r;
+  return i;
+}, Is = /* @__PURE__ */ Ye(Ls, [["__scopeId", "data-v-5f125c79"]]), As = (u) => (et("data-v-86d0e524"), u = u(), tt(), u), Ds = ["href", "title"], Us = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Bs = /* @__PURE__ */ Fs(() => /* @__PURE__ */ v("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Os = /* @__PURE__ */ V({
+}, Fs = /* @__PURE__ */ As(() => /* @__PURE__ */ v("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), js = /* @__PURE__ */ b({
   __name: "VoFooter",
   setup(u) {
     const o = [
@@ -2664,7 +2585,7 @@ const et = (u, o) => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${Pt}`,
+        icon: `svg:${zt}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -2679,16 +2600,16 @@ const et = (u, o) => {
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${Oe}`,
+        icon: `svg:${Be}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${Et}`,
+        icon: `svg:${Tt}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (i, t) => (d(), h(ro, {
+    return (i, e) => (d(), _(oo, {
       class: "vo-footer",
       height: "40"
     }, {
@@ -2701,25 +2622,25 @@ const et = (u, o) => {
           rel: "noopener noreferrer",
           target: "_blank"
         }, [
-          s(B, {
+          s(N, {
             icon: r.icon,
             size: r.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
-        ], 8, js)), 64)),
-        v("div", Ns, [
-          j(" © 2016-" + S((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          Bs
+        ], 8, Ds)), 64)),
+        v("div", Us, [
+          j(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          Fs
         ])
       ]),
       _: 1
     }));
   }
 });
-const zs = /* @__PURE__ */ et(Os, [["__scopeId", "data-v-86d0e524"]]), xn = X("bins", () => {
-  const u = N(), o = _e(), i = ee([]), t = ee(), r = I(!1), a = I(-1), c = A(() => !u.user || !t.value ? !1 : u.user.id === t.value.owner.id), l = A(() => i.value.filter((g) => g.favorite)), f = A(() => i.value.filter((g) => g.pinned));
-  H(t, () => {
+const Ns = /* @__PURE__ */ Ye(js, [["__scopeId", "data-v-86d0e524"]]), Vn = K("bins", () => {
+  const u = O(), o = _e(), i = Z([]), e = Z(), r = U(!1), a = U(-1), l = A(() => !u.user || !e.value ? !1 : u.user.id === e.value.owner.id), c = A(() => i.value.filter((g) => g.favorite)), h = A(() => i.value.filter((g) => g.pinned));
+  W(e, () => {
     window.clearTimeout(a.value), a.value = window.setTimeout(() => {
-      !t.value || !c.value || m(t.value, t.value.id);
+      !e.value || !l.value || m(e.value, e.value.id);
     }, 100);
   }, { deep: !0 });
   async function p() {
@@ -2733,90 +2654,90 @@ const zs = /* @__PURE__ */ et(Os, [["__scopeId", "data-v-86d0e524"]]), xn = X("b
     }
     return i.value;
   }
-  async function y(g) {
+  async function k(g) {
     try {
-      r.value = !0, await o.delete(`/one/bins/${g}`), i.value = i.value.filter((x) => x.id !== g);
+      r.value = !0, await o.delete(`/one/bins/${g}`), i.value = i.value.filter(($) => $.id !== g);
     } catch {
     } finally {
       r.value = !1;
     }
     return !0;
   }
-  async function D(g) {
+  async function L(g) {
     try {
       r.value = !0;
-      const x = await o.post("/one/bins", { bin: g });
-      return i.value.push(x.bin), t.value = x.bin, x;
+      const $ = await o.post("/one/bins", { bin: g });
+      return i.value.push($.bin), e.value = $.bin, $;
     } catch {
     } finally {
       r.value = !1;
     }
     return { bin: g };
   }
-  async function m(g, x) {
+  async function m(g, $) {
     try {
       r.value = !0;
-      const L = await o.post(`/one/bins/${x}`, { bin: g }), $ = i.value.findIndex((T) => T.id === x);
-      i.value.splice($, 1, L.bin);
+      const I = await o.post(`/one/bins/${$}`, { bin: g }), V = i.value.findIndex((B) => B.id === $);
+      i.value.splice(V, 1, I.bin);
     } catch {
     } finally {
       r.value = !1;
     }
     return { bin: g };
   }
-  async function k(g, x) {
+  async function y(g, $) {
     try {
       r.value = !0;
-      const L = x ? await m(g, x) : await D(g);
-      t.value = L.bin;
+      const I = $ ? await m(g, $) : await L(g);
+      e.value = I.bin;
     } catch {
     } finally {
       r.value = !1;
     }
     return { bin: g };
   }
-  async function U(g) {
+  async function D(g) {
     try {
       r.value = !0;
-      const x = await o.get(`/one/bins/${g}`);
-      t.value = x.bin;
+      const $ = await o.get(`/one/bins/${g}`);
+      e.value = $.bin;
     } catch {
     } finally {
       r.value = !1;
     }
-    return { bin: t.value };
+    return { bin: e.value };
   }
   return {
     isLoading: r,
-    isOwner: c,
-    pinned: f,
-    favorites: l,
+    isOwner: l,
+    pinned: h,
+    favorites: c,
     all: i,
-    create: D,
-    delete: y,
-    current: t,
-    find: U,
+    create: L,
+    delete: k,
+    current: e,
+    find: D,
     get: p,
     update: m,
-    updateOrCreate: k
+    updateOrCreate: y
   };
 });
-function wn() {
+function kn() {
   function u(o) {
-    o.component("VoAuthBtn", Is), o.component("VoAuthDialog", Us), o.component("VoFooter", zs);
+    o.component("VoAuthBtn", Is), o.component("VoFooter", Ns);
   }
   return { install: u };
 }
-function Sn(u) {
+function $n(u) {
   u.store.url = "https://api.vuetifyjs.com";
 }
 export {
-  wn as createOne,
-  Sn as one,
-  N as useAuthStore,
-  xn as useBinsStore,
+  kn as createOne,
+  $n as one,
+  O as useAuthStore,
+  Vn as useBinsStore,
   _e as useHttpStore,
-  oe as useOneStore,
-  Xe as useSettingsStore,
-  z as useUserStore
+  X as useOneStore,
+  Ge as useSettingsStore,
+  H as useUserStore
 };