@vuetify/one 2.1.1 → 2.2.0

package/dist/index.js

@@ -1,49 +1,49 @@
-import { ref as U, defineComponent as k, createBlock as g, openBlock as c, unref as e, reactive as zt, watch as j, toRefs as jt, computed as $, shallowRef as T, onMounted as Ne, createSlots as W, withCtx as r, createElementVNode as V, toDisplayString as S, createVNode as i, createTextVNode as B, renderSlot as M, normalizeStyle as mt, createCommentVNode as C, withModifiers as Ke, mergeModels as Pt, useModel as ce, createElementBlock as L, Fragment as N, nextTick as _e, renderList as re, mergeProps as J, withDirectives as ye, vShow as Fe, isRef as te, watchEffect as Rt, normalizeClass as Ht, resolveComponent as Et, useCssVars as qt, onBeforeMount as et, onBeforeUnmount as Wt } from "vue";
+import { ref as T, defineComponent as k, createBlock as _, openBlock as c, unref as e, reactive as Pt, watch as P, toRefs as jt, computed as w, shallowRef as D, onMounted as Ne, createSlots as W, withCtx as r, createElementVNode as V, toDisplayString as S, createVNode as i, createTextVNode as B, renderSlot as M, normalizeStyle as ft, createCommentVNode as C, withModifiers as et, mergeModels as Rt, useModel as ce, createElementBlock as L, Fragment as N, nextTick as ye, renderList as re, mergeProps as J, withDirectives as be, vShow as Fe, isRef as te, watchEffect as Ht, normalizeClass as Et, resolveComponent as qt, useCssVars as Wt, onBeforeMount as ze, onBeforeUnmount as Zt, onServerPrefetch as Gt } from "vue";
 import { defineStore as G } from "pinia";
-import { VSnackbarQueue as Zt } from "vuetify/components/VSnackbarQueue";
-import { mdiStorefront as Gt, mdiSync as Qt, mdiSyncOff as Yt, mdiLogoutVariant as Jt, mdiFullscreenExit as Xt, mdiFullscreen as Kt, mdiCheck as Ae, mdiSelect as eo, mdiSpaceInvaders as ft, mdiImageFilterHdr as vt, mdiTransmissionTower as ht, mdiRocketLaunchOutline as gt, mdiHome as to, mdiTextBox as oo, mdiWhiteBalanceSunny as no, mdiWeatherNight as so, mdiDesktopTowerMonitor as ao, mdiContrastCircle as io, mdiCog as ro, mdiCogOutline as lo, mdiFileDocument as uo, mdiCreditCardSettingsOutline as co, mdiRocketOutline as po, mdiCheckCircleOutline as Me, mdiCreditCard as mo, mdiReload as fo, mdiPlaylistCheck as vo, mdiCreditCardOutline as ho, mdiOpenInNew as ze, mdiMedal as go, mdiHandHeart as _o, mdiHandHeartOutline as yo, mdiCloudDownload as bo, mdiTrayArrowDown as dt, mdiAccountGroup as Vo, mdiAccount as ko, mdiLinkVariant as $o, mdiContentCopy as wo, mdiShieldLock as pt, mdiAccountRemoveOutline as xo, mdiExitToApp as Co, mdiAccountGroupOutline as So, mdiEmailOpenOutline as _t, mdiEmailVariant as yt, mdiBell as Lo, mdiInboxOutline as Io, mdiInboxFullOutline as Ao, mdiBillboard as To, mdiBellOutline as Do, mdiViewDashboardOutline as Uo, mdiCrown as Oo, mdiArrowULeftBottom as Bo, mdiAtomVariant as Mo, mdiLogin as No, mdiShieldStarOutline as Fo } from "@mdi/js";
-import { useRoute as zo, useRouter as tt } from "vue-router";
-import { merge as Ge } from "lodash-es";
-import { VListItem as be, VList as de, VListSubheader as jo, VListItemTitle as bt, VListItemSubtitle as Po } from "vuetify/components/VList";
+import { VSnackbarQueue as Qt } from "vuetify/components/VSnackbarQueue";
+import { mdiStorefront as Yt, mdiSync as Jt, mdiSyncOff as Xt, mdiLogoutVariant as Kt, mdiFullscreenExit as eo, mdiFullscreen as to, mdiCheck as Ae, mdiSelect as oo, mdiSpaceInvaders as vt, mdiImageFilterHdr as ht, mdiTransmissionTower as gt, mdiRocketLaunchOutline as _t, mdiHome as no, mdiTextBox as so, mdiWhiteBalanceSunny as ao, mdiWeatherNight as io, mdiDesktopTowerMonitor as ro, mdiContrastCircle as lo, mdiCog as uo, mdiCogOutline as co, mdiFileDocument as po, mdiCreditCardSettingsOutline as mo, mdiRocketOutline as fo, mdiCheckCircleOutline as Me, mdiCreditCard as vo, mdiReload as ho, mdiPlaylistCheck as go, mdiCreditCardOutline as _o, mdiOpenInNew as Pe, mdiMedal as yo, mdiHandHeart as bo, mdiHandHeartOutline as Vo, mdiCloudDownload as ko, mdiTrayArrowDown as dt, mdiAccountGroup as wo, mdiAccount as $o, mdiLinkVariant as xo, mdiContentCopy as Co, mdiShieldLock as pt, mdiAccountRemoveOutline as So, mdiExitToApp as Lo, mdiAccountGroupOutline as Io, mdiEmailOpenOutline as yt, mdiEmailVariant as bt, mdiBell as Ao, mdiInboxOutline as To, mdiInboxFullOutline as Do, mdiBillboard as Uo, mdiBellOutline as Oo, mdiViewDashboardOutline as Bo, mdiCrown as Mo, mdiArrowULeftBottom as No, mdiAtomVariant as Fo, mdiLogin as mt, mdiShieldStarOutline as zo } from "@mdi/js";
+import { useRoute as Po, useRouter as tt } from "vue-router";
+import { merge as Qe } from "lodash-es";
+import { VListItem as Ve, VList as de, VListSubheader as jo, VListItemTitle as Vt, VListItemSubtitle as Ro } from "vuetify/components/VList";
 import { VAvatar as oe } from "vuetify/components/VAvatar";
-import { VCard as q, VCardTitle as Ro, VCardSubtitle as Ho, VCardText as ae, VCardItem as Qe, VCardActions as Eo } from "vuetify/components/VCard";
+import { VCard as q, VCardTitle as Ho, VCardSubtitle as Eo, VCardText as ae, VCardItem as Ye, VCardActions as qo } from "vuetify/components/VCard";
 import { VDialog as ot } from "vuetify/components/VDialog";
 import { VBadge as nt } from "vuetify/components/VBadge";
-import { VBtn as P } from "vuetify/components/VBtn";
-import { VProgressCircular as qo } from "vuetify/components/VProgressCircular";
+import { VBtn as j } from "vuetify/components/VBtn";
+import { VProgressCircular as Wo } from "vuetify/components/VProgressCircular";
 import { VSheet as je } from "vuetify/components/VSheet";
 import { VSwitch as st } from "vuetify/components/VSwitch";
-import { VFadeTransition as Pe, VExpandTransition as Ve, VExpandXTransition as Wo } from "vuetify/components/transitions";
-import { useDisplay as ke, useTheme as Re, useDate as Te } from "vuetify";
+import { VFadeTransition as Re, VExpandTransition as ke, VExpandXTransition as Zo } from "vuetify/components/transitions";
+import { useDisplay as me, useTheme as He, useDate as Te } from "vuetify";
 import { VDivider as X } from "vuetify/components/VDivider";
 import { VIcon as O } from "vuetify/components/VIcon";
-import { VLabel as Je } from "vuetify/components/VLabel";
+import { VLabel as Xe } from "vuetify/components/VLabel";
 import { VChip as ie } from "vuetify/components/VChip";
-import { VChipGroup as Zo } from "vuetify/components/VChipGroup";
-import { VSelect as Go } from "vuetify/components/VSelect";
-import { VRow as De, VCol as ge, VSpacer as Qo } from "vuetify/components/VGrid";
-import { VHover as He } from "vuetify/components/VHover";
+import { VChipGroup as Go } from "vuetify/components/VChipGroup";
+import { VSelect as Qo } from "vuetify/components/VSelect";
+import { VRow as De, VCol as _e, VSpacer as Yo } from "vuetify/components/VGrid";
+import { VHover as Ee } from "vuetify/components/VHover";
 import { VImg as le } from "vuetify/components/VImg";
-import { VItemGroup as Vt, VItem as Xe } from "vuetify/components/VItemGroup";
-import { VLayout as $e } from "vuetify/components/VLayout";
-import { VMain as we } from "vuetify/components/VMain";
-import { VDataTableVirtual as kt, VDataTable as Yo } from "vuetify/components/VDataTable";
+import { VItemGroup as kt, VItem as Ke } from "vuetify/components/VItemGroup";
+import { VLayout as we } from "vuetify/components/VLayout";
+import { VMain as $e } from "vuetify/components/VMain";
+import { VDataTableVirtual as wt, VDataTable as Jo } from "vuetify/components/VDataTable";
 import { VSkeletonLoader as Ie } from "vuetify/components/VSkeletonLoader";
 import { VWindow as $t, VWindowItem as Le } from "vuetify/components/VWindow";
-import { VTimelineItem as Jo, VTimeline as Xo } from "vuetify/components/VTimeline";
+import { VTimelineItem as Xo, VTimeline as Ko } from "vuetify/components/VTimeline";
 import { VEmptyState as at } from "vuetify/components/VEmptyState";
-import { VMenu as wt } from "vuetify/components/VMenu";
-import { VTextField as Ko } from "vuetify/components/VTextField";
-import { Tooltip as en, Ripple as tn } from "vuetify/directives";
+import { VMenu as xt } from "vuetify/components/VMenu";
+import { VTextField as en } from "vuetify/components/VTextField";
+import { Tooltip as tn, Ripple as on } from "vuetify/directives";
 import { VTooltip as se } from "vuetify/components/VTooltip";
