@vuetify/one 0.6.2 → 1.0.0

package/dist/index.js

@@ -1,52 +1,75 @@
-import { reactive as Y, toRefs as Z, ref as B, shallowRef as j, computed as g, watch as N, defineComponent as $, openBlock as y, createBlock as b, unref as r, withCtx as m, createVNode as v, createTextVNode as D, toDisplayString as U, createCommentVNode as K, mergeProps as Q, createElementVNode as C, createElementBlock as ee, Fragment as te, renderList as ne, pushScopeId as oe, popScopeId as se, onBeforeMount as ie } from "vue";
-import { defineStore as S } from "pinia";
-import { merge as T } from "lodash-es";
-import { mdiDiscord as M, mdiGithub as G, mdiViewDashboard as ae, mdiLogoutVariant as re, mdiLogin as le, mdiShieldStarOutline as ue, mdiReddit as ce } from "@mdi/js";
-import { VListItem as z, VList as J, VListSubheader as fe } from "vuetify/lib/components/VList/index.mjs";
-import { VAvatar as de } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VBtn as W } from "vuetify/lib/components/VBtn/index.mjs";
-import { VMenu as pe } from "vuetify/lib/components/VMenu/index.mjs";
-import { VSkeletonLoader as ve } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { useDisplay as me, useTheme as he } from "vuetify";
-import { VCard as ye, VCardTitle as ge, VCardSubtitle as be } from "vuetify/lib/components/VCard/index.mjs";
-import { VDialog as _e } from "vuetify/lib/components/VDialog/index.mjs";
-import { VImg as we } from "vuetify/lib/components/VImg/index.mjs";
-import { VFooter as Le } from "vuetify/lib/components/VFooter/index.mjs";
-import { VIcon as xe } from "vuetify/lib/components/VIcon/index.mjs";
-const R = S("http", {
+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 _, unref as e, createSlots as G, withCtx as n, createElementVNode as v, toDisplayString as w, createVNode as s, withModifiers as Ue, createCommentVNode as C, renderSlot as W, mergeModels as nt, useModel as de, createElementBlock as S, 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 { 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 { VDivider as R } from "vuetify/lib/components/VDivider/index.mjs";
+import { VIcon as B } 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 { 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", {
   state: () => ({
     url: ""
   }),
   actions: {
-    async fetch(n, t = {}) {
-      const o = await fetch(`${this.url}${n}`, {
+    async fetch(u, o = {}) {
+      const i = await fetch(`${this.url}${u}`, {
         credentials: "include",
-        ...t
+        ...o
       });
-      return o.status === 204 ? o : o.json();
+      return i.status === 204 ? i : i.json();
     },
-    async post(n, t, o = {}) {
-      return this.fetch(n, {
+    async post(u, o, i = {}) {
+      return this.fetch(u, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify(t),
-        ...o
+        body: JSON.stringify(o),
+        ...i
       });
     },
-    async get(n, t = {}) {
-      return this.fetch(n, t);
+    async get(u, o = {}) {
+      return this.fetch(u, o);
     },
-    async delete(n, t = {}) {
-      return this.fetch(n, {
+    async delete(u, o = {}) {
+      return this.fetch(u, {
         method: "DELETE",
-        ...t
+        ...o
       });
     }
   }
-}), H = typeof window < "u", P = {
-  v: 4,
+}), ke = typeof window < "u", le = {
+  v: 5,
   api: "link-only",
   avatar: "",
   dev: !1,
@@ -62,8 +85,17 @@ const R = S("http", {
   syncSettings: !0,
   quickbar: !1,
   railDrawer: !1,
+  suits: {
+    show: !1,
+    elements: ["app-bar"],
+    suit: ""
+  },
+  colors: {
+    one: "surface-light"
+  },
   notifications: {
     show: !0,
+    banners: !0,
     read: [],
     last: {
       banner: [],
@@ -74,290 +106,2552 @@ const R = S("http", {
       jobs: null
     }
   }
-}, q = S("user", () => {
-  const n = Y(T({}, P));
-  function t() {
-    if (!H)
-      return;
-    const s = localStorage.getItem("vuetify@user"), e = s ? JSON.parse(s) : {}, h = e.v === n.v;
-    e.v || (e.pwaRefresh = !0, typeof e.api == "boolean" && (e.api = e.api ? "inline" : "link-only"), typeof e.rtl == "boolean" && (e.direction = e.rtl ? "rtl" : "ltr", delete e.rtl), typeof e.theme == "object" && (e.mixedTheme = e.theme.mixed, e.theme = e.theme.system ? "system" : e.theme.dark ? "dark" : "light"), Array.isArray(e.notifications) && (e.notifications = { read: e.notifications }), typeof e.last == "object" && (e.notifications.last = e.last, delete e.last)), e.v === 1 && (Array.isArray(e.composition) && (e.composition = "composition"), Array.isArray(e.notifications.last.banner) || (e.notifications = e.notifications || {}, e.notifications.last = e.notifications.last || {}, e.notifications.last.banner = [])), e.v === 2 && (e.syncSettings = !0, e.disableAds = !1, e.v = 3), e.v === 3 && (e.quickbar = !1), e.v = n.v, Object.assign(n, T(n, e)), h && o();
-  }
+}, z = X("user", () => {
+  const u = ot(be({}, le));
   function o() {
-    H && localStorage.setItem("vuetify@user", JSON.stringify(n, null, 2));
+    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();
   }
   function i() {
-    H && (Object.assign(n, T({}, P)), o());
+    ke && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
   }
-  return t(), {
-    ...Z(n),
-    load: t,
-    save: o,
-    reset: i
+  function t() {
+    ke && (Object.assign(u, be({}, le)), i());
+  }
+  return o(), {
+    ...st(u),
+    load: o,
+    save: i,
+    reset: t
   };
-}), w = S("auth", () => {
-  const n = B(null), t = R(), o = q(), i = j(!1), s = g(() => {
-    var l, a;
-    return !t.url || ((l = n.value) == null ? void 0 : l.isAdmin) || ((a = n.value) == null ? void 0 : a.sponsorships.some((d) => d.isActive));
+}), 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));
   });
-  let e = !1;
-  N(n, (l) => {
-    if (!(l != null && l.settings))
+  let a = !1;
+  H(u, (m) => {
+    if (!(m != null && m.settings))
       return;
-    const a = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(l.settings, null, 2) !== a && (e = !0, Object.assign(o, l.settings));
-  }), o.$subscribe(() => {
-    e || h(), e = !1;
+    const k = localStorage.getItem("vuetify@user") || "{}";
+    JSON.stringify(m.settings, null, 2) !== k && (a = !0, Object.assign(i, m.settings));
+  }), i.$subscribe(() => {
+    a || c(), a = !1;
   });
-  async function h() {
+  async function c() {
     try {
-      await t.post("/user/settings", { settings: o.$state });
-    } catch (l) {
-      console.error(l);
+      await o.post("/user/settings", { settings: i.$state });
+    } catch (m) {
+      console.error(m);
     }
   }
-  async function f(l = !1) {
-    if (f.promise)
-      return f.promise;
-    i.value = !0, f.promise = fetch(`${t.url}/auth/verify`, {
+  async function l(m = !1) {
+    if (l.promise)
+      return l.promise;
+    t.value = !0, l.promise = fetch(`${o.url}/auth/verify`, {
       credentials: "include",
-      headers: l ? {
+      headers: m ? {
         "Cache-Control": "no-cache"
       } : void 0
     }).then(
-      async (a) => {
-        a.ok ? n.value = (await a.json()).user : a.status === 401 ? n.value = null : console.error(a.statusText);
+      async (k) => {
+        k.ok ? u.value = (await k.json()).user : k.status === 401 ? u.value = null : console.error(k.statusText);
       },
       () => {
       }
     ).finally(() => {
-      i.value = !1, f.promise = null;
+      t.value = !1, l.promise = null;
     });
   }
-  f.promise = null;
-  async function L(l = "github") {
-    i.value = !0;
-    const a = `${t.url}/auth/${l}/redirect`, d = 400, k = 600, u = window.screenX + (window.innerWidth - d) / 2, c = window.screenY + (window.innerHeight - k) / 2, p = window.open(
+  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(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${u},top=${c},width=${d},height=${k},resizable`
+      `popup,left=${x},top=${L},width=${U},height=${g},resizable`
     );
-    if (!p) {
+    if (!$) {
       console.error("Failed to open popup");
       return;
     }
-    p.location.href = a;
-    let I = -1, A = -1;
-    function E(V) {
-      var F;
-      V.origin === t.url && ((F = V.data) == null ? void 0 : F.type) === "auth-response" && (V.data.status === "success" ? (n.value || localStorage.setItem("vuetify@lastLoginProvider", l), n.value = V.data.body.user) : console.error(V.data.message), O());
+    $.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), h());
     }
-    function O() {
-      window.removeEventListener("message", E), window.clearInterval(I), window.clearTimeout(A), p == null || p.close(), i.value = !1;
+    function h() {
+      window.removeEventListener("message", P), window.clearInterval(T), window.clearTimeout(M), $ == null || $.close(), t.value = !1;
     }
-    window.addEventListener("message", E), I = window.setInterval(() => {
-      !p || p.closed ? (console.error("Auth popup closed"), O()) : p.postMessage({ type: "auth-request" }, "*");
-    }, 1e3), A = window.setTimeout(() => {
-      O(), console.error("Auth timed out");
+    window.addEventListener("message", P), T = window.setInterval(() => {
+      !$ || $.closed ? (console.error("Auth popup closed"), h()) : $.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), M = window.setTimeout(() => {
+      h(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function x() {
-    i.value = !0;
+  async function p(m) {
+    t.value = !0;
+    const k = m ? `/auth/${m}/logout` : "/auth/logout";
     try {
-      await t.post("/auth/logout"), await f(!0), n.value = null;
-    } catch (l) {
-      console.error(l);
+      await o.post(k), await l(!0), u.value = null;
+    } catch (U) {
+      console.error(U);
     } finally {
-      i.value = !1;
+      t.value = !1;
     }
   }
-  function _() {
+  function y(m) {
+    var k;
+    return (k = u.value) == null ? void 0 : k.identities.find((U) => U.provider === m);
+  }
+  function D() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return _() && f(), {
-    user: n,
-    url: t.url,
-    isLoading: i,
-    verify: f,
-    login: L,
-    logout: x,
-    isSubscriber: s,
-    lastLoginProvider: _
+  return D() && l(), {
+    user: u,
+    url: o.url,
+    isLoading: t,
+    findIdentity: y,
+    verify: l,
+    login: f,
+    logout: p,
+    isSubscriber: r,
+    lastLoginProvider: D,
+    sync: c
   };
-}), Ve = /* @__PURE__ */ $({
-  __name: "VoDiscordLogin",
-  setup(n) {
-    const t = w();
-    return (o, i) => (y(), b(z, {
-      "prepend-icon": `svg:${r(M)}`,
-      title: r(t).user ? "Connect Discord" : "Log in with Discord",
-      subtitle: !r(t).user && r(t).lastLoginProvider() === "discord" ? "Last Used" : "",
-      nav: "",
+}), lo = { class: "text-body-2" }, co = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), Ye = /* @__PURE__ */ V({
+  __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(), _(pe, {
+      "prepend-icon": `svg:${e(Oe)}`,
       "base-color": "#5865F2",
-      slim: "",
+      rounded: "pill",
       variant: "flat",
-      onClick: i[0] || (i[0] = (s) => r(t).login("discord"))
-    }, null, 8, ["prepend-icon", "title", "subtitle"]));
-  }
-}), $e = /* @__PURE__ */ $({
-  __name: "VoGithubLogin",
-  setup(n) {
-    const t = w();
-    return (o, i) => (y(), b(z, {
-      "prepend-icon": `svg:${r(G)}`,
-      title: r(t).user ? "Connect GitHub" : "Log in with GitHub",
-      subtitle: !r(t).user && r(t).lastLoginProvider() === "github" ? "Last Used" : "",
-      "base-color": "#2a2a2a",
-      nav: "",
       slim: "",
+      onClick: a[0] || (a[0] = (c) => e(o).login("discord"))
+    }, G({
+      title: n(() => [
+        v("span", lo, w(t.value), 1)
+      ]),
+      _: 2
+    }, [
+      !e(o).user && e(o).lastLoginProvider() === "discord" ? {
+        name: "subtitle",
+        fn: n(() => [
+          co
+        ]),
+        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({
+  __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(), _(pe, {
+      "prepend-icon": `svg:${e(ze)}`,
+      "base-color": "#2a2a2a",
+      rounded: "pill",
       variant: "flat",
-      onClick: i[0] || (i[0] = (s) => r(t).login("github"))
-    }, null, 8, ["prepend-icon", "title", "subtitle"]));
+      slim: "",
+      onClick: a[0] || (a[0] = (c) => e(o).login("github"))
+    }, G({
+      title: n(() => [
+        v("span", uo, w(t.value), 1)
+      ]),
+      _: 2
+    }, [
+      !e(o).user && e(o).lastLoginProvider() === "github" ? {
+        name: "subtitle",
+        fn: n(() => [
+          po
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["prepend-icon"]));
   }
-}), Se = /* @__PURE__ */ $({
-  __name: "VoUserBtn",
+}), mo = { class: "pa-4 d-flex flex-column ga-4" }, fo = /* @__PURE__ */ V({
+  __name: "VoAuthListItem",
+  setup(u) {
+    const o = N(), i = z(), t = I(!o.user && !o.isLoading);
+    H(() => o.user, (a) => {
+      t.value = !a;
+    });
+    function r() {
+      o.user && (t.value = !t.value);
+    }
+    return (a, c) => {
+      const l = Je, f = Ye;
+      return d(), _(O, {
+        variant: t.value ? "tonal" : "text",
+        class: "ma-2",
+        rounded: "lg"
+      }, {
+        default: n(() => [
+          s(Q, { 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",
+                class: "mb-0",
+                rounded: "b-0",
+                nav: "",
+                slim: "",
+                onClick: r
+              }, {
+                append: n(() => [
+                  s(Ce, null, {
+                    default: n(() => [
+                      e(o).user && (t.value || !e(i).syncSettings) ? (d(), _(He, {
+                        key: 0,
+                        modelValue: e(i).syncSettings,
+                        "onUpdate:modelValue": c[0] || (c[0] = (p) => e(i).syncSettings = p),
+                        color: e(i).syncSettings ? "success" : void 0,
+                        density: "compact",
+                        "hide-details": "",
+                        inset: "",
+                        onClick: c[1] || (c[1] = Ue(() => {
+                        }, ["stop"]))
+                      }, {
+                        thumb: n(() => [
+                          s(ce, {
+                            color: e(i).syncSettings ? "success" : void 0
+                          }, null, 8, ["color"])
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue", "color"])) : C("", !0)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["link", "prepend-icon", "title"]),
+              s(ae, null, {
+                default: n(() => [
+                  !e(o).user && !e(o).isLoading || t.value ? (d(), _(Yt, {
+                    key: 0,
+                    border: "t",
+                    color: "transparent"
+                  }, {
+                    default: n(() => [
+                      v("div", mo, [
+                        s(l, {
+                          onClick: c[2] || (c[2] = (p) => t.value = !1)
+                        }),
+                        s(f, {
+                          onClick: c[3] || (c[3] = (p) => t.value = !1)
+                        })
+                      ])
+                    ]),
+                    _: 1
+                  })) : C("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["variant"]);
+    };
+  }
+}), Y = /* @__PURE__ */ V({
+  __name: "VoListItem",
+  setup(u) {
+    return (o, i) => (d(), _(pe, { slim: "" }, G({
+      default: n(() => [
+        W(o.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      o.$slots.prepend ? {
+        name: "prepend",
+        fn: n(() => [
+          W(o.$slots, "prepend")
+        ]),
+        key: "0"
+      } : void 0,
+      o.$slots.title ? {
+        name: "title",
+        fn: n(() => [
+          W(o.$slots, "title")
+        ]),
+        key: "1"
+      } : void 0,
+      o.$slots.append ? {
+        name: "append",
+        fn: n(() => [
+          W(o.$slots, "append")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1024));
+  }
+}), vo = /* @__PURE__ */ V({
+  __name: "VoAuthLogoutListItem",
+  setup(u) {
+    const o = N(), i = I(!1);
+    async function t() {
+      i.value = !0, await o.logout(), i.value = !1;
+    }
+    return (r, a) => {
+      const c = Y;
+      return d(), _(c, {
+        disabled: i.value,
+        loading: i.value,
+        "prepend-icon": `svg:${e(dt)}`,
+        class: "mb-0",
+        title: "Logout",
+        link: "",
+        onClick: t
+      }, null, 8, ["disabled", "loading", "prepend-icon"]);
+    };
+  }
+}), he = /* @__PURE__ */ V({
+  __name: "VoDialog",
+  props: /* @__PURE__ */ nt({
+    prependIcon: {},
+    title: {}
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(u) {
+    const o = de(u, "modelValue");
+    return (i, t) => (d(), _(Me, {
+      modelValue: o.value,
+      "onUpdate:modelValue": t[1] || (t[1] = (r) => o.value = r),
+      activator: "parent",
+      height: "100%",
+      "max-height": "800",
+      "max-width": "800"
+    }, {
+      default: n(({ isActive: r }) => [
+        s(O, {
+          "prepend-icon": i.prependIcon,
+          title: i.title,
+          class: "overflow-hidden",
+          height: "inherit"
+        }, G({
+          append: n(() => [
+            W(i.$slots, "append"),
+            s(E, {
+              density: "comfortable",
+              icon: "$close",
+              size: "small",
+              variant: "text",
+              onClick: t[0] || (t[0] = (a) => o.value = !o.value)
+            })
+          ]),
+          default: n(() => [
+            s(R, { class: "mt-4" }),
+            W(i.$slots, "default")
+          ]),
+          _: 2
+        }, [
+          i.$slots.prepend ? {
+            name: "prepend",
+            fn: n(() => [
+              W(i.$slots, "prepend")
+            ]),
+            key: "0"
+          } : void 0,
+          i.$slots.actions ? {
+            name: "actions",
+            fn: n(() => [
+              W(i.$slots, "actions", { isActive: r })
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["prepend-icon", "title"])
+      ]),
+      _: 3
+    }, 8, ["modelValue"]));
+  }
+}), Qe = /* @__PURE__ */ V({
+  __name: "VoSwitch",
   props: {
-    external: Boolean
+    disabled: { type: Boolean }
+  },
+  setup(u) {
+    return (o, i) => (d(), _(He, {
+      disabled: o.disabled,
+      "true-icon": `svg:${e(K)}`,
+      color: "primary",
+      density: "compact",
+      inset: ""
+    }, G({
+      thumb: n(() => [
+        s(B, {
+          color: o.disabled ? void 0 : "primary"
+        }, null, 8, ["color"])
+      ]),
+      _: 2
+    }, [
+      o.$slots.label ? {
+        name: "label",
+        fn: n(() => [
+          W(o.$slots, "label")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["disabled", "true-icon"]));
+  }
+}), _o = {
+  key: 1,
+  class: "mb-3 text-caption text-medium-emphasis"
+}, re = /* @__PURE__ */ V({
+  __name: "VoDialogSubheader",
+  props: {
+    title: {},
+    text: {}
+  },
+  setup(u) {
+    return (o, i) => (d(), S(F, null, [
+      o.title ? (d(), _($e, {
+        key: 0,
+        class: "font-weight-black"
+      }, {
+        default: n(() => [
+          j(w(o.title), 1)
+        ]),
+        _: 1
+      })) : C("", !0),
+      o.text ? (d(), S("div", _o, w(o.text), 1)) : C("", !0)
+    ], 64));
+  }
+}), ho = { key: 0 }, go = /* @__PURE__ */ V({
+  __name: "VoSettingsPageSuitOption",
+  setup(u) {
+    N();
+    const o = z(), i = [
+      {
+        title: "Blackguard",
+        prependIcon: `svg:${Te}`,
+        value: "blackguard"
+      }
+      // {
+      //   title: 'Polaris',
+      //   prependIcon: `svg:${mdiImageFilterHdr}`,
+      //   value: 'polaris',
+      // },
+      // {
+      //   title: 'Nebula',
+      //   prependIcon: `svg:${mdiRocketLaunchOutline}`,
+      //   value: 'nebula',
+      // },
+    ];
+    return (t, r) => {
+      const a = Qe, c = re;
+      return d(), S(F, null, [
+        s(a, {
+          modelValue: e(o).suits.show,
+          "onUpdate:modelValue": r[0] || (r[0] = (l) => e(o).suits.show = l),
+          class: "mb-2",
+          label: "Enable Page suits",
+          messages: "Customize layout elements with a unique background, styled after one of our themed releases."
+        }, null, 8, ["modelValue"]),
+        s(ae, null, {
+          default: n(() => [
+            e(o).suits.show ? (d(), S("div", ho, [
+              s(Xt, {
+                modelValue: e(o).suits.suit,
+                "onUpdate:modelValue": r[1] || (r[1] = (l) => e(o).suits.suit = l),
+                items: i,
+                density: "compact",
+                placeholder: "Choose page suit",
+                style: { "max-width": "300px" },
+                variant: "outlined",
+                clearable: "",
+                "item-props": "",
+                "single-line": ""
+              }, {
+                selection: n(({ item: l }) => [
+                  s(B, {
+                    icon: l.props.prependIcon,
+                    size: "x-small",
+                    start: ""
+                  }, null, 8, ["icon"]),
+                  j(" " + w(l.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),
+                color: "primary",
+                filter: "",
+                multiple: ""
+              }, {
+                default: n(() => [
+                  s(q, {
+                    "append-icon": `svg:${e(pt)}`,
+                    "filter-icon": "$success",
+                    text: "App Bar",
+                    value: "app-bar",
+                    variant: "flat"
+                  }, {
+                    append: n(() => [
+                      s(R, {
+                        class: "ms-2 border-opacity-50",
+                        vertical: ""
+                      }),
+                      s(B, { size: "x-small" })
+                    ]),
+                    _: 1
+                  }, 8, ["append-icon"]),
+                  s(q, {
+                    "append-icon": `svg:${e(mt)}`,
+                    "filter-icon": "$success",
+                    text: "Navigation Drawer",
+                    value: "drawer",
+                    variant: "flat"
+                  }, {
+                    append: n(() => [
+                      s(R, {
+                        class: "ms-2 border-opacity-50",
+                        vertical: ""
+                      }),
+                      s(B, { size: "x-small" })
+                    ]),
+                    _: 1
+                  }, 8, ["append-icon"]),
+                  s(q, {
+                    "append-icon": "$info",
+                    "filter-icon": "$success",
+                    text: "Footer",
+                    value: "footer",
+                    variant: "flat"
+                  }, {
+                    append: n(() => [
+                      s(R, {
+                        class: "ms-2 border-opacity-50",
+                        vertical: ""
+                      }),
+                      s(B, { size: "x-small" })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])) : C("", !0)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+});
+function bo() {
+  return {
+    blackguard: {
+      dark: !0,
+      colors: {
+        background: "#0f0c24",
+        primary: "#e7810d",
+        surface: "#1e184a",
+        info: "#9c27b0",
+        accent: "#FF4081",
+        success: "#84b38a",
+        "surface-light": "#362b89",
+        "surface-bright": "#564f8a",
+        "surface-variant": "#6458b4",
+        "on-surface-variant": "#FFFFFF",
+        "primary-darken-1": "#c56e0b",
+        secondary: "#8A2BE2",
+        "secondary-darken-1": "#7919cb",
+        error: "#FF5555",
+        warning: "#ffa726"
+      },
+      variables: {
+        "border-color": "#FFFFFF",
+        "border-opacity": 0.12,
+        "high-emphasis-opacity": 0.87,
+        "medium-emphasis-opacity": 0.6,
+        "disabled-opacity": 0.38,
+        "idle-opacity": 0.1,
+        "hover-opacity": 0.08,
+        "focus-opacity": 0.12,
+        "selected-opacity": 0.12,
+        "activated-opacity": 0.12,
+        "pressed-opacity": 0.16,
+        "dragged-opacity": 0.08,
+        "theme-kbd": "#212529",
+        "theme-on-kbd": "#FFFFFF",
+        "theme-code": "#343434",
+        "theme-on-code": "#CCCCCC"
+      }
+    },
+    nebula: {
+      dark: !0,
+      colors: {
+        background: "#0a0f1b",
+        surface: "#1c1f2a",
+        primary: "#4d5b9e",
+        "primary-darken-1": "#424a8c",
+        secondary: "#7a82d2",
+        accent: "#00eaff",
+        info: "#29b6f6",
+        warning: "#ffeb3b",
+        error: "#e91e63",
+        success: "#4caf50",
+        "on-surface-variant": "#5c6bc0",
+        "surface-light": "#2a3c66",
+        "secondary-darken-1": "#686f9a"
+      },
+      variables: {
+        "border-color": "#FFFFFF",
+        "border-opacity": 0.12,
+        "high-emphasis-opacity": 0.87,
+        "medium-emphasis-opacity": 0.6,
+        "disabled-opacity": 0.38,
+        "idle-opacity": 0.1,
+        "hover-opacity": 0.08,
+        "focus-opacity": 0.12,
+        "selected-opacity": 0.12,
+        "activated-opacity": 0.12,
+        "pressed-opacity": 0.16,
+        "dragged-opacity": 0.08,
+        "theme-kbd": "#212529",
+        "theme-on-kbd": "#FFFFFF",
+        "theme-code": "#343434",
+        "theme-on-code": "#CCCCCC"
+      }
+    },
+    highContrast: {
+      dark: !0,
+      colors: {
+        background: "#000000",
+        surface: "#000000",
+        primary: "#ffD700",
+        "primary-darken-1": "#e6c300",
+        secondary: "#00ff00",
+        "secondary-darken-1": "#00e600",
+        accent: "#ff00ff",
+        info: "#31aaff",
+        warning: "#ffaa00",
+        error: "#ff0000",
+        success: "#00ff00",
+        "on-surface-variant": "#000000",
+        "surface-light": "#f2f2f2",
+        "surface-bright": "#e6e6e6",
+        "surface-variant": "#cccccc"
+      },
+      variables: {
+        "border-color": "#ffffff",
+        "border-opacity": 0.87,
+        "high-emphasis-opacity": 1,
+        "medium-emphasis-opacity": 0.87,
+        "disabled-opacity": 0.5,
+        "idle-opacity": 0.1,
+        "hover-opacity": 0.2,
+        "focus-opacity": 0.3,
+        "selected-opacity": 0.3,
+        "activated-opacity": 0.3,
+        "pressed-opacity": 0.4,
+        "dragged-opacity": 0.2,
+        "theme-kbd": "#000000",
+        "theme-on-kbd": "#ffffff",
+        "theme-code": "#000000",
+        "theme-on-code": "#ffffff"
+      }
+    }
+  };
+}
+const Xe = X("settings", () => {
+  const u = "https://cdn.vuetifyjs.com/docs/images/one/", o = N(), i = z(), t = Pe(), r = bo(), a = {
+    blackguard: {
+      "app-bar": u + "suits/blackguard/blackguard-app-bar.png",
+      drawer: u + "suits/blackguard/blackguard-app-drawer.png",
+      footer: ""
+    }
+    // polaris: {
+    //   'app-bar': '',
+    //   'drawer': '',
+    //   footer: '',
+    // },
+    // nebula: {
+    //   'app-bar': '',
+    //   'drawer': '',
+    //   footer: '',
+    // },
+  }, c = A(() => {
+    if (!i.suits.suit || !i.suits.show || !o.isSubscriber)
+      return {};
+    const l = a[i.suits.suit.toLowerCase()], f = {};
+    for (const p of i.suits.elements)
+      f[p] = l[p];
+    return f;
+  });
+  return t.themes.value = {
+    ...t.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;
+  }), {
+    suit: c,
+    CDN_URL: u
+  };
+}), yo = /* @__PURE__ */ V({
+  __name: "VoSettingsDialog",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
   },
-  setup(n) {
-    const t = n, o = w(), i = q(), s = g(() => [
-      { title: "Options", type: "subheader" },
+  emits: ["update:modelValue"],
+  setup(u) {
+    const o = de(u, "modelValue"), i = N(), t = Xe(), r = z(), a = [
       {
-        title: "My Dashboard",
-        appendIcon: `svg:${ae}`,
-        to: t.external ? void 0 : "/user/dashboard",
-        href: t.external ? "https://vuetifyjs.com/user/dashboard/" : void 0,
-        target: t.external ? "_blank" : void 0
+        title: "Light",
+        subtitle: "A standard light theme.",
+        image: t.CDN_URL + "themes/light.png",
+        prependIcon: `svg:${ft}`,
+        value: "light"
       },
       {
-        title: "My Subscriptions",
-        appendIcon: "$vuetify",
-        href: "https://vuetifyjs.com/user/subscriptions/",
-        target: "_blank"
+        title: "Dark",
+        subtitle: "A standard dark theme.",
+        image: t.CDN_URL + "themes/dark.png",
+        prependIcon: `svg:${vt}`,
+        value: "dark"
       },
       {
-        title: "Logout",
-        appendIcon: `svg:${re}`,
-        onClick: () => {
-          o.logout();
-        }
+        title: "System",
+        subtitle: "A theme based on the system preference.",
+        image: t.CDN_URL + "themes/system.png",
+        prependIcon: `svg:${_t}`,
+        value: "system"
+      },
+      {
+        title: "Blackguard",
+        subtitle: "A theme for v3.4 Blackguard.",
+        image: t.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}`,
+        value: "polaris",
+        disabled: !0
+      },
+      {
+        title: "Nebula",
+        subtitle: "A theme for v3.6 Nebula.",
+        image: t.CDN_URL + "themes/nebula.png",
+        prependIcon: `svg:${gt}`,
+        value: "nebula",
+        disabled: !0
+      },
+      {
+        title: "High Contrast",
+        subtitle: "A theme for high contrast.",
+        image: t.CDN_URL + "themes/high-contrast.png",
+        prependIcon: `svg:${bt}`,
+        value: "highContrast",
+        disabled: !0
       }
-    ]);
-    return (e, h) => (y(), b(W, {
-      class: "vo-user-btn",
-      loading: r(o).isLoading,
-      icon: ""
-    }, {
-      loader: m(() => [
-        v(ve, { type: "avatar" })
+    ];
+    return (c, l) => {
+      const f = re, p = go, y = Qe, D = he;
+      return d(), _(D, {
+        modelValue: o.value,
+        "onUpdate:modelValue": l[5] || (l[5] = (m) => o.value = m),
+        "prepend-icon": `svg:${e(yt)}`,
+        title: "Settings"
+      }, {
+        default: n(() => [
+          s(Ae, null, {
+            default: n(() => [
+              s(Ie, { scrollable: "" }, {
+                default: n(() => [
+                  s(J, { class: "px-7" }, {
+                    default: n(() => [
+                      s(f, {
+                        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),
+                        mandatory: ""
+                      }, {
+                        default: n(() => [
+                          s(fe, { dense: "" }, {
+                            default: n(() => [
+                              (d(), S(F, null, te(a, (m, k) => s(ie, {
+                                key: k,
+                                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({
+                                            color: g ? "primary" : "surface-variant",
+                                            disabled: m.disabled,
+                                            image: m.image,
+                                            "prepend-icon": m.prependIcon,
+                                            ripple: !m.disabled,
+                                            subtitle: m.disabled ? "In Development" : m.subtitle,
+                                            title: m.title,
+                                            height: "76",
+                                            variant: "tonal"
+                                          }, x, { onClick: U }), {
+                                            image: n(() => [
+                                              s(ve, {
+                                                style: Fe({
+                                                  filter: g || L ? "none" : "grayscale(100%)"
+                                                })
+                                              }, null, 8, ["style"])
+                                            ]),
+                                            _: 2
+                                          }, 1040, ["color", "disabled", "image", "prepend-icon", "ripple", "subtitle", "title", "onClick"])
+                                        ]),
+                                        _: 2
+                                      }, 1024)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["value"])
+                                ]),
+                                _: 2
+                              }, 1024)), 64))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"]),
+                      e(i).isSubscriber ? (d(), S(F, { key: 0 }, [
+                        s(R, { class: "mt-6 mb-4" }),
+                        s(p)
+                      ], 64)) : C("", !0)
+                    ]),
+                    _: 1
+                  }),
+                  s(R),
+                  s(J, { class: "px-7" }, {
+                    default: n(() => [
+                      s(f, {
+                        text: "These options change your browsing experience within Vuetify properties",
+                        title: "Experience"
+                      }),
+                      e(i).isSubscriber ? (d(), _(y, {
+                        key: 0,
+                        modelValue: e(r).disableAds,
+                        "onUpdate:modelValue": l[1] || (l[1] = (m) => e(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),
+                        label: "Enable Quick Actions",
+                        messages: "Quick actions are located on the Vuetify One user menu and provide quick access to common tasks."
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  s(R),
+                  e(i).isSubscriber ? (d(), _(J, {
+                    key: 0,
+                    class: "px-7"
+                  }, {
+                    default: n(() => [
+                      s(f, {
+                        text: "Vuetify will communicate with you through banners and notifications. You can disable these features here or reset your local notification cache.",
+                        title: "Communication"
+                      }),
+                      s(y, {
+                        modelValue: e(r).notifications.show,
+                        "onUpdate:modelValue": l[3] || (l[3] = (m) => e(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(), _(y, {
+                        key: 0,
+                        modelValue: e(r).notifications.banners,
+                        "onUpdate:modelValue": l[4] || (l[4] = (m) => e(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)
+                    ]),
+                    _: 1
+                  })) : C("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "prepend-icon"]);
+    };
+  }
+}), Vo = /* @__PURE__ */ V({
+  __name: "VoSettingsListItem",
+  setup(u) {
+    const o = I(!1);
+    return (i, t) => {
+      const r = yo, a = Y;
+      return d(), _(a, {
+        active: o.value,
+        "prepend-icon": `svg:${e(Vt)}`,
+        title: "Settings",
+        link: ""
+      }, {
+        default: n(() => [
+          s(r, {
+            modelValue: o.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (c) => o.value = c)
+          }, 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(), _(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"
+        })
       ]),
-      default: m(() => [
-        v(pe, {
-          disabled: !r(o).user || r(o).isLoading,
-          activator: "parent",
-          location: "bottom end"
+      _: 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 h;
+    return (h = a.value) == null ? void 0 : h.items[0].plan.interval;
+  }), f = A(() => {
+    var h;
+    return (h = i.user) == null ? void 0 : h.sponsorships.find((b) => b.platform === "stripe" && b.tierName.startsWith("sub_"));
+  }), p = A(() => {
+    var h;
+    return !!((h = f.value) != null && h.tierName);
+  }), y = A(() => {
+    var h;
+    return (h = f.value) == null ? void 0 : h.isActive;
+  }), D = A(() => {
+    var h;
+    return (h = i.user) == null ? void 0 : h.sponsorships.find((b) => b.platform === "github");
+  }), m = A(() => {
+    var h;
+    return (h = i.user) == null ? void 0 : h.sponsorships.find((b) => b.platform === "discord");
+  }), k = A(() => {
+    var h;
+    return (h = i.user) == null ? void 0 : h.sponsorships.find((b) => b.platform === "patreon");
+  }), U = A(() => {
+    var h;
+    return (h = i.user) == null ? void 0 : h.sponsorships.reduce((b, Z) => (Z.platform !== "stripe" && (b += Z.amount), b), 0);
+  });
+  it(async () => {
+    o && await g();
+  }), H(y, (h, b) => {
+    h === !1 && b !== !0 || M();
+  });
+  async function g() {
+    try {
+      r.value = !0;
+      const h = await t.post("/one/activate", { sessionId: o });
+      i.user = h.user;
+      const b = new URL(window.location.href);
+      b.searchParams.delete("session_id"), history.pushState(null, "", b.toString()), P();
+    } catch {
+    } finally {
+      r.value = !1;
+    }
+  }
+  async function x() {
+    window.open(`${t.url}/one/manage`, "_blank");
+  }
+  async function L(h) {
+    r.value = !0, window.location.href = `${t.url}/one/subscribe?interval=${h}`;
+  }
+  async function $() {
+    var h;
+    if (f.value)
+      try {
+        r.value = !0;
+        const b = await t.post(
+          `/one/cancel?subscriptionId=${(h = f.value) == null ? void 0 : h.tierName}`
+        );
+        i.user = b.user;
+      } catch {
+      } finally {
+        r.value = !1;
+      }
+  }
+  async function T(h) {
+    if (f.value)
+      try {
+        r.value = !0;
+        const b = await t.post("/one/modify", {
+          subscriptionId: f.value.tierName,
+          interval: h
+        });
+        i.user = b.user;
+      } catch {
+      } finally {
+        r.value = !1;
+      }
+  }
+  async function M() {
+    var h;
+    if (f.value)
+      try {
+        r.value = !0;
+        const b = await t.post(
+          `/one/verify?subscriptionId=${(h = f.value) == null ? void 0 : h.tierName}`
+        );
+        i.user = b.user;
+      } catch {
+      } finally {
+        r.value = !1;
+      }
+  }
+  async function P() {
+    try {
+      r.value = !0;
+      const h = await t.get("/one/info");
+      return a.value = h.subscription, c.value = h.invoices, h;
+    } catch {
+    } finally {
+      r.value = !1;
+    }
+  }
+  return {
+    info: a,
+    interval: l,
+    invoices: c,
+    sessionId: o,
+    subscription: f,
+    monthlyTotal: U,
+    hasBilling: p,
+    isLoading: r,
+    isSubscriber: y,
+    github: D,
+    patreon: k,
+    discord: m,
+    activate: g,
+    cancel: $,
+    manage: x,
+    modify: T,
+    subscribe: L,
+    subscriptionInfo: P,
+    verify: M
+  };
+}), ko = { class: "text-caption" }, $o = /* @__PURE__ */ V({
+  __name: "VoSubscriptionInvoices",
+  setup(u) {
+    const o = me(), i = oe();
+    return (t, r) => {
+      const a = re;
+      return d(), _(fe, null, {
+        default: n(() => [
+          s(ie, { cols: "12" }, {
+            default: n(() => [
+              s(a, {
+                text: "View and download your invoice history.",
+                title: "Invoice History"
+              }),
+              s(O, {
+                height: "450",
+                rounded: "lg",
+                border: ""
+              }, {
+                default: n(() => [
+                  s(Kt, {
+                    items: e(i).invoices,
+                    loading: e(i).isLoading,
+                    sticky: ""
+                  }, {
+                    "item.date": n(({ item: c }) => [
+                      v("div", ko, w(e(o).format(c.date, "fullDateWithWeekday")), 1)
+                    ]),
+                    "item.amount": n(({ item: c }) => [
+                      j(" $" + w(c.amount / 100), 1)
+                    ]),
+                    "item.status": n(({ item: c }) => [
+                      s(q, {
+                        text: c.status,
+                        border: "success sm",
+                        class: "text-capitalize",
+                        color: "success",
+                        size: "small",
+                        variant: "tonal",
+                        label: ""
+                      }, null, 8, ["text"])
+                    ]),
+                    "item.pdf": n(({ item: c }) => [
+                      s(E, {
+                        href: c.pdf,
+                        icon: `svg:${e(kt)}`,
+                        size: "small",
+                        target: "_blank",
+                        variant: "text"
+                      }, null, 8, ["href", "icon"])
+                    ]),
+                    _: 1
+                  }, 8, ["items", "loading"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), xo = { class: "d-flex align-center" }, wo = {
+  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({
+  __name: "VoSubscriptionStatus",
+  emits: ["change:subscription"],
+  setup(u, { emit: o }) {
+    const i = me(), t = oe(), r = o, a = A(() => {
+      if (!t.info)
+        return;
+      const l = new Date(t.info.currentPeriodEnd * 1e3);
+      return i.format(l, "keyboardDate");
+    });
+    async function c() {
+      t.interval && (t.isLoading = !0, t.subscribe(t.interval));
+    }
+    return (l, f) => {
+      const p = ge;
+      return d(), _(fe, null, {
+        default: n(() => [
+          s(ie, { cols: "12" }, {
+            default: n(() => {
+              var y, D;
+              return [
+                s(O, {
+                  "prepend-icon": "$vuetify",
+                  rounded: "lg",
+                  title: "Subscription Status",
+                  border: "",
+                  flat: ""
+                }, G({
+                  append: n(() => {
+                    var m;
+                    return [
+                      e(t).hasBilling && ((m = e(t).info) == null ? void 0 : m.status) === "canceled" ? (d(), _(p, {
+                        key: 0,
+                        loading: e(t).isLoading,
+                        class: "me-2",
+                        color: "success",
+                        "prepend-icon": "$success",
+                        text: "Activate",
+                        variant: "outlined",
+                        onClick: c
+                      }, null, 8, ["loading"])) : C("", !0),
+                      e(t).hasBilling ? (d(), _(p, {
+                        key: 1,
+                        loading: e(t).isLoading,
+                        "prepend-icon": `svg:${e($t)}`,
+                        text: "Billing",
+                        onClick: e(t).manage
+                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : C("", !0)
+                    ];
+                  }),
+                  _: 2
+                }, [
+                  e(t).info ? {
+                    name: "subtitle",
+                    fn: n(() => [
+                      v("div", xo, [
+                        v("span", wo, w(e(t).info.status), 1),
+                        e(t).info.items.length ? (d(), S(F, { key: 0 }, [
+                          So,
+                          v("span", Co, [
+                            j(" $" + w(e(t).info.items[0].plan.amount / 100), 1),
+                            v("span", Lo, "/" + w(e(t).interval), 1)
+                          ]),
+                          s(p, {
+                            size: "x-small",
+                            text: "(Change Subscription)",
+                            variant: "text",
+                            onClick: f[0] || (f[0] = (m) => r("change:subscription"))
+                          })
+                        ], 64)) : C("", !0)
+                      ])
+                    ]),
+                    key: "0"
+                  } : {
+                    name: "subtitle",
+                    fn: n(() => [
+                      v("div", { class: "d-flex align-center" }, [
+                        s(we, {
+                          height: "16",
+                          type: "ossein",
+                          width: "40"
+                        }),
+                        v("span", { class: "mx-1" }, "—"),
+                        s(we, {
+                          height: "16",
+                          type: "ossein",
+                          width: "80"
+                        })
+                      ])
+                    ]),
+                    key: "1"
+                  }
+                ]), 1024),
+                v("div", Ao, [
+                  v("div", null, [
+                    ((y = e(t).info) == null ? void 0 : y.status) === "active" ? (d(), S(F, { key: 0 }, [
+                      j(" Your plan renews on "),
+                      v("span", Io, w(e(i).format(a.value, "fullDateWithWeekday")), 1),
+                      j(". ")
+                    ], 64)) : (d(), S(F, { key: 1 }, [
+                      j(" Your plan ends on "),
+                      v("span", Do, w(e(i).format((D = e(t).info) == null ? void 0 : D.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      j(". ")
+                    ], 64))
+                  ])
+                ])
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), 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({
+  __name: "VoSubscriptionPerks",
+  setup(u) {
+    const o = [
+      "Ad Free Experience on all Vuetify properties",
+      'Save and share code snippets with <a href="https://vbin.io/" target="_blank">VBin</a>',
+      'Pinned Navigation Items and Rail drawer in <a href="https://vuetifyjs.com/" target="_blank">Documentation</a>',
+      "Customize Navigation components with Page Suits",
+      "Custom Vuetify One menu avatar"
+    ], i = [
+      'Special role in the <a href="https://discord.vuetifyjs.com/" target="_blank">Vuetify Discord</a>',
+      'Save and share your playgrounds with <a href="https://play.vuetifyjs.com" target="_blank">Vuetify Play</a>',
+      "Receive a special label on GitHub created issues and pull requests"
+    ], t = I(!1), r = oe();
+    return H(t, async (a) => {
+      a && r.subscriptionInfo();
+    }), (a, c) => {
+      const l = Y;
+      return d(), S(F, null, [
+        s($e, { class: "font-weight-black" }, {
+          default: n(() => [
+            j("Perks")
+          ]),
+          _: 1
+        }),
+        Fo,
+        s(Q, {
+          lines: !1,
+          class: "py-0",
+          density: "compact",
+          nav: ""
         }, {
-          default: m(() => [
-            v(J, {
-              items: s.value,
-              lines: !1,
-              density: "compact",
-              "item-props": "",
-              nav: ""
+          default: n(() => [
+            (d(), S(F, null, te(o, (f, p) => s(l, {
+              key: p,
+              "prepend-icon": `svg:${e(K)}`,
+              class: "mb-0"
+            }, {
+              prepend: n(() => [
+                s(B, {
+                  class: "mx-n2",
+                  color: "success",
+                  size: "small"
+                })
+              ]),
+              title: n(() => [
+                v("div", { innerHTML: f }, null, 8, jo)
+              ]),
+              _: 2
+            }, 1032, ["prepend-icon"])), 64))
+          ]),
+          _: 1
+        }),
+        No,
+        s($e, { class: "font-weight-black" }, {
+          default: n(() => [
+            j("Up Next")
+          ]),
+          _: 1
+        }),
+        Bo,
+        s(Q, {
+          lines: !1,
+          class: "py-0",
+          density: "compact",
+          nav: ""
+        }, {
+          default: n(() => [
+            (d(), S(F, null, te(i, (f, p) => s(l, {
+              key: p,
+              "prepend-icon": `svg:${e(xt)}`,
+              class: "mb-0"
+            }, {
+              prepend: n(() => [
+                s(B, {
+                  class: "mx-n2",
+                  size: "small"
+                })
+              ]),
+              title: n(() => [
+                v("div", { innerHTML: f }, null, 8, Oo)
+              ]),
+              _: 2
+            }, 1032, ["prepend-icon"])), 64))
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}), To = /* @__PURE__ */ V({
+  __name: "VoSubscriptionSubscribe",
+  props: {
+    modelValue: {
+      type: String
+    },
+    modelModifiers: {}
+  },
+  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) => {
+      i.value = r;
+    }, { immediate: !0 }), (r, a) => (d(), _(We, {
+      modelValue: i.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (c) => i.value = c)
+    }, {
+      default: n(() => [
+        s(fe, null, {
+          default: n(() => [
+            s(ie, {
+              cols: "12",
+              md: "6"
             }, {
-              subheader: m(({ props: f }) => [
-                v(fe, { class: "text-high-emphasis text-uppercase font-weight-black" }, {
-                  default: m(() => [
-                    D(U(f.title), 1)
+              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",
+                      rounded: "lg",
+                      subtitle: "$2.99/month",
+                      title: "Monthly",
+                      onClick: c
+                    }, {
+                      prepend: n(() => [
+                        s(B, { class: "mt-n6" })
+                      ]),
+                      _: 2
+                    }, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
                   ]),
-                  _: 2
-                }, 1024)
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            s(ie, {
+              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",
+                      rounded: "lg",
+                      subtitle: "$29.99/year",
+                      title: "Yearly",
+                      onClick: c
+                    }, {
+                      prepend: n(() => [
+                        s(B, { class: "mt-n6" })
+                      ]),
+                      append: n(() => [
+                        s(q, {
+                          class: "mt-n6",
+                          color: "success",
+                          size: "small",
+                          text: "Save 20%",
+                          variant: "flat"
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
+                  ]),
+                  _: 1
+                })
               ]),
               _: 1
-            }, 8, ["items"])
+            })
           ]),
           _: 1
-        }, 8, ["disabled"]),
-        r(o).user ? (y(), b(de, {
-          key: 0,
-          image: r(i).avatar || r(o).user.picture || ""
-        }, null, 8, ["image"])) : K("", !0)
+        })
       ]),
       _: 1
-    }, 8, ["loading"]));
+    }, 8, ["modelValue"]));
   }
-});
-const X = (n, t) => {
-  const o = n.__vccOpts || n;
-  for (const [i, s] of t)
-    o[i] = s;
-  return o;
-}, ke = /* @__PURE__ */ X(Se, [["__scopeId", "data-v-aeb16535"]]), Ie = { class: "text-center mb-6" }, Ae = /* @__PURE__ */ $({
-  __name: "VoAuthDialog",
-  setup(n) {
-    const t = w(), { mdAndDown: o, lgAndUp: i } = me(), s = he();
-    return (e, h) => !r(t).user && !r(t).isLoading ? (y(), b(_e, {
-      key: 0,
-      "max-width": "480"
-    }, {
-      activator: m(({ props: f }) => [
-        v(W, Q({
-          ...f,
-          [`${r(i) ? "append-" : ""}icon`]: `svg:${r(le)}`,
-          text: r(i) ? "Login" : void 0
-        }, {
-          rounded: r(o),
-          class: "text-none",
-          color: "primary",
-          variant: "outlined"
-        }), null, 16, ["rounded"])
-      ]),
-      default: m(() => [
-        v(ye, { class: "pt-6 pb-1 pb-sm-4 px-4 px-sm-8" }, {
-          default: m(() => [
-            v(we, {
-              src: `https://cdn.vuetifyjs.com/docs/images/logos/vuetify-logo-v3-slim-text-${r(s).name.value}.svg`,
-              class: "mb-4",
-              height: "30"
-            }, null, 8, ["src"]),
-            C("div", Ie, [
-              v(ge, { class: "text-h5 mb-1 text-md-h4 font-weight-bold" }, {
-                default: m(() => [
-                  D(U(r(t).lastLoginProvider() ? "Welcome Back" : "Log in to Vuetify"), 1)
+}), 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({
+  __name: "VoSubscriptionDialog",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(u) {
+    function o(f) {
+      return new Promise((p) => setTimeout(p, f));
+    }
+    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();
+    }), je(() => {
+      t.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;
+    }
+    return (f, p) => {
+      const y = re, D = To, m = zo, k = Uo, U = $o, g = ge, x = he;
+      return d(), _(x, {
+        modelValue: i.value,
+        "onUpdate:modelValue": p[4] || (p[4] = (L) => i.value = L),
+        "prepend-icon": `svg:${e(wt)}`,
+        title: "Subscriptions"
+      }, G({
+        default: n(() => [
+          v("div", Ro, [
+            s(J, null, {
+              default: n(() => [
+                s(y, {
+                  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 }, {
+                  default: n(() => [
+                    s(ue, { value: "subscribe" }, {
+                      default: n(() => [
+                        s(D, {
+                          modelValue: r.value,
+                          "onUpdate:modelValue": p[0] || (p[0] = (L) => r.value = L)
+                        }, null, 8, ["modelValue"]),
+                        Ho,
+                        s(m)
+                      ]),
+                      _: 1
+                    }),
+                    s(ue, { value: "status" }, {
+                      default: n(() => [
+                        s(k, {
+                          "onChange:subscription": p[1] || (p[1] = (L) => a.value = "subscribe")
+                        }),
+                        s(U)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["model-value"])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 2
+      }, [
+        a.value === "subscribe" ? {
+          name: "actions",
+          fn: n(() => [
+            v("div", Mo, [
+              c.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",
+                color: "success",
+                size: "default",
+                block: "",
+                onClick: l
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(t).isSubscriber ? (d(), _(g, {
+                key: 2,
+                "prepend-icon": `svg:${e(Ct)}`,
+                size: "default",
+                text: "Manage Subscription",
+                block: "",
+                onClick: p[3] || (p[3] = (L) => a.value = "status")
+              }, null, 8, ["prepend-icon"])) : (d(), _(g, {
+                key: 1,
+                color: r.value ? "primary" : "disabled",
+                disabled: !r.value,
+                loading: e(t).isLoading,
+                "prepend-icon": "$vuetify",
+                size: "default",
+                text: "Activate Subscription",
+                block: "",
+                onClick: p[2] || (p[2] = (L) => e(t).subscribe(r.value))
+              }, null, 8, ["color", "disabled", "loading"]))
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "prepend-icon"]);
+    };
+  }
+}), Eo = /* @__PURE__ */ V({
+  __name: "VoSubscriptionListItem",
+  setup(u) {
+    const o = I(!1);
+    return (i, t) => {
+      const r = Po, a = Y;
+      return d(), _(a, {
+        active: o.value,
+        "prepend-icon": `svg:${e(Lt)}`,
+        title: "Subscriptions",
+        link: ""
+      }, {
+        default: n(() => [
+          s(r, {
+            modelValue: o.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (c) => o.value = c)
+          }, 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({
+  __name: "VoSponsorshipsDialog",
+  setup(u) {
+    const o = me(), i = N(), t = oe(), r = Xe();
+    function a(c) {
+      return o.format(c, "fullDateWithWeekday");
+    }
+    return (c, l) => {
+      const f = re, p = ge, y = Ne("v-empty-state"), D = he;
+      return d(), _(D, {
+        "prepend-icon": `svg:${e(At)}`,
+        "max-height": "820",
+        title: "Sponsorships"
+      }, {
+        default: n(() => [
+          s(Ae, null, {
+            default: n(() => [
+              s(Ie, { scrollable: "" }, {
+                default: n(() => [
+                  v("div", Wo, [
+                    s(J, null, {
+                      default: n(() => [
+                        s(f, {
+                          text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
+                          title: "Support Vuetify"
+                        }),
+                        s(eo, {
+                          class: "justify-start ms-n7",
+                          "line-inset": "12",
+                          side: "end",
+                          style: { "grid-template-columns": "auto auto 1fr" },
+                          "truncate-line": "both"
+                        }, {
+                          default: n(() => {
+                            var m, k, U, g, x, L;
+                            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,
+                                size: "x-small",
+                                width: "100%"
+                              }, {
+                                default: n(() => [
+                                  s(O, {
+                                    "prepend-avatar": e(r).CDN_URL + "/logos/github.png",
+                                    rounded: "lg",
+                                    subtitle: "Support Vuetify through GitHub sponsors.",
+                                    title: "GitHub Sponsors",
+                                    border: ""
+                                  }, {
+                                    append: n(() => {
+                                      var $, T, M, P, h, b;
+                                      return [
+                                        v("div", Go, [
+                                          s(p, {
+                                            color: ($ = e(t).github) != null && $.isActive ? "success" : "primary",
+                                            href: (T = e(t).github) != null && T.isActive ? "https://github.com/sponsors/johnleider" : void 0,
+                                            "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: (h = e(t).github) != null && h.isActive ? "_blank" : void 0,
+                                            text: (b = e(t).github) != null && b.isActive ? "Active" : "Info",
+                                            width: "88"
+                                          }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
+                                        ])
+                                      ];
+                                    }),
+                                    default: n(() => {
+                                      var $;
+                                      return [
+                                        ($ = e(t).github) != null && $.isActive ? (d(), S(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,
+                                                color: "surface-variant",
+                                                size: "small",
+                                                variant: "text",
+                                                label: ""
+                                              }, null, 8, ["prepend-icon", "text"]),
+                                              v("div", qo, [
+                                                j(" Sponsor since "),
+                                                v("span", Yo, w(a(e(t).github.createdAt)), 1)
+                                              ])
+                                            ]),
+                                            _: 1
+                                          })
+                                        ], 64)) : C("", !0)
+                                      ];
+                                    }),
+                                    _: 1
+                                  }, 8, ["prepend-avatar"])
+                                ]),
+                                _: 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,
+                                size: "x-small",
+                                width: "100%"
+                              }, {
+                                default: n(() => [
+                                  s(O, {
+                                    "prepend-avatar": e(r).CDN_URL + "/logos/discord.png",
+                                    rounded: "lg",
+                                    subtitle: "Support Vuetify through Discord.",
+                                    title: "Discord Subscriber",
+                                    variant: "text",
+                                    border: ""
+                                  }, {
+                                    append: n(() => {
+                                      var $, T, M, P, h, b;
+                                      return [
+                                        v("div", Jo, [
+                                          s(p, {
+                                            color: ($ = e(t).discord) != null && $.isActive ? "success" : "primary",
+                                            href: (T = e(t).discord) != null && T.isActive ? "https://discord.com/servers/vuetify-340160225338195969" : void 0,
+                                            "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: (h = e(t).discord) != null && h.isActive ? "_blank" : void 0,
+                                            text: (b = e(t).discord) != null && b.isActive ? "Active" : "Info",
+                                            width: "88"
+                                          }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
+                                        ])
+                                      ];
+                                    }),
+                                    default: n(() => {
+                                      var $;
+                                      return [
+                                        ($ = e(t).discord) != null && $.isActive ? (d(), S(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,
+                                                color: "surface-variant",
+                                                size: "small",
+                                                variant: "text",
+                                                label: ""
+                                              }, null, 8, ["prepend-icon", "text"]),
+                                              v("div", Qo, [
+                                                j(" Subscriber since "),
+                                                v("span", Xo, w(a(e(t).discord.createdAt)), 1)
+                                              ])
+                                            ]),
+                                            _: 1
+                                          })
+                                        ], 64)) : C("", !0)
+                                      ];
+                                    }),
+                                    _: 1
+                                  }, 8, ["prepend-avatar"])
+                                ]),
+                                _: 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,
+                                size: "x-small",
+                                width: "100%"
+                              }, {
+                                default: n(() => [
+                                  s(O, {
+                                    "prepend-avatar": e(r).CDN_URL + "/logos/patreon.png",
+                                    rounded: "lg",
+                                    title: "Patreon Subscriber",
+                                    variant: "text",
+                                    border: ""
+                                  }, {
+                                    append: n(() => {
+                                      var $;
+                                      return [
+                                        v("div", Zo, [
+                                          s(p, {
+                                            text: ($ = e(t).patreon) != null && $.isActive ? "Active" : "Coming Soon",
+                                            color: "surface-variant",
+                                            readonly: ""
+                                          }, null, 8, ["text"])
+                                        ])
+                                      ];
+                                    }),
+                                    default: n(() => {
+                                      var $;
+                                      return [
+                                        ($ = e(t).patreon) != null && $.isActive ? (d(), S(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,
+                                                color: "success",
+                                                variant: "text",
+                                                label: ""
+                                              }, null, 8, ["prepend-icon", "text"]),
+                                              v("div", Ko, [
+                                                j(" Sponsor since "),
+                                                v("span", es, w(a(e(t).patreon.createdAt)), 1)
+                                              ])
+                                            ]),
+                                            _: 1
+                                          })
+                                        ], 64)) : C("", !0)
+                                      ];
+                                    }),
+                                    _: 1
+                                  }, 8, ["prepend-avatar"])
+                                ]),
+                                _: 1
+                              }, 8, ["dot-color", "icon"])
+                            ];
+                          }),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    s(y, {
+                      icon: `svg:${e(It)}`,
+                      class: "mt-auto",
+                      "min-height": "auto",
+                      size: "64",
+                      title: "Your Monthly Contributions"
+                    }, {
+                      media: n(() => [
+                        s(B, { color: "success" })
+                      ]),
+                      headline: n(() => [
+                        v("div", ts, [
+                          e(i).isSubscriber ? (d(), S(F, { key: 0 }, [
+                            j(" $" + w(parseFloat(String(e(t).monthlyTotal)).toFixed(2)), 1)
+                          ], 64)) : (d(), S(F, { key: 1 }, [
+                            j(" $0.00 ")
+                          ], 64))
+                        ])
+                      ]),
+                      text: n(() => [
+                        os
+                      ]),
+                      _: 1
+                    }, 8, ["icon"])
+                  ])
                 ]),
                 _: 1
-              }),
-              v(be, { class: "text-wrap" }, {
-                default: m(() => [
-                  D(" Sign in with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["prepend-icon"]);
+    };
+  }
+}), ns = /* @__PURE__ */ V({
+  __name: "VoSponsorshipsListItem",
+  setup(u) {
+    const o = I(!1);
+    return (i, t) => {
+      const r = ss, a = Y;
+      return d(), _(a, {
+        active: o.value,
+        "prepend-icon": `svg:${e(Dt)}`,
+        title: "Sponsorships",
+        link: ""
+      }, {
+        default: n(() => [
+          s(r, {
+            modelValue: o.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (c) => o.value = c)
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["active", "prepend-icon"]);
+    };
+  }
+}), is = /* @__PURE__ */ v("div", { class: "text-medium-emphasis" }, " All caught up ", -1), as = { class: "ps-3 text-subtitle-2 pe-2" }, rs = { class: "text-truncate" }, ls = { class: "text-caption font-weight-bold text-medium-emphasis" }, cs = { class: "text-disabled text-caption my-2" }, us = /* @__PURE__ */ V({
+  __name: "VoNotificationsList",
+  props: {
+    items: {}
+  },
+  setup(u) {
+    const o = z(), i = me();
+    function t(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);
+    }
+    return (a, c) => {
+      const l = Ne("v-empty-state"), f = Y;
+      return d(), _(Q, {
+        class: "py-0",
+        height: "100%",
+        lines: "three"
+      }, {
+        default: n(() => [
+          a.items.length ? (d(!0), S(F, { key: 1 }, te(a.items, (p, y) => (d(), _(Ee, {
+            key: p.slug
+          }, {
+            default: n(({ isHovering: D, props: m }) => [
+              s(f, se(m, {
+                border: y !== 0 && "t",
+                class: "py-4 mb-0"
+              }), {
+                prepend: n(() => [
+                  v("div", as, w(p.metadata.emoji), 1)
+                ]),
+                append: n(() => [
+                  s(to, {
+                    class: "mt-n3",
+                    width: "56"
+                  }, {
+                    default: n(() => [
+                      s(oo, {
+                        text: t(p.slug) ? "Mark as unread" : "Mark as read",
+                        location: "bottom"
+                      }, {
+                        activator: n(({ props: k }) => [
+                          s(Ce, { "hide-on-leave": "" }, {
+                            default: n(() => [
+                              Se(s(E, se(k, {
+                                icon: `svg:${t(p.slug) ? e(Ft) : e(Ut)}`,
+                                class: "ms-auto",
+                                size: "small",
+                                variant: "text",
+                                "mdi-email-variant": "",
+                                onClick: (U) => r(p)
+                              }), null, 16, ["icon", "onClick"]), [
+                                [Be, D]
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1032, ["text"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                default: n(() => [
+                  s(Wt, { class: "text-wrap text-h6 mb-1" }, {
+                    default: n(() => [
+                      v("div", rs, w(p.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  v("div", ls, w(e(i).format(p.created_at, "fullDateWithWeekday")), 1),
+                  v("div", cs, w(p.metadata.text), 1),
+                  s(q, {
+                    "append-icon": `svg:${e(jt)}`,
+                    href: p.metadata.action,
+                    text: p.metadata.action_text,
+                    size: "small",
+                    target: "_blank",
+                    variant: "text",
+                    border: "",
+                    label: "",
+                    onClick: (k) => r(p)
+                  }, {
+                    append: n(() => [
+                      s(B, { size: "12" })
+                    ]),
+                    _: 2
+                  }, 1032, ["append-icon", "href", "text", "onClick"])
+                ]),
+                _: 2
+              }, 1040, ["border"])
+            ]),
+            _: 2
+          }, 1024))), 128)) : (d(), _(l, {
+            key: 0,
+            class: "mt-16",
+            icon: "$vuetify",
+            size: "256"
+          }, {
+            media: n(() => [
+              s(B, { color: "medium-emphasis" })
+            ]),
+            title: n(() => [
+              is
+            ]),
+            _: 1
+          }))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), 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() {
+    try {
+      t.value = !0;
+      const l = await u.get("/one/notifications");
+      i.value = l.notifications;
+    } catch {
+    } finally {
+      t.value = !1;
+    }
+    return i.value;
+  }
+  return {
+    isLoading: t,
+    all: i,
+    get: c,
+    read: a,
+    unread: r
+  };
+}), ds = { class: "text-caption" }, ps = /* @__PURE__ */ V({
+  __name: "VoNotificationsDialog",
+  setup(u) {
+    const o = Ze(), i = Le(), t = I(["0"]), r = I(!1);
+    return (a, c) => {
+      const l = Y, f = us, p = he;
+      return d(), _(p, {
+        modelValue: r.value,
+        "onUpdate:modelValue": c[2] || (c[2] = (y) => r.value = y),
+        "prepend-icon": `svg:${e(Nt)}`,
+        title: "Notifications"
+      }, {
+        default: n(() => [
+          s(Ae, null, {
+            default: n(() => [
+              s(so, {
+                location: e(i).mobile.value ? "top" : "start",
+                width: e(i).mobile.value ? 128 : 168,
+                permanent: ""
+              }, {
+                default: n(() => [
+                  s(Q, {
+                    selected: t.value,
+                    "onUpdate:selected": c[0] || (c[0] = (y) => t.value = y),
+                    class: "px-4 pt-4",
+                    density: "compact",
+                    mandatory: "",
+                    nav: ""
+                  }, {
+                    default: n(() => [
+                      s(l, {
+                        "prepend-icon": `svg:${e(Bt)}`,
+                        title: "Unread",
+                        value: "0"
+                      }, G({ _: 2 }, [
+                        e(o).unread.length > 0 ? {
+                          name: "append",
+                          fn: n(() => [
+                            v("span", ds, w(e(o).unread.length), 1)
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["prepend-icon"]),
+                      s(l, {
+                        "prepend-icon": `svg:${e(Ot)}`,
+                        title: "Read",
+                        value: "1",
+                        "mdi-archive-outline": ""
+                      }, null, 8, ["prepend-icon"])
+                    ]),
+                    _: 1
+                  }, 8, ["selected"])
+                ]),
+                _: 1
+              }, 8, ["location", "width"]),
+              s(Ie, { scrollable: "" }, {
+                default: n(() => [
+                  s(Ge, {
+                    modelValue: t.value,
+                    "onUpdate:modelValue": c[1] || (c[1] = (y) => t.value = y)
+                  }, {
+                    default: n(() => [
+                      s(ue, { value: "0" }, {
+                        default: n(() => [
+                          s(f, {
+                            items: e(o).unread
+                          }, null, 8, ["items"])
+                        ]),
+                        _: 1
+                      }),
+                      s(ue, { value: "1" }, {
+                        default: n(() => [
+                          s(f, {
+                            items: e(o).read
+                          }, null, 8, ["items"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
                 ]),
                 _: 1
               })
             ]),
-            v(J, {
-              class: "mx-auto",
-              "max-width": "300",
-              width: "100%"
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "prepend-icon"]);
+    };
+  }
+}), ms = /* @__PURE__ */ V({
+  __name: "VoNotificationsListItem",
+  setup(u) {
+    const o = z(), i = Ze(), t = I(!1);
+    return je(async () => {
+      await i.get();
+    }), (r, a) => {
+      const c = ps, l = Y;
+      return e(o).notifications.show ? (d(), _(l, {
+        key: 0,
+        active: t.value,
+        "prepend-icon": `svg:${e(zt)}`,
+        title: "Notifications",
+        link: ""
+      }, G({
+        default: n(() => [
+          s(c, {
+            modelValue: t.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (f) => t.value = f)
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 2
+      }, [
+        e(i).unread.length ? {
+          name: "prepend",
+          fn: n(() => [
+            s(no, {
+              content: e(i).unread.length,
+              color: "error"
             }, {
-              default: m(() => [
-                v($e, { class: "mb-3" }),
-                v(Ve)
+              default: n(() => [
+                s(B)
               ]),
               _: 1
-            })
+            }, 8, ["content"])
           ]),
-          _: 1
-        })
+          key: "0"
+        } : void 0
+      ]), 1032, ["active", "prepend-icon"])) : C("", !0);
+    };
+  }
+}), fs = /* @__PURE__ */ V({
+  __name: "VoDashboardListItem",
+  setup(u) {
+    return (o, i) => {
+      const t = Y;
+      return d(), _(t, {
+        "prepend-icon": `svg:${e(Tt)}`,
+        title: "Dashboard",
+        to: "/user/dashboard"
+      }, null, 8, ["prepend-icon"]);
+    };
+  }
+}), vs = /* @__PURE__ */ V({
+  __name: "VoUserList",
+  setup(u) {
+    const o = N();
+    return (i, t) => {
+      const r = fs, a = ms, c = ns, l = Eo, f = Vo, p = vo;
+      return d(), _(Q, {
+        density: "compact",
+        nav: "",
+        slim: ""
+      }, {
+        default: n(() => [
+          s(r),
+          s(a),
+          s(c),
+          e(o).user ? (d(), _(l, { key: 0 })) : C("", !0),
+          s(f),
+          e(o).user ? (d(), _(p, { key: 1 })) : C("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), _s = { key: 0 }, hs = { class: "d-flex align-center justify-center pa-1 ga-2" }, gs = /* @__PURE__ */ V({
+  __name: "VoUserQuickActions",
+  setup(u) {
+    const o = z();
+    return (i, t) => (d(), _(ae, null, {
+      default: n(() => [
+        e(o).quickbar ? (d(), S("div", _s, [
+          v("div", hs, [
+            s(E, {
+              color: e(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)}`,
+              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)}`,
+              class: "text-caption",
+              density: "comfortable",
+              href: "https://issues.vuetifyjs.com",
+              target: "_blank"
+            }, null, 8, ["color", "icon"])
+          ])
+        ])) : C("", !0)
       ]),
       _: 1
-    })) : (y(), b(ke, { key: 1 }));
+    }));
+  }
+}), bs = { class: "mb-2" }, ys = { key: 0 }, Vs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, ks = { class: "text-h6" }, $s = /* @__PURE__ */ V({
+  __name: "VoUserAvatar",
+  setup(u) {
+    const o = N(), i = z(), t = I(!1), r = A(() => {
+      const l = [
+        "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
+        "https://cdn.vuetifyjs.com/docs/images/avatars/grass.png",
+        "https://cdn.vuetifyjs.com/docs/images/avatars/wood.png",
+        "https://cdn.vuetifyjs.com/docs/images/avatars/gold.png",
+        "https://cdn.vuetifyjs.com/docs/images/avatars/planet.png",
+        "https://cdn.vuetifyjs.com/docs/images/avatars/planetary.png",
+        "https://cdn.vuetifyjs.com/docs/images/avatars/light.png",
+        "https://cdn.vuetifyjs.com/docs/images/avatars/dark.png",
+        "https://cdn.vuetifyjs.com/docs/images/avatars/blackguard.png",
+        "https://cdn.vuetifyjs.com/docs/images/avatars/battlecruiser.png",
+        "https://cdn.vuetifyjs.com/docs/images/avatars/cosmic-blue.png",
+        "https://cdn.vuetifyjs.com/docs/images/avatars/blackhole.png",
+        "https://cdn.vuetifyjs.com/docs/images/avatars/meteor.png",
+        "https://cdn.vuetifyjs.com/docs/images/avatars/tada.png"
+      ];
+      return o.user && l.unshift(o.user.picture), l;
+    });
+    function a(l) {
+      i.avatar = l;
+    }
+    function c() {
+      o.isSubscriber && (t.value = !t.value);
+    }
+    return (l, f) => {
+      var p;
+      return d(), S("div", null, [
+        Se((d(), _(ce, {
+          class: at([
+            "border-md border-opacity-100 border-surface-variant",
+            {
+              "cursor-pointer": e(o).isSubscriber
+            }
+          ]),
+          color: "surface",
+          size: "72",
+          text: "Foobar",
+          onClick: Ue(c, ["prevent", "stop"])
+        }, {
+          default: n(() => [
+            e(o).user && e(i).avatar ? (d(), _(ve, {
+              key: 0,
+              src: e(i).avatar,
+              alt: "User avatar"
+            }, null, 8, ["src"])) : (d(), _(B, {
+              key: 1,
+              class: "mt-1",
+              icon: "$vuetify",
+              size: "x-large"
+            }))
+          ]),
+          _: 1
+        }, 8, ["class"])), [
+          [io, e(o).isSubscriber]
+        ]),
+        v("div", bs, [
+          s(ae, null, {
+            default: n(() => [
+              t.value ? (d(), S("div", ys, [
+                s(O, {
+                  class: "pt-6 pb-1",
+                  rounded: "0",
+                  flat: ""
+                }, {
+                  default: n(() => [
+                    v("div", Vs, [
+                      (d(!0), S(F, null, te(r.value, (y, D) => (d(), _(E, {
+                        key: D,
+                        active: e(i).avatar === y,
+                        variant: "flat",
+                        icon: "",
+                        onClick: (m) => a(y)
+                      }, {
+                        default: n(() => [
+                          s(ce, {
+                            image: y,
+                            eager: ""
+                          }, null, 8, ["image"])
+                        ]),
+                        _: 2
+                      }, 1032, ["active", "onClick"]))), 128))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ])) : C("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        v("div", ks, w(((p = e(o).user) == null ? void 0 : p.name) ?? "Guest"), 1)
+      ]);
+    };
+  }
+}), xs = { class: "d-flex" }, ws = { key: "reset" }, Ss = /* @__PURE__ */ V({
+  __name: "VoUserColors",
+  setup(u) {
+    const o = N(), i = z(), t = I(!1);
+    function r() {
+      i.colors.one = "surface-light";
+    }
+    return (a, c) => {
+      const l = ge;
+      return d(), S(F, null, [
+        s(ve, {
+          color: e(o).user ? e(i).colors.one : "surface-light",
+          "content-class": "d-flex align-start justify-end pa-2",
+          height: "88",
+          rounded: "0",
+          cover: "",
+          flat: ""
+        }, {
+          default: n(() => [
+            v("div", xs, [
+              e(o).isSubscriber ? (d(), _(l, {
+                key: 0,
+                active: t.value,
+                icon: t.value ? `svg:${e(K)}` : "$edit",
+                variant: t.value ? "text" : "plain",
+                color: "inherit",
+                onClick: c[0] || (c[0] = (f) => t.value = !t.value)
+              }, {
+                default: n(() => [
+                  s(Ce, { "leave-absolute": "" }, {
+                    default: n(() => [
+                      (d(), _(B, {
+                        key: String(t.value)
+                      }))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["active", "icon", "variant"])) : C("", !0),
+              s(Jt, null, {
+                default: n(() => [
+                  Se(v("div", ws, [
+                    s(l, {
+                      disabled: e(i).colors.one === "surface-light",
+                      icon: `svg:${e(Mt)}`,
+                      class: "ms-1",
+                      color: "inherit",
+                      variant: "text",
+                      onClick: r
+                    }, null, 8, ["disabled", "icon"])
+                  ], 512), [
+                    [Be, t.value]
+                  ])
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["color"]),
+        s(ae, null, {
+          default: n(() => [
+            t.value ? (d(), _(ao, {
+              key: 0,
+              "model-value": e(i).colors.one !== "surface-light" ? e(i).colors.one : void 0,
+              elevation: "0",
+              height: "250",
+              rounded: "0",
+              "swatches-max-height": "200",
+              width: "278",
+              "hide-canvas": "",
+              "hide-inputs": "",
+              "hide-sliders": "",
+              "show-swatches": "",
+              "onUpdate:modelValue": c[1] || (c[1] = (f) => e(i).colors.one = f)
+            }, null, 8, ["model-value"])) : C("", !0)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
   }
-}), je = (n) => (oe("data-v-b66944c0"), n = n(), se(), n), De = ["href", "title"], Ce = {
+}), Cs = { class: "text-center mt-n9 mb-4" }, Ke = /* @__PURE__ */ V({
+  __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 = Ss, l = $s, f = gs, p = vs, y = fo;
+      return d(), _(O, {
+        rounded: "lg",
+        width: "280",
+        border: ""
+      }, {
+        default: n(() => [
+          s(c),
+          v("div", Cs, [
+            s(l),
+            s(f)
+          ]),
+          s(R),
+          s(p),
+          s(R),
+          s(y)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ls = /* @__PURE__ */ V({
+  __name: "VoUserBtn",
+  setup(u) {
+    const o = N(), i = z();
+    return (t, r) => {
+      const a = Ke;
+      return d(), _(E, {
+        loading: e(o).isLoading,
+        class: "vo-user-btn",
+        icon: ""
+      }, {
+        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"
+          }, {
+            default: n(() => [
+              s(a)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          e(o).user ? (d(), _(ce, {
+            key: 0,
+            image: e(i).avatar || e(o).user.picture || ""
+          }, null, 8, ["image"])) : C("", !0)
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+const et = (u, o) => {
+  const i = u.__vccOpts || u;
+  for (const [t, r] of o)
+    i[t] = r;
+  return i;
+}, tt = /* @__PURE__ */ et(Ls, [["__scopeId", "data-v-66be3e26"]]), As = /* @__PURE__ */ V({
+  __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(), _(qe, null, {
+        activator: n(({ props: f }) => [
+          !e(o).user && !e(o).isLoading ? (d(), _(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(), _(c, { key: 1 }))
+        ]),
+        default: n(() => [
+          s(l)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Is = { class: "text-center mb-6" }, Ds = /* @__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(), _(Me, {
+        key: 0,
+        "max-width": "480"
+      }, {
+        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"])
+        ]),
+        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", Is, [
+                s(Gt, { class: "text-h5 mb-1 text-md-h4 font-weight-bold" }, {
+                  default: n(() => [
+                    j(w(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
+          })
+        ]),
+        _: 1
+      })) : (d(), _(p, { key: 1 }));
+    };
+  }
+}), Us = (u) => (rt("data-v-86d0e524"), u = u(), lt(), u), Fs = ["href", "title"], js = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Oe = /* @__PURE__ */ je(() => /* @__PURE__ */ C("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Te = /* @__PURE__ */ $({
+}, Ns = /* @__PURE__ */ Us(() => /* @__PURE__ */ v("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Bs = /* @__PURE__ */ V({
   __name: "VoFooter",
-  setup(n) {
-    const t = [
+  setup(u) {
+    const o = [
       {
         title: "Vuetify Documentation",
         icon: "$vuetify",
@@ -365,7 +2659,7 @@ const X = (n, t) => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${ue}`,
+        icon: `svg:${Pt}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -375,214 +2669,149 @@ const X = (n, t) => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${G}`,
+        icon: `svg:${ze}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${M}`,
+        icon: `svg:${Oe}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${ce}`,
+        icon: `svg:${Et}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (o, i) => (y(), b(Le, {
+    return (i, t) => (d(), _(ro, {
       class: "vo-footer",
-      theme: "dark",
       height: "40"
     }, {
-      default: m(() => [
-        (y(), ee(te, null, ne(t, (s) => C("a", {
-          key: s.title,
-          href: s.href,
-          title: s.title,
+      default: n(() => [
+        (d(), S(F, null, te(o, (r) => v("a", {
+          key: r.title,
+          href: r.href,
+          title: r.title,
           class: "d-inline-block mx-2 social-link",
-          target: "_blank",
-          rel: "noopener noreferrer"
+          rel: "noopener noreferrer",
+          target: "_blank"
         }, [
-          v(xe, {
-            icon: s.icon,
-            size: s.icon === "$vuetify" ? 24 : 16
+          s(B, {
+            icon: r.icon,
+            size: r.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
-        ], 8, De)), 64)),
-        C("div", Ce, [
-          D(" © 2016-" + U((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          Oe
+        ], 8, Fs)), 64)),
+        v("div", js, [
+          j(" © 2016-" + w((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          Ns
         ])
       ]),
       _: 1
     }));
   }
 });
-const He = /* @__PURE__ */ X(Te, [["__scopeId", "data-v-b66944c0"]]), Ze = S("bins", () => {
-  const n = w(), t = R(), o = B([]), i = B(), s = j(!1), e = j(-1), h = g(() => !n.user || !i.value ? !1 : n.user.id === i.value.owner.id), f = g(() => o.value.filter((u) => u.favorite)), L = g(() => o.value.filter((u) => u.pinned));
-  N(i, () => {
-    window.clearTimeout(e.value), e.value = window.setTimeout(() => {
-      !i.value || !h.value || a(i.value, i.value.id);
+const Os = /* @__PURE__ */ et(Bs, [["__scopeId", "data-v-86d0e524"]]), $n = 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, () => {
+    window.clearTimeout(a.value), a.value = window.setTimeout(() => {
+      !t.value || !c.value || m(t.value, t.value.id);
     }, 100);
   }, { deep: !0 });
-  async function x() {
+  async function p() {
     try {
-      s.value = !0;
-      const u = await t.get("/one/bins");
-      o.value = u.bins;
+      r.value = !0;
+      const g = await o.get("/one/bins");
+      i.value = g.bins;
     } catch {
     } finally {
-      s.value = !1;
+      r.value = !1;
     }
-    return o.value;
+    return i.value;
   }
-  async function _(u) {
+  async function y(g) {
     try {
-      s.value = !0, await t.delete(`/one/bins/${u}`), o.value = o.value.filter((c) => c.id !== u);
+      r.value = !0, await o.delete(`/one/bins/${g}`), i.value = i.value.filter((x) => x.id !== g);
     } catch {
     } finally {
-      s.value = !1;
+      r.value = !1;
     }
     return !0;
   }
-  async function l(u) {
+  async function D(g) {
     try {
-      s.value = !0;
-      const c = await t.post("/one/bins", { bin: u });
-      return o.value.push(c.bin), i.value = c.bin, c;
+      r.value = !0;
+      const x = await o.post("/one/bins", { bin: g });
+      return i.value.push(x.bin), t.value = x.bin, x;
     } catch {
     } finally {
-      s.value = !1;
+      r.value = !1;
     }
-    return { bin: u };
+    return { bin: g };
   }
-  async function a(u, c) {
+  async function m(g, x) {
     try {
-      s.value = !0;
-      const p = await t.post(`/one/bins/${c}`, { bin: u }), I = o.value.findIndex((A) => A.id === c);
-      o.value.splice(I, 1, p.bin);
+      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);
     } catch {
     } finally {
-      s.value = !1;
+      r.value = !1;
     }
-    return { bin: u };
+    return { bin: g };
   }
-  async function d(u, c) {
+  async function k(g, x) {
     try {
-      s.value = !0;
-      const p = c ? await a(u, c) : await l(u);
-      i.value = p.bin;
+      r.value = !0;
+      const L = x ? await m(g, x) : await D(g);
+      t.value = L.bin;
     } catch {
     } finally {
-      s.value = !1;
+      r.value = !1;
     }
-    return { bin: u };
+    return { bin: g };
   }
-  async function k(u) {
+  async function U(g) {
     try {
-      s.value = !0;
-      const c = await t.get(`/one/bins/${u}`);
-      i.value = c.bin;
+      r.value = !0;
+      const x = await o.get(`/one/bins/${g}`);
+      t.value = x.bin;
     } catch {
     } finally {
-      s.value = !1;
+      r.value = !1;
     }
-    return { bin: i.value };
+    return { bin: t.value };
   }
   return {
-    isLoading: s,
-    isOwner: h,
-    pinned: L,
-    favorites: f,
-    all: o,
-    create: l,
-    delete: _,
-    current: i,
-    find: k,
-    get: x,
-    update: a,
-    updateOrCreate: d
-  };
-}), Ke = S("one", () => {
-  const t = new URLSearchParams(window.location.search).get("session_id"), o = w(), i = R(), s = j(!1), e = g(() => {
-    var a;
-    return (a = o.user) == null ? void 0 : a.sponsorships.find((d) => d.platform === "stripe" && d.tierName.startsWith("sub_"));
-  }), h = g(() => {
-    var a;
-    return (a = e.value) == null ? void 0 : a.isActive;
-  });
-  ie(async () => {
-    t && await f();
-  }), N(h, l);
-  async function f() {
-    try {
-      s.value = !0;
-      const a = await i.post("/one/activate", { sessionId: t });
-      o.user = a.user;
-    } catch {
-    } finally {
-      s.value = !1;
-    }
-  }
-  async function L() {
-    s.value = !0, window.location.href = `${i.url}/one/manage`;
-  }
-  async function x() {
-    s.value = !0, window.location.href = `${i.url}/one/subscribe`;
-  }
-  async function _() {
-    var a;
-    if (e.value)
-      try {
-        s.value = !0;
-        const d = await i.post(
-          `/one/cancel?subscriptionId=${(a = e.value) == null ? void 0 : a.tierName}`
-        );
-        o.user = d.user;
-      } catch {
-      } finally {
-        s.value = !1;
-      }
-  }
-  async function l() {
-    var a;
-    if (e.value)
-      try {
-        s.value = !0;
-        const d = await i.post(
-          `/one/verify?subscriptionId=${(a = e.value) == null ? void 0 : a.tierName}`
-        );
-        o.user = d.user;
-      } catch {
-      } finally {
-        s.value = !1;
-      }
-  }
-  return {
-    activate: f,
-    manage: L,
-    cancel: _,
-    subscribe: x,
-    verify: l,
-    subscription: e,
-    isLoading: s,
-    isSubscriber: h
+    isLoading: r,
+    isOwner: c,
+    pinned: f,
+    favorites: l,
+    all: i,
+    create: D,
+    delete: y,
+    current: t,
+    find: U,
+    get: p,
+    update: m,
+    updateOrCreate: k
   };
 });
-function Qe() {
-  function n(t) {
-    t.component("VoAuthDialog", Ae), t.component("VoFooter", He);
+function xn() {
+  function u(o) {
+    o.component("VoAuthBtn", As), o.component("VoAuthDialog", Ds), o.component("VoFooter", Os);
   }
-  return { install: n };
+  return { install: u };
 }
-function et(n) {
-  n.store.url = "https://api.vuetifyjs.com";
+function wn(u) {
+  u.store.url = "https://api.vuetifyjs.com";
 }
 export {
-  Qe as createOne,
-  et as one,
-  w as useAuthStore,
-  Ze as useBinsStore,
-  R as useHttpStore,
-  Ke as useOneStore,
-  q as useUserStore
+  xn as createOne,
+  wn as one,
+  N as useAuthStore,
+  $n as useBinsStore,
+  _e as useHttpStore,
+  oe as useOneStore,
+  Xe as useSettingsStore,
+  z as useUserStore
 };