-import { VResponsive as on } from "vuetify/components/VResponsive";
-import { VNavigationDrawer as nn } from "vuetify/components/VNavigationDrawer";
-import { VColorPicker as sn } from "vuetify/components/VColorPicker";
-import { VAppBar as xt } from "vuetify/components/VAppBar";
-import { VLazy as an } from "vuetify/components/VLazy";
-import { VFooter as rn } from "vuetify/components/VFooter";
-const Ct = G("Queue", () => {
-  const u = U([]);
+import { VResponsive as nn } from "vuetify/components/VResponsive";
+import { VNavigationDrawer as sn } from "vuetify/components/VNavigationDrawer";
+import { VColorPicker as an } from "vuetify/components/VColorPicker";
+import { VAppBar as Ct } from "vuetify/components/VAppBar";
+import { VLazy as rn } from "vuetify/components/VLazy";
+import { VFooter as ln } from "vuetify/components/VFooter";
+const St = G("Queue", () => {
+  const u = T([]);
   function t(o) {
     const a = typeof o == "string" ? { text: o } : o;
     u.value.push(a);
@@ -61,18 +61,18 @@ const Ct = G("Queue", () => {
     show: t,
     showError: s
   };
-}), ln = /* @__PURE__ */ k({
+}), un = /* @__PURE__ */ k({
   __name: "VoSnackbarQueue",
   setup(u) {
-    const t = Ct();
-    return (s, o) => (c(), g(Zt, {
+    const t = St();
+    return (s, o) => (c(), _(Qt, {
       modelValue: e(t).queue,
       "onUpdate:modelValue": o[0] || (o[0] = (a) => e(t).queue = a),
       closable: "",
       location: "bottom end"
     }, null, 8, ["modelValue"]));
   }
-}), ee = G("http", {
+}), K = G("http", {
   state: () => ({
     url: ""
   }),
@@ -113,7 +113,7 @@ const Ct = G("Queue", () => {
       });
     }
   }
-}), Ye = typeof window < "u", Be = {
+}), Je = typeof window < "u", Be = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -153,19 +153,19 @@ const Ct = G("Queue", () => {
     }
   }
 }, R = G("user", () => {
-  const u = zt(Ge({}, Be));
-  j(u, s);
+  const u = Pt(Qe({}, Be));
+  P(u, s);
   function t() {
-    if (!Ye) return;
+    if (!Je) return;
     const a = localStorage.getItem("vuetify@user"), n = a ? JSON.parse(a) : {};
     let l = n.v === u.v;
-    n.v || (n.pwaRefresh = !0, typeof n.api == "boolean" && (n.api = n.api ? "inline" : "link-only"), typeof n.rtl == "boolean" && (n.direction = n.rtl ? "rtl" : "ltr", delete n.rtl), typeof n.theme == "object" && (n.mixedTheme = n.theme.mixed, n.theme = n.theme.system ? "system" : n.theme.dark ? "dark" : "light"), Array.isArray(n.notifications) && (n.notifications = { read: n.notifications }), typeof n.last == "object" && (n.notifications.last = n.last, delete n.last)), n.v === 1 && (Array.isArray(n.composition) && (n.composition = "composition"), Array.isArray(n.notifications.last.banner) || (n.notifications = n.notifications || {}, n.notifications.last = n.notifications.last || {}, n.notifications.last.banner = [])), n.v === 2 && (n.syncSettings = !0, n.disableAds = !1, n.v = 3), n.v === 3 && (n.quickbar = !1), n.v === 4 && (n.suits = Be.suits, n.notifications.banners = Be.notifications.banners, l = !0), n.v = u.v, Object.assign(u, Ge(u, n)), l && s();
+    n.v || (n.pwaRefresh = !0, typeof n.api == "boolean" && (n.api = n.api ? "inline" : "link-only"), typeof n.rtl == "boolean" && (n.direction = n.rtl ? "rtl" : "ltr", delete n.rtl), typeof n.theme == "object" && (n.mixedTheme = n.theme.mixed, n.theme = n.theme.system ? "system" : n.theme.dark ? "dark" : "light"), Array.isArray(n.notifications) && (n.notifications = { read: n.notifications }), typeof n.last == "object" && (n.notifications.last = n.last, delete n.last)), n.v === 1 && (Array.isArray(n.composition) && (n.composition = "composition"), Array.isArray(n.notifications.last.banner) || (n.notifications = n.notifications || {}, n.notifications.last = n.notifications.last || {}, n.notifications.last.banner = [])), n.v === 2 && (n.syncSettings = !0, n.disableAds = !1, n.v = 3), n.v === 3 && (n.quickbar = !1), n.v === 4 && (n.suits = Be.suits, n.notifications.banners = Be.notifications.banners, l = !0), n.v = u.v, Object.assign(u, Qe(u, n)), l && s();
   }
   function s() {
-    Ye && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
+    Je && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
   }
   function o() {
-    Ye && (Object.assign(u, Ge({}, Be)), s());
+    Je && (Object.assign(u, Qe({}, Be)), s());
   }
   return t(), {
     ...jt(u),
@@ -174,134 +174,134 @@ const Ct = G("Queue", () => {
     reset: o
   };
 });
-function me() {
-  const u = zo();
-  return $(
+function fe() {
+  const u = Po();
+  return w(
     () => u.query
   );
 }
 const xe = G("team", () => {
-  const u = me(), t = H(), s = z(), o = ee(), a = Ct(), n = T(!1), l = U(null), d = U(!1), p = $(() => u.value.invite), v = $(
+  const u = fe(), t = H(), s = z(), o = K(), a = St(), n = D(!1), l = T(null), p = T(!1), m = w(() => u.value.invite), v = w(
     () => {
-      var m;
-      return l.value ? (m = s.access) == null ? void 0 : m.some((b) => ["one/team", "snips/team"].includes(b)) : !1;
+      var d;
+      return l.value ? (d = s.access) == null ? void 0 : d.some((y) => ["one/team", "snips/team"].includes(y)) : !1;
     }
   );
-  j(p, async () => {
-    if (p.value) {
+  P(m, async () => {
+    if (m.value) {
       t.user || (t.dialog = !0);
       try {
         n.value = !0;
-        const m = await o.get(`/one/team/${p.value}`);
-        l.value = m.team, d.value = !0;
-      } catch (m) {
-        y(), a.showError(m.message);
+        const d = await o.get(`/one/team/${m.value}`);
+        l.value = d.team, p.value = !0;
+      } catch (d) {
+        b(), a.showError(d.message);
       } finally {
         n.value = !1;
       }
     }
   });
-  async function h(m) {
+  async function g(d) {
     try {
       if (n.value = !0, !l.value) return;
-      await o.post("/one/team/remove", { userId: m }), l.value.members = l.value.members.filter((b) => b.id !== m);
-    } catch (b) {
-      a.showError(b.message);
+      await o.post("/one/team/remove", { userId: d }), l.value.members = l.value.members.filter((y) => y.id !== d);
+    } catch (y) {
+      a.showError(y.message);
     } finally {
       n.value = !1;
     }
   }
   async function f() {
-    var m;
+    var d;
     try {
-      n.value = !0, await o.post("/one/team/leave", { teamId: (m = l.value) == null ? void 0 : m.id }), await t.verify(!0);
-    } catch (b) {
-      a.showError(b.message);
+      n.value = !0, await o.post("/one/team/leave", { teamId: (d = l.value) == null ? void 0 : d.id }), await t.verify(!0);
+    } catch (y) {
+      a.showError(y.message);
     } finally {
       n.value = !1;
     }
   }
-  async function w() {
+  async function $() {
     try {
-      n.value = !0, await o.post("/one/team/join", { inviteCode: p.value }), await t.verify(!0), y();
-    } catch (m) {
-      a.showError(m.message);
+      n.value = !0, await o.post("/one/team/join", { inviteCode: m.value }), await t.verify(!0), b();
+    } catch (d) {
+      a.showError(d.message);
     } finally {
       n.value = !1;
     }
   }
-  function y() {
-    d.value = !1;
-    const m = new URL(window.location.href);
-    m.searchParams.delete("invite"), window.history.replaceState({}, "", m.toString());
+  function b() {
+    p.value = !1;
+    const d = new URL(window.location.href);
+    d.searchParams.delete("invite"), window.history.replaceState({}, "", d.toString());
   }
-  const _ = $(() => {
-    var m, b, A;
-    return ((m = t.user) == null ? void 0 : m.id) === ((A = (b = t.user) == null ? void 0 : b.team) == null ? void 0 : A.owner.id);
+  const h = w(() => {
+    var d, y, A;
+    return ((d = t.user) == null ? void 0 : d.id) === ((A = (y = t.user) == null ? void 0 : y.team) == null ? void 0 : A.owner.id);
   });
   return {
     team: l,
-    teamInviteDialog: d,
-    teamInviteCode: p,
+    teamInviteDialog: p,
+    teamInviteCode: m,
     hasTeamAccess: v,
-    isTeamOwner: _,
+    isTeamOwner: h,
     isLoading: n,
-    removeFromTeam: h,
+    removeFromTeam: g,
     leaveTeam: f,
-    joinTeam: w,
-    clearTeamQuery: y
+    joinTeam: $,
+    clearTeamQuery: b
   };
 }), z = G("one", () => {
-  const u = me(), t = tt(), s = H(), o = ee(), a = xe(), n = T(!1), l = T(!1), d = U(), p = U([]), v = $(() => u.value.session_id), h = $(() => {
+  const u = fe(), t = tt(), s = H(), o = K(), a = xe(), n = D(!1), l = D(!1), p = T(), m = T([]), v = w(() => u.value.session_id), g = w(() => {
     var x;
-    return (x = d.value) == null ? void 0 : x.items[0].plan.interval;
-  }), f = $(() => {
+    return (x = p.value) == null ? void 0 : x.items[0].plan.interval;
+  }), f = w(() => {
     var x;
-    return (x = d.value) == null ? void 0 : x.items[0].plan.type;
-  }), w = U([]), y = $(() => {
+    return (x = p.value) == null ? void 0 : x.items[0].plan.type;
+  }), $ = T([]), b = w(() => {
     var x;
     return (x = s.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "stripe" && I.tierName.startsWith("sub_"));
-  }), _ = $(() => {
+  }), h = w(() => {
     var x;
-    return !!((x = y.value) != null && x.tierName);
-  }), m = $(() => {
+    return !!((x = b.value) != null && x.tierName);
+  }), d = w(() => {
     var x;
     return ((x = s.user) == null ? void 0 : x.sponsorships.reduce((I, E) => {
       if (!E.isActive || E.interval === "once" || E.platform === "stripe") return I;
       const Oe = ["teamMonth", "soloMonth"].includes(E.interval) ? E.amount : E.amount / 12;
       return I + Oe / 100;
     }, 0)) ?? 0;
-  }), b = $(() => {
+  }), y = w(() => {
     var x;
     return (x = s.user) == null ? void 0 : x.sponsorships.find((I) => I.tierName.startsWith("sub_") && I.isActive);
-  }), A = $(() => {
+  }), A = w(() => {
     var x;
     return (x = s.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "github" && I.isActive);
-  }), D = $(() => {
+  }), U = w(() => {
     var x;
     return (x = s.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "discord" && I.isActive);
-  }), F = $(() => {
+  }), F = w(() => {
     var x;
     return (x = s.user) == null ? void 0 : x.identities.find((I) => I.provider === "shopify");
-  }), Q = $(() => {
+  }), Q = w(() => {
     var x;
     return (x = s.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "patreon" && I.isActive);
-  }), Z = $(() => {
+  }), Z = w(() => {
     var x, I, E, Oe, ct;
-    return !o.url || ((x = s.user) == null ? void 0 : x.isAdmin) || ((I = y.value) == null ? void 0 : I.isActive) || ((E = A.value) == null ? void 0 : E.isActive) || ((Oe = D.value) == null ? void 0 : Oe.isActive) || ((ct = Q.value) == null ? void 0 : ct.isActive) || m.value >= 2.99;
+    return !o.url || ((x = s.user) == null ? void 0 : x.isAdmin) || ((I = b.value) == null ? void 0 : I.isActive) || ((E = A.value) == null ? void 0 : E.isActive) || ((Oe = U.value) == null ? void 0 : Oe.isActive) || ((ct = Q.value) == null ? void 0 : ct.isActive) || d.value >= 2.99;
   });
   Ne(async () => {
     v.value && await Y();
-  }), j(l, ut), j(v, async (x) => {
+  }), P(l, ut), P(v, async (x) => {
     x && await Y();
-  }, { immediate: !0 }), j(u, (x) => {
+  }, { immediate: !0 }), P(u, (x) => {
     if (x.one !== "subscribe" || s.user) return;
     s.dialog = !0;
-    const I = j(() => s.user, (E) => {
+    const I = P(() => s.user, (E) => {
       E && (s.dialog = !1, I());
     });
-  }, { immediate: !0 }), j(Z, (x, I) => {
-    x === !1 && I !== !0 || he();
+  }, { immediate: !0 }), P(Z, (x, I) => {
+    x === !1 && I !== !0 || ge();
   });
   async function Y() {
     try {
@@ -321,13 +321,13 @@ const xe = G("team", () => {
     const E = new URL("/one/subscribe", o.url);
     E.searchParams.set("interval", x), E.searchParams.set("type", I), window.location.href = E.toString();
   }
-  async function ve() {
+  async function he() {
     var x;
-    if (y.value)
+    if (b.value)
       try {
         n.value = !0;
         const I = await o.post(
-          `/one/cancel?subscriptionId=${(x = y.value) == null ? void 0 : x.tierName}`
+          `/one/cancel?subscriptionId=${(x = b.value) == null ? void 0 : x.tierName}`
         );
         s.user = I.user;
       } catch {
@@ -336,27 +336,27 @@ const xe = G("team", () => {
       }
   }
   async function ne(x, I) {
-    if (y.value)
+    if (b.value)
       try {
         n.value = !0, await o.post("/one/modify", {
-          subscriptionId: y.value.tierName,
+          subscriptionId: b.value.tierName,
           interval: x,
           type: I
-        }), await he();
+        }), await ge();
       } catch {
       } finally {
         n.value = !1;
       }
   }
-  async function he() {
+  async function ge() {
     var x, I;
-    if (y.value)
+    if (b.value)
       try {
         n.value = !0;
         const E = await o.post(
-          `/one/verify?subscriptionId=${(x = y.value) == null ? void 0 : x.tierName}`
+          `/one/verify?subscriptionId=${(x = b.value) == null ? void 0 : x.tierName}`
         );
-        s.user = E.user, w.value = E.access, a.team = ((I = s.user) == null ? void 0 : I.team) ?? null;
+        s.user = E.user, $.value = E.access, a.team = ((I = s.user) == null ? void 0 : I.team) ?? null;
       } catch {
       } finally {
         n.value = !1;
@@ -366,7 +366,7 @@ const xe = G("team", () => {
     try {
       n.value = !0;
       const x = await o.get("/one/info");
-      return d.value = x.subscription, p.value = x.invoices, x;
+      return p.value = x.subscription, m.value = x.invoices, x;
     } catch {
     } finally {
       n.value = !1;
@@ -381,113 +381,113 @@ const xe = G("team", () => {
     });
   }
   return {
-    info: d,
-    interval: h,
+    info: p,
+    interval: g,
     subscriptionType: f,
-    access: w,
-    invoices: p,
+    access: $,
+    invoices: m,
     sessionId: v,
-    subscription: y,
-    monthlyTotal: m,
-    hasBilling: _,
+    subscription: b,
+    monthlyTotal: d,
+    hasBilling: h,
     isLoading: n,
     isOpen: l,
     isSubscriber: Z,
     github: A,
     patreon: Q,
-    discord: D,
+    discord: U,
     shopify: F,
-    one: b,
+    one: y,
     activate: Y,
-    cancel: ve,
+    cancel: he,
     manage: ue,
     modify: ne,
     resetQuery: ut,
     subscribe: pe,
     subscriptionInfo: Se,
-    verify: he
+    verify: ge
   };
 }), H = G("auth", () => {
-  const u = U(!1), t = U(null), s = ee(), o = R(), a = tt(), n = T(!1), l = z(), d = xe();
-  let p = !!_();
-  j(t, (m) => {
-    if (!(m != null && m.settings)) return;
-    const b = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(m.settings, null, 2) !== b && (p = !0, Object.assign(o, m.settings));
+  const u = T(!1), t = T(null), s = K(), o = R(), a = tt(), n = D(!1), l = z(), p = xe();
+  let m = !!h();
+  P(t, (d) => {
+    if (!(d != null && d.settings)) return;
+    const y = localStorage.getItem("vuetify@user") || "{}";
+    JSON.stringify(d.settings, null, 2) !== y && (m = !0, Object.assign(o, d.settings));
   }), o.$subscribe(() => {
-    p || v(), p = !1;
+    m || v(), m = !1;
   });
   async function v() {
     if (!(!t.value || !o.syncSettings))
       try {
         await s.post("/user/settings", { settings: o.$state });
-      } catch (m) {
-        console.error(m);
+      } catch (d) {
+        console.error(d);
       }
   }
-  async function h(m = !1) {
-    var b, A;
-    if (h.promise) return h.promise;
-    if (!m && !document.cookie.includes("sx=1") && // This check only works if the api and site are on the same domain
-    ((b = location.hostname.match(/([^.]+\.[^.]+)$/)) == null ? void 0 : b[1]) === ((A = new URL(s.url).hostname.match(/([^.]+\.[^.]+)$/)) == null ? void 0 : A[1])) {
+  async function g(d = !1) {
+    var y, A;
+    if (g.promise) return g.promise;
+    if (!d && !document.cookie.includes("sx=1") && // This check only works if the api and site are on the same domain
+    ((y = location.hostname.match(/([^.]+\.[^.]+)$/)) == null ? void 0 : y[1]) === ((A = new URL(s.url).hostname.match(/([^.]+\.[^.]+)$/)) == null ? void 0 : A[1])) {
       t.value = null;
       return;
     }
-    n.value = !0, h.promise = fetch(`${s.url}/auth/verify`, {
+    n.value = !0, g.promise = fetch(`${s.url}/auth/verify`, {
       credentials: "include",
-      cache: m ? "reload" : void 0
+      cache: d ? "reload" : void 0
     }).then(
-      async (D) => {
+      async (U) => {
         var F;
-        if (D.ok || D.status === 401) {
-          const Q = await D.json();
-          t.value = Q.user, l.access = Q.access, d.team = (F = Q.user) == null ? void 0 : F.team;
+        if (U.ok || U.status === 401) {
+          const Q = await U.json();
+          t.value = Q.user, l.access = Q.access, p.team = (F = Q.user) == null ? void 0 : F.team;
         } else
-          console.error(D.statusText);
+          console.error(U.statusText);
       },
       () => {
       }
     ).finally(() => {
-      n.value = !1, h.promise = null;
+      n.value = !1, g.promise = null;
     });
   }
-  h.promise = null;
-  async function f(m = "github") {
+  g.promise = null;
+  async function f(d = "github") {
     n.value = !0;
-    const b = `${s.url}/auth/${m}/redirect`;
-    if (m === "shopify") {
-      window.location.assign(b + "?next=" + encodeURIComponent(window.location.href));
+    const y = `${s.url}/auth/${d}/redirect`;
+    if (d === "shopify") {
+      window.location.assign(y + "?next=" + encodeURIComponent(window.location.href));
       return;
     }
-    const A = 400, D = 600, F = window.screenX + (window.innerWidth - A) / 2, Q = window.screenY + (window.innerHeight - D) / 2, Z = window.open(
+    const A = 400, U = 600, F = window.screenX + (window.innerWidth - A) / 2, Q = window.screenY + (window.innerHeight - U) / 2, Z = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${F},top=${Q},width=${A},height=${D},resizable`
+      `popup,left=${F},top=${Q},width=${A},height=${U},resizable`
     );
     if (!Z) {
       console.error("Failed to open popup");
       return;
     }
-    Z.location.href = b;
+    Z.location.href = y;
     let Y = -1, ue = -1;
     function pe(ne) {
-      var he, Se;
-      ne.origin === s.url && ((he = ne.data) == null ? void 0 : he.type) === "auth-response" && (ne.data.status === "success" ? (t.value || localStorage.setItem("vuetify@lastLoginProvider", m), t.value = ne.data.body.user, l.access = ne.data.body.access, d.team = (Se = ne.data.body.user) == null ? void 0 : Se.team, v()) : console.error(ne.data.message), ve());
+      var ge, Se;
+      ne.origin === s.url && ((ge = ne.data) == null ? void 0 : ge.type) === "auth-response" && (ne.data.status === "success" ? (t.value || localStorage.setItem("vuetify@lastLoginProvider", d), t.value = ne.data.body.user, l.access = ne.data.body.access, p.team = (Se = ne.data.body.user) == null ? void 0 : Se.team, v()) : console.error(ne.data.message), he());
     }
-    function ve() {
+    function he() {
       window.removeEventListener("message", pe), window.clearInterval(Y), window.clearTimeout(ue), Z == null || Z.close(), n.value = !1;
     }
     window.addEventListener("message", pe), Y = window.setInterval(() => {
-      !Z || Z.closed ? (console.error("Auth popup closed"), ve()) : Z.postMessage({ type: "auth-request" }, "*");
+      !Z || Z.closed ? (console.error("Auth popup closed"), he()) : Z.postMessage({ type: "auth-request" }, "*");
     }, 1e3), ue = window.setTimeout(() => {
-      ve(), console.error("Auth timed out");
+      he(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function w(m) {
+  async function $(d) {
     n.value = !0;
-    const b = m ? `/auth/${m}/logout` : "/auth/logout";
+    const y = d ? `/auth/${d}/logout` : "/auth/logout";
     try {
-      await s.post(b), await h(!0), t.value = null;
+      await s.post(y), await g(!0), t.value = null;
     } catch (A) {
       console.error(A);
     } finally {
@@ -497,39 +497,39 @@ const xe = G("team", () => {
       }), n.value = !1;
     }
   }
-  function y(m) {
-    var b;
-    return (b = t.value) == null ? void 0 : b.identities.find((A) => A.provider === m);
+  function b(d) {
+    var y;
+    return (y = t.value) == null ? void 0 : y.identities.find((A) => A.provider === d);
   }
-  function _() {
+  function h() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return h(), {
+  return g(), {
     user: t,
     url: s.url,
     dialog: u,
     isLoading: n,
-    findIdentity: y,
-    verify: h,
+    findIdentity: b,
+    verify: g,
     login: f,
-    logout: w,
-    lastLoginProvider: _,
+    logout: $,
+    lastLoginProvider: h,
     sync: v
   };
-}), un = { class: "text-body-2" }, St = /* @__PURE__ */ k({
+}), cn = { class: "text-body-2" }, Lt = /* @__PURE__ */ k({
   __name: "VoAuthShopify",
   setup(u) {
-    const t = H(), s = $(() => t.user && t.findIdentity("shopify")), o = $(() => t.user ? s.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
-    return (a, n) => (c(), g(be, {
+    const t = H(), s = w(() => t.user && t.findIdentity("shopify")), o = w(() => t.user ? s.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
+    return (a, n) => (c(), _(Ve, {
       "base-color": "#5b8a3c",
-      "prepend-icon": `svg:${e(Gt)}`,
+      "prepend-icon": `svg:${e(Yt)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: n[0] || (n[0] = (l) => e(t).login("shopify"))
     }, W({
       title: r(() => [
-        V("span", un, S(e(o)), 1)
+        V("span", cn, S(e(o)), 1)
       ]),
       _: 2
     }, [
@@ -542,11 +542,11 @@ const xe = G("team", () => {
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), cn = { class: "text-body-2" }, Lt = /* @__PURE__ */ k({
+}), dn = { class: "text-body-2" }, It = /* @__PURE__ */ k({
   __name: "VoAuthDiscord",
   setup(u) {
-    const t = H(), s = $(() => t.user && t.findIdentity("discord")), o = $(() => t.user ? s.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
-    return (a, n) => (c(), g(be, {
+    const t = H(), s = w(() => t.user && t.findIdentity("discord")), o = w(() => t.user ? s.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
+    return (a, n) => (c(), _(Ve, {
       "base-color": "#5865F2",
       "prepend-icon": "$discord",
       rounded: "pill",
@@ -555,7 +555,7 @@ const xe = G("team", () => {
       onClick: n[0] || (n[0] = (l) => e(t).login("discord"))
     }, W({
       title: r(() => [
-        V("span", cn, S(e(o)), 1)
+        V("span", dn, S(e(o)), 1)
       ]),
       _: 2
     }, [
@@ -568,11 +568,11 @@ const xe = G("team", () => {
       } : void 0
     ]), 1024));
   }
-}), dn = { class: "text-body-2" }, It = /* @__PURE__ */ k({
+}), pn = { class: "text-body-2" }, At = /* @__PURE__ */ k({
   __name: "VoAuthGithub",
   setup(u) {
-    const t = H(), s = $(() => t.user && t.findIdentity("github")), o = $(() => t.user ? s.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
-    return (a, n) => (c(), g(be, {
+    const t = H(), s = w(() => t.user && t.findIdentity("github")), o = w(() => t.user ? s.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
+    return (a, n) => (c(), _(Ve, {
       "base-color": "#2a2a2a",
       "prepend-icon": "$github",
       rounded: "pill",
@@ -581,7 +581,7 @@ const xe = G("team", () => {
       onClick: n[0] || (n[0] = (l) => e(t).login("github"))
     }, W({
       title: r(() => [
-        V("span", dn, S(e(o)), 1)
+        V("span", pn, S(e(o)), 1)
       ]),
       _: 2
     }, [
@@ -594,33 +594,33 @@ const xe = G("team", () => {
       } : void 0
     ]), 1024));
   }
-}), pn = { class: "text-center" }, mn = { class: "text-center mb-6" }, fn = { class: "text-h6 font-weight-light" }, At = /* @__PURE__ */ k({
+}), mn = { class: "text-center" }, fn = { class: "text-center mb-6" }, vn = { class: "text-h6 font-weight-light" }, Tt = /* @__PURE__ */ k({
   __name: "VoAuthCard",
   setup(u) {
     const t = H();
     return (s, o) => {
-      const a = It, n = Lt, l = St;
-      return c(), g(q, {
+      const a = At, n = It, l = Lt;
+      return c(), _(q, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
         default: r(() => [
-          V("div", pn, [
+          V("div", mn, [
             i(oe, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
             })
           ]),
-          V("div", mn, [
-            i(Ro, { class: "text-h5 mb-1 text-md-h4" }, {
+          V("div", fn, [
+            i(Ho, { class: "text-h5 mb-1 text-md-h4" }, {
               default: r(() => [
-                V("div", fn, S(e(t).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                V("div", vn, S(e(t).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
                 o[0] || (o[0] = V("span", { class: "text-h3 font-weight-bold" }, "Vuetify One", -1))
               ]),
               _: 1
             }),
-            i(Ho, { class: "text-wrap" }, {
+            i(Eo, { class: "text-wrap" }, {
               default: r(() => o[1] || (o[1] = [
                 B(" Login to save your settings and gain access to exclusive subscriber perks. ")
               ])),
@@ -644,13 +644,13 @@ const xe = G("team", () => {
       });
     };
   }
-}), Tt = /* @__PURE__ */ k({
+}), Dt = /* @__PURE__ */ k({
   __name: "VoAuthDialog",
   setup(u) {
     const t = H();
     return (s, o) => {
-      const a = At;
-      return c(), g(ot, {
+      const a = Tt;
+      return c(), _(ot, {
         modelValue: e(t).dialog,
         "onUpdate:modelValue": o[0] || (o[0] = (n) => e(t).dialog = n),
         "max-width": "480"
@@ -662,62 +662,62 @@ const xe = G("team", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Ee = G("notifications", () => {
-  const u = ee(), t = R(), s = U([]), o = U([]), a = U(), n = T(!1), l = $(() => s.value.filter((_) => !t.notifications.read.includes(_.slug))), d = $(() => s.value.filter((_) => t.notifications.read.includes(_.slug)));
-  async function p() {
+}), qe = G("notifications", () => {
+  const u = K(), t = R(), s = T([]), o = T([]), a = T(), n = D(!1), l = w(() => s.value.filter((h) => !t.notifications.read.includes(h.slug))), p = w(() => s.value.filter((h) => t.notifications.read.includes(h.slug)));
+  async function m() {
     try {
       n.value = !0;
-      const _ = await u.get("/one/notifications");
-      s.value = _.notifications;
+      const h = await u.get("/one/notifications");
+      s.value = h.notifications;
     } catch {
     } finally {
       n.value = !1;
     }
     return s.value;
   }
-  async function v(_) {
+  async function v(h) {
     try {
       n.value = !0;
-      const m = await u.get(`/one/admin/notifications/${_}`);
-      return a.value = m.notification, m.notification;
+      const d = await u.get(`/one/admin/notifications/${h}`);
+      return a.value = d.notification, d.notification;
     } catch {
     } finally {
       n.value = !1;
     }
   }
-  async function h(_) {
+  async function g(h) {
     try {
       n.value = !0;
-      const m = await u.form(
+      const d = await u.form(
         "/one/admin/notifications",
-        _
+        h
       );
-      return a.value = m.notification, m.notification;
+      return a.value = d.notification, d.notification;
     } catch {
     } finally {
       n.value = !1;
     }
   }
-  async function f(_, m) {
+  async function f(h, d) {
     try {
       n.value = !0;
-      const b = await u.form(
-        `/one/admin/notifications/${_}`,
-        m
+      const y = await u.form(
+        `/one/admin/notifications/${h}`,
+        d
       );
-      return a.value = b.notification, b.notification;
+      return a.value = y.notification, y.notification;
     } catch {
     } finally {
       n.value = !1;
     }
   }
-  async function w() {
+  async function $() {
   }
-  async function y() {
+  async function b() {
     try {
       n.value = !0;
-      const _ = await u.get("/one/admin/notifications");
-      o.value = _.notifications;
+      const h = await u.get("/one/admin/notifications");
+      o.value = h.notifications;
     } catch {
     } finally {
       n.value = !1;
@@ -728,21 +728,21 @@ const xe = G("team", () => {
     isLoading: n,
     all: s,
     aall: o,
-    admin: y,
+    admin: b,
     record: a,
-    index: p,
+    index: m,
     show: v,
-    store: h,
+    store: g,
     update: f,
-    destroy: w,
-    read: d,
+    destroy: $,
+    read: p,
     unread: l
   };
-}), vn = /* @__PURE__ */ k({
+}), hn = /* @__PURE__ */ k({
   __name: "VoNotificationsTotalBadge",
   setup(u) {
-    const t = H(), s = Ee(), o = R(), a = $(() => o.notifications.show ? s.unread.length : 0);
-    return (n, l) => (c(), g(nt, {
+    const t = H(), s = qe(), o = R(), a = w(() => o.notifications.show ? s.unread.length : 0);
+    return (n, l) => (c(), _(nt, {
       color: "error",
       content: e(a),
       dot: !!e(t).user,
@@ -762,18 +762,18 @@ const xe = G("team", () => {
   },
   setup(u) {
     const t = u;
-    return (s, o) => (c(), g(P, {
+    return (s, o) => (c(), _(j, {
       class: "text-none font-weight-regular",
       color: "primary",
       size: "small",
-      style: mt({
+      style: ft({
         pointerEvents: t.readonly ? "none" : void 0
       }),
       tabindex: t.readonly ? -1 : void 0,
       variant: "flat"
     }, W({
       loader: r(() => [
-        s.$slots.loader ? C("", !0) : (c(), g(qo, {
+        s.$slots.loader ? C("", !0) : (c(), _(Wo, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
@@ -799,19 +799,19 @@ const xe = G("team", () => {
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), hn = { class: "pa-4 d-flex flex-column ga-4" }, Dt = /* @__PURE__ */ k({
+}), gn = { class: "pa-4 d-flex flex-column ga-4" }, Ut = /* @__PURE__ */ k({
   __name: "VoAuthListItem",
   setup(u) {
-    const t = H(), s = R(), o = T(!t.user && !t.isLoading);
-    j(() => t.user, (n) => {
+    const t = H(), s = R(), o = D(!t.user && !t.isLoading);
+    P(() => t.user, (n) => {
       o.value = !n;
     });
     function a() {
       t.user && (o.value = !o.value);
     }
     return (n, l) => {
-      const d = It, p = Lt, v = St;
-      return c(), g(q, {
+      const p = At, m = It, v = Lt;
+      return c(), _(q, {
         class: "ma-2",
         rounded: "lg",
         variant: e(o) ? "tonal" : "text"
@@ -819,28 +819,28 @@ const xe = G("team", () => {
         default: r(() => [
           i(de, { class: "py-0" }, {
             default: r(() => [
-              i(be, {
+              i(Ve, {
                 class: "mb-0",
                 link: !!e(t).user,
                 nav: "",
-                "prepend-icon": `svg:${e(t).user && e(s).syncSettings ? e(Qt) : e(Yt)}`,
+                "prepend-icon": `svg:${e(t).user && e(s).syncSettings ? e(Jt) : e(Xt)}`,
                 rounded: "b-0",
                 slim: "",
                 title: e(t).user && e(s).syncSettings ? "Sync is on" : "Sync is paused",
                 onClick: a
               }, {
                 append: r(() => [
-                  i(Pe, null, {
+                  i(Re, null, {
                     default: r(() => [
-                      e(t).user && (e(o) || !e(s).syncSettings) ? (c(), g(st, {
+                      e(t).user && (e(o) || !e(s).syncSettings) ? (c(), _(st, {
                         key: 0,
                         modelValue: e(s).syncSettings,
-                        "onUpdate:modelValue": l[0] || (l[0] = (h) => e(s).syncSettings = h),
+                        "onUpdate:modelValue": l[0] || (l[0] = (g) => e(s).syncSettings = g),
                         color: e(s).syncSettings ? "success" : void 0,
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: l[1] || (l[1] = Ke(() => {
+                        onClick: l[1] || (l[1] = et(() => {
                         }, ["stop"]))
                       }, {
                         thumb: r(() => [
@@ -856,23 +856,23 @@ const xe = G("team", () => {
                 ]),
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
-              i(Ve, null, {
+              i(ke, null, {
                 default: r(() => [
-                  !e(t).user && !e(t).isLoading || e(o) ? (c(), g(je, {
+                  !e(t).user && !e(t).isLoading || e(o) ? (c(), _(je, {
                     key: 0,
                     border: "t",
                     color: "transparent"
                   }, {
                     default: r(() => [
-                      V("div", hn, [
-                        i(d, {
-                          onClick: l[2] || (l[2] = (h) => o.value = !1)
-                        }),
+                      V("div", gn, [
                         i(p, {
-                          onClick: l[3] || (l[3] = (h) => o.value = !1)
+                          onClick: l[2] || (l[2] = (g) => o.value = !1)
+                        }),
+                        i(m, {
+                          onClick: l[3] || (l[3] = (g) => o.value = !1)
                         }),
                         i(v, {
-                          onClick: l[4] || (l[4] = (h) => o.value = !1)
+                          onClick: l[4] || (l[4] = (g) => o.value = !1)
                         })
                       ])
                     ]),
@@ -889,10 +889,10 @@ const xe = G("team", () => {
       }, 8, ["variant"]);
     };
   }
-}), K = /* @__PURE__ */ k({
+}), ee = /* @__PURE__ */ k({
   __name: "VoListItem",
   setup(u) {
-    return (t, s) => (c(), g(be, { slim: "" }, W({
+    return (t, s) => (c(), _(Ve, { slim: "" }, W({
       default: r(() => [
         M(t.$slots, "default")
       ]),
@@ -921,21 +921,21 @@ const xe = G("team", () => {
       } : void 0
     ]), 1024));
   }
-}), gn = /* @__PURE__ */ k({
+}), _n = /* @__PURE__ */ k({
   __name: "VoAuthLogoutNavItem",
   setup(u) {
-    const t = H(), s = T(!1);
+    const t = H(), s = D(!1);
     async function o() {
       s.value = !0, await t.logout(), s.value = !1;
     }
     return (a, n) => {
-      const l = K;
-      return c(), g(l, {
+      const l = ee;
+      return c(), _(l, {
         class: "mb-0",
         disabled: e(s),
         link: "",
         loading: e(s),
-        "prepend-icon": `svg:${e(Jt)}`,
+        "prepend-icon": `svg:${e(Kt)}`,
         title: "Logout",
         onClick: o
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
@@ -943,7 +943,7 @@ const xe = G("team", () => {
   }
 }), Ce = /* @__PURE__ */ k({
   __name: "VoDialog",
-  props: /* @__PURE__ */ Pt({
+  props: /* @__PURE__ */ Rt({
     prependIcon: {},
     title: {}
   }, {
@@ -952,8 +952,8 @@ const xe = G("team", () => {
   }),
   emits: ["update:modelValue"],
   setup(u) {
-    const t = ce(u, "modelValue"), s = ke(), o = T(!1);
-    return (a, n) => (c(), g(ot, {
+    const t = ce(u, "modelValue"), s = me(), o = D(!1);
+    return (a, n) => (c(), _(ot, {
       modelValue: t.value,
       "onUpdate:modelValue": n[2] || (n[2] = (l) => t.value = l),
       activator: "parent",
@@ -971,21 +971,21 @@ const xe = G("team", () => {
         }, W({
           append: r(() => [
             M(a.$slots, "append"),
-            e(s).xs.value ? C("", !0) : (c(), g(P, {
+            e(s).xs.value ? C("", !0) : (c(), _(j, {
               key: 0,
               class: "me-2",
               density: "comfortable",
-              icon: `svg:${e(o) ? e(Xt) : e(Kt)}`,
+              icon: `svg:${e(o) ? e(eo) : e(to)}`,
               size: "small",
               variant: "text",
-              onClick: n[0] || (n[0] = (d) => o.value = !e(o))
+              onClick: n[0] || (n[0] = (p) => o.value = !e(o))
             }, null, 8, ["icon"])),
-            i(P, {
+            i(j, {
               density: "comfortable",
               icon: "$close",
               size: "small",
               variant: "text",
-              onClick: n[1] || (n[1] = (d) => t.value = !t.value)
+              onClick: n[1] || (n[1] = (p) => t.value = !t.value)
             })
           ]),
           default: r(() => [
@@ -1013,13 +1013,13 @@ const xe = G("team", () => {
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), Ut = /* @__PURE__ */ k({
+}), Ot = /* @__PURE__ */ k({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
   setup(u) {
-    return (t, s) => (c(), g(st, {
+    return (t, s) => (c(), _(st, {
       color: "primary",
       density: "compact",
       disabled: t.disabled,
@@ -1042,10 +1042,10 @@ const xe = G("team", () => {
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), _n = {
+}), yn = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, fe = /* @__PURE__ */ k({
+}, ve = /* @__PURE__ */ k({
   __name: "VoDialogSubheader",
   props: {
     title: {},
@@ -1053,7 +1053,7 @@ const xe = G("team", () => {
   },
   setup(u) {
     return (t, s) => (c(), L(N, null, [
-      t.title ? (c(), g(Je, {
+      t.title ? (c(), _(Xe, {
         key: 0,
         class: "font-weight-black"
       }, {
@@ -1062,56 +1062,56 @@ const xe = G("team", () => {
         ]),
         _: 1
       })) : C("", !0),
-      t.text ? (c(), L("div", _n, S(t.text), 1)) : C("", !0)
+      t.text ? (c(), L("div", yn, S(t.text), 1)) : C("", !0)
     ], 64));
   }
-}), yn = { key: 0 }, bn = /* @__PURE__ */ k({
+}), bn = { key: 0 }, Vn = /* @__PURE__ */ k({
   __name: "VoSettingsPageSuitOption",
   setup(u) {
     const t = R(), s = [
       {
         title: "Choose a page suit",
         value: "",
-        prependIcon: `svg:${eo}`,
+        prependIcon: `svg:${oo}`,
         disabled: !0
       },
       {
         title: "Blackguard",
-        prependIcon: `svg:${ft}`,
+        prependIcon: `svg:${vt}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
-        prependIcon: `svg:${vt}`,
+        prependIcon: `svg:${ht}`,
         value: "polaris"
       },
       {
         title: "Nebula",
-        prependIcon: `svg:${ht}`,
+        prependIcon: `svg:${gt}`,
         value: "nebula"
       },
       {
         title: "Odyssey",
-        prependIcon: `svg:${gt}`,
+        prependIcon: `svg:${_t}`,
         value: "odyssey"
       }
     ];
     return (o, a) => {
-      const n = Ut, l = fe;
+      const n = Ot, l = ve;
       return c(), L(N, null, [
         i(n, {
           modelValue: e(t).suits.show,
-          "onUpdate:modelValue": a[0] || (a[0] = (d) => e(t).suits.show = d),
+          "onUpdate:modelValue": a[0] || (a[0] = (p) => e(t).suits.show = p),
           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"]),
-        i(Ve, null, {
+        i(ke, null, {
           default: r(() => [
-            e(t).suits.show ? (c(), L("div", yn, [
-              i(Go, {
+            e(t).suits.show ? (c(), L("div", bn, [
+              i(Qo, {
                 modelValue: e(t).suits.suit,
-                "onUpdate:modelValue": a[1] || (a[1] = (d) => e(t).suits.suit = d),
+                "onUpdate:modelValue": a[1] || (a[1] = (p) => e(t).suits.suit = p),
                 clearable: "",
                 density: "compact",
                 "item-props": "",
@@ -1121,27 +1121,27 @@ const xe = G("team", () => {
                 style: { "max-width": "300px" },
                 variant: "outlined"
               }, {
-                selection: r(({ item: d }) => [
+                selection: r(({ item: p }) => [
                   i(O, {
-                    icon: d.props.prependIcon,
+                    icon: p.props.prependIcon,
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  B(" " + S(d.title), 1)
+                  B(" " + S(p.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
               i(l, { text: "Select your suit elements to display the background image:" }),
-              i(Zo, {
+              i(Go, {
                 modelValue: e(t).suits.elements,
-                "onUpdate:modelValue": a[2] || (a[2] = (d) => e(t).suits.elements = d),
+                "onUpdate:modelValue": a[2] || (a[2] = (p) => e(t).suits.elements = p),
                 color: "primary",
                 filter: "",
                 multiple: ""
               }, {
                 default: r(() => [
                   i(ie, {
-                    "append-icon": `svg:${e(to)}`,
+                    "append-icon": `svg:${e(no)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
@@ -1157,7 +1157,7 @@ const xe = G("team", () => {
                     _: 1
                   }, 8, ["append-icon"]),
                   i(ie, {
-                    "append-icon": `svg:${e(oo)}`,
+                    "append-icon": `svg:${e(so)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
@@ -1199,7 +1199,7 @@ const xe = G("team", () => {
     };
   }
 });
-function Vn() {
+function kn() {
   return {
     blackguard: {
       dark: !0,
@@ -1392,8 +1392,8 @@ function Vn() {
     }
   };
 }
-const qe = G("settings", () => {
-  const u = "https://cdn.vuetifyjs.com/docs/images/one/", t = z(), s = R(), o = Re(), a = Vn(), n = {
+const We = G("settings", () => {
+  const u = "https://cdn.vuetifyjs.com/docs/images/one/", t = z(), s = R(), o = He(), a = kn(), n = {
     blackguard: {
       "app-bar": u + "suits/blackguard/blackguard-app-bar.png",
       drawer: u + "suits/blackguard/blackguard-app-drawer.png",
@@ -1414,23 +1414,23 @@ const qe = G("settings", () => {
       drawer: u + "suits/odyssey/odyssey-app-drawer.png",
       footer: u + "suits/odyssey/odyssey-app-footer.png"
     }
-  }, l = $(() => {
+  }, l = w(() => {
     if (!s.suits.suit || !s.suits.show || !t.isSubscriber) return {};
-    const d = n[s.suits.suit.toLowerCase()], p = {};
+    const p = n[s.suits.suit.toLowerCase()], m = {};
     for (const v of s.suits.elements)
-      p[v] = d[v];
-    return p;
+      m[v] = p[v];
+    return m;
   });
   return o.themes.value = {
     ...o.themes.value,
     ...a
-  }, j(() => s.theme, (d) => {
-    d === "system" ? o.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (o.global.name.value = d, s.suits.suit = n[d] ? d : ""), s.theme = d;
+  }, P(() => s.theme, (p) => {
+    p === "system" ? o.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (o.global.name.value = p, s.suits.suit = n[p] ? p : ""), s.theme = p;
   }, { immediate: !0 }), {
     suit: l,
     CDN_URL: u
   };
-}), kn = { class: "ms-5" }, $n = { class: "pb-2" }, wn = /* @__PURE__ */ k({
+}), wn = { class: "ms-5" }, $n = { class: "pb-2" }, xn = /* @__PURE__ */ k({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1438,42 +1438,42 @@ const qe = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = ce(u, "modelValue"), s = z(), o = qe(), a = R(), n = $(() => [
+    const t = ce(u, "modelValue"), s = z(), o = We(), a = R(), n = w(() => [
       {
         title: "Light",
         subtitle: "A standard light theme.",
         image: o.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${no}`,
+        prependIcon: `svg:${ao}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
         image: o.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${so}`,
+        prependIcon: `svg:${io}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
         image: o.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${ao}`,
+        prependIcon: `svg:${ro}`,
         value: "system"
       },
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
         image: o.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${io}`,
+        prependIcon: `svg:${lo}`,
         value: "highContrast",
         disabled: !s.isSubscriber
       }
-    ]), l = $(() => [
+    ]), l = w(() => [
       {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
         image: o.CDN_URL + "themes/blackguard.png",
-        prependIcon: `svg:${ft}`,
+        prependIcon: `svg:${vt}`,
         value: "blackguard",
         disabled: !s.isSubscriber
       },
@@ -1481,7 +1481,7 @@ const qe = G("settings", () => {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
         image: o.CDN_URL + "themes/polaris.png",
-        prependIcon: `svg:${vt}`,
+        prependIcon: `svg:${ht}`,
         value: "polaris",
         disabled: !s.isSubscriber
       },
@@ -1489,7 +1489,7 @@ const qe = G("settings", () => {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
         image: o.CDN_URL + "themes/nebula.png",
-        prependIcon: `svg:${ht}`,
+        prependIcon: `svg:${gt}`,
         value: "nebula",
         disabled: !s.isSubscriber
       },
@@ -1497,48 +1497,48 @@ const qe = G("settings", () => {
         title: "Odyssey",
         subtitle: "A theme for v3.7 Odyssey.",
         image: o.CDN_URL + "themes/odyssey.png",
-        prependIcon: `svg:${gt}`,
+        prependIcon: `svg:${_t}`,
         value: "odyssey",
         disabled: !s.isSubscriber
       }
-    ]), d = $(() => [
+    ]), p = w(() => [
       { title: "Standard", items: n.value },
       { title: "Releases", items: l.value }
-    ]), p = me();
-    j(p, async () => {
-      p.value.one === "settings" && (s.isOpen = !0, await _e(), t.value = !0);
+    ]), m = fe();
+    P(m, async () => {
+      m.value.one === "settings" && (s.isOpen = !0, await ye(), t.value = !0);
     }, { immediate: !0 });
-    function v(h, f) {
-      f.disabled || (a.theme = f.value, h == null || h());
+    function v(g, f) {
+      f.disabled || (a.theme = f.value, g == null || g());
     }
-    return (h, f) => {
-      const w = fe, y = bn, _ = Ut, m = Ce;
-      return c(), g(m, {
+    return (g, f) => {
+      const $ = ve, b = Vn, h = Ot, d = Ce;
+      return c(), _(d, {
         modelValue: t.value,
-        "onUpdate:modelValue": f[6] || (f[6] = (b) => t.value = b),
-        "prepend-icon": `svg:${e(ro)}`,
+        "onUpdate:modelValue": f[6] || (f[6] = (y) => t.value = y),
+        "prepend-icon": `svg:${e(uo)}`,
         title: "Settings"
       }, {
         default: r(() => [
-          i($e, null, {
+          i(we, null, {
             default: r(() => [
-              i(we, { scrollable: "" }, {
+              i($e, { scrollable: "" }, {
                 default: r(() => [
                   i(ae, { class: "px-7" }, {
                     default: r(() => [
-                      i(w, {
+                      i($, {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
-                      i(Vt, {
+                      i(kt, {
                         modelValue: e(a).theme,
-                        "onUpdate:modelValue": f[0] || (f[0] = (b) => e(a).theme = b),
+                        "onUpdate:modelValue": f[0] || (f[0] = (y) => e(a).theme = y),
                         mandatory: ""
                       }, {
                         default: r(() => [
                           i(De, { dense: "" }, {
                             default: r(() => [
-                              (c(!0), L(N, null, re(d.value, (b, A) => (c(), g(ge, {
+                              (c(!0), L(N, null, re(p.value, (y, A) => (c(), _(_e, {
                                 key: A,
                                 class: "d-flex flex-column ga-3",
                                 cols: "12",
@@ -1547,34 +1547,34 @@ const qe = G("settings", () => {
                                 default: r(() => [
                                   i(jo, { class: "mb-n4" }, {
                                     default: r(() => [
-                                      B(S(b.title), 1)
+                                      B(S(y.title), 1)
                                     ]),
                                     _: 2
                                   }, 1024),
-                                  (c(!0), L(N, null, re(b.items, (D) => (c(), g(Xe, {
-                                    key: D.value,
-                                    value: D.value
+                                  (c(!0), L(N, null, re(y.items, (U) => (c(), _(Ke, {
+                                    key: U.value,
+                                    value: U.value
                                   }, {
                                     default: r(({ toggle: F, isSelected: Q }) => [
-                                      i(He, null, {
+                                      i(Ee, null, {
                                         default: r(({ props: Z, isHovering: Y }) => [
                                           i(q, J({
                                             color: Q ? "primary" : "surface-variant",
                                             height: "76",
-                                            image: D.image,
-                                            "prepend-icon": D.prependIcon,
-                                            readonly: D.disabled,
-                                            ripple: !D.disabled,
-                                            subtitle: D.disabled ? "🔓 Unlock with Vuetify One" : D.subtitle,
-                                            title: D.title,
+                                            image: U.image,
+                                            "prepend-icon": U.prependIcon,
+                                            readonly: U.disabled,
+                                            ripple: !U.disabled,
+                                            subtitle: U.disabled ? "🔓 Unlock with Vuetify One" : U.subtitle,
+                                            title: U.title,
                                             variant: "tonal",
                                             ref_for: !0
                                           }, Z, {
-                                            onClick: (ue) => v(F, D)
+                                            onClick: (ue) => v(F, U)
                                           }), {
                                             image: r(() => [
                                               i(le, {
-                                                style: mt({
+                                                style: ft({
                                                   filter: Q || Y ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
@@ -1598,7 +1598,7 @@ const qe = G("settings", () => {
                       }, 8, ["modelValue"]),
                       e(s).isSubscriber ? (c(), L(N, { key: 0 }, [
                         i(X, { class: "mt-6 mb-4" }),
-                        i(y)
+                        i(b)
                       ], 64)) : C("", !0)
                     ]),
                     _: 1
@@ -1606,25 +1606,25 @@ const qe = G("settings", () => {
                   i(X),
                   i(ae, { class: "px-7" }, {
                     default: r(() => [
-                      i(w, {
+                      i($, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
-                      e(s).isSubscriber ? (c(), g(_, {
+                      e(s).isSubscriber ? (c(), _(h, {
                         key: 0,
                         modelValue: e(a).disableAds,
-                        "onUpdate:modelValue": f[1] || (f[1] = (b) => e(a).disableAds = b),
+                        "onUpdate:modelValue": f[1] || (f[1] = (y) => e(a).disableAds = y),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
                       }, null, 8, ["modelValue"])) : C("", !0),
-                      i(Ve, null, {
+                      i(ke, null, {
                         default: r(() => [
-                          ye(V("div", kn, [
+                          be(V("div", wn, [
                             V("div", $n, [
-                              i(_, {
+                              i(h, {
                                 modelValue: e(a).showHouseAds,
-                                "onUpdate:modelValue": f[2] || (f[2] = (b) => e(a).showHouseAds = b),
+                                "onUpdate:modelValue": f[2] || (f[2] = (y) => e(a).showHouseAds = y),
                                 label: "Show House Ads",
                                 messages: "These advertisements are for Vuetify products and services only."
                               }, null, 8, ["modelValue"])
@@ -1635,9 +1635,9 @@ const qe = G("settings", () => {
                         ]),
                         _: 1
                       }),
-                      i(_, {
+                      i(h, {
                         modelValue: e(a).quickbar,
-                        "onUpdate:modelValue": f[3] || (f[3] = (b) => e(a).quickbar = b),
+                        "onUpdate:modelValue": f[3] || (f[3] = (y) => e(a).quickbar = y),
                         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"])
@@ -1645,25 +1645,25 @@ const qe = G("settings", () => {
                     _: 1
                   }),
                   i(X),
-                  e(s).isSubscriber ? (c(), g(ae, {
+                  e(s).isSubscriber ? (c(), _(ae, {
                     key: 0,
                     class: "px-7"
                   }, {
                     default: r(() => [
-                      i(w, {
+                      i($, {
                         text: "Vuetify will communicate with you through banners and notifications. You can disable these features here or reset your local notification cache.",
                         title: "Communication"
                       }),
-                      i(_, {
+                      i(h, {
                         modelValue: e(a).notifications.show,
-                        "onUpdate:modelValue": f[4] || (f[4] = (b) => e(a).notifications.show = b),
+                        "onUpdate:modelValue": f[4] || (f[4] = (y) => e(a).notifications.show = y),
                         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"]),
-                      i(_, {
+                      i(h, {
                         modelValue: e(a).notifications.banners,
-                        "onUpdate:modelValue": f[5] || (f[5] = (b) => e(a).notifications.banners = b),
+                        "onUpdate:modelValue": f[5] || (f[5] = (y) => e(a).notifications.banners = y),
                         label: "Enable Banners",
                         messages: "Banners are located at the top of the screen and provide a callout for important information."
                       }, null, 8, ["modelValue"])
@@ -1681,16 +1681,16 @@ const qe = G("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), xn = /* @__PURE__ */ k({
+}), Cn = /* @__PURE__ */ k({
   __name: "VoSettingsListItem",
   setup(u) {
-    const t = T(!1);
+    const t = D(!1);
     return (s, o) => {
-      const a = wn, n = K;
-      return c(), g(n, {
+      const a = xn, n = ee;
+      return c(), _(n, {
         active: e(t),
         link: "",
-        "prepend-icon": `svg:${e(lo)}`,
+        "prepend-icon": `svg:${e(co)}`,
         title: "Settings"
       }, {
         default: r(() => [
@@ -1703,15 +1703,15 @@ const qe = G("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Cn = { class: "text-caption" }, Sn = /* @__PURE__ */ k({
+}), Sn = { class: "text-caption" }, Ln = /* @__PURE__ */ k({
   __name: "VoSubscriptionInvoices",
   setup(u) {
     const t = Te(), s = z();
     return (o, a) => {
-      const n = fe;
-      return c(), g(De, null, {
+      const n = ve;
+      return c(), _(De, null, {
         default: r(() => [
-          i(ge, { cols: "12" }, {
+          i(_e, { cols: "12" }, {
             default: r(() => [
               i(n, {
                 text: "View and download your invoice history.",
@@ -1722,7 +1722,7 @@ const qe = G("settings", () => {
                 rounded: "lg"
               }, {
                 default: r(() => [
-                  i(kt, {
+                  i(wt, {
                     "fixed-header": "",
                     height: "450",
                     items: e(s).invoices,
@@ -1730,7 +1730,7 @@ const qe = G("settings", () => {
                     sticky: ""
                   }, {
                     "item.date": r(({ item: l }) => [
-                      V("div", Cn, S(e(t).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
+                      V("div", Sn, S(e(t).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": r(({ item: l }) => [
                       B(" $" + S(l.amount / 100), 1)
@@ -1747,9 +1747,9 @@ const qe = G("settings", () => {
                       }, null, 8, ["text"])
                     ]),
                     "item.pdf": r(({ item: l }) => [
-                      i(P, {
+                      i(j, {
                         href: l.pdf,
-                        icon: `svg:${e(uo)}`,
+                        icon: `svg:${e(po)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1768,25 +1768,25 @@ const qe = G("settings", () => {
       });
     };
   }
-}), Ln = { class: "d-flex align-center" }, In = ["textContent"], An = { class: "me-1" }, Tn = { class: "text-medium-emphasis text-caption" }, Dn = { class: "d-flex align-center" }, Un = { class: "d-flex align-start justify-space-between text-caption py-2" }, On = { class: "font-weight-bold" }, Bn = { class: "font-weight-bold" }, Mn = /* @__PURE__ */ k({
+}), In = { class: "d-flex align-center" }, An = ["textContent"], Tn = { class: "me-1" }, Dn = { class: "text-medium-emphasis text-caption" }, Un = { class: "d-flex align-center" }, On = { class: "d-flex align-start justify-space-between text-caption py-2" }, Bn = { class: "font-weight-bold" }, Mn = { class: "font-weight-bold" }, Nn = /* @__PURE__ */ k({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(u, { emit: t }) {
-    const s = Te(), o = z(), a = t, n = $(() => {
+    const s = Te(), o = z(), a = t, n = w(() => {
       if (!o.info) return;
-      const d = new Date(o.info.currentPeriodEnd * 1e3);
-      return s.format(d, "keyboardDate");
+      const p = new Date(o.info.currentPeriodEnd * 1e3);
+      return s.format(p, "keyboardDate");
     });
     async function l() {
       !o.interval || !o.subscriptionType || (o.isLoading = !0, o.subscribe(o.interval, o.subscriptionType));
     }
-    return (d, p) => {
+    return (p, m) => {
       const v = Ue;
-      return c(), g(De, null, {
+      return c(), _(De, null, {
         default: r(() => [
-          i(ge, { cols: "12" }, {
+          i(_e, { cols: "12" }, {
             default: r(() => {
-              var h, f;
+              var g, f;
               return [
                 i(q, {
                   border: "",
@@ -1801,9 +1801,9 @@ const qe = G("settings", () => {
                     }, null, 8, ["color"])
                   ]),
                   append: r(() => {
-                    var w;
+                    var $;
                     return [
-                      e(o).hasBilling && ((w = e(o).info) == null ? void 0 : w.status) === "canceled" ? (c(), g(v, {
+                      e(o).hasBilling && (($ = e(o).info) == null ? void 0 : $.status) === "canceled" ? (c(), _(v, {
                         key: 0,
                         class: "me-2",
                         color: "success",
@@ -1813,10 +1813,10 @@ const qe = G("settings", () => {
                         variant: "outlined",
                         onClick: l
                       }, null, 8, ["loading"])) : C("", !0),
-                      e(o).hasBilling ? (c(), g(v, {
+                      e(o).hasBilling ? (c(), _(v, {
                         key: 1,
                         loading: e(o).isLoading,
-                        "prepend-icon": `svg:${e(co)}`,
+                        "prepend-icon": `svg:${e(mo)}`,
                         text: "Billing",
                         onClick: e(o).manage
                       }, null, 8, ["loading", "prepend-icon", "onClick"])) : C("", !0)
@@ -1827,23 +1827,23 @@ const qe = G("settings", () => {
                   e(o).info ? {
                     name: "subtitle",
                     fn: r(() => [
-                      V("div", Ln, [
+                      V("div", In, [
                         V("strong", {
                           key: "status",
                           class: "text-capitalize hidden-sm-and-down",
                           textContent: S(e(o).info.status)
-                        }, null, 8, In),
+                        }, null, 8, An),
                         e(o).info.items.length ? (c(), L(N, { key: 0 }, [
-                          p[1] || (p[1] = V("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1)),
-                          V("span", An, [
+                          m[1] || (m[1] = V("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1)),
+                          V("span", Tn, [
                             B(" $" + S(e(o).info.items[0].plan.amount / 100), 1),
-                            V("span", Tn, "/" + S(e(o).interval), 1)
+                            V("span", Dn, "/" + S(e(o).interval), 1)
                           ]),
                           i(v, {
                             size: "x-small",
                             text: "(Change Subscription)",
                             variant: "text",
-                            onClick: p[0] || (p[0] = (w) => a("change:subscription"))
+                            onClick: m[0] || (m[0] = ($) => a("change:subscription"))
                           })
                         ], 64)) : C("", !0)
                       ])
@@ -1852,13 +1852,13 @@ const qe = G("settings", () => {
                   } : {
                     name: "subtitle",
                     fn: r(() => [
-                      V("div", Dn, [
+                      V("div", Un, [
                         i(Ie, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
-                        p[2] || (p[2] = V("span", { class: "mx-1" }, "—", -1)),
+                        m[2] || (m[2] = V("span", { class: "mx-1" }, "—", -1)),
                         i(Ie, {
                           height: "16",
                           type: "ossein",
@@ -1869,16 +1869,16 @@ const qe = G("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                V("div", Un, [
+                V("div", On, [
                   V("div", null, [
-                    ((h = e(o).info) == null ? void 0 : h.status) === "active" ? (c(), L(N, { key: 0 }, [
-                      p[3] || (p[3] = B(" Your plan renews on ")),
-                      V("span", On, S(e(s).format(e(n), "fullDateWithWeekday")), 1),
-                      p[4] || (p[4] = B(". "))
+                    ((g = e(o).info) == null ? void 0 : g.status) === "active" ? (c(), L(N, { key: 0 }, [
+                      m[3] || (m[3] = B(" Your plan renews on ")),
+                      V("span", Bn, S(e(s).format(e(n), "fullDateWithWeekday")), 1),
+                      m[4] || (m[4] = B(". "))
                     ], 64)) : (c(), L(N, { key: 1 }, [
-                      p[5] || (p[5] = B(" Your plan ends on ")),
-                      V("span", Bn, S(e(s).format((f = e(o).info) == null ? void 0 : f.currentPeriodEnd, "fullDateWithWeekday")), 1),
-                      p[6] || (p[6] = B(". "))
+                      m[5] || (m[5] = B(" Your plan ends on ")),
+                      V("span", Mn, S(e(s).format((f = e(o).info) == null ? void 0 : f.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      m[6] || (m[6] = B(". "))
                     ], 64))
                   ])
                 ])
@@ -1891,7 +1891,7 @@ const qe = G("settings", () => {
       });
     };
   }
-}), Nn = ["innerHTML"], Fn = ["innerHTML"], zn = /* @__PURE__ */ k({
+}), Fn = ["innerHTML"], zn = ["innerHTML"], Pn = /* @__PURE__ */ k({
   __name: "VoSubscriptionPerks",
   props: {
     type: {}
@@ -1901,7 +1901,7 @@ const qe = G("settings", () => {
       "Access to the Vuetify MCP server",
       "Team wide Playgrounds, Bins, and Studios",
       "Receive a special label on GitHub created issues and pull requests"
-    ], s = T(!1), o = z(), a = $(() => {
+    ], s = D(!1), o = z(), a = w(() => {
       const n = [
         "Ad Free Experience on all Vuetify properties",
         'Save and share across our platforms <a href="https://play.vuetifyjs.com" target="_blank">VPlay</a>, <a href="https://bin.vuetifyjs.com" target="_blank">VBin</a>, and <a href="https://studio.vuetifyjs.com" target="_blank">VStudio</a>',
@@ -1913,12 +1913,12 @@ const qe = G("settings", () => {
       ];
       return u.type === "team" && n.unshift("Invite up to 25 team members"), n;
     });
-    return j(s, async (n) => {
+    return P(s, async (n) => {
       n && o.subscriptionInfo();
     }), (n, l) => {
-      const d = K;
+      const p = ee;
       return c(), L(N, null, [
-        i(Je, { class: "font-weight-black" }, {
+        i(Xe, { class: "font-weight-black" }, {
           default: r(() => l[0] || (l[0] = [
             B("Perks")
           ])),
@@ -1932,7 +1932,7 @@ const qe = G("settings", () => {
           nav: ""
         }, {
           default: r(() => [
-            (c(!0), L(N, null, re(e(a), (p, v) => (c(), g(d, {
+            (c(!0), L(N, null, re(e(a), (m, v) => (c(), _(p, {
               key: v,
               class: "mb-0",
               "prepend-icon": `svg:${e(Ae)}`
@@ -1945,7 +1945,7 @@ const qe = G("settings", () => {
                 })
               ]),
               title: r(() => [
-                V("div", { innerHTML: p }, null, 8, Nn)
+                V("div", { innerHTML: m }, null, 8, Fn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"]))), 128))
@@ -1953,7 +1953,7 @@ const qe = G("settings", () => {
           _: 1
         }),
         l[3] || (l[3] = V("br", null, null, -1)),
-        i(Je, { class: "font-weight-black" }, {
+        i(Xe, { class: "font-weight-black" }, {
           default: r(() => l[1] || (l[1] = [
             B("Up Next")
           ])),
@@ -1967,10 +1967,10 @@ const qe = G("settings", () => {
           nav: ""
         }, {
           default: r(() => [
-            (c(), L(N, null, re(t, (p, v) => i(d, {
+            (c(), L(N, null, re(t, (m, v) => i(p, {
               key: v,
               class: "mb-0",
-              "prepend-icon": `svg:${e(po)}`
+              "prepend-icon": `svg:${e(fo)}`
             }, {
               prepend: r(() => [
                 i(O, {
@@ -1979,7 +1979,7 @@ const qe = G("settings", () => {
                 })
               ]),
               title: r(() => [
-                V("div", { innerHTML: p }, null, 8, Fn)
+                V("div", { innerHTML: m }, null, 8, zn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1999,44 +1999,44 @@ const qe = G("settings", () => {
   },
   emits: ["update:interval", "update:type"],
   setup(u) {
-    const t = T(!1), s = ce(u, "interval"), o = ce(u, "type"), a = z(), n = xe(), l = $(() => n.hasTeamAccess && !n.isTeamOwner), d = {
+    const t = D(!1), s = ce(u, "interval"), o = ce(u, "type"), a = z(), n = xe(), l = w(() => n.hasTeamAccess && !n.isTeamOwner), p = {
       solo: {
-        month: "undefined /month",
-        year: "undefined /year"
+        month: "2.99 /month",
+        year: "29.99 /year"
       },
       team: {
-        month: "undefined /month",
-        year: "undefined /year"
+        month: "29.99 /month",
+        year: "299.99 /year"
       }
     };
-    return j(t, async (p) => {
-      p && a.subscriptionInfo();
-    }), (p, v) => (c(), L(N, null, [
-      i(Vt, {
+    return P(t, async (m) => {
+      m && a.subscriptionInfo();
+    }), (m, v) => (c(), L(N, null, [
+      i(kt, {
         modelValue: o.value,
-        "onUpdate:modelValue": v[0] || (v[0] = (h) => o.value = h),
+        "onUpdate:modelValue": v[0] || (v[0] = (g) => o.value = g),
         class: "mb-4",
         mandatory: ""
       }, {
         default: r(() => [
           i(De, null, {
             default: r(() => [
-              i(ge, {
+              i(_e, {
                 cols: "12",
                 md: "6"
               }, {
                 default: r(() => [
-                  i(Xe, { value: "solo" }, {
-                    default: r(({ toggle: h, isSelected: f }) => [
+                  i(Ke, { value: "solo" }, {
+                    default: r(({ toggle: g, isSelected: f }) => [
                       i(q, {
                         border: f ? "sm primary opacity-50" : "sm",
                         color: f ? "primary" : void 0,
                         "prepend-icon": f ? `svg:${e(Me)}` : "$radioOff",
                         rounded: "lg",
-                        subtitle: `$${d.solo[s.value]}`,
+                        subtitle: `$${p.solo[s.value]}`,
                         title: "Solo Developer",
                         variant: f ? "tonal" : "text",
-                        onClick: h
+                        onClick: g
                       }, {
                         prepend: r(() => [
                           i(O, { class: "mt-n6" })
@@ -2049,23 +2049,23 @@ const qe = G("settings", () => {
                 ]),
                 _: 1
               }),
-              i(ge, {
+              i(_e, {
                 cols: "12",
                 md: "6"
               }, {
                 default: r(() => [
-                  i(Xe, { value: "team" }, {
-                    default: r(({ toggle: h, isSelected: f }) => [
+                  i(Ke, { value: "team" }, {
+                    default: r(({ toggle: g, isSelected: f }) => [
                       i(q, {
                         border: f ? "sm primary opacity-50" : "sm",
                         color: f ? "primary" : void 0,
                         disabled: e(l),
                         "prepend-icon": f ? `svg:${e(Me)}` : "$radioOff",
                         rounded: "lg",
-                        subtitle: `$${d.team[s.value]}`,
+                        subtitle: `$${p.team[s.value]}`,
                         title: "Team Access",
                         variant: f ? "tonal" : "text",
-                        onClick: h
+                        onClick: g
                       }, {
                         prepend: r(() => [
                           i(O, { class: "mt-n6" })
@@ -2086,7 +2086,7 @@ const qe = G("settings", () => {
       }, 8, ["modelValue"]),
       i(st, {
         modelValue: s.value,
-        "onUpdate:modelValue": v[1] || (v[1] = (h) => s.value = h),
+        "onUpdate:modelValue": v[1] || (v[1] = (g) => s.value = g),
         "false-value": "month",
         "hide-details": "",
         inset: "",
@@ -2095,7 +2095,7 @@ const qe = G("settings", () => {
       }, null, 8, ["modelValue"])
     ], 64));
   }
-}), Pn = { class: "px-3" }, Rn = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Hn = /* @__PURE__ */ k({
+}), Rn = { class: "px-3" }, Hn = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, En = /* @__PURE__ */ k({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2103,67 +2103,67 @@ const qe = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    function t(h) {
-      return new Promise((f) => setTimeout(f, h));
+    function t(g) {
+      return new Promise((f) => setTimeout(f, g));
     }
-    const s = ce(u, "modelValue"), o = z(), a = me(), n = T(o.interval), l = T(o.subscriptionType), d = T(o.hasBilling ? "status" : "subscribe"), p = T(!1);
-    j([n, l], ([h, f]) => {
-      !o.isSubscriber || !o.interval || !o.subscriptionType || (p.value = h !== o.interval || f !== o.subscriptionType);
-    }), j(s, async (h) => {
-      if (!h || !o.isSubscriber) {
-        h || o.resetQuery();
+    const s = ce(u, "modelValue"), o = z(), a = fe(), n = D(o.interval), l = D(o.subscriptionType), p = D(o.hasBilling ? "status" : "subscribe"), m = D(!1);
+    P([n, l], ([g, f]) => {
+      !o.isSubscriber || !o.interval || !o.subscriptionType || (m.value = g !== o.interval || f !== o.subscriptionType);
+    }), P(s, async (g) => {
+      if (!g || !o.isSubscriber) {
+        g || o.resetQuery();
         return;
       }
       o.subscriptionInfo();
-    }), j(a, async () => {
-      !o.sessionId && !["subscribe", "status"].includes(a.value.one) || a.value.team || (d.value = o.sessionId || a.value.one === "status" ? "status" : "subscribe", o.isOpen = !0, await _e(), s.value = !0);
-    }, { immediate: !0 }), Rt(() => {
+    }), P(a, async () => {
+      !o.sessionId && !["subscribe", "status"].includes(a.value.one) || a.value.team || (p.value = o.sessionId || a.value.one === "status" ? "status" : "subscribe", o.isOpen = !0, await ye(), s.value = !0);
+    }, { immediate: !0 }), Ht(() => {
       n.value = o.interval ?? "year", l.value = o.subscriptionType ?? "solo";
     });
     async function v() {
-      await o.modify(n.value, l.value), await o.subscriptionInfo(), p.value = null, await t(3e3), d.value = "status", await t(300), p.value = !1;
+      await o.modify(n.value, l.value), await o.subscriptionInfo(), m.value = null, await t(3e3), p.value = "status", await t(300), m.value = !1;
     }
-    return (h, f) => {
-      const w = fe, y = jn, _ = zn, m = Mn, b = Sn, A = Ue, D = Ce;
-      return c(), g(D, {
+    return (g, f) => {
+      const $ = ve, b = jn, h = Pn, d = Nn, y = Ln, A = Ue, U = Ce;
+      return c(), _(U, {
         modelValue: s.value,
         "onUpdate:modelValue": f[5] || (f[5] = (F) => s.value = F),
-        "prepend-icon": `svg:${e(mo)}`,
+        "prepend-icon": `svg:${e(vo)}`,
         title: "Subscriptions"
       }, W({
         default: r(() => [
-          i($e, null, {
+          i(we, null, {
             default: r(() => [
-              i(we, { scrollable: "" }, {
+              i($e, { scrollable: "" }, {
                 default: r(() => [
-                  V("div", Pn, [
+                  V("div", Rn, [
                     i(ae, null, {
                       default: r(() => [
-                        i(w, {
+                        i($, {
                           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"
                         }),
-                        i($t, { "model-value": e(d) }, {
+                        i($t, { "model-value": e(p) }, {
                           default: r(() => [
                             i(Le, { value: "subscribe" }, {
                               default: r(() => [
-                                i(y, {
+                                i(b, {
                                   interval: e(n),
                                   "onUpdate:interval": f[0] || (f[0] = (F) => te(n) ? n.value = F : null),
                                   type: e(l),
                                   "onUpdate:type": f[1] || (f[1] = (F) => te(l) ? l.value = F : null)
                                 }, null, 8, ["interval", "type"]),
                                 f[6] || (f[6] = V("br", null, null, -1)),
-                                i(_, { type: e(l) }, null, 8, ["type"])
+                                i(h, { type: e(l) }, null, 8, ["type"])
                               ]),
                               _: 1
                             }),
                             i(Le, { value: "status" }, {
                               default: r(() => [
-                                i(m, {
-                                  "onChange:subscription": f[2] || (f[2] = (F) => d.value = "subscribe")
+                                i(d, {
+                                  "onChange:subscription": f[2] || (f[2] = (F) => p.value = "subscribe")
                                 }),
-                                i(b)
+                                i(y)
                               ]),
                               _: 1
                             })
@@ -2183,28 +2183,28 @@ const qe = G("settings", () => {
         ]),
         _: 2
       }, [
-        e(d) === "subscribe" ? {
+        e(p) === "subscribe" ? {
           name: "actions",
           fn: r(() => [
-            V("div", Rn, [
-              e(p) !== !1 ? (c(), g(A, {
+            V("div", Hn, [
+              e(m) !== !1 ? (c(), _(A, {
                 key: 0,
                 block: "",
                 color: "success",
                 loading: e(o).isLoading,
-                "prepend-icon": `svg:${e(p) !== null ? e(fo) : e(Me)}`,
-                readonly: e(p) === null,
+                "prepend-icon": `svg:${e(m) !== null ? e(ho) : e(Me)}`,
+                readonly: e(m) === null,
                 size: "default",
-                text: e(p) !== null ? "Modify Subscription" : "Success",
+                text: e(m) !== null ? "Modify Subscription" : "Success",
                 onClick: v
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(o).one ? (c(), g(A, {
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(o).one ? (c(), _(A, {
                 key: 2,
                 block: "",
-                "prepend-icon": `svg:${e(vo)}`,
+                "prepend-icon": `svg:${e(go)}`,
                 size: "default",
                 text: "Manage Subscription",
-                onClick: f[4] || (f[4] = (F) => d.value = "status")
-              }, null, 8, ["prepend-icon"])) : (c(), g(A, {
+                onClick: f[4] || (f[4] = (F) => p.value = "status")
+              }, null, 8, ["prepend-icon"])) : (c(), _(A, {
                 key: 1,
                 block: "",
                 color: e(n) && e(l) ? "success" : "disabled",
@@ -2222,16 +2222,16 @@ const qe = G("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), En = /* @__PURE__ */ k({
+}), qn = /* @__PURE__ */ k({
   __name: "VoSubscriptionListItem",
   setup(u) {
-    const t = T(!1);
+    const t = D(!1);
     return (s, o) => {
-      const a = Hn, n = K;
-      return c(), g(n, {
+      const a = En, n = ee;
+      return c(), _(n, {
         active: e(t),
         link: "",
-        "prepend-icon": `svg:${e(ho)}`,
+        "prepend-icon": `svg:${e(_o)}`,
         title: "Subscriptions"
       }, {
         default: r(() => [
@@ -2244,10 +2244,10 @@ const qe = G("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), qn = {
+}), Wn = {
   key: 0,
   class: "text-success"
-}, We = /* @__PURE__ */ k({
+}, Ze = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItem",
   props: {
     title: {},
@@ -2259,16 +2259,16 @@ const qe = G("settings", () => {
     sponsorship: {}
   },
   setup(u) {
-    const t = u, s = qe(), o = $(() => {
+    const t = u, s = We(), o = w(() => {
       var n, l;
       return `$${parseFloat(String((((n = t.sponsorship) == null ? void 0 : n.amount) ?? 0) / 100)).toFixed(2)} /${(l = t.sponsorship) == null ? void 0 : l.interval}`;
     });
     return (a, n) => {
-      var d, p;
+      var p, m;
       const l = Ue;
-      return c(), g(Jo, {
-        "dot-color": (d = a.sponsorship) != null && d.isActive ? "success" : "transparent",
-        icon: (p = a.sponsorship) != null && p.isActive ? `svg:${e(Ae)}` : void 0,
+      return c(), _(Xo, {
+        "dot-color": (p = a.sponsorship) != null && p.isActive ? "success" : "transparent",
+        icon: (m = a.sponsorship) != null && m.isActive ? `svg:${e(Ae)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
@@ -2283,9 +2283,9 @@ const qe = G("settings", () => {
             subtitle: r(() => {
               var v;
               return [
-                (v = a.sponsorship) != null && v.isActive ? (c(), L("div", qn, [
+                (v = a.sponsorship) != null && v.isActive ? (c(), L("div", Wn, [
                   i(O, {
-                    icon: `svg:${e(go)}`,
+                    icon: `svg:${e(yo)}`,
                     size: "x-small"
                   }, null, 8, ["icon"]),
                   B(" " + S(e(o)), 1)
@@ -2295,22 +2295,22 @@ const qe = G("settings", () => {
               ];
             }),
             append: r(() => {
-              var v, h, f, w, y, _;
+              var v, g, f, $, b, h;
               return [
-                a.disabled ? (c(), g(l, {
+                a.disabled ? (c(), _(l, {
                   key: 1,
                   color: "surface-variant",
                   readonly: "",
                   text: "Coming Soon"
-                })) : (c(), g(l, {
+                })) : (c(), _(l, {
                   key: 0,
                   active: !1,
                   color: (v = a.sponsorship) != null && v.isActive ? "success" : "primary",
-                  href: (h = a.sponsorship) != null && h.isActive || a.to ? void 0 : a.href,
-                  "prepend-icon": `svg:${(f = a.sponsorship) != null && f.isActive ? e(Me) : e(ze)}`,
-                  readonly: (w = a.sponsorship) == null ? void 0 : w.isActive,
-                  target: (y = a.sponsorship) != null && y.isActive || a.to ? void 0 : "_blank",
-                  text: (_ = a.sponsorship) != null && _.isActive ? "Active" : "Info",
+                  href: (g = a.sponsorship) != null && g.isActive || a.to ? void 0 : a.href,
+                  "prepend-icon": `svg:${(f = a.sponsorship) != null && f.isActive ? e(Me) : e(Pe)}`,
+                  readonly: ($ = a.sponsorship) == null ? void 0 : $.isActive,
+                  target: (b = a.sponsorship) != null && b.isActive || a.to ? void 0 : "_blank",
+                  text: (h = a.sponsorship) != null && h.isActive ? "Active" : "Info",
                   to: a.to,
                   width: "88"
                 }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text", "to"]))
@@ -2323,12 +2323,12 @@ const qe = G("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), Wn = /* @__PURE__ */ k({
+}), Zn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemPatreon",
   setup(u) {
     return (t, s) => {
-      const o = We;
-      return c(), g(o, {
+      const o = Ze;
+      return c(), _(o, {
         disabled: "",
         logo: "patreon",
         text: "Support Vuetify through Patreon.",
@@ -2336,13 +2336,13 @@ const qe = G("settings", () => {
       });
     };
   }
-}), Zn = /* @__PURE__ */ k({
+}), Gn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(u) {
     const t = z();
     return (s, o) => {
-      const a = We;
-      return c(), g(a, {
+      const a = Ze;
+      return c(), _(a, {
         href: "https://discord.com/servers/vuetify-340160225338195969",
         logo: "discord",
         sponsorship: e(t).discord,
@@ -2351,13 +2351,13 @@ const qe = G("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Gn = /* @__PURE__ */ k({
+}), Qn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(u) {
     const t = z();
     return (s, o) => {
-      const a = We;
-      return c(), g(a, {
+      const a = Ze;
+      return c(), _(a, {
         href: "https://github.com/sponsors/johnleider",
         logo: "github",
         sponsorship: e(t).github,
@@ -2366,13 +2366,13 @@ const qe = G("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Qn = /* @__PURE__ */ k({
+}), Yn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(u) {
     const t = z();
     return (s, o) => {
-      const a = We;
-      return c(), g(a, {
+      const a = Ze;
+      return c(), _(a, {
         logo: "one",
         sponsorship: e(t).one,
         text: "Support Vuetify through Vuetify One.",
@@ -2381,12 +2381,12 @@ const qe = G("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Yn = /* @__PURE__ */ k({
+}), Jn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimeline",
   setup(u) {
     return (t, s) => {
-      const o = Qn, a = Gn, n = Zn, l = Wn;
-      return c(), g(Xo, {
+      const o = Yn, a = Qn, n = Gn, l = Zn;
+      return c(), _(Ko, {
         class: "justify-start ms-n7",
         "line-inset": "12",
         side: "end",
@@ -2403,7 +2403,7 @@ const qe = G("settings", () => {
       });
     };
   }
-}), Jn = { class: "px-3 pb-5 d-flex flex-column h-100" }, Xn = { class: "font-weight-black" }, Kn = { class: "text-caption text-medium-emphasis" }, es = /* @__PURE__ */ k({
+}), Xn = { class: "px-3 pb-5 d-flex flex-column h-100" }, Kn = { class: "font-weight-black" }, es = { class: "text-caption text-medium-emphasis" }, ts = /* @__PURE__ */ k({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2411,30 +2411,30 @@ const qe = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = ce(u, "modelValue"), s = me(), o = z();
-    return j(s, async () => {
-      s.value.one === "sponsorships" && (o.isOpen = !0, await _e(), t.value = !0);
+    const t = ce(u, "modelValue"), s = fe(), o = z();
+    return P(s, async () => {
+      s.value.one === "sponsorships" && (o.isOpen = !0, await ye(), t.value = !0);
     }, { immediate: !0 }), (a, n) => {
-      const l = fe, d = Yn, p = Ce;
-      return c(), g(p, {
+      const l = ve, p = Jn, m = Ce;
+      return c(), _(m, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (v) => t.value = v),
-        "prepend-icon": `svg:${e(_o)}`,
+        "prepend-icon": `svg:${e(bo)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
-          i($e, null, {
+          i(we, null, {
             default: r(() => [
-              i(we, { scrollable: "" }, {
+              i($e, { scrollable: "" }, {
                 default: r(() => [
-                  V("div", Jn, [
+                  V("div", Xn, [
                     i(ae, { class: "flex-0-0 mb-16 mb-sm-4" }, {
                       default: r(() => [
                         i(l, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
                           title: "Support Vuetify"
                         }),
-                        i(d)
+                        i(p)
                       ]),
                       _: 1
                     }),
@@ -2451,10 +2451,10 @@ const qe = G("settings", () => {
                       ]),
                       title: r(() => [
                         n[1] || (n[1] = B(" One Status: ")),
-                        V("span", Xn, S(e(o).isSubscriber ? "Active" : "Inactive"), 1)
+                        V("span", Kn, S(e(o).isSubscriber ? "Active" : "Inactive"), 1)
                       ]),
                       text: r(() => [
-                        V("div", Kn, S(e(o).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
+                        V("div", es, S(e(o).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
                       ]),
                       _: 1
                     })
@@ -2470,16 +2470,16 @@ const qe = G("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), ts = /* @__PURE__ */ k({
+}), os = /* @__PURE__ */ k({
   __name: "VoSponsorshipsListItem",
   setup(u) {
-    const t = T(!1);
+    const t = D(!1);
     return (s, o) => {
-      const a = es, n = K;
-      return c(), g(n, {
+      const a = ts, n = ee;
+      return c(), _(n, {
         active: e(t),
         link: "",
-        "prepend-icon": `svg:${e(yo)}`,
+        "prepend-icon": `svg:${e(Vo)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
@@ -2492,8 +2492,8 @@ const qe = G("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), os = G("downloads", () => {
-  const u = ee(), t = U([]), s = T(!1);
+}), ns = G("downloads", () => {
+  const u = K(), t = T([]), s = D(!1);
   async function o() {
     if (t.value.length) return t.value;
     s.value = !0;
@@ -2511,10 +2511,10 @@ const qe = G("settings", () => {
     isLoading: s,
     index: o
   };
-}), ns = /* @__PURE__ */ k({
+}), ss = /* @__PURE__ */ k({
   __name: "VoDownloadsTable",
   setup(u) {
-    const t = Te(), s = os(), o = [
+    const t = Te(), s = ns(), o = [
       {
         title: "Order ID",
         value: "order_name"
@@ -2537,10 +2537,10 @@ const qe = G("settings", () => {
     return Ne(async () => {
       await s.index();
     }), (a, n) => {
-      const l = fe;
-      return c(), g(De, null, {
+      const l = ve;
+      return c(), _(De, null, {
         default: r(() => [
-          i(ge, { cols: "12" }, {
+          i(_e, { cols: "12" }, {
             default: r(() => [
               i(l, {
                 text: "View and download your store purchases.",
@@ -2552,30 +2552,30 @@ const qe = G("settings", () => {
                 rounded: "lg"
               }, {
                 default: r(() => [
-                  i(kt, {
+                  i(wt, {
                     "fixed-header": "",
                     headers: o,
                     height: "640",
                     items: e(s).all,
                     loading: e(s).isLoading
                   }, {
-                    "item.order_name": r(({ item: d }) => [
-                      B(" #" + S(d.order_name), 1)
+                    "item.order_name": r(({ item: p }) => [
+                      B(" #" + S(p.order_name), 1)
                     ]),
-                    "item.created_at": r(({ item: d }) => [
-                      B(S(e(t).format(d.created_at, "shortDate")), 1)
+                    "item.created_at": r(({ item: p }) => [
+                      B(S(e(t).format(p.created_at, "shortDate")), 1)
                     ]),
-                    "item.download_items": r(({ item: d }) => [
-                      (c(!0), L(N, null, re(d.download_items, (p, v) => (c(), L("div", {
+                    "item.download_items": r(({ item: p }) => [
+                      (c(!0), L(N, null, re(p.download_items, (m, v) => (c(), L("div", {
                         key: v,
                         class: "text-truncate"
-                      }, S(p.name), 1))), 128))
+                      }, S(m.name), 1))), 128))
                     ]),
-                    "item.download_url": r(({ item: d }) => [
-                      i(P, {
+                    "item.download_url": r(({ item: p }) => [
+                      i(j, {
                         color: "medium-emphasis",
-                        href: d.download_url,
-                        icon: `svg:${e(bo)}`,
+                        href: p.download_url,
+                        icon: `svg:${e(ko)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -2594,13 +2594,13 @@ const qe = G("settings", () => {
       });
     };
   }
-}), ss = { class: "px-3" }, as = /* @__PURE__ */ k({
+}), as = { class: "px-3" }, is = /* @__PURE__ */ k({
   __name: "VoDownloadsNavItem",
   setup(u) {
-    const t = T(!1);
+    const t = D(!1);
     return (s, o) => {
-      const a = ns, n = Ce, l = K;
-      return c(), g(l, {
+      const a = ss, n = Ce, l = ee;
+      return c(), _(l, {
         active: e(t),
         link: "",
         "prepend-icon": `svg:${e(dt)}`,
@@ -2609,16 +2609,16 @@ const qe = G("settings", () => {
         default: r(() => [
           i(n, {
             modelValue: e(t),
-            "onUpdate:modelValue": o[0] || (o[0] = (d) => te(t) ? t.value = d : null),
+            "onUpdate:modelValue": o[0] || (o[0] = (p) => te(t) ? t.value = p : null),
             "prepend-icon": `svg:${e(dt)}`,
             title: "Downloads"
           }, {
             default: r(() => [
-              i($e, null, {
+              i(we, null, {
                 default: r(() => [
-                  i(we, { scrollable: "" }, {
+                  i($e, { scrollable: "" }, {
                     default: r(() => [
-                      V("div", ss, [
+                      V("div", as, [
                         i(ae, null, {
                           default: r(() => [
                             i(a)
@@ -2640,7 +2640,7 @@ const qe = G("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), is = { class: "px-3" }, rs = { class: "d-flex align-center" }, ls = { class: "d-flex align-center" }, us = /* @__PURE__ */ k({
+}), rs = { class: "px-3" }, ls = { class: "d-flex align-center" }, us = { class: "d-flex align-center" }, cs = /* @__PURE__ */ k({
   __name: "VoTeamDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2648,7 +2648,7 @@ const qe = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = z(), s = xe(), o = ee(), a = $(() => s.team), n = me(), l = T(!1), d = T(!1), p = [
+    const t = z(), s = xe(), o = K(), a = w(() => s.team), n = fe(), l = D(!1), p = D(!1), m = [
       {
         title: "Name",
         key: "name"
@@ -2659,43 +2659,43 @@ const qe = G("settings", () => {
         align: "end",
         sortable: !1
       }
-    ], v = $(() => {
-      var y;
-      return `https://one.vuetifyjs.com/?invite=${(y = s.team) == null ? void 0 : y.inviteCode}`;
-    }), h = ce(u, "modelValue");
+    ], v = w(() => {
+      var b;
+      return `https://one.vuetifyjs.com/?invite=${(b = s.team) == null ? void 0 : b.inviteCode}`;
+    }), g = ce(u, "modelValue");
     function f() {
       l.value = !0, navigator.clipboard.writeText(v.value), setTimeout(() => {
         l.value = !1;
       }, 2e3);
     }
-    async function w() {
-      d.value = !0;
-      const y = await o.post("/one/team/regen");
-      s.team = y.team;
+    async function $() {
+      p.value = !0;
+      const b = await o.post("/one/team/regen");
+      s.team = b.team;
     }
-    return j(n, async () => {
-      !t.sessionId || n.value.one === "subscribe" || n.value.team && (t.isOpen = !0, await _e(), h.value = !0);
-    }, { immediate: !0 }), (y, _) => {
-      const m = fe, b = Ce;
-      return c(), g(b, {
-        modelValue: h.value,
-        "onUpdate:modelValue": _[1] || (_[1] = (A) => h.value = A),
-        "prepend-icon": `svg:${e(Vo)}`,
+    return P(n, async () => {
+      !t.sessionId || n.value.one === "subscribe" || n.value.team && (t.isOpen = !0, await ye(), g.value = !0);
+    }, { immediate: !0 }), (b, h) => {
+      const d = ve, y = Ce;
+      return c(), _(y, {
+        modelValue: g.value,
+        "onUpdate:modelValue": h[1] || (h[1] = (A) => g.value = A),
+        "prepend-icon": `svg:${e(wo)}`,
         title: "Team"
       }, {
         default: r(() => [
-          i($e, null, {
+          i(we, null, {
             default: r(() => [
-              i(we, { scrollable: "" }, {
+              i($e, { scrollable: "" }, {
                 default: r(() => [
-                  V("div", is, [
+                  V("div", rs, [
                     i(ae, null, {
                       default: r(() => [
-                        i(m, {
+                        i(d, {
                           text: "Share access to Vuetify One with up to 25 team members.",
                           title: "Manage your team"
                         }),
-                        e(s).isTeamOwner ? (c(), g(q, {
+                        e(s).isTeamOwner ? (c(), _(q, {
                           key: 0,
                           border: "",
                           class: "mb-4",
@@ -2705,27 +2705,27 @@ const qe = G("settings", () => {
                           rounded: "lg"
                         }, {
                           default: r(() => {
-                            var A, D;
+                            var A, U;
                             return [
-                              i(Qe, {
+                              i(Ye, {
                                 class: "bg-surface",
-                                subtitle: `Team - ${(D = (A = e(a)) == null ? void 0 : A.members) == null ? void 0 : D.length} member(s)`,
+                                subtitle: `Team - ${(U = (A = e(a)) == null ? void 0 : A.members) == null ? void 0 : U.length} member(s)`,
                                 title: "Members"
                               }, W({ _: 2 }, [
                                 e(s).isTeamOwner ? {
                                   name: "append",
                                   fn: r(() => [
-                                    i(P, {
+                                    i(j, {
                                       border: "",
                                       class: "text-none",
                                       color: "primary",
-                                      "prepend-icon": `svg:${e(ko)}`,
+                                      "prepend-icon": `svg:${e($o)}`,
                                       rounded: "lg",
                                       variant: "flat"
                                     }, {
                                       default: r(() => [
-                                        _[2] || (_[2] = B(" Add member ")),
-                                        i(wt, {
+                                        h[2] || (h[2] = B(" Add member ")),
+                                        i(xt, {
                                           activator: "parent",
                                           "close-on-content-click": !1,
                                           location: "bottom end",
@@ -2736,28 +2736,28 @@ const qe = G("settings", () => {
                                           default: r(() => [
                                             i(q, { color: "surface-light" }, {
                                               default: r(() => [
-                                                i(Qe, {
+                                                i(Ye, {
                                                   class: "bg-surface",
-                                                  "prepend-icon": `svg:${e($o)}`,
+                                                  "prepend-icon": `svg:${e(xo)}`,
                                                   subtitle: "Provide this link to invite your team members",
                                                   title: "Member invite link"
                                                 }, {
                                                   append: r(() => [
-                                                    i(P, {
+                                                    i(j, {
                                                       class: "text-none",
-                                                      color: e(d) ? void 0 : "error",
-                                                      disabled: e(d),
+                                                      color: e(p) ? void 0 : "error",
+                                                      disabled: e(p),
                                                       flat: "",
                                                       slim: "",
                                                       text: "Reset",
-                                                      onClick: w
+                                                      onClick: $
                                                     }, null, 8, ["color", "disabled"])
                                                   ]),
                                                   _: 1
                                                 }, 8, ["prepend-icon"]),
                                                 i(ae, { class: "pt-4" }, {
                                                   default: r(() => [
-                                                    i(Ko, {
+                                                    i(en, {
                                                       flat: "",
                                                       "hide-details": "",
                                                       label: "Invite link",
@@ -2766,12 +2766,12 @@ const qe = G("settings", () => {
                                                       variant: "solo"
                                                     }, {
                                                       "append-inner": r(() => [
-                                                        ye(i(O, {
-                                                          icon: `svg:${e(l) ? e(Ae) : e(wo)}`,
+                                                        be(i(O, {
+                                                          icon: `svg:${e(l) ? e(Ae) : e(Co)}`,
                                                           size: "small",
                                                           onClick: f
                                                         }, null, 8, ["icon"]), [
-                                                          [en, "Copy Team link"]
+                                                          [tn, "Copy Team link"]
                                                         ])
                                                       ]),
                                                       _: 1
@@ -2802,13 +2802,13 @@ const qe = G("settings", () => {
                                     default: r(() => {
                                       var F, Q, Z;
                                       return [
-                                        i(Yo, {
-                                          headers: p,
+                                        i(Jo, {
+                                          headers: m,
                                           "hide-default-footer": ((Q = (F = e(a)) == null ? void 0 : F.members) == null ? void 0 : Q.length) < 10,
                                           items: (Z = e(a)) == null ? void 0 : Z.members
                                         }, {
                                           "item.name": r(({ item: Y }) => [
-                                            V("div", rs, [
+                                            V("div", ls, [
                                               i(oe, {
                                                 image: Y.picture,
                                                 size: "x-small",
@@ -2820,7 +2820,7 @@ const qe = G("settings", () => {
                                           "item.actions": r(({ item: Y }) => {
                                             var ue, pe;
                                             return [
-                                              ((pe = (ue = e(a)) == null ? void 0 : ue.owner) == null ? void 0 : pe.id) === Y.id ? (c(), g(P, {
+                                              ((pe = (ue = e(a)) == null ? void 0 : ue.owner) == null ? void 0 : pe.id) === Y.id ? (c(), _(j, {
                                                 key: 0,
                                                 class: "me-n3",
                                                 color: "primary",
@@ -2830,16 +2830,16 @@ const qe = G("settings", () => {
                                                 slim: "",
                                                 text: "Team owner",
                                                 variant: "tonal"
-                                              }, null, 8, ["prepend-icon"])) : (c(), g(P, {
+                                              }, null, 8, ["prepend-icon"])) : (c(), _(j, {
                                                 key: 1,
                                                 class: "me-n3",
                                                 color: "medium-emphasis",
                                                 density: "comfortable",
-                                                "prepend-icon": `svg:${e(xo)}`,
+                                                "prepend-icon": `svg:${e(So)}`,
                                                 slim: "",
                                                 text: "Revoke",
                                                 variant: "text",
-                                                onClick: (ve) => e(s).removeFromTeam(Y.id)
+                                                onClick: (he) => e(s).removeFromTeam(Y.id)
                                               }, null, 8, ["prepend-icon", "onClick"]))
                                             ];
                                           }),
@@ -2855,7 +2855,7 @@ const qe = G("settings", () => {
                             ];
                           }),
                           _: 1
-                        })) : (c(), g(q, {
+                        })) : (c(), _(q, {
                           key: 1,
                           border: "",
                           color: "surface-light",
@@ -2864,14 +2864,14 @@ const qe = G("settings", () => {
                           rounded: "lg"
                         }, {
                           default: r(() => [
-                            i(Qe, {
+                            i(Ye, {
                               "prepend-icon": `svg:${e(pt)}`,
                               subtitle: "You are currently a member of a team with an All-access Pass.",
                               title: "My Team access"
                             }, {
                               title: r(() => [
-                                V("div", ls, [
-                                  _[3] || (_[3] = B(" My Team Access ")),
+                                V("div", us, [
+                                  h[3] || (h[3] = B(" My Team Access ")),
                                   i(ie, {
                                     border: "thin opacity-25 success",
                                     class: "ms-2",
@@ -2883,12 +2883,12 @@ const qe = G("settings", () => {
                                 ])
                               ]),
                               append: r(() => [
-                                i(P, {
-                                  "prepend-icon": `svg:${e(Co)}`,
+                                i(j, {
+                                  "prepend-icon": `svg:${e(Lo)}`,
                                   rounded: "lg",
                                   text: "Leave team",
                                   width: "145",
-                                  onClick: _[0] || (_[0] = (A) => e(s).leaveTeam())
+                                  onClick: h[0] || (h[0] = (A) => e(s).leaveTeam())
                                 }, null, 8, ["prepend-icon"])
                               ]),
                               _: 1
@@ -2911,16 +2911,16 @@ const qe = G("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), cs = /* @__PURE__ */ k({
+}), ds = /* @__PURE__ */ k({
   __name: "VoTeamListItem",
   setup(u) {
-    const t = T(!1);
+    const t = D(!1);
     return (s, o) => {
-      const a = us, n = K;
-      return c(), g(n, {
+      const a = cs, n = ee;
+      return c(), _(n, {
         active: e(t),
         link: "",
-        "prepend-icon": `svg:${e(So)}`,
+        "prepend-icon": `svg:${e(Io)}`,
         title: "My Team"
       }, {
         default: r(() => [
@@ -2933,13 +2933,13 @@ const qe = G("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), ds = /* @__PURE__ */ k({
+}), ps = /* @__PURE__ */ k({
   __name: "VoStudioNavItem",
   setup(u) {
-    const t = T(!1);
+    const t = D(!1);
     return (s, o) => {
-      const a = K;
-      return c(), g(a, {
+      const a = ee;
+      return c(), _(a, {
         active: e(t),
         href: "https://studio.vuetifyjs.com/",
         link: "",
@@ -2965,39 +2965,39 @@ const qe = G("settings", () => {
     };
   }
 }), it = G("site", () => {
-  const u = U([]), t = U();
+  const u = T([]), t = T();
   return {
     id: u,
     url: t
   };
-}), ps = {
+}), ms = {
   key: 0,
   class: "pt-16"
-}, ms = {
+}, fs = {
   key: 1,
   class: "pa-5"
-}, fs = { class: "text-subtitle-1 font-weight-bold" }, vs = { class: "text-caption font-weight-bold text-medium-emphasis" }, hs = { class: "text-disabled text-caption mt-2 mb-3" }, gs = /* @__PURE__ */ k({
+}, vs = { class: "text-subtitle-1 font-weight-bold" }, hs = { class: "text-caption font-weight-bold text-medium-emphasis" }, gs = { class: "text-disabled text-caption mt-2 mb-3" }, _s = /* @__PURE__ */ k({
   __name: "VoNotificationsBannerList",
   props: {
     items: {}
   },
   setup(u) {
-    const t = Te(), s = ke(), o = R(), a = it();
-    function n(d) {
-      return o.notifications.last.banner.includes(d);
+    const t = Te(), s = me(), o = R(), a = it();
+    function n(p) {
+      return o.notifications.last.banner.includes(p);
     }
-    function l(d) {
-      n(d.slug) ? o.notifications.last.banner = o.notifications.last.banner.filter((p) => p !== d.slug) : o.notifications.last.banner.push(d.slug);
+    function l(p) {
+      n(p.slug) ? o.notifications.last.banner = o.notifications.last.banner.filter((m) => m !== p.slug) : o.notifications.last.banner.push(p.slug);
     }
-    return (d, p) => (c(), g(de, {
+    return (p, m) => (c(), _(de, {
       class: "py-0",
       height: "100%",
       lines: "three"
     }, {
       default: r(() => [
-        d.items.length ? (c(), L("div", ms, [
-          (c(!0), L(N, null, re(d.items, (v) => {
-            var h;
+        p.items.length ? (c(), L("div", fs, [
+          (c(!0), L(N, null, re(p.items, (v) => {
+            var g;
             return c(), L("div", {
               key: v.slug,
               class: "mb-4"
@@ -3005,7 +3005,7 @@ const qe = G("settings", () => {
               i(q, {
                 color: v.metadata.color,
                 flat: "",
-                image: (h = v.metadata.images.bg) == null ? void 0 : h.url,
+                image: (g = v.metadata.images.bg) == null ? void 0 : g.url,
                 rounded: "b-0",
                 title: v.title
               }, {
@@ -3022,31 +3022,31 @@ const qe = G("settings", () => {
                 ]),
                 _: 2
               }, 1032, ["color", "image", "title"]),
-              i(He, null, {
-                default: r(({ props: f, isHovering: w }) => [
+              i(Ee, null, {
+                default: r(({ props: f, isHovering: $ }) => [
                   i(je, J({ ref_for: !0 }, f, {
                     border: "",
                     class: "px-8 pt-2 pb-4 position-relative",
                     rounded: "b"
                   }), {
                     default: r(() => [
-                      v.metadata.site.some((y) => e(a).id.includes(y)) ? (c(), g(se, {
+                      v.metadata.site.some((b) => e(a).id.includes(b)) ? (c(), _(se, {
                         key: 0,
                         location: "bottom",
                         text: n(v.slug) ? "Mark as unread" : "Mark as read"
                       }, {
-                        activator: r(({ props: y }) => [
-                          i(Pe, { "hide-on-leave": "" }, {
+                        activator: r(({ props: b }) => [
+                          i(Re, { "hide-on-leave": "" }, {
                             default: r(() => [
-                              ye(i(P, J({ ref_for: !0 }, y, {
+                              be(i(j, J({ ref_for: !0 }, b, {
                                 class: "ms-auto float-right",
-                                icon: `svg:${n(v.slug) ? e(yt) : e(_t)}`,
+                                icon: `svg:${n(v.slug) ? e(bt) : e(yt)}`,
                                 "mdi-email-variant": "",
                                 size: "small",
                                 variant: "text",
-                                onClick: (_) => l(v)
+                                onClick: (h) => l(v)
                               }), null, 16, ["icon", "onClick"]), [
-                                [Fe, w || e(s).mobile.value]
+                                [Fe, $ || e(s).mobile.value]
                               ])
                             ]),
                             _: 2
@@ -3054,15 +3054,15 @@ const qe = G("settings", () => {
                         ]),
                         _: 2
                       }, 1032, ["text"])) : C("", !0),
-                      V("div", fs, S(v.metadata.text), 1),
-                      V("div", vs, S(e(t).format(v.created_at, "fullDateWithWeekday")), 1),
-                      V("div", hs, S(v.metadata.subtext), 1),
+                      V("div", vs, S(v.metadata.text), 1),
+                      V("div", hs, S(e(t).format(v.created_at, "fullDateWithWeekday")), 1),
+                      V("div", gs, S(v.metadata.subtext), 1),
                       i(ie, J({ ref_for: !0 }, {
                         href: v.metadata.link.startsWith("http") ? v.metadata.link : void 0,
                         target: v.metadata.link.startsWith("http") ? "_blank" : void 0,
                         to: v.metadata.link.startsWith("http") ? void 0 : v.metadata.link
                       }, {
-                        "append-icon": `svg:${e(ze)}`,
+                        "append-icon": `svg:${e(Pe)}`,
                         border: "",
                         label: "",
                         size: "small",
@@ -3082,7 +3082,7 @@ const qe = G("settings", () => {
               }, 1024)
             ]);
           }), 128))
-        ])) : (c(), L("div", ps, [
+        ])) : (c(), L("div", ms, [
           i(at, {
             icon: "$vuetify",
             size: "256"
@@ -3090,7 +3090,7 @@ const qe = G("settings", () => {
             media: r(() => [
               i(O, { color: "medium-emphasis" })
             ]),
-            title: r(() => p[0] || (p[0] = [
+            title: r(() => m[0] || (m[0] = [
               V("div", { class: "text-medium-emphasis" }, " All caught up ", -1)
             ])),
             _: 1
@@ -3100,59 +3100,59 @@ const qe = G("settings", () => {
       _: 1
     }));
   }
-}), _s = { class: "ps-3 text-subtitle-2 pe-2" }, ys = { class: "text-truncate" }, bs = { class: "text-caption font-weight-bold text-medium-emphasis" }, Vs = { class: "text-disabled text-caption my-2" }, ks = /* @__PURE__ */ k({
+}), ys = { class: "ps-3 text-subtitle-2 pe-2" }, bs = { class: "text-truncate" }, Vs = { class: "text-caption font-weight-bold text-medium-emphasis" }, ks = { class: "text-disabled text-caption my-2" }, ws = /* @__PURE__ */ k({
   __name: "VoNotificationsListItem",
   props: {
     demo: { type: Boolean },
     notification: {}
   },
   setup(u) {
-    const t = u, s = R(), o = Te(), a = ke(), n = $(() => {
-      const p = t.notification.metadata ?? { action: "" };
+    const t = u, s = R(), o = Te(), a = me(), n = w(() => {
+      const m = t.notification.metadata ?? { action: "" };
       return {
-        href: p.action.startsWith("http") ? p.action : void 0,
-        target: p.action.startsWith("http") ? "_blank" : void 0,
-        to: p.action.startsWith("http") ? void 0 : p.action,
+        href: m.action.startsWith("http") ? m.action : void 0,
+        target: m.action.startsWith("http") ? "_blank" : void 0,
+        to: m.action.startsWith("http") ? void 0 : m.action,
         ...t.notification.metadata.attributes,
         onClick() {
           t.demo || s.notifications.read.includes(t.notification.slug) || s.notifications.read.push(t.notification.slug);
         }
       };
     });
-    function l(p) {
-      return s.notifications.read.includes(p);
+    function l(m) {
+      return s.notifications.read.includes(m);
     }
-    function d(p) {
-      t.demo || (l(p.slug) ? s.notifications.read = s.notifications.read.filter((v) => v !== p.slug) : s.notifications.read.push(p.slug));
+    function p(m) {
+      t.demo || (l(m.slug) ? s.notifications.read = s.notifications.read.filter((v) => v !== m.slug) : s.notifications.read.push(m.slug));
     }
-    return (p, v) => {
-      const h = K;
-      return c(), g(He, null, {
-        default: r(({ isHovering: f, props: w }) => [
-          i(h, J(w, { class: "py-4 mb-0" }), {
+    return (m, v) => {
+      const g = ee;
+      return c(), _(Ee, null, {
+        default: r(({ isHovering: f, props: $ }) => [
+          i(g, J($, { class: "py-4 mb-0" }), {
             prepend: r(() => [
-              V("div", _s, S(p.notification.metadata.emoji), 1)
+              V("div", ys, S(m.notification.metadata.emoji), 1)
             ]),
             append: r(() => [
-              i(on, {
+              i(nn, {
                 class: "mt-n3",
                 width: "56"
               }, {
                 default: r(() => [
                   i(se, {
                     location: "bottom",
-                    text: l(p.notification.slug) ? "Mark as unread" : "Mark as read"
+                    text: l(m.notification.slug) ? "Mark as unread" : "Mark as read"
                   }, {
-                    activator: r(({ props: y }) => [
-                      i(Pe, { "hide-on-leave": "" }, {
+                    activator: r(({ props: b }) => [
+                      i(Re, { "hide-on-leave": "" }, {
                         default: r(() => [
-                          ye(i(P, J(y, {
+                          be(i(j, J(b, {
                             class: "ms-auto",
-                            icon: `svg:${l(p.notification.slug) ? e(yt) : e(_t)}`,
+                            icon: `svg:${l(m.notification.slug) ? e(bt) : e(yt)}`,
                             "mdi-email-variant": "",
                             size: "small",
                             variant: "text",
-                            onClick: v[0] || (v[0] = (_) => d(p.notification))
+                            onClick: v[0] || (v[0] = (h) => p(m.notification))
                           }), null, 16, ["icon"]), [
                             [Fe, f || e(a).mobile.value]
                           ])
@@ -3167,21 +3167,21 @@ const qe = G("settings", () => {
               }, 1024)
             ]),
             default: r(() => [
-              i(bt, { class: "text-wrap text-h6 mb-1" }, {
+              i(Vt, { class: "text-wrap text-h6 mb-1" }, {
                 default: r(() => [
-                  V("div", ys, S(p.notification.title), 1)
+                  V("div", bs, S(m.notification.title), 1)
                 ]),
                 _: 1
               }),
-              V("div", bs, S(e(o).format(p.notification.created_at, "fullDateWithWeekday")), 1),
-              V("div", Vs, S(p.notification.metadata.text), 1),
+              V("div", Vs, S(e(o).format(m.notification.created_at, "fullDateWithWeekday")), 1),
+              V("div", ks, S(m.notification.metadata.text), 1),
               i(ie, J({
-                "append-icon": `svg:${e(ze)}`
+                "append-icon": `svg:${e(Pe)}`
               }, e(n), {
                 border: "",
                 label: "",
                 size: "small",
-                text: p.notification.metadata.action_text,
+                text: m.notification.metadata.action_text,
                 variant: "text"
               }), {
                 append: r(() => [
@@ -3200,15 +3200,15 @@ const qe = G("settings", () => {
 }), $s = {
   key: 0,
   class: "pt-16"
-}, ws = /* @__PURE__ */ k({
+}, xs = /* @__PURE__ */ k({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(u) {
     return (t, s) => {
-      const o = ks;
-      return c(), g(de, {
+      const o = ws;
+      return c(), _(de, {
         class: "py-0",
         height: "100%",
         lines: "three"
@@ -3217,7 +3217,7 @@ const qe = G("settings", () => {
           t.items.length ? (c(!0), L(N, { key: 1 }, re(t.items, (a, n) => (c(), L(N, {
             key: a.slug
           }, [
-            n !== 0 ? (c(), g(X, { key: 0 })) : C("", !0),
+            n !== 0 ? (c(), _(X, { key: 0 })) : C("", !0),
             i(o, { notification: a }, null, 8, ["notification"])
           ], 64))), 128)) : (c(), L("div", $s, [
             i(at, {
@@ -3238,64 +3238,64 @@ const qe = G("settings", () => {
       });
     };
   }
-}), Ze = G("banners", () => {
-  const u = ee(), t = it(), s = R(), o = U([]), a = U([]), n = U(), l = T(!1), d = $(() => {
+}), Ge = G("banners", () => {
+  const u = K(), t = it(), s = R(), o = T([]), a = T([]), n = T(), l = D(!1), p = w(() => {
     if (n.value) return n.value;
-    if (p.value) return p.value;
+    if (m.value) return m.value;
     if (s.notifications.banners)
       return o.value.find(({
-        slug: m,
+        slug: d,
         metadata: {
-          site: b,
+          site: y,
           active: A
         }
-      }) => !A || s.notifications.last.banner.includes(m) ? !1 : b.includes("dev") && !1 || b.includes("*") ? !0 : b.some((D) => t.id.includes(D)));
-  }), p = $(() => o.value.find(({
+      }) => !A || s.notifications.last.banner.includes(d) ? !1 : y.includes("dev") && !1 || y.includes("*") ? !0 : y.some((U) => t.id.includes(U)));
+  }), m = w(() => o.value.find(({
     metadata: {
-      site: m,
-      active: b
+      site: d,
+      active: y
     }
-  }) => b ? m.includes("server") : !1));
+  }) => y ? d.includes("server") : !1));
   async function v() {
     try {
       l.value = !0;
-      const m = await u.get("/one/banners");
-      o.value = m.banners;
+      const d = await u.get("/one/banners");
+      o.value = d.banners;
     } catch {
     } finally {
       l.value = !1;
     }
     return o.value;
   }
-  async function h(m) {
+  async function g(d) {
     try {
       l.value = !0;
-      const b = await u.get(`/one/admin/banners/${m}`);
-      return n.value = b.banner, b.banner;
+      const y = await u.get(`/one/admin/banners/${d}`);
+      return n.value = y.banner, y.banner;
     } catch {
     } finally {
       l.value = !1;
     }
   }
-  async function f(m) {
+  async function f(d) {
     try {
       l.value = !0;
-      const b = await u.form(
+      const y = await u.form(
         "/one/admin/banners",
-        m
+        d
       );
-      return n.value = b.banner, b.banner;
+      return n.value = y.banner, y.banner;
     } catch {
     } finally {
       l.value = !1;
     }
   }
-  async function w(m, b) {
+  async function $(d, y) {
     try {
       l.value = !0;
       const A = await u.form(
-        `/one/admin/banners/${m}`,
-        b
+        `/one/admin/banners/${d}`,
+        y
       );
       return n.value = A.banner, A.banner;
     } catch {
@@ -3303,13 +3303,13 @@ const qe = G("settings", () => {
       l.value = !1;
     }
   }
-  async function y() {
+  async function b() {
   }
-  async function _() {
+  async function h() {
     try {
       l.value = !0;
-      const m = await u.get("/one/admin/banners");
-      a.value = m.banners;
+      const d = await u.get("/one/admin/banners");
+      a.value = d.banners;
     } catch {
     } finally {
       l.value = !1;
@@ -3320,17 +3320,17 @@ const qe = G("settings", () => {
     all: o,
     aall: a,
     isLoading: l,
-    server: p,
-    banner: d,
+    server: m,
+    banner: p,
     record: n,
-    admin: _,
-    destroy: y,
+    admin: h,
+    destroy: b,
     index: v,
-    show: h,
+    show: g,
     store: f,
-    update: w
+    update: $
   };
-}), xs = { class: "text-caption" }, Cs = { class: "text-caption" }, Ss = /* @__PURE__ */ k({
+}), Cs = { class: "text-caption" }, Ss = { class: "text-caption" }, Ls = /* @__PURE__ */ k({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -3338,33 +3338,33 @@ const qe = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = ke(), s = me(), o = Ze(), a = Ee(), n = z(), l = R(), d = T(["read"]), p = ce(u, "modelValue");
-    return j(s, async () => {
+    const t = me(), s = fe(), o = Ge(), a = qe(), n = z(), l = R(), p = D(["read"]), m = ce(u, "modelValue");
+    return P(s, async () => {
       if (s.value.one !== "notifications") {
-        p.value && (p.value = !1);
+        m.value && (m.value = !1);
         return;
       }
-      n.isOpen = !0, await _e(), p.value = !0;
-    }, { immediate: !0 }), (v, h) => {
-      const f = K, w = ws, y = gs, _ = Ce;
-      return c(), g(_, {
-        modelValue: p.value,
-        "onUpdate:modelValue": h[2] || (h[2] = (m) => p.value = m),
-        "prepend-icon": `svg:${e(Lo)}`,
+      n.isOpen = !0, await ye(), m.value = !0;
+    }, { immediate: !0 }), (v, g) => {
+      const f = ee, $ = xs, b = _s, h = Ce;
+      return c(), _(h, {
+        modelValue: m.value,
+        "onUpdate:modelValue": g[2] || (g[2] = (d) => m.value = d),
+        "prepend-icon": `svg:${e(Ao)}`,
         title: "Notifications"
       }, {
         default: r(() => [
-          i($e, null, {
+          i(we, null, {
             default: r(() => [
-              i(nn, {
+              i(sn, {
                 location: e(t).mobile.value ? "top" : "start",
                 permanent: "",
                 width: e(t).mobile.value ? 128 : 168
               }, {
                 default: r(() => [
                   i(de, {
-                    selected: e(d),
-                    "onUpdate:selected": h[0] || (h[0] = (m) => te(d) ? d.value = m : null),
+                    selected: e(p),
+                    "onUpdate:selected": g[0] || (g[0] = (d) => te(p) ? p.value = d : null),
                     class: "px-4 pt-4",
                     density: "compact",
                     mandatory: "",
@@ -3372,34 +3372,34 @@ const qe = G("settings", () => {
                   }, {
                     default: r(() => [
                       i(f, {
-                        "prepend-icon": `svg:${e(Io)}`,
+                        "prepend-icon": `svg:${e(To)}`,
                         title: "Unread",
                         value: "read"
                       }, W({ _: 2 }, [
                         e(a).unread.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            V("span", xs, S(e(a).unread.length), 1)
+                            V("span", Cs, S(e(a).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       i(f, {
-                        "prepend-icon": `svg:${e(Ao)}`,
+                        "prepend-icon": `svg:${e(Do)}`,
                         title: "Read",
                         value: "unread"
                       }, W({ _: 2 }, [
                         e(a).read.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            V("span", Cs, S(e(a).read.length), 1)
+                            V("span", Ss, S(e(a).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      e(o).all.length > 0 && e(l).notifications.banners ? (c(), g(f, {
+                      e(o).all.length > 0 && e(l).notifications.banners ? (c(), _(f, {
                         key: 0,
-                        "prepend-icon": `svg:${e(To)}`,
+                        "prepend-icon": `svg:${e(Uo)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
@@ -3417,16 +3417,16 @@ const qe = G("settings", () => {
                 ]),
                 _: 1
               }, 8, ["location", "width"]),
-              i(we, { scrollable: "" }, {
+              i($e, { scrollable: "" }, {
                 default: r(() => [
                   i($t, {
-                    modelValue: e(d),
-                    "onUpdate:modelValue": h[1] || (h[1] = (m) => te(d) ? d.value = m : null)
+                    modelValue: e(p),
+                    "onUpdate:modelValue": g[1] || (g[1] = (d) => te(p) ? p.value = d : null)
                   }, {
                     default: r(() => [
                       i(Le, { value: "read" }, {
                         default: r(() => [
-                          i(w, {
+                          i($, {
                             items: e(a).unread
                           }, null, 8, ["items"])
                         ]),
@@ -3434,7 +3434,7 @@ const qe = G("settings", () => {
                       }),
                       i(Le, { value: "unread" }, {
                         default: r(() => [
-                          i(w, {
+                          i($, {
                             items: e(a).read
                           }, null, 8, ["items"])
                         ]),
@@ -3442,7 +3442,7 @@ const qe = G("settings", () => {
                       }),
                       i(Le, { value: "banners" }, {
                         default: r(() => [
-                          i(y, {
+                          i(b, {
                             items: e(o).all
                           }, null, 8, ["items"])
                         ]),
@@ -3462,11 +3462,11 @@ const qe = G("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Ls = /* @__PURE__ */ k({
+}), Is = /* @__PURE__ */ k({
   __name: "VoNotificationsBadge",
   setup(u) {
-    const t = Ee(), s = R();
-    return (o, a) => (c(), g(nt, {
+    const t = qe(), s = R();
+    return (o, a) => (c(), _(nt, {
       color: "error",
       content: e(t).unread.length,
       "model-value": e(s).notifications.show && e(t).unread.length > 0
@@ -3477,25 +3477,25 @@ const qe = G("settings", () => {
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), Is = /* @__PURE__ */ k({
+}), As = /* @__PURE__ */ k({
   __name: "VoNotificationsNavItem",
   setup(u) {
-    const t = Ze(), s = R(), o = Ee(), a = T(!1);
+    const t = Ge(), s = R(), o = qe(), a = D(!1);
     return Ne(async () => {
       o.index(), t.index();
     }), (n, l) => {
-      const d = Ls, p = Ss, v = K;
-      return e(s).notifications.show ? (c(), g(v, {
+      const p = Is, m = Ls, v = ee;
+      return e(s).notifications.show ? (c(), _(v, {
         key: 0,
         active: e(a),
         link: "",
-        "prepend-icon": `svg:${e(Do)}`,
+        "prepend-icon": `svg:${e(Oo)}`,
         title: "Notifications"
       }, W({
         default: r(() => [
-          i(p, {
+          i(m, {
             modelValue: e(a),
-            "onUpdate:modelValue": l[0] || (l[0] = (h) => te(a) ? a.value = h : null)
+            "onUpdate:modelValue": l[0] || (l[0] = (g) => te(a) ? a.value = g : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
@@ -3503,7 +3503,7 @@ const qe = G("settings", () => {
         e(o).unread.length ? {
           name: "prepend",
           fn: r(() => [
-            i(d, null, {
+            i(p, null, {
               default: r(() => [
                 i(O)
               ]),
@@ -3515,7 +3515,7 @@ const qe = G("settings", () => {
       ]), 1032, ["active", "prepend-icon"])) : C("", !0);
     };
   }
-}), As = /* @__PURE__ */ k({
+}), Ts = /* @__PURE__ */ k({
   __name: "VoDashboardNavItem",
   setup(u) {
     const t = z();
@@ -3525,42 +3525,42 @@ const qe = G("settings", () => {
       }, 100);
     }
     return (o, a) => {
-      const n = K;
-      return c(), g(n, {
-        "prepend-icon": `svg:${e(Uo)}`,
+      const n = ee;
+      return c(), _(n, {
+        "prepend-icon": `svg:${e(Bo)}`,
         title: "Dashboard",
         to: "/user/dashboard",
         onClick: s
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), Ts = /* @__PURE__ */ k({
+}), Ds = /* @__PURE__ */ k({
   __name: "VoUserList",
   setup(u) {
     const t = H(), s = z(), o = xe();
     return (a, n) => {
-      const l = As, d = Is, p = ds, v = cs, h = as, f = ts, w = En, y = xn, _ = gn;
-      return c(), g(de, {
+      const l = Ts, p = As, m = ps, v = ds, g = is, f = os, $ = qn, b = Cn, h = _n;
+      return c(), _(de, {
         density: "compact",
         nav: "",
         slim: ""
       }, {
         default: r(() => [
-          e(t).user ? (c(), g(l, { key: 0 })) : C("", !0),
-          i(d),
+          e(t).user ? (c(), _(l, { key: 0 })) : C("", !0),
           i(p),
-          e(o).hasTeamAccess ? (c(), g(v, { key: 1 })) : C("", !0),
-          e(s).shopify ? (c(), g(h, { key: 2 })) : C("", !0),
+          i(m),
+          e(o).hasTeamAccess ? (c(), _(v, { key: 1 })) : C("", !0),
+          e(s).shopify ? (c(), _(g, { key: 2 })) : C("", !0),
           i(f),
-          e(t).user ? (c(), g(w, { key: 3 })) : C("", !0),
-          i(y),
-          e(t).user ? (c(), g(_, { key: 4 })) : C("", !0)
+          e(t).user ? (c(), _($, { key: 3 })) : C("", !0),
+          i(b),
+          e(t).user ? (c(), _(h, { key: 4 })) : C("", !0)
         ]),
         _: 1
       });
     };
   }
-}), Ot = /* @__PURE__ */ k({
+}), Bt = /* @__PURE__ */ k({
   __name: "VoIconIssues",
   setup(u) {
     const t = [
@@ -3568,24 +3568,24 @@ const qe = G("settings", () => {
       "M8.63152 12.7367L8.50057 12.5L6 8H11.263L8.63152 12.7367Z",
       ["M9.11205 13.6004L11 17L16 8H12.223L9.11205 13.6004Z", 0.6]
     ];
-    return (s, o) => (c(), g(O, { icon: t }));
+    return (s, o) => (c(), _(O, { icon: t }));
   }
-}), Bt = /* @__PURE__ */ k({
+}), Mt = /* @__PURE__ */ k({
   __name: "VoIconBin",
   setup(u) {
-    return (t, s) => (c(), g(O, { icon: "$vuetify-bin" }));
+    return (t, s) => (c(), _(O, { icon: "$vuetify-bin" }));
   }
-}), Ds = { key: 0 }, Us = { class: "d-flex align-center justify-center pa-1 ga-2" }, Os = /* @__PURE__ */ k({
+}), Us = { key: 0 }, Os = { class: "d-flex align-center justify-center pa-1 ga-2" }, Bs = /* @__PURE__ */ k({
   __name: "VoUserQuickActions",
   setup(u) {
     const t = R();
     return (s, o) => {
-      const a = Bt, n = Ot;
-      return c(), g(Ve, null, {
+      const a = Mt, n = Bt;
+      return c(), _(ke, null, {
         default: r(() => [
-          e(t).quickbar ? (c(), L("div", Ds, [
-            V("div", Us, [
-              i(P, {
+          e(t).quickbar ? (c(), L("div", Us, [
+            V("div", Os, [
+              i(j, {
                 class: "text-caption",
                 color: e(t).colors.one,
                 density: "comfortable",
@@ -3604,7 +3604,7 @@ const qe = G("settings", () => {
                 ]),
                 _: 1
               }, 8, ["color"]),
-              i(P, {
+              i(j, {
                 class: "text-caption",
                 color: e(t).colors.one,
                 density: "comfortable",
@@ -3623,7 +3623,7 @@ const qe = G("settings", () => {
                 ]),
                 _: 1
               }, 8, ["color"]),
-              i(P, {
+              i(j, {
                 class: "text-caption",
                 color: e(t).colors.one,
                 density: "comfortable",
@@ -3649,11 +3649,11 @@ const qe = G("settings", () => {
       });
     };
   }
-}), Bs = { class: "mb-2" }, Ms = { key: 0 }, Ns = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Fs = { class: "text-h6" }, zs = /* @__PURE__ */ k({
+}), Ms = { class: "mb-2" }, Ns = { key: 0 }, Fs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, zs = { class: "text-h6" }, Ps = /* @__PURE__ */ k({
   __name: "VoUserAvatar",
   setup(u) {
-    const t = H(), s = z(), o = R(), a = T(!1), n = $(() => {
-      const p = [
+    const t = H(), s = z(), o = R(), a = D(!1), n = w(() => {
+      const m = [
         "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/grass.png",
@@ -3669,19 +3669,19 @@ const qe = G("settings", () => {
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackhole.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/meteor.png"
       ];
-      return s.isSubscriber && p.unshift("https://cdn.vuetifyjs.com/docs/images/avatars/one.png"), t.user && p.unshift(t.user.picture), p;
+      return s.isSubscriber && m.unshift("https://cdn.vuetifyjs.com/docs/images/avatars/one.png"), t.user && m.unshift(t.user.picture), m;
     });
-    function l(p) {
-      o.avatar = p;
+    function l(m) {
+      o.avatar = m;
     }
-    function d() {
+    function p() {
       s.isSubscriber && (a.value = !a.value);
     }
-    return (p, v) => {
-      var h;
+    return (m, v) => {
+      var g;
       return c(), L("div", null, [
-        ye((c(), g(oe, {
-          class: Ht([
+        be((c(), _(oe, {
+          class: Et([
             "border-md border-opacity-100 border-surface-light",
             {
               "cursor-pointer": e(s).isSubscriber
@@ -3690,14 +3690,14 @@ const qe = G("settings", () => {
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: Ke(d, ["prevent", "stop"])
+          onClick: et(p, ["prevent", "stop"])
         }, {
           default: r(() => [
-            e(t).user && e(o).avatar ? (c(), g(le, {
+            e(t).user && e(o).avatar ? (c(), _(le, {
               key: 0,
               alt: "User avatar",
               src: e(o).avatar
-            }, null, 8, ["src"])) : (c(), g(O, {
+            }, null, 8, ["src"])) : (c(), _(O, {
               key: 1,
               class: "mt-1",
               icon: "$vuetify",
@@ -3706,25 +3706,25 @@ const qe = G("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [tn, e(s).isSubscriber]
+          [on, e(s).isSubscriber]
         ]),
-        V("div", Bs, [
-          i(Ve, null, {
+        V("div", Ms, [
+          i(ke, null, {
             default: r(() => [
-              e(a) ? (c(), L("div", Ms, [
+              e(a) ? (c(), L("div", Ns, [
                 i(q, {
                   class: "pt-6 pb-1",
                   flat: "",
                   rounded: "0"
                 }, {
                   default: r(() => [
-                    V("div", Ns, [
-                      (c(!0), L(N, null, re(e(n), (f, w) => (c(), g(P, {
-                        key: w,
+                    V("div", Fs, [
+                      (c(!0), L(N, null, re(e(n), (f, $) => (c(), _(j, {
+                        key: $,
                         active: e(o).avatar === f,
                         icon: "",
                         variant: "flat",
-                        onClick: (y) => l(f)
+                        onClick: (b) => l(f)
                       }, {
                         default: r(() => [
                           i(oe, {
@@ -3743,18 +3743,18 @@ const qe = G("settings", () => {
             _: 1
           })
         ]),
-        V("div", Fs, S(((h = e(t).user) == null ? void 0 : h.name) ?? "Guest"), 1)
+        V("div", zs, S(((g = e(t).user) == null ? void 0 : g.name) ?? "Guest"), 1)
       ]);
     };
   }
 }), js = /* @__PURE__ */ k({
   __name: "VoUserBadges",
   setup(u) {
-    const t = H(), s = z(), o = $(() => {
+    const t = H(), s = z(), o = w(() => {
       var a;
       return s.github || s.discord || s.isSubscriber || ((a = t.user) == null ? void 0 : a.isAdmin);
     });
-    return (a, n) => e(o) ? (c(), g(je, {
+    return (a, n) => e(o) ? (c(), _(je, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
       color: "rgba(0,0,0,.54)",
@@ -3764,55 +3764,55 @@ const qe = G("settings", () => {
       default: r(() => {
         var l;
         return [
-          (l = e(t).user) != null && l.isAdmin ? (c(), g(se, {
+          (l = e(t).user) != null && l.isAdmin ? (c(), _(se, {
             key: 0,
             location: "bottom",
             text: "Vuetify Administrator"
           }, {
-            activator: r(({ props: d }) => [
+            activator: r(({ props: p }) => [
               i(O, J({
                 color: "blue",
                 icon: "$vuetify"
-              }, d, { size: "16" }), null, 16)
+              }, p, { size: "16" }), null, 16)
             ]),
             _: 1
           })) : C("", !0),
-          e(s).isSubscriber ? (c(), g(se, {
+          e(s).isSubscriber ? (c(), _(se, {
             key: 1,
             location: "bottom",
             text: "Vuetify One Subscriber"
           }, {
-            activator: r(({ props: d }) => [
+            activator: r(({ props: p }) => [
               i(O, J({
                 color: "amber-darken-2",
-                icon: `svg:${e(Oo)}`
-              }, d, { size: "16" }), null, 16, ["icon"])
+                icon: `svg:${e(Mo)}`
+              }, p, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : C("", !0),
-          e(s).github ? (c(), g(se, {
+          e(s).github ? (c(), _(se, {
             key: 2,
             location: "bottom",
             text: "GitHub Sponsor"
           }, {
-            activator: r(({ props: d }) => [
+            activator: r(({ props: p }) => [
               i(O, J({
                 color: "white",
                 icon: "$github"
-              }, d, { size: "16" }), null, 16)
+              }, p, { size: "16" }), null, 16)
             ]),
             _: 1
           })) : C("", !0),
-          e(s).discord ? (c(), g(se, {
+          e(s).discord ? (c(), _(se, {
             key: 3,
             location: "bottom",
             text: "Discord Subscriber"
           }, {
-            activator: r(({ props: d }) => [
+            activator: r(({ props: p }) => [
               i(O, J({
                 color: "white",
                 icon: "$discord"
-              }, d, { size: "16" }), null, 16)
+              }, p, { size: "16" }), null, 16)
             ]),
             _: 1
           })) : C("", !0)
@@ -3821,18 +3821,18 @@ const qe = G("settings", () => {
       _: 1
     })) : C("", !0);
   }
-}), Ps = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Rs = {
+}), Rs = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Hs = {
   key: "reset",
   class: "align-self-end"
-}, Hs = /* @__PURE__ */ k({
+}, Es = /* @__PURE__ */ k({
   __name: "VoUserColors",
   setup(u) {
-    const t = H(), s = z(), o = R(), a = T(!1);
+    const t = H(), s = z(), o = R(), a = D(!1);
     function n() {
       o.colors.one = "surface-light";
     }
-    return (l, d) => {
-      const p = js, v = Ue;
+    return (l, p) => {
+      const m = js, v = Ue;
       return c(), L(N, null, [
         i(le, {
           color: e(t).user ? e(o).colors.one : "surface-light",
@@ -3843,17 +3843,17 @@ const qe = G("settings", () => {
           rounded: "0"
         }, {
           default: r(() => [
-            V("div", Ps, [
-              i(p),
-              i(Wo, null, {
+            V("div", Rs, [
+              i(m),
+              i(Zo, null, {
                 default: r(() => [
-                  ye(V("div", Rs, [
+                  be(V("div", Hs, [
                     i(v, {
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
                       disabled: e(o).colors.one === "surface-light",
-                      icon: `svg:${e(Bo)}`,
+                      icon: `svg:${e(No)}`,
                       title: "Revert to Default",
                       variant: "text",
                       onClick: n
@@ -3864,7 +3864,7 @@ const qe = G("settings", () => {
                 ]),
                 _: 1
               }),
-              e(s).isSubscriber ? (c(), g(v, {
+              e(s).isSubscriber ? (c(), _(v, {
                 key: 0,
                 active: e(a),
                 class: "align-self-end",
@@ -3873,12 +3873,12 @@ const qe = G("settings", () => {
                 icon: e(a) ? `svg:${e(Ae)}` : "$edit",
                 title: "Edit One Header Color",
                 variant: e(a) ? "text" : "plain",
-                onClick: d[0] || (d[0] = (h) => a.value = !e(a))
+                onClick: p[0] || (p[0] = (g) => a.value = !e(a))
               }, {
                 default: r(() => [
-                  i(Pe, { "leave-absolute": "" }, {
+                  i(Re, { "leave-absolute": "" }, {
                     default: r(() => [
-                      (c(), g(O, {
+                      (c(), _(O, {
                         key: String(e(a))
                       }))
                     ]),
@@ -3891,9 +3891,9 @@ const qe = G("settings", () => {
           ]),
           _: 1
         }, 8, ["color"]),
-        i(Ve, null, {
+        i(ke, null, {
           default: r(() => [
-            e(a) ? (c(), g(sn, {
+            e(a) ? (c(), _(an, {
               key: 0,
               elevation: "0",
               height: "250",
@@ -3905,7 +3905,7 @@ const qe = G("settings", () => {
               "show-swatches": "",
               "swatches-max-height": "200",
               width: "278",
-              "onUpdate:modelValue": d[1] || (d[1] = (h) => e(o).colors.one = h)
+              "onUpdate:modelValue": p[1] || (p[1] = (g) => e(o).colors.one = g)
             }, null, 8, ["model-value"])) : C("", !0)
           ]),
           _: 1
@@ -3913,16 +3913,16 @@ const qe = G("settings", () => {
       ], 64);
     };
   }
-}), Es = { class: "text-center mt-n9 mb-4" }, qs = /* @__PURE__ */ k({
+}), qs = { class: "text-center mt-n9 mb-4" }, Ws = /* @__PURE__ */ k({
   __name: "VoUserMenu",
   setup(u) {
-    const t = Ze(), s = z(), o = U();
-    return j(() => t.banner, async () => {
+    const t = Ge(), s = z(), o = T();
+    return P(() => t.banner, async () => {
       var a, n;
       await new Promise((l) => setTimeout(l, 300)), s.isOpen && ((n = (a = o.value) == null ? void 0 : a.updateLocation) == null || n.call(a));
     }, { flush: "pre" }), (a, n) => {
-      const l = Hs, d = zs, p = Os, v = Ts, h = Dt;
-      return c(), g(wt, {
+      const l = Es, p = Ps, m = Bs, v = Ds, g = Ut;
+      return c(), _(xt, {
         ref_key: "menu",
         ref: o,
         modelValue: e(s).isOpen,
@@ -3941,14 +3941,14 @@ const qe = G("settings", () => {
           }, {
             default: r(() => [
               i(l),
-              V("div", Es, [
-                i(d),
-                i(p)
+              V("div", qs, [
+                i(p),
+                i(m)
               ]),
               i(X),
               i(v),
               i(X),
-              i(h)
+              i(g)
             ]),
             _: 1
           })
@@ -3957,17 +3957,17 @@ const qe = G("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Ws = { class: "me-n3" }, Zs = /* @__PURE__ */ k({
+}), Zs = { class: "me-n3" }, Gs = /* @__PURE__ */ k({
   __name: "VoTeamInvite",
   setup(u) {
-    const t = xe(), s = $(() => {
+    const t = xe(), s = w(() => {
       var a, n;
       return (a = t.team) != null && a.name ? t.team.name : `${(n = t.team) == null ? void 0 : n.owner.name}'s team`;
     });
     function o(a) {
       t.clearTeamQuery(), a.value = !1;
     }
-    return (a, n) => e(t).teamInviteDialog ? (c(), g(ot, {
+    return (a, n) => e(t).teamInviteDialog ? (c(), _(ot, {
       key: 0,
       modelValue: e(t).teamInviteDialog,
       "onUpdate:modelValue": n[1] || (n[1] = (l) => e(t).teamInviteDialog = l),
@@ -3975,17 +3975,17 @@ const qe = G("settings", () => {
     }, {
       default: r(({ isActive: l }) => [
         i(q, {
-          "prepend-icon": `svg:${e(Mo)}`,
+          "prepend-icon": `svg:${e(Fo)}`,
           rounded: "lg",
           title: "Join a Team"
         }, {
           append: r(() => [
-            V("div", Ws, [
-              i(P, {
+            V("div", Zs, [
+              i(j, {
                 icon: "$close",
                 size: "x-small",
                 variant: "text",
-                onClick: (d) => o(l)
+                onClick: (p) => o(l)
               }, null, 8, ["onClick"])
             ])
           ]),
@@ -3996,24 +3996,24 @@ const qe = G("settings", () => {
           ]),
           default: r(() => [
             i(X, { opacity: ".2" }),
-            i(Eo, { class: "bg-surface-light" }, {
+            i(qo, { class: "bg-surface-light" }, {
               default: r(() => [
-                i(P, {
+                i(j, {
                   disabled: e(t).isLoading,
                   rounded: "lg",
                   text: "Cancel",
                   variant: "plain",
-                  onClick: (d) => o(l)
+                  onClick: (p) => o(l)
                 }, null, 8, ["disabled", "onClick"]),
-                i(Qo),
-                i(P, {
+                i(Yo),
+                i(j, {
                   "append-icon": "$success",
                   color: "success",
                   disabled: e(t).isLoading,
                   rounded: "lg",
                   text: "Accept",
                   variant: "flat",
-                  onClick: n[0] || (n[0] = (d) => e(t).joinTeam())
+                  onClick: n[0] || (n[0] = (p) => e(t).joinTeam())
                 }, null, 8, ["disabled"])
               ]),
               _: 2
@@ -4025,68 +4025,72 @@ const qe = G("settings", () => {
       _: 1
     }, 8, ["modelValue"])) : C("", !0);
   }
-}), Gs = { key: 0 }, Mt = /* @__PURE__ */ k({
+}), Qs = { key: 0 }, Nt = /* @__PURE__ */ k({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(u) {
-    const t = H(), s = z(), o = R(), { lgAndUp: a } = ke(), n = $(() => s.isOpen || !t.user ? o.colors.one === "surface-light" ? "primary" : o.colors.one : "surface-light");
-    return (l, d) => {
-      const p = qs, v = Ue, h = vn, f = Tt, w = ln;
+    const t = H(), s = z(), o = R(), { lgAndUp: a } = me(), n = w(() => s.isOpen || !t.user ? o.colors.one === "surface-light" ? "primary" : o.colors.one : "surface-light"), { smAndUp: l } = me();
+    return (p, m) => {
+      const v = Ws, g = Ue, f = hn, $ = Dt, b = un;
       return c(), L(N, null, [
-        i(h, {
+        i(f, {
           "offset-y": e(t).user ? 5 : 0
         }, {
           default: r(() => [
-            i(v, J({
-              [`${e(a) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(No)}`
+            i(g, J({
+              [`${e(a) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(mt)}`
             }, {
               active: "",
               border: !!e(t).user,
               class: "vo-auth-btn",
               color: e(n),
-              icon: e(t).user || e(t).isLoading,
+              icon: e(t).user || e(t).isLoading || !e(l),
               loading: e(t).isLoading,
-              size: "default",
+              size: e(l) ? "default" : "small",
               style: { transition: ".2s ease" },
               variant: e(t).user ? e(s).isOpen ? "outlined" : "text" : "flat"
             }), {
               default: r(() => [
-                e(t).user ? C("", !0) : (c(), L("span", Gs, "Login")),
-                e(t).user ? (c(), g(oe, {
-                  key: 1,
+                e(t).user ? (c(), _(oe, {
+                  key: 0,
                   image: e(o).avatar || e(t).user.picture || ""
-                }, null, 8, ["image"])) : C("", !0),
-                i(p)
+                }, null, 8, ["image"])) : (c(), L(N, { key: 1 }, [
+                  e(l) ? (c(), L("span", Qs, "Login")) : (c(), _(O, {
+                    key: 1,
+                    icon: `svg:${e(mt)}`
+                  }, null, 8, ["icon"]))
+                ], 64)),
+                i(v)
               ]),
               _: 1
-            }, 16, ["border", "color", "icon", "loading", "variant"])
+            }, 16, ["border", "color", "icon", "loading", "size", "variant"])
           ]),
           _: 1
         }, 8, ["offset-y"]),
-        i(f),
-        i(Zs),
-        i(w)
+        i($),
+        i(Gs),
+        i(b)
       ], 64);
     };
   }
-}), Qs = /* @__PURE__ */ k({
+}), Ys = /* @__PURE__ */ k({
   __name: "VoAppBar",
   props: {
     logo: {}
   },
   setup(u) {
-    const t = u, s = Re(), o = qe(), a = $(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${t.logo}-logo-${s.current.value.dark ? "dark" : "light"}.png`);
+    const t = u, s = He(), o = We(), a = w(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${t.logo}-logo-${s.current.value.dark ? "dark" : "light"}.png`);
     return (n, l) => {
-      const d = Et("router-link"), p = Mt;
-      return c(), g(xt, {
+      const p = qt("router-link"), m = Nt;
+      return c(), _(Ct, {
         class: "border-b",
         image: e(o).suit["app-bar"],
         name: "vo-app-bar"
       }, W({
         prepend: r(() => [
-          i(d, {
+          i(p, {
             class: "ps-2",
             to: "/"
           }, {
@@ -4102,13 +4106,13 @@ const qe = G("settings", () => {
         ]),
         append: r(() => [
           M(n.$slots, "append"),
-          n.$slots.append ? (c(), g(X, {
+          n.$slots.append ? (c(), _(X, {
             key: 0,
-            class: "mx-4 align-self-center h-100",
+            class: "align-self-center h-100 mx-2 mx-sm-4",
             length: "20",
             vertical: ""
           })) : C("", !0),
-          i(p)
+          i(m)
         ]),
         default: r(() => [
           M(n.$slots, "default")
@@ -4132,77 +4136,77 @@ const qe = G("settings", () => {
       ]), 1032, ["image"]);
     };
   }
-}), Ys = /* @__PURE__ */ k({
+}), Js = /* @__PURE__ */ k({
   __name: "VoNotificationsBanner",
   props: {
     demo: { type: Boolean }
   },
   setup(u) {
-    qt((y) => {
-      var _;
+    Wt((b) => {
+      var h;
       return {
-        "0b9050b7": (_ = e(l)) == null ? void 0 : _.metadata.bg_blur
+        "0b9050b7": (h = e(l)) == null ? void 0 : h.metadata.bg_blur
       };
     });
-    const t = u, { mdAndUp: s } = ke(), o = tt(), a = R(), n = Ze(), l = $(() => n.banner), d = $(() => {
-      var y, _;
-      return ((y = l.value) == null ? void 0 : y.metadata.height) || ((_ = l.value) != null && _.metadata.subtext ? 88 : 48);
-    }), p = $(() => t.demo ? !0 : !l.value || !a.notifications.last.banner.includes(l.value.slug));
+    const t = u, { mdAndUp: s } = me(), o = tt(), a = R(), n = Ge(), l = w(() => n.banner), p = w(() => {
+      var b, h;
+      return ((b = l.value) == null ? void 0 : b.metadata.height) || ((h = l.value) != null && h.metadata.subtext ? 88 : 48);
+    }), m = w(() => t.demo ? !0 : !l.value || !a.notifications.last.banner.includes(l.value.slug));
     function v() {
       t.demo || l.value && a.notifications.last.banner.push(l.value.slug);
     }
-    async function h(y) {
-      var b;
+    async function g(b) {
+      var y;
       if (!l.value) return;
-      v(), await _e();
-      const _ = ((b = l.value) == null ? void 0 : b.metadata) ?? { link: "" };
-      if (_.link.indexOf("?one=") === -1) return;
-      y.preventDefault(), y.stopPropagation();
-      const m = _.link.split("?one=")[1];
-      o.push({ query: { one: m } });
+      v(), await ye();
+      const h = ((y = l.value) == null ? void 0 : y.metadata) ?? { link: "" };
+      if (h.link.indexOf("?one=") === -1) return;
+      b.preventDefault(), b.stopPropagation();
+      const d = h.link.split("?one=")[1];
+      o.push({ query: { one: d } });
     }
-    const f = $(() => {
-      var _, m;
-      const y = ((_ = l.value) == null ? void 0 : _.metadata) ?? { link: "" };
+    const f = w(() => {
+      var h, d;
+      const b = ((h = l.value) == null ? void 0 : h.metadata) ?? { link: "" };
       return {
-        href: y.link.startsWith("http") ? y.link : void 0,
-        target: y.link.startsWith("http") ? "_blank" : void 0,
-        to: y.link.startsWith("http") ? void 0 : y.link,
-        ...(m = l.value) == null ? void 0 : m.metadata.attributes,
-        onClick: h
+        href: b.link.startsWith("http") ? b.link : void 0,
+        target: b.link.startsWith("http") ? "_blank" : void 0,
+        to: b.link.startsWith("http") ? void 0 : b.link,
+        ...(d = l.value) == null ? void 0 : d.metadata.attributes,
+        onClick: g
       };
-    }), w = $(() => {
-      var m, b;
-      const y = (b = (m = l.value) == null ? void 0 : m.metadata.images.bg) == null ? void 0 : b.url;
-      if (!(y != null && y.startsWith("https://cdn.cosmicjs.com/"))) return y;
-      const _ = new URL(y);
-      return _.host = "imgix.cosmicjs.com", _.search = new URLSearchParams({
+    }), $ = w(() => {
+      var d, y;
+      const b = (y = (d = l.value) == null ? void 0 : d.metadata.images.bg) == null ? void 0 : y.url;
+      if (!(b != null && b.startsWith("https://cdn.cosmicjs.com/"))) return b;
+      const h = new URL(b);
+      return h.host = "imgix.cosmicjs.com", h.search = new URLSearchParams({
         auto: "format,compress",
         q: "10",
         fit: "crop",
         w: "4096",
         h: "256"
-      }).toString(), _.toString();
+      }).toString(), h.toString();
     });
-    return (y, _) => e(l) ? (c(), g(xt, {
+    return (b, h) => e(l) ? (c(), _(Ct, {
       key: 0,
       color: e(l).metadata.color,
       flat: "",
-      height: e(d),
-      image: e(w),
-      location: y.demo ? "bottom" : void 0,
-      "model-value": e(p),
+      height: e(p),
+      image: e($),
+      location: b.demo ? "bottom" : void 0,
+      "model-value": e(m),
       order: "-1"
     }, {
       default: r(() => [
-        i(be, J(e(f), {
+        i(Ve, J(e(f), {
           active: !1,
           class: "flex-grow-1 py-6",
           lines: "two",
-          onClick: h
+          onClick: g
         }), {
           prepend: r(() => [
-            e(l).metadata.images.logo ? (c(), g(oe, {
+            e(l).metadata.images.logo ? (c(), _(oe, {
               key: 0,
               icon: "$vuetify",
               image: e(l).metadata.images.logo.url,
@@ -4211,19 +4215,19 @@ const qe = G("settings", () => {
             }, null, 8, ["image"])) : C("", !0)
           ]),
           append: r(() => [
-            e(s) && e(l).metadata.link && e(l).metadata.link_text ? (c(), g(He, { key: 0 }, {
-              default: r(({ isHovering: m, props: b }) => [
-                i(P, J({
-                  ...b,
+            e(s) && e(l).metadata.link && e(l).metadata.link_text ? (c(), _(Ee, { key: 0 }, {
+              default: r(({ isHovering: d, props: y }) => [
+                i(j, J({
+                  ...y,
                   ...e(f)
                 }, {
-                  "append-icon": `svg:${e(ze)}`,
+                  "append-icon": `svg:${e(Pe)}`,
                   class: "text-none me-2",
                   color: e(l).metadata.link_color,
-                  elevation: m ? 8 : 0,
+                  elevation: d ? 8 : 0,
                   title: e(l).metadata.link_text,
                   variant: "elevated",
-                  onClick: h
+                  onClick: g
                 }), {
                   default: r(() => [
                     B(S(e(l).metadata.link_text), 1)
@@ -4233,18 +4237,18 @@ const qe = G("settings", () => {
               ]),
               _: 1
             })) : C("", !0),
-            e(l).metadata.closable ? (c(), g(P, {
+            e(l).metadata.closable ? (c(), _(j, {
               key: 1,
               class: "ms-6 me-2",
               density: "comfortable",
               icon: "$clear",
               size: "small",
               variant: "plain",
-              onClick: Ke(v, ["prevent", "stop"])
+              onClick: et(v, ["prevent", "stop"])
             })) : C("", !0)
           ]),
           default: r(() => [
-            e(l).metadata.text ? (c(), g(bt, {
+            e(l).metadata.text ? (c(), _(Vt, {
               key: 0,
               class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
             }, {
@@ -4253,7 +4257,7 @@ const qe = G("settings", () => {
               ]),
               _: 1
             })) : C("", !0),
-            e(l).metadata.subtext ? (c(), g(Po, { key: 1 }, {
+            e(l).metadata.subtext ? (c(), _(Ro, { key: 1 }, {
               default: r(() => [
                 B(S(e(l).metadata.subtext), 1)
               ]),
@@ -4271,18 +4275,18 @@ const qe = G("settings", () => {
   for (const [o, a] of t)
     s[o] = a;
   return s;
-}, Js = /* @__PURE__ */ rt(Ys, [["__scopeId", "data-v-2a88ced7"]]), Xs = {
+}, Xs = /* @__PURE__ */ rt(Js, [["__scopeId", "data-v-2a88ced7"]]), Ks = {
   key: 0,
   class: "text-uppercase position-absolute ms-auto font-weight-medium on-surface-light",
   style: { right: "12px", bottom: "8px", "font-size": "10px" }
-}, Nt = /* @__PURE__ */ k({
+}, Ft = /* @__PURE__ */ k({
   __name: "VoPromotionsCard",
   props: {
     caption: {},
     minHeight: {}
   },
   setup(u) {
-    return (t, s) => (c(), g(q, {
+    return (t, s) => (c(), _(q, {
       class: "d-inline-flex flex-child-1 position-relative",
       color: "surface-light",
       flat: "",
@@ -4291,7 +4295,7 @@ const qe = G("settings", () => {
       target: "_blank"
     }, W({
       default: r(() => [
-        i(an, {
+        i(rn, {
           "min-height": t.minHeight,
           width: "100%"
         }, {
@@ -4300,7 +4304,7 @@ const qe = G("settings", () => {
           ]),
           _: 3
         }, 8, ["min-height"]),
-        t.caption ? (c(), L("div", Xs, S(t.caption), 1)) : C("", !0)
+        t.caption ? (c(), L("div", Ks, S(t.caption), 1)) : C("", !0)
       ]),
       _: 2
     }, [
@@ -4321,66 +4325,66 @@ const qe = G("settings", () => {
     ]), 1024));
   }
 }), lt = G("promotions", () => {
-  const u = ee(), t = U([]), s = U([]), o = U(), a = T(!1), n = T(!1), l = $(() => t.value.filter((_) => _.metadata.discoverable));
-  et(p);
-  function d(_) {
-    const m = _.filter((b) => b.metadata.active);
-    return m[Math.floor(Math.random() * m.length)];
+  const u = K(), t = T([]), s = T([]), o = T(), a = D(!1), n = D(!1), l = w(() => t.value.filter((h) => h.metadata.discoverable));
+  ze(m);
+  function p(h) {
+    const d = h.filter((y) => y.metadata.active);
+    return d[Math.floor(Math.random() * d.length)];
   }
-  async function p() {
+  async function m() {
     try {
       a.value = !0;
-      const _ = await u.get("/one/promotions");
-      t.value = _.promotions;
+      const h = await u.get("/one/promotions");
+      t.value = h.promotions;
     } catch {
     } finally {
       a.value = !1, n.value = !0;
     }
     return t.value;
   }
-  async function v(_) {
+  async function v(h) {
     try {
       a.value = !0;
-      const m = await u.get(`/one/admin/promotions/${_}`);
-      return o.value = m.promotion, m.promotion;
+      const d = await u.get(`/one/admin/promotions/${h}`);
+      return o.value = d.promotion, d.promotion;
     } catch {
     } finally {
       a.value = !1;
     }
   }
-  async function h(_) {
+  async function g(h) {
     try {
       a.value = !0;
-      const m = await u.form(
+      const d = await u.form(
         "/one/admin/promotions",
-        _
+        h
       );
-      return o.value = m.promotion, m.promotion;
+      return o.value = d.promotion, d.promotion;
     } catch {
     } finally {
       a.value = !1;
     }
   }
-  async function f(_, m) {
+  async function f(h, d) {
     try {
       a.value = !0;
-      const b = await u.form(
-        `/one/admin/promotions/${_}`,
-        m
+      const y = await u.form(
+        `/one/admin/promotions/${h}`,
+        d
       );
-      return o.value = b.promotion, b.promotion;
+      return o.value = y.promotion, y.promotion;
     } catch {
     } finally {
       a.value = !1;
     }
   }
-  async function w() {
+  async function $() {
   }
-  async function y() {
+  async function b() {
     try {
       a.value = !0;
-      const _ = await u.get("/one/admin/promotions");
-      s.value = _.promotions;
+      const h = await u.get("/one/admin/promotions");
+      s.value = h.promotions;
     } catch {
     } finally {
       a.value = !1;
@@ -4394,50 +4398,50 @@ const qe = G("settings", () => {
     hasLoaded: n,
     discoverable: l,
     record: o,
-    admin: y,
-    destroy: w,
-    index: p,
-    random: d,
+    admin: b,
+    destroy: $,
+    index: m,
+    random: p,
     show: v,
-    store: h,
+    store: g,
     update: f
   };
-}), Ks = /* @__PURE__ */ k({
+}), ea = /* @__PURE__ */ k({
   __name: "VoPromotionsCardHighlight",
   props: {
     slug: {}
   },
   setup(u) {
-    const t = u, s = H(), o = lt(), a = Re(), n = R(), l = $(() => {
+    const t = u, s = H(), o = lt(), a = He(), n = R(), l = w(() => {
       if (o.record) return o.record;
       if (!(s.user && n.disableAds))
         return t.slug ? o.all.find((v) => v.slug === t.slug) : o.random(o.all);
-    }), d = $(() => {
-      var h, f;
+    }), p = w(() => {
+      var g, f;
       const v = a.current.value.dark ? "logodark" : "logolight";
-      return (f = (h = l.value) == null ? void 0 : h.metadata.images[v]) == null ? void 0 : f.url;
-    }), p = $(() => {
-      var h, f;
+      return (f = (g = l.value) == null ? void 0 : g.metadata.images[v]) == null ? void 0 : f.url;
+    }), m = w(() => {
+      var g, f;
       const v = a.current.value.dark ? "bgdark" : "bglight";
-      return (f = (h = l.value) == null ? void 0 : h.metadata.images[v]) == null ? void 0 : f.url;
+      return (f = (g = l.value) == null ? void 0 : g.metadata.images[v]) == null ? void 0 : f.url;
     });
-    return (v, h) => {
-      var w, y, _;
-      const f = Nt;
-      return e(l) || !e(o).hasLoaded ? (c(), g(f, {
+    return (v, g) => {
+      var $, b, h;
+      const f = Ft;
+      return e(l) || !e(o).hasLoaded ? (c(), _(f, {
         key: 0,
         class: "vo-promotions-card-highlight",
-        color: ((w = e(l)) == null ? void 0 : w.metadata.color) ?? "surface",
+        color: (($ = e(l)) == null ? void 0 : $.metadata.color) ?? "surface",
         height: "60",
-        href: (y = e(l)) == null ? void 0 : y.metadata.url,
-        image: e(p),
+        href: (b = e(l)) == null ? void 0 : b.metadata.url,
+        image: e(m),
         "max-width": "720",
-        "prepend-avatar": e(d),
-        title: (_ = e(l)) == null ? void 0 : _.metadata.short_text,
+        "prepend-avatar": e(p),
+        title: (h = e(l)) == null ? void 0 : h.metadata.short_text,
         width: "100%"
       }, W({
         default: r(() => [
-          e(o).hasLoaded ? C("", !0) : (c(), g(Ie, {
+          e(o).hasLoaded ? C("", !0) : (c(), _(Ie, {
             key: 0,
             class: "flex-1-0 overflow-hidden",
             color: "transparent",
@@ -4469,32 +4473,32 @@ const qe = G("settings", () => {
       ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : C("", !0);
     };
   }
-}), ea = { class: "d-flex ga-4" }, ta = { class: "d-flex align-start ga-4" }, oa = { class: "text-caption on-surface-light" }, na = /* @__PURE__ */ k({
+}), ta = { class: "d-flex ga-4" }, oa = { class: "d-flex align-start ga-4" }, na = { class: "text-caption on-surface-light" }, sa = /* @__PURE__ */ k({
   __name: "VoPromotionsCardVuetify",
   props: {
     slug: {}
   },
   setup(u) {
-    const t = u, s = H(), o = lt(), a = R(), n = $(() => {
+    const t = u, s = H(), o = lt(), a = R(), n = w(() => {
       if (o.record) return o.record;
       if (!(s.user && a.disableAds && !a.showHouseAds))
         return t.slug ? o.all.find((l) => l.slug === t.slug) : o.random(a.disableAds && a.showHouseAds ? o.discoverable : o.all);
     });
-    return (l, d) => {
-      var v, h;
-      const p = Nt;
-      return e(n) || !e(o).hasLoaded ? (c(), g(p, {
+    return (l, p) => {
+      var v, g;
+      const m = Ft;
+      return e(n) || !e(o).hasLoaded ? (c(), _(m, {
         key: 0,
         border: "",
         caption: "ads via vuetify",
         class: "vo-promotions-card-vuetify pa-2",
-        href: (h = (v = e(n)) == null ? void 0 : v.metadata) == null ? void 0 : h.url,
+        href: (g = (v = e(n)) == null ? void 0 : v.metadata) == null ? void 0 : g.url,
         width: "360"
       }, {
         default: r(() => {
-          var f, w, y;
+          var f, $, b;
           return [
-            V("div", ea, [
+            V("div", ta, [
               e(o).hasLoaded ? e(n) ? (c(), L(N, { key: 1 }, [
                 i(le, {
                   cover: "",
@@ -4502,11 +4506,11 @@ const qe = G("settings", () => {
                   "max-width": "130",
                   position: "right",
                   rounded: "s",
-                  src: (w = (f = e(n).metadata) == null ? void 0 : f.images.default) == null ? void 0 : w.url,
+                  src: ($ = (f = e(n).metadata) == null ? void 0 : f.images.default) == null ? void 0 : $.url,
                   width: "100%"
                 }, null, 8, ["src"]),
-                V("div", ta, [
-                  V("div", oa, S((y = e(n).metadata) == null ? void 0 : y.text), 1)
+                V("div", oa, [
+                  V("div", na, S((b = e(n).metadata) == null ? void 0 : b.text), 1)
                 ])
               ], 64)) : C("", !0) : (c(), L(N, { key: 0 }, [
                 i(Ie, {
@@ -4532,22 +4536,22 @@ const qe = G("settings", () => {
       }, 8, ["href"])) : C("", !0);
     };
   }
-}), sa = {
+}), aa = {
   key: 0,
   class: "v-footer__image"
-}, aa = /* @__PURE__ */ k({
+}, ia = /* @__PURE__ */ k({
   __name: "VoFooter",
   props: {
     image: {}
   },
   setup(u) {
-    return (t, s) => (c(), g(rn, {
+    return (t, s) => (c(), _(ln, {
       class: "vo-footer",
       height: "40"
     }, {
       default: r(() => [
-        t.image || t.$slots.image ? (c(), L("div", sa, [
-          t.$slots.image ? M(t.$slots, "image", { key: 0 }, void 0, !0) : (c(), g(le, {
+        t.image || t.$slots.image ? (c(), L("div", aa, [
+          t.$slots.image ? M(t.$slots, "image", { key: 0 }, void 0, !0) : (c(), _(le, {
             key: 1,
             cover: "",
             position: "left",
@@ -4559,41 +4563,41 @@ const qe = G("settings", () => {
       _: 3
     }));
   }
-}), Ft = /* @__PURE__ */ rt(aa, [["__scopeId", "data-v-3135ada5"]]), ia = ["href"], ra = /* @__PURE__ */ k({
+}), zt = /* @__PURE__ */ rt(ia, [["__scopeId", "data-v-3135ada5"]]), ra = ["href"], la = /* @__PURE__ */ k({
   __name: "VoPromotionsFooter",
   props: {
     slug: {}
   },
   setup(u) {
-    const t = u, s = H(), o = lt(), a = R(), n = Re(), l = $(() => {
+    const t = u, s = H(), o = lt(), a = R(), n = He(), l = w(() => {
       if (o.record) return o.record;
       if (!(s.user && a.disableAds))
         return t.slug ? o.all.find((v) => v.slug === t.slug) : o.random(o.all);
-    }), d = $(() => {
-      var h, f;
+    }), p = w(() => {
+      var g, f;
       const v = n.current.value.dark ? "logodark" : "logolight";
-      return (f = (h = l.value) == null ? void 0 : h.metadata.images[v]) == null ? void 0 : f.url;
-    }), p = $(() => {
-      var h, f;
+      return (f = (g = l.value) == null ? void 0 : g.metadata.images[v]) == null ? void 0 : f.url;
+    }), m = w(() => {
+      var g, f;
       const v = n.current.value.dark ? "bgdark" : "bglight";
-      return (f = (h = l.value) == null ? void 0 : h.metadata.images[v]) == null ? void 0 : f.url;
+      return (f = (g = l.value) == null ? void 0 : g.metadata.images[v]) == null ? void 0 : f.url;
     });
-    return et(async () => {
+    return ze(async () => {
       t.slug && await o.show(t.slug);
-    }), (v, h) => {
-      var w;
-      const f = Ft;
-      return c(), g(f, {
-        color: ((w = e(l)) == null ? void 0 : w.metadata.color) ?? "surface",
-        image: e(p),
+    }), (v, g) => {
+      var $;
+      const f = zt;
+      return c(), _(f, {
+        color: (($ = e(l)) == null ? void 0 : $.metadata.color) ?? "surface",
+        image: e(m),
         style: { transform: "translateY(0)" }
       }, {
         default: r(() => {
-          var y, _, m;
+          var b, h, d;
           return [
             V("a", {
               class: "d-flex align-center text-decoration-none py-2 px-4 ms-n4 flex-1-0 me-n4 position-relative",
-              href: (y = e(l)) == null ? void 0 : y.metadata.url,
+              href: (b = e(l)) == null ? void 0 : b.metadata.url,
               rel: "noopener noreferrer",
               style: { color: "inherit" },
               target: "_blank"
@@ -4601,11 +4605,11 @@ const qe = G("settings", () => {
               i(oe, {
                 class: "me-4",
                 icon: "$vuetify",
-                image: e(d),
+                image: e(p),
                 size: "24"
               }, null, 8, ["image"]),
-              V("div", null, S((_ = e(l)) == null ? void 0 : _.metadata.text), 1),
-              (m = e(l)) != null && m.metadata.advertisement ? (c(), g(ie, {
+              V("div", null, S((h = e(l)) == null ? void 0 : h.metadata.text), 1),
+              (d = e(l)) != null && d.metadata.advertisement ? (c(), _(ie, {
                 key: 0,
                 class: "ms-auto me-n4 align-self-end mb-n2 py-1 ps-3",
                 rounded: "0 ts-lg",
@@ -4613,14 +4617,14 @@ const qe = G("settings", () => {
                 text: "SPONSORED",
                 variant: "flat"
               })) : C("", !0)
-            ], 8, ia)
+            ], 8, ra)
           ];
         }),
         _: 1
       }, 8, ["color", "image"]);
     };
   }
-}), la = ["id"], ua = /* @__PURE__ */ k({
+}), ua = ["id"], ca = /* @__PURE__ */ k({
   __name: "VoScript",
   props: {
     id: {
@@ -4638,27 +4642,27 @@ const qe = G("settings", () => {
   },
   emits: ["script:error", "script:load"],
   setup(u, { emit: t }) {
-    const s = u, o = t, a = U(), n = U();
-    return et(async () => {
-      const l = document.createElement("script"), d = () => o("script:error");
-      l.type = "text/javascript", l.id = s.scriptId, l.src = s.src, l.onload = () => o("script:load"), l.onerror = d, n.value = l;
+    const s = u, o = t, a = T(), n = T();
+    return ze(async () => {
+      const l = document.createElement("script"), p = () => o("script:error");
+      l.type = "text/javascript", l.id = s.scriptId, l.src = s.src, l.onload = () => o("script:load"), l.onerror = p, n.value = l;
     }), Ne(() => {
       n.value && a.value && a.value.appendChild(n.value);
-    }), Wt(() => {
+    }), Zt(() => {
       n.value && a.value && a.value.removeChild(n.value);
-    }), (l, d) => (c(), L("div", {
+    }), (l, p) => (c(), L("div", {
       id: u.id,
       ref_key: "rootEl",
       ref: a
-    }, null, 8, la));
+    }, null, 8, ua));
   }
-}), ca = ["href", "title"], da = {
+}), da = ["href", "title"], pa = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, pa = /* @__PURE__ */ k({
+}, ma = /* @__PURE__ */ k({
   __name: "VoSocialFooter",
   setup(u) {
-    const t = qe(), s = [
+    const t = We(), s = [
       {
         title: "Vuetify Documentation",
         icon: "$vuetify",
@@ -4666,7 +4670,7 @@ const qe = G("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${Fo}`,
+        icon: `svg:${zo}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -4691,8 +4695,8 @@ const qe = G("settings", () => {
       }
     ];
     return (o, a) => {
-      const n = Ft;
-      return c(), g(n, {
+      const n = zt;
+      return c(), _(n, {
         class: "vo-footer",
         height: "40",
         image: e(t).suit.footer
@@ -4710,8 +4714,8 @@ const qe = G("settings", () => {
               icon: l.icon,
               size: l.icon === "$vuetify" ? 24 : 16
             }, null, 8, ["icon", "size"])
-          ], 8, ca)), 64)),
-          V("div", da, [
+          ], 8, da)), 64)),
+          V("div", pa, [
             B(" © 2016-" + S((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
             a[0] || (a[0] = V("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1))
           ])
@@ -4728,55 +4732,55 @@ const qe = G("settings", () => {
       ]), 1032, ["image"]);
     };
   }
-}), ma = /* @__PURE__ */ rt(pa, [["__scopeId", "data-v-d01d30e4"]]), fa = G("spots", () => {
-  const u = ee(), t = it(), s = U([]), o = U([]), a = U(), n = T(!1), l = $(() => a.value ? a.value : s.value.find(({
+}), fa = /* @__PURE__ */ rt(ma, [["__scopeId", "data-v-d01d30e4"]]), va = G("spots", () => {
+  const u = K(), t = it(), s = T([]), o = T([]), a = T(), n = D(!1), l = w(() => a.value ? a.value : s.value.find(({
     metadata: {
-      site: y,
-      active: _
+      site: b,
+      active: h
     }
-  }) => _ ? y.includes("dev") && !1 || y.includes("*") ? !0 : y.some((m) => t.id.includes(m)) : !1));
-  async function d() {
+  }) => h ? b.includes("dev") && !1 || b.includes("*") ? !0 : b.some((d) => t.id.includes(d)) : !1));
+  async function p() {
     try {
       n.value = !0;
-      const y = await u.get("/one/spots");
-      s.value = y.spots;
+      const b = await u.get("/one/spots");
+      s.value = b.spots;
     } catch {
     } finally {
       n.value = !1;
     }
     return s.value;
   }
-  async function p(y) {
+  async function m(b) {
     try {
       n.value = !0;
-      const _ = await u.get(`/one/admin/spots/${y}`);
-      return a.value = _.spot, _.spot;
+      const h = await u.get(`/one/admin/spots/${b}`);
+      return a.value = h.spot, h.spot;
     } catch {
     } finally {
       n.value = !1;
     }
   }
-  async function v(y) {
+  async function v(b) {
     try {
       n.value = !0;
-      const _ = await u.form(
+      const h = await u.form(
         "/one/admin/spots",
-        y
+        b
       );
-      return a.value = _.spot, _.spot;
+      return a.value = h.spot, h.spot;
     } catch {
     } finally {
       n.value = !1;
     }
   }
-  async function h(y, _) {
+  async function g(b, h) {
     try {
       n.value = !0;
-      const m = await u.form(
-        `/one/admin/spots/${y}`,
-        _
+      const d = await u.form(
+        `/one/admin/spots/${b}`,
+        h
       );
-      return a.value = m.spot, m.spot;
+      return a.value = d.spot, d.spot;
     } catch {
     } finally {
       n.value = !1;
@@ -4784,11 +4788,11 @@ const qe = G("settings", () => {
   }
   async function f() {
   }
-  async function w() {
+  async function $() {
     try {
       n.value = !0;
-      const y = await u.get("/one/admin/spots");
-      o.value = y.spots;
+      const b = await u.get("/one/admin/spots");
+      o.value = b.spots;
     } catch {
     } finally {
       n.value = !1;
@@ -4801,17 +4805,17 @@ const qe = G("settings", () => {
     isLoading: n,
     spot: l,
     record: a,
-    admin: w,
-    index: d,
-    show: p,
+    admin: $,
+    index: p,
+    show: m,
     store: v,
-    update: h,
+    update: g,
     destroy: f
   };
-}), va = ["href"], ha = /* @__PURE__ */ k({
+}), ha = ["href"], ga = /* @__PURE__ */ k({
   __name: "VoSpot",
   setup(u) {
-    const t = fa();
+    const t = va();
     return (s, o) => {
       var a;
       return e(t).spot ? (c(), L("a", {
@@ -4827,10 +4831,10 @@ const qe = G("settings", () => {
           src: (a = e(t).spot.metadata.image) == null ? void 0 : a.url,
           width: "225"
         }, null, 8, ["color", "src"])
-      ], 8, va)) : C("", !0);
+      ], 8, ha)) : C("", !0);
     };
   }
-}), ri = {
+}), li = {
   discord: ["M22,24L16.75,19L17.38,21H4.5A2.5,2.5 0 0,1 2,18.5V3.5A2.5,2.5 0 0,1 4.5,1H19.5A2.5,2.5 0 0,1 22,3.5V24M12,6.8C9.32,6.8 7.44,7.95 7.44,7.95C8.47,7.03 10.27,6.5 10.27,6.5L10.1,6.33C8.41,6.36 6.88,7.53 6.88,7.53C5.16,11.12 5.27,14.22 5.27,14.22C6.67,16.03 8.75,15.9 8.75,15.9L9.46,15C8.21,14.73 7.42,13.62 7.42,13.62C7.42,13.62 9.3,14.9 12,14.9C14.7,14.9 16.58,13.62 16.58,13.62C16.58,13.62 15.79,14.73 14.54,15L15.25,15.9C15.25,15.9 17.33,16.03 18.73,14.22C18.73,14.22 18.84,11.12 17.12,7.53C17.12,7.53 15.59,6.36 13.9,6.33L13.73,6.5C13.73,6.5 15.53,7.03 16.56,7.95C16.56,7.95 14.68,6.8 12,6.8M9.93,10.59C10.58,10.59 11.11,11.16 11.1,11.86C11.1,12.55 10.58,13.13 9.93,13.13C9.29,13.13 8.77,12.55 8.77,11.86C8.77,11.16 9.28,10.59 9.93,10.59M14.1,10.59C14.75,10.59 15.27,11.16 15.27,11.86C15.27,12.55 14.75,13.13 14.1,13.13C13.46,13.13 12.94,12.55 12.94,11.86C12.94,11.16 13.45,10.59 14.1,10.59Z"],
   github: ["M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"],
   reddit: "M14.5 15.41C14.58 15.5 14.58 15.69 14.5 15.8C13.77 16.5 12.41 16.56 12 16.56C11.61 16.56 10.25 16.5 9.54 15.8C9.44 15.69 9.44 15.5 9.54 15.41C9.65 15.31 9.82 15.31 9.92 15.41C10.38 15.87 11.33 16 12 16C12.69 16 13.66 15.87 14.1 15.41C14.21 15.31 14.38 15.31 14.5 15.41M10.75 13.04C10.75 12.47 10.28 12 9.71 12C9.14 12 8.67 12.47 8.67 13.04C8.67 13.61 9.14 14.09 9.71 14.08C10.28 14.08 10.75 13.61 10.75 13.04M14.29 12C13.72 12 13.25 12.5 13.25 13.05S13.72 14.09 14.29 14.09C14.86 14.09 15.33 13.61 15.33 13.05C15.33 12.5 14.86 12 14.29 12M22 12C22 17.5 17.5 22 12 22S2 17.5 2 12C2 6.5 6.5 2 12 2S22 6.5 22 12M18.67 12C18.67 11.19 18 10.54 17.22 10.54C16.82 10.54 16.46 10.7 16.2 10.95C15.2 10.23 13.83 9.77 12.3 9.71L12.97 6.58L15.14 7.05C15.16 7.6 15.62 8.04 16.18 8.04C16.75 8.04 17.22 7.57 17.22 7C17.22 6.43 16.75 5.96 16.18 5.96C15.77 5.96 15.41 6.2 15.25 6.55L12.82 6.03C12.75 6 12.68 6.03 12.63 6.07C12.57 6.11 12.54 6.17 12.53 6.24L11.79 9.72C10.24 9.77 8.84 10.23 7.82 10.96C7.56 10.71 7.2 10.56 6.81 10.56C6 10.56 5.35 11.21 5.35 12C5.35 12.61 5.71 13.11 6.21 13.34C6.19 13.5 6.18 13.62 6.18 13.78C6.18 16 8.79 17.85 12 17.85C15.23 17.85 17.85 16.03 17.85 13.78C17.85 13.64 17.84 13.5 17.81 13.34C18.31 13.11 18.67 12.6 18.67 12Z",
@@ -4851,71 +4855,71 @@ const qe = G("settings", () => {
     ["M12.435 14.3194L22 4L9.26479 7.61064L12.435 14.3194Z", 1],
     ["M2 4L6.87046 12.2799L9.26479 7.61064L2 4Z", 1]
   ]
-}, li = G("bins", () => {
-  const u = H(), t = ee(), s = U([]), o = U(), a = T(!1), n = T(-1), l = $(() => !u.user || !o.value ? !1 : u.user.id === o.value.owner.id), d = $(() => s.value.filter((m) => m.favorite)), p = $(() => s.value.filter((m) => m.pinned));
-  j(o, () => {
+}, ui = G("bins", () => {
+  const u = H(), t = K(), s = T([]), o = T(), a = D(!1), n = D(-1), l = w(() => !u.user || !o.value ? !1 : u.user.id === o.value.owner.id), p = w(() => s.value.filter((d) => d.favorite)), m = w(() => s.value.filter((d) => d.pinned));
+  P(o, () => {
     window.clearTimeout(n.value), n.value = window.setTimeout(() => {
-      !o.value || !l.value || w(o.value, o.value.id);
+      !o.value || !l.value || $(o.value, o.value.id);
     }, 100);
   }, { deep: !0 });
   async function v() {
     try {
       a.value = !0;
-      const m = await t.get("/one/bins");
-      s.value = m.bins;
+      const d = await t.get("/one/bins");
+      s.value = d.bins;
     } catch {
     } finally {
       a.value = !1;
     }
     return s.value;
   }
-  async function h(m) {
+  async function g(d) {
     try {
-      a.value = !0, await t.delete(`/one/bins/${m}`), s.value = s.value.filter((b) => b.id !== m);
+      a.value = !0, await t.delete(`/one/bins/${d}`), s.value = s.value.filter((y) => y.id !== d);
     } catch {
     } finally {
       a.value = !1;
     }
     return !0;
   }
-  async function f(m) {
+  async function f(d) {
     try {
       a.value = !0;
-      const b = await t.post("/one/bins", { bin: m });
-      return s.value.push(b.bin), o.value = b.bin, b;
+      const y = await t.post("/one/bins", { bin: d });
+      return s.value.push(y.bin), o.value = y.bin, y;
     } catch {
     } finally {
       a.value = !1;
     }
-    return { bin: m };
+    return { bin: d };
   }
-  async function w(m, b) {
+  async function $(d, y) {
     try {
       a.value = !0;
-      const A = await t.post(`/one/bins/${b}`, { bin: m }), D = s.value.findIndex((F) => F.id === b);
-      s.value.splice(D, 1, A.bin);
+      const A = await t.post(`/one/bins/${y}`, { bin: d }), U = s.value.findIndex((F) => F.id === y);
+      s.value.splice(U, 1, A.bin);
     } catch {
     } finally {
       a.value = !1;
     }
-    return { bin: m };
+    return { bin: d };
   }
-  async function y(m, b) {
+  async function b(d, y) {
     try {
       a.value = !0;
-      const A = b ? await w(m, b) : await f(m);
+      const A = y ? await $(d, y) : await f(d);
       o.value = A.bin;
     } catch {
     } finally {
       a.value = !1;
     }
-    return { bin: m };
+    return { bin: d };
   }
-  async function _(m) {
+  async function h(d) {
     try {
       a.value = !0;
-      const b = await t.get(`/one/bins/${m}`);
-      o.value = b.bin;
+      const y = await t.get(`/one/bins/${d}`);
+      o.value = y.bin;
     } catch {
     } finally {
       a.value = !1;
@@ -4925,19 +4929,19 @@ const qe = G("settings", () => {
   return {
     isLoading: a,
     isOwner: l,
-    pinned: p,
-    favorites: d,
+    pinned: m,
+    favorites: p,
     all: s,
     create: f,
-    delete: h,
+    delete: g,
     current: o,
-    find: _,
+    find: h,
     get: v,
-    update: w,
-    updateOrCreate: y
+    update: $,
+    updateOrCreate: b
   };
-}), ui = G("products", () => {
-  const u = ee(), t = U([]), s = $(() => t.value.filter((n) => n.product_type === "Themes"));
+}), ci = G("products", () => {
+  const u = K(), t = T([]), s = w(() => t.value.filter((n) => n.product_type === "Themes"));
   async function o() {
     if (t.value.length) return t.value;
     try {
@@ -4956,32 +4960,125 @@ const qe = G("settings", () => {
     index: o,
     randomize: a
   };
+}), di = G("sponsors", () => {
+  const u = T([]), t = T([]), s = T([]), o = T(!1), a = T(), n = K(), l = w(() => {
+    const h = {};
+    for (const d of u.value) {
+      const y = d.metadata.tier;
+      h[y] || (h[y] = []), h[y].push(d);
+    }
+    return h;
+  });
+  Gt(p), ze(p);
+  async function p() {
+    try {
+      o.value = !0;
+      const h = await n.get("/one/sponsors");
+      t.value = h.sponsors;
+    } catch {
+    } finally {
+      o.value = !1;
+    }
+    return t.value;
+  }
+  async function m(h) {
+    try {
+      o.value = !0;
+      const d = await n.get(`/one/admin/sponsors/${h}`);
+      return a.value = d.sponsor, d.sponsor;
+    } catch {
+    } finally {
+      o.value = !1;
+    }
+  }
+  async function v(h) {
+    try {
+      o.value = !0;
+      const d = await n.form(
+        "/one/admin/sponsors",
+        h
+      );
+      return a.value = d.sponsor, d.sponsor;
+    } catch {
+    } finally {
+      o.value = !1;
+    }
+  }
+  async function g(h, d) {
+    try {
+      o.value = !0;
+      const y = await n.form(
+        `/one/admin/sponsors/${h}`,
+        d
+      );
+      return a.value = y.sponsor, y.sponsor;
+    } catch {
+    } finally {
+      o.value = !1;
+    }
+  }
+  async function f() {
+  }
+  async function $() {
+    try {
+      o.value = !0;
+      const h = await n.get("/one/admin/sponsors");
+      s.value = h.sponsors;
+    } catch {
+    } finally {
+      o.value = !1;
+    }
+    return s.value;
+  }
+  function b(h) {
+    return u.value.find((d) => d.slug === h);
+  }
+  return {
+    isLoading: o,
+    all: t,
+    aall: s,
+    sponsors: u,
+    byTier: l,
+    record: a,
+    bySlug: b,
+    admin: $,
+    index: p,
+    show: m,
+    store: v,
+    update: g,
+    destroy: f
+  };
 });
-function ci() {
+function pi() {
   function u(t) {
-    t.component("VoAppBar", Qs), t.component("VoAuthBtn", Mt), t.component("VoAuthCard", At), t.component("VoAuthDialog", Tt), t.component("VoAuthListItem", Dt), t.component("VoIconBin", Bt), t.component("VoIconIssues", Ot), t.component("VoNotificationsBanner", Js), t.component("VoPromotionsCardHighlight", Ks), t.component("VoPromotionsCardVuetify", na), t.component("VoPromotionsFooter", ra), t.component("VoScript", ua), t.component("VoSocialFooter", ma), t.component("VoSpot", ha);
+    t.component("VoAppBar", Ys), t.component("VoAuthBtn", Nt), t.component("VoAuthCard", Tt), t.component("VoAuthDialog", Dt), t.component("VoAuthListItem", Ut), t.component("VoIconBin", Mt), t.component("VoIconIssues", Bt), t.component("VoNotificationsBanner", Xs), t.component("VoPromotionsCardHighlight", ea), t.component("VoPromotionsCardVuetify", sa), t.component("VoPromotionsFooter", la), t.component("VoScript", ca), t.component("VoSocialFooter", fa), t.component("VoSpot", ga);
   }
   return { install: u };
 }
-function di(u, t) {
+function mi(u, t) {
   return function(s) {
     const o = s.store;
     o.url = t, o.$id === "site" && (o.id = u);
   };
 }
 export {
-  ri as aliases,
-  ci as createOne,
-  di as one,
+  li as aliases,
+  pi as createOne,
+  mi as one,
   H as useAuthStore,
-  Ze as useBannersStore,
-  li as useBinsStore,
-  ee as useHttpStore,
+  Ge as useBannersStore,
+  ui as useBinsStore,
+  ns as useDownloadsStore,
+  K as useHttpStore,
+  qe as useNotificationsStore,
   z as useOneStore,
-  ui as useProductsStore,
+  ci as useProductsStore,
   lt as usePromotionsStore,
-  Ct as useQueueStore,
-  qe as useSettingsStore,
-  fa as useSpotsStore,
+  St as useQueueStore,
+  We as useSettingsStore,
+  it as useSiteStore,
+  di as useSponsorsStore,
+  va as useSpotsStore,
+  xe as useTeamStore,
   R as useUserStore
 };