@vuetify/one 1.7.0 → 1.7.1

package/dist/index.js

@@ -1,44 +1,44 @@
-import { reactive as Bt, watch as N, toRefs as Ut, ref as B, shallowRef as D, defineComponent as k, computed as x, openBlock as d, createBlock as _, unref as t, createSlots as P, withCtx as r, createElementVNode as b, toDisplayString as C, createVNode as i, createTextVNode as T, renderSlot as O, normalizeStyle as st, createCommentVNode as S, withModifiers as Qe, mergeModels as at, useModel as le, createElementBlock as I, Fragment as U, onMounted as Oe, nextTick as de, renderList as oe, mergeProps as W, withDirectives as xe, vShow as Be, isRef as ne, resolveComponent as Ue, normalizeClass as Nt, onBeforeMount as Ye, onBeforeUnmount as Tt, pushScopeId as zt, popScopeId as Ft } from "vue";
-import { mdiStorefront as jt, mdiDiscord as Je, mdiGithub as Xe, mdiSync as Mt, mdiSyncOff as Pt, mdiLogoutVariant as Ht, mdiFullscreenExit as Rt, mdiFullscreen as Et, mdiCheck as Ne, mdiHome as Wt, mdiTextBox as qt, mdiSelect as Gt, mdiSpaceInvaders as it, mdiImageFilterHdr as rt, mdiRocketLaunchOutline as lt, mdiWhiteBalanceSunny as Zt, mdiWeatherNight as Qt, mdiDesktopTowerMonitor as Yt, mdiContrastCircle as Jt, mdiCog as Xt, mdiCogOutline as Kt, mdiFileDocument as eo, mdiCreditCardSettingsOutline as to, mdiRocketOutline as oo, mdiCheckCircleOutline as Ae, mdiCreditCard as no, mdiReload as so, mdiPlaylistCheck as ao, mdiCreditCardOutline as io, mdiMedal as ro, mdiOpenInNew as Te, mdiHandHeart as lo, mdiHandHeartOutline as co, mdiCloudDownload as uo, mdiTrayArrowDown as ot, mdiEmailOpenOutline as ct, mdiEmailVariant as ut, mdiBell as po, mdiInboxOutline as mo, mdiInboxFullOutline as fo, mdiBillboard as vo, mdiBellOutline as _o, mdiViewDashboardOutline as ho, mdiCrown as go, mdiArrowULeftBottom as yo, mdiLogin as bo, mdiShieldStarOutline as Vo, mdiReddit as ko } from "@mdi/js";
-import { useRouter as ze, useRoute as $o } from "vue-router";
+import { reactive as Ut, watch as N, toRefs as Nt, ref as B, shallowRef as A, defineComponent as k, computed as x, openBlock as d, createBlock as _, unref as t, createSlots as P, withCtx as r, createElementVNode as b, toDisplayString as C, createVNode as i, createTextVNode as T, renderSlot as O, normalizeStyle as it, createCommentVNode as S, withModifiers as Ye, mergeModels as rt, useModel as le, createElementBlock as I, Fragment as U, onMounted as Be, nextTick as de, renderList as oe, mergeProps as W, withDirectives as xe, vShow as Ue, isRef as ne, resolveComponent as Ne, normalizeClass as Tt, onBeforeMount as Je, onBeforeUnmount as zt, pushScopeId as Ft, popScopeId as jt } from "vue";
+import { mdiStorefront as Mt, mdiDiscord as Xe, mdiGithub as Ke, mdiSync as Pt, mdiSyncOff as Ht, mdiLogoutVariant as Rt, mdiFullscreenExit as Et, mdiFullscreen as Wt, mdiCheck as Te, mdiHome as qt, mdiTextBox as Gt, mdiSelect as Zt, mdiSpaceInvaders as lt, mdiImageFilterHdr as ct, mdiRocketLaunchOutline as ut, mdiWhiteBalanceSunny as Qt, mdiWeatherNight as Yt, mdiDesktopTowerMonitor as Jt, mdiContrastCircle as Xt, mdiCog as Kt, mdiCogOutline as eo, mdiFileDocument as to, mdiCreditCardSettingsOutline as oo, mdiRocketOutline as no, mdiCheckCircleOutline as Oe, mdiCreditCard as so, mdiReload as ao, mdiPlaylistCheck as io, mdiCreditCardOutline as ro, mdiMedal as lo, mdiOpenInNew as ze, mdiHandHeart as co, mdiHandHeartOutline as uo, mdiCloudDownload as po, mdiTrayArrowDown as st, mdiEmailOpenOutline as dt, mdiEmailVariant as pt, mdiBell as mo, mdiInboxOutline as fo, mdiInboxFullOutline as vo, mdiBillboard as _o, mdiBellOutline as ho, mdiViewDashboardOutline as go, mdiCrown as yo, mdiArrowULeftBottom as bo, mdiLogin as Vo, mdiShieldStarOutline as ko, mdiReddit as $o } from "@mdi/js";
+import { useRouter as Fe, useRoute as wo } from "vue-router";
 import { defineStore as G } from "pinia";
-import { merge as We } from "lodash-es";
-import { VListItem as pe, VList as ie, VListItemTitle as dt, VListItemSubtitle as wo } from "vuetify/lib/components/VList/index.mjs";
-import { VAvatar as X } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as H, VCardTitle as xo, VCardSubtitle as So, VCardText as ue } from "vuetify/lib/components/VCard/index.mjs";
-import { VDialog as pt } from "vuetify/lib/components/VDialog/index.mjs";
-import { VBadge as Ke } from "vuetify/lib/components/VBadge/index.mjs";
+import { merge as qe } from "lodash-es";
+import { VListItem as pe, VList as ie, VListItemTitle as mt, VListItemSubtitle as xo } from "vuetify/lib/components/VList/index.mjs";
+import { VAvatar as K } from "vuetify/lib/components/VAvatar/index.mjs";
+import { VCard as H, VCardTitle as So, VCardSubtitle as Co, VCardText as ue } from "vuetify/lib/components/VCard/index.mjs";
+import { VDialog as ft } from "vuetify/lib/components/VDialog/index.mjs";
+import { VBadge as et } from "vuetify/lib/components/VBadge/index.mjs";
 import { VBtn as q } from "vuetify/lib/components/VBtn/index.mjs";
-import { VProgressCircular as Co } from "vuetify/lib/components/VProgressCircular/index.mjs";
+import { VProgressCircular as Lo } from "vuetify/lib/components/VProgressCircular/index.mjs";
 import { VSheet as $e } from "vuetify/lib/components/VSheet/index.mjs";
-import { VSwitch as mt } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as Fe, VExpandTransition as me, VExpandXTransition as Lo } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as ce, useTheme as je, useDate as Se } from "vuetify";
-import { VDivider as Z } from "vuetify/lib/components/VDivider/index.mjs";
-import { VIcon as A } from "vuetify/lib/components/VIcon/index.mjs";
-import { VLabel as Ge } from "vuetify/lib/components/VLabel/index.mjs";
+import { VSwitch as vt } from "vuetify/lib/components/VSwitch/index.mjs";
+import { VFadeTransition as je, VExpandTransition as me, VExpandXTransition as Io } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as ce, useTheme as Me, useDate as Se } from "vuetify";
+import { VDivider as Q } from "vuetify/lib/components/VDivider/index.mjs";
+import { VIcon as D } from "vuetify/lib/components/VIcon/index.mjs";
+import { VLabel as Ze } from "vuetify/lib/components/VLabel/index.mjs";
 import { VChip as te } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as Io } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VChipGroup as Ao } from "vuetify/lib/components/VChipGroup/index.mjs";
 import { VSelect as Do } from "vuetify/lib/components/VSelect/index.mjs";
-import { VRow as re, VCol as J, VContainer as nt } from "vuetify/lib/components/VGrid/index.mjs";
-import { VHover as Me } from "vuetify/lib/components/VHover/index.mjs";
-import { VImg as Q } from "vuetify/lib/components/VImg/index.mjs";
-import { VItemGroup as ft, VItem as Ze } from "vuetify/lib/components/VItemGroup/index.mjs";
+import { VRow as re, VCol as X, VContainer as at } from "vuetify/lib/components/VGrid/index.mjs";
+import { VHover as Pe } from "vuetify/lib/components/VHover/index.mjs";
+import { VImg as Y } from "vuetify/lib/components/VImg/index.mjs";
+import { VItemGroup as _t, VItem as Qe } from "vuetify/lib/components/VItemGroup/index.mjs";
 import { VLayout as fe } from "vuetify/lib/components/VLayout/index.mjs";
 import { VMain as ve } from "vuetify/lib/components/VMain/index.mjs";
-import { VDataTableVirtual as vt } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VDataTableVirtual as ht } from "vuetify/lib/components/VDataTable/index.mjs";
 import { VSkeletonLoader as we } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { VWindow as _t, VWindowItem as ke } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimelineItem as Ao, VTimeline as Oo } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VWindow as gt, VWindowItem as ke } from "vuetify/lib/components/VWindow/index.mjs";
+import { VTimelineItem as Oo, VTimeline as Bo } from "vuetify/lib/components/VTimeline/index.mjs";
 import { VTooltip as ee } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VResponsive as Bo } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VNavigationDrawer as Uo } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as No } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as To } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as zo } from "vuetify/components";
-import { VAppBar as ht } from "vuetify/lib/components/VAppBar/index.mjs";
-import { VLazy as Fo } from "vuetify/lib/components/VLazy/index.mjs";
-import { VFooter as jo } from "vuetify/lib/components/VFooter/index.mjs";
+import { VResponsive as Uo } from "vuetify/lib/components/VResponsive/index.mjs";
+import { VNavigationDrawer as No } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
+import { Ripple as To } from "vuetify/lib/directives/index.mjs";
+import { VColorPicker as zo } from "vuetify/lib/components/VColorPicker/index.mjs";
+import { VMenu as Fo } from "vuetify/components";
+import { VAppBar as yt } from "vuetify/lib/components/VAppBar/index.mjs";
+import { VLazy as jo } from "vuetify/lib/components/VLazy/index.mjs";
+import { VFooter as Mo } from "vuetify/lib/components/VFooter/index.mjs";
 const se = G("http", {
   state: () => ({
     url: ""
@@ -78,7 +78,7 @@ const se = G("http", {
       });
     }
   }
-}), qe = typeof window < "u", De = {
+}), Ge = typeof window < "u", De = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -118,35 +118,35 @@ const se = G("http", {
     }
   }
 }, z = G("user", () => {
-  const c = Bt(We({}, De));
+  const c = Ut(qe({}, De));
   N(c, o);
   function e() {
-    if (!qe)
+    if (!Ge)
       return;
     const n = localStorage.getItem("vuetify@user"), s = n ? JSON.parse(n) : {};
     let l = s.v === c.v;
-    s.v || (s.pwaRefresh = !0, typeof s.api == "boolean" && (s.api = s.api ? "inline" : "link-only"), typeof s.rtl == "boolean" && (s.direction = s.rtl ? "rtl" : "ltr", delete s.rtl), typeof s.theme == "object" && (s.mixedTheme = s.theme.mixed, s.theme = s.theme.system ? "system" : s.theme.dark ? "dark" : "light"), Array.isArray(s.notifications) && (s.notifications = { read: s.notifications }), typeof s.last == "object" && (s.notifications.last = s.last, delete s.last)), s.v === 1 && (Array.isArray(s.composition) && (s.composition = "composition"), Array.isArray(s.notifications.last.banner) || (s.notifications = s.notifications || {}, s.notifications.last = s.notifications.last || {}, s.notifications.last.banner = [])), s.v === 2 && (s.syncSettings = !0, s.disableAds = !1, s.v = 3), s.v === 3 && (s.quickbar = !1), s.v === 4 && (s.suits = De.suits, s.notifications.banners = De.notifications.banners, l = !0), s.v = c.v, Object.assign(c, We(c, s)), l && o();
+    s.v || (s.pwaRefresh = !0, typeof s.api == "boolean" && (s.api = s.api ? "inline" : "link-only"), typeof s.rtl == "boolean" && (s.direction = s.rtl ? "rtl" : "ltr", delete s.rtl), typeof s.theme == "object" && (s.mixedTheme = s.theme.mixed, s.theme = s.theme.system ? "system" : s.theme.dark ? "dark" : "light"), Array.isArray(s.notifications) && (s.notifications = { read: s.notifications }), typeof s.last == "object" && (s.notifications.last = s.last, delete s.last)), s.v === 1 && (Array.isArray(s.composition) && (s.composition = "composition"), Array.isArray(s.notifications.last.banner) || (s.notifications = s.notifications || {}, s.notifications.last = s.notifications.last || {}, s.notifications.last.banner = [])), s.v === 2 && (s.syncSettings = !0, s.disableAds = !1, s.v = 3), s.v === 3 && (s.quickbar = !1), s.v === 4 && (s.suits = De.suits, s.notifications.banners = De.notifications.banners, l = !0), s.v = c.v, Object.assign(c, qe(c, s)), l && o();
   }
   function o() {
-    qe && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
+    Ge && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
   }
   function a() {
-    qe && (Object.assign(c, We({}, De)), o());
+    Ge && (Object.assign(c, qe({}, De)), o());
   }
   return e(), {
-    ...Ut(c),
+    ...Nt(c),
     load: e,
     save: o,
     reset: a
   };
 }), R = G("auth", () => {
-  const c = B(!1), e = B(null), o = se(), a = z(), n = ze(), s = D(!1);
+  const c = B(!1), e = B(null), o = se(), a = z(), n = Fe(), s = A(!1);
   let l = !!y();
-  N(e, (f) => {
-    if (!(f != null && f.settings))
+  N(e, (v) => {
+    if (!(v != null && v.settings))
       return;
     const g = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(f.settings, null, 2) !== g && (l = !0, Object.assign(a, f.settings));
+    JSON.stringify(v.settings, null, 2) !== g && (l = !0, Object.assign(a, v.settings));
   }), a.$subscribe(() => {
     l || p(), l = !1;
   });
@@ -154,16 +154,16 @@ const se = G("http", {
     if (!(!e.value || !a.syncSettings))
       try {
         await o.post("/user/settings", { settings: a.$state });
-      } catch (f) {
-        console.error(f);
+      } catch (v) {
+        console.error(v);
       }
   }
-  async function u(f = !1) {
+  async function u(v = !1) {
     if (u.promise)
       return u.promise;
     s.value = !0, u.promise = fetch(`${o.url}/auth/verify`, {
       credentials: "include",
-      headers: f ? {
+      headers: v ? {
         "Cache-Control": "no-cache"
       } : void 0
     }).then(
@@ -177,17 +177,17 @@ const se = G("http", {
     });
   }
   u.promise = null;
-  async function m(f = "github") {
+  async function m(v = "github") {
     s.value = !0;
-    const g = `${o.url}/auth/${f}/redirect`;
-    if (f === "shopify") {
+    const g = `${o.url}/auth/${v}/redirect`;
+    if (v === "shopify") {
       window.location.assign(g + "?next=" + encodeURIComponent(window.location.href));
       return;
     }
-    const h = 400, $ = 600, j = window.screenX + (window.innerWidth - h) / 2, M = window.screenY + (window.innerHeight - $) / 2, E = window.open(
+    const h = 400, $ = 600, F = window.screenX + (window.innerWidth - h) / 2, M = window.screenY + (window.innerHeight - $) / 2, E = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${j},top=${M},width=${h},height=${$},resizable`
+      `popup,left=${F},top=${M},width=${h},height=${$},resizable`
     );
     if (!E) {
       console.error("Failed to open popup");
@@ -197,7 +197,7 @@ const se = G("http", {
     let Ce = -1, Le = -1;
     function Ie(ae) {
       var Ve;
-      ae.origin === o.url && ((Ve = ae.data) == null ? void 0 : Ve.type) === "auth-response" && (ae.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", f), e.value = ae.data.body.user, n.push({
+      ae.origin === o.url && ((Ve = ae.data) == null ? void 0 : Ve.type) === "auth-response" && (ae.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", v), e.value = ae.data.body.user, n.push({
         path: "/user/dashboard/",
         query: n.currentRoute.value.query
       }), p()) : console.error(ae.data.message), be());
@@ -211,9 +211,9 @@ const se = G("http", {
       be(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function v(f) {
+  async function f(v) {
     s.value = !0;
-    const g = f ? `/auth/${f}/logout` : "/auth/logout";
+    const g = v ? `/auth/${v}/logout` : "/auth/logout";
     try {
       await o.post(g), await u(!0), e.value = null;
     } catch (h) {
@@ -225,9 +225,9 @@ const se = G("http", {
       }), s.value = !1;
     }
   }
-  function V(f) {
+  function V(v) {
     var g;
-    return (g = e.value) == null ? void 0 : g.identities.find((h) => h.provider === f);
+    return (g = e.value) == null ? void 0 : g.identities.find((h) => h.provider === v);
   }
   function y() {
     return localStorage.getItem("vuetify@lastLoginProvider");
@@ -240,115 +240,115 @@ const se = G("http", {
     findIdentity: V,
     verify: u,
     login: m,
-    logout: v,
+    logout: f,
     lastLoginProvider: y,
     sync: p
   };
-}), Mo = { class: "text-body-2" }, Po = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), gt = /* @__PURE__ */ k({
+}), Po = { class: "text-body-2" }, Ho = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), bt = /* @__PURE__ */ k({
   __name: "VoAuthShopify",
   setup(c) {
     const e = R(), o = x(() => e.user && e.findIdentity("shopify")), a = x(() => e.user ? o.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
     return (n, s) => (d(), _(pe, {
       "base-color": "#5b8a3c",
-      "prepend-icon": `svg:${t(jt)}`,
+      "prepend-icon": `svg:${t(Mt)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: s[0] || (s[0] = (l) => t(e).login("shopify"))
     }, P({
       title: r(() => [
-        b("span", Mo, C(t(a)), 1)
+        b("span", Po, C(t(a)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "shopify" ? {
         name: "subtitle",
         fn: r(() => [
-          Po
+          Ho
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Ho = { class: "text-body-2" }, Ro = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), yt = /* @__PURE__ */ k({
+}), Ro = { class: "text-body-2" }, Eo = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), Vt = /* @__PURE__ */ k({
   __name: "VoAuthDiscord",
   setup(c) {
     const e = R(), o = x(() => e.user && e.findIdentity("discord")), a = x(() => e.user ? o.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
     return (n, s) => (d(), _(pe, {
       "base-color": "#5865F2",
-      "prepend-icon": `svg:${t(Je)}`,
+      "prepend-icon": `svg:${t(Xe)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: s[0] || (s[0] = (l) => t(e).login("discord"))
     }, P({
       title: r(() => [
-        b("span", Ho, C(t(a)), 1)
+        b("span", Ro, C(t(a)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "discord" ? {
         name: "subtitle",
         fn: r(() => [
-          Ro
+          Eo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Eo = { class: "text-body-2" }, Wo = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), bt = /* @__PURE__ */ k({
+}), Wo = { class: "text-body-2" }, qo = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), kt = /* @__PURE__ */ k({
   __name: "VoAuthGithub",
   setup(c) {
     const e = R(), o = x(() => e.user && e.findIdentity("github")), a = x(() => e.user ? o.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
     return (n, s) => (d(), _(pe, {
       "base-color": "#2a2a2a",
-      "prepend-icon": `svg:${t(Xe)}`,
+      "prepend-icon": `svg:${t(Ke)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: s[0] || (s[0] = (l) => t(e).login("github"))
     }, P({
       title: r(() => [
-        b("span", Eo, C(t(a)), 1)
+        b("span", Wo, C(t(a)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "github" ? {
         name: "subtitle",
         fn: r(() => [
-          Wo
+          qo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), qo = { class: "text-center" }, Go = { class: "text-center mb-6" }, Zo = { class: "font-weight-light mb-2" }, Qo = /* @__PURE__ */ b("span", { class: "font-weight-bold" }, "Vuetify One", -1), Vt = /* @__PURE__ */ k({
+}), Go = { class: "text-center" }, Zo = { class: "text-center mb-6" }, Qo = { class: "font-weight-light mb-2" }, Yo = /* @__PURE__ */ b("span", { class: "font-weight-bold" }, "Vuetify One", -1), $t = /* @__PURE__ */ k({
   __name: "VoAuthCard",
   setup(c) {
     const e = R();
     return (o, a) => {
-      const n = bt, s = yt, l = gt;
+      const n = kt, s = Vt, l = bt;
       return d(), _(H, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
         default: r(() => [
-          b("div", qo, [
-            i(X, {
+          b("div", Go, [
+            i(K, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
             }, null, 8, ["image"])
           ]),
-          b("div", Go, [
-            i(xo, { class: "text-h5 mb-1 text-md-h4" }, {
+          b("div", Zo, [
+            i(So, { class: "text-h5 mb-1 text-md-h4" }, {
               default: r(() => [
-                b("div", Zo, C(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
-                Qo
+                b("div", Qo, C(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                Yo
               ]),
               _: 1
             }),
-            i(So, { class: "text-wrap" }, {
+            i(Co, { class: "text-wrap" }, {
               default: r(() => [
                 T(" Login to save your settings and gain access to exclusive subscriber perks. ")
               ]),
@@ -372,13 +372,13 @@ const se = G("http", {
       });
     };
   }
-}), kt = /* @__PURE__ */ k({
+}), wt = /* @__PURE__ */ k({
   __name: "VoAuthDialog",
   setup(c) {
     const e = R();
     return (o, a) => {
-      const n = Vt;
-      return d(), _(pt, {
+      const n = $t;
+      return d(), _(ft, {
         modelValue: t(e).dialog,
         "onUpdate:modelValue": a[0] || (a[0] = (s) => t(e).dialog = s),
         "max-width": "480"
@@ -390,8 +390,8 @@ const se = G("http", {
       }, 8, ["modelValue"]);
     };
   }
-}), Pe = G("notifications", () => {
-  const c = se(), e = z(), o = B([]), a = B([]), n = B(), s = D(!1), l = x(() => o.value.filter((g) => !e.notifications.read.includes(g.slug))), p = x(() => o.value.filter((g) => e.notifications.read.includes(g.slug)));
+}), He = G("notifications", () => {
+  const c = se(), e = z(), o = B([]), a = B([]), n = B(), s = A(!1), l = x(() => o.value.filter((g) => !e.notifications.read.includes(g.slug))), p = x(() => o.value.filter((g) => e.notifications.read.includes(g.slug)));
   async function u() {
     try {
       s.value = !0;
@@ -413,7 +413,7 @@ const se = G("http", {
       s.value = !1;
     }
   }
-  async function v(g) {
+  async function f(g) {
     try {
       s.value = !0;
       const h = await c.form(
@@ -441,7 +441,7 @@ const se = G("http", {
   }
   async function y() {
   }
-  async function f() {
+  async function v() {
     try {
       s.value = !0;
       const g = await c.get("/one/admin/notifications");
@@ -456,21 +456,21 @@ const se = G("http", {
     isLoading: s,
     all: o,
     aall: a,
-    admin: f,
+    admin: v,
     record: n,
     index: u,
     show: m,
-    store: v,
+    store: f,
     update: V,
     destroy: y,
     read: p,
     unread: l
   };
-}), Yo = /* @__PURE__ */ k({
+}), Jo = /* @__PURE__ */ k({
   __name: "VoNotificationsTotalBadge",
   setup(c) {
-    const e = R(), o = Pe(), a = z(), n = x(() => a.notifications.show ? o.unread.length : 0);
-    return (s, l) => (d(), _(Ke, {
+    const e = R(), o = He(), a = z(), n = x(() => a.notifications.show ? o.unread.length : 0);
+    return (s, l) => (d(), _(et, {
       color: "error",
       content: t(n),
       dot: !!t(e).user,
@@ -494,14 +494,14 @@ const se = G("http", {
       class: "text-none font-weight-regular",
       color: "primary",
       size: "small",
-      style: st({
+      style: it({
         pointerEvents: e.readonly ? "none" : void 0
       }),
       tabindex: e.readonly ? -1 : void 0,
       variant: "flat"
     }, P({
       loader: r(() => [
-        o.$slots.loader ? S("", !0) : (d(), _(Co, {
+        o.$slots.loader ? S("", !0) : (d(), _(Lo, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
@@ -527,10 +527,10 @@ const se = G("http", {
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), Jo = { class: "pa-4 d-flex flex-column ga-4" }, $t = /* @__PURE__ */ k({
+}), Xo = { class: "pa-4 d-flex flex-column ga-4" }, xt = /* @__PURE__ */ k({
   __name: "VoAuthListItem",
   setup(c) {
-    const e = R(), o = z(), a = D(!e.user && !e.isLoading);
+    const e = R(), o = z(), a = A(!e.user && !e.isLoading);
     N(() => e.user, (s) => {
       a.value = !s;
     });
@@ -538,7 +538,7 @@ const se = G("http", {
       e.user && (a.value = !a.value);
     }
     return (s, l) => {
-      const p = bt, u = yt, m = gt;
+      const p = kt, u = Vt, m = bt;
       return d(), _(H, {
         class: "ma-2",
         rounded: "lg",
@@ -551,28 +551,28 @@ const se = G("http", {
                 class: "mb-0",
                 link: !!t(e).user,
                 nav: "",
-                "prepend-icon": `svg:${t(e).user && t(o).syncSettings ? t(Mt) : t(Pt)}`,
+                "prepend-icon": `svg:${t(e).user && t(o).syncSettings ? t(Pt) : t(Ht)}`,
                 rounded: "b-0",
                 slim: "",
                 title: t(e).user && t(o).syncSettings ? "Sync is on" : "Sync is paused",
                 onClick: n
               }, {
                 append: r(() => [
-                  i(Fe, null, {
+                  i(je, null, {
                     default: r(() => [
-                      t(e).user && (t(a) || !t(o).syncSettings) ? (d(), _(mt, {
+                      t(e).user && (t(a) || !t(o).syncSettings) ? (d(), _(vt, {
                         key: 0,
                         modelValue: t(o).syncSettings,
-                        "onUpdate:modelValue": l[0] || (l[0] = (v) => t(o).syncSettings = v),
+                        "onUpdate:modelValue": l[0] || (l[0] = (f) => t(o).syncSettings = f),
                         color: t(o).syncSettings ? "success" : void 0,
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: l[1] || (l[1] = Qe(() => {
+                        onClick: l[1] || (l[1] = Ye(() => {
                         }, ["stop"]))
                       }, {
                         thumb: r(() => [
-                          i(X, {
+                          i(K, {
                             color: t(o).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
@@ -592,15 +592,15 @@ const se = G("http", {
                     color: "transparent"
                   }, {
                     default: r(() => [
-                      b("div", Jo, [
+                      b("div", Xo, [
                         i(p, {
-                          onClick: l[2] || (l[2] = (v) => a.value = !1)
+                          onClick: l[2] || (l[2] = (f) => a.value = !1)
                         }),
                         i(u, {
-                          onClick: l[3] || (l[3] = (v) => a.value = !1)
+                          onClick: l[3] || (l[3] = (f) => a.value = !1)
                         }),
                         i(m, {
-                          onClick: l[4] || (l[4] = (v) => a.value = !1)
+                          onClick: l[4] || (l[4] = (f) => a.value = !1)
                         })
                       ])
                     ]),
@@ -617,7 +617,7 @@ const se = G("http", {
       }, 8, ["variant"]);
     };
   }
-}), Y = /* @__PURE__ */ k({
+}), J = /* @__PURE__ */ k({
   __name: "VoListItem",
   setup(c) {
     return (e, o) => (d(), _(pe, { slim: "" }, P({
@@ -649,21 +649,21 @@ const se = G("http", {
       } : void 0
     ]), 1024));
   }
-}), Xo = /* @__PURE__ */ k({
+}), Ko = /* @__PURE__ */ k({
   __name: "VoAuthLogoutNavItem",
   setup(c) {
-    const e = R(), o = D(!1);
+    const e = R(), o = A(!1);
     async function a() {
       o.value = !0, await e.logout(), o.value = !1;
     }
     return (n, s) => {
-      const l = Y;
+      const l = J;
       return d(), _(l, {
         class: "mb-0",
         disabled: t(o),
         link: "",
         loading: t(o),
-        "prepend-icon": `svg:${t(Ht)}`,
+        "prepend-icon": `svg:${t(Rt)}`,
         title: "Logout",
         onClick: a
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
@@ -671,7 +671,7 @@ const se = G("http", {
   }
 }), he = /* @__PURE__ */ k({
   __name: "VoDialog",
-  props: /* @__PURE__ */ at({
+  props: /* @__PURE__ */ rt({
     prependIcon: {},
     title: {}
   }, {
@@ -680,8 +680,8 @@ const se = G("http", {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), o = ce(), a = D(!1);
-    return (n, s) => (d(), _(pt, {
+    const e = le(c, "modelValue"), o = ce(), a = A(!1);
+    return (n, s) => (d(), _(ft, {
       modelValue: e.value,
       "onUpdate:modelValue": s[2] || (s[2] = (l) => e.value = l),
       activator: "parent",
@@ -703,7 +703,7 @@ const se = G("http", {
               key: 0,
               class: "me-2",
               density: "comfortable",
-              icon: `svg:${t(a) ? t(Rt) : t(Et)}`,
+              icon: `svg:${t(a) ? t(Et) : t(Wt)}`,
               size: "small",
               variant: "text",
               onClick: s[0] || (s[0] = (p) => a.value = !t(a))
@@ -717,7 +717,7 @@ const se = G("http", {
             })
           ]),
           default: r(() => [
-            i(Z, { class: "mt-4" }),
+            i(Q, { class: "mt-4" }),
             O(n.$slots, "default")
           ]),
           _: 2
@@ -741,21 +741,21 @@ const se = G("http", {
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), wt = /* @__PURE__ */ k({
+}), St = /* @__PURE__ */ k({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
   setup(c) {
-    return (e, o) => (d(), _(mt, {
+    return (e, o) => (d(), _(vt, {
       color: "primary",
       density: "compact",
       disabled: e.disabled,
       inset: "",
-      "true-icon": `svg:${t(Ne)}`
+      "true-icon": `svg:${t(Te)}`
     }, P({
       thumb: r(() => [
-        i(A, {
+        i(D, {
           color: e.disabled ? void 0 : "primary"
         }, null, 8, ["color"])
       ]),
@@ -770,7 +770,7 @@ const se = G("http", {
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), Ko = {
+}), en = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
 }, ge = /* @__PURE__ */ k({
@@ -781,7 +781,7 @@ const se = G("http", {
   },
   setup(c) {
     return (e, o) => (d(), I(U, null, [
-      e.title ? (d(), _(Ge, {
+      e.title ? (d(), _(Ze, {
         key: 0,
         class: "font-weight-black"
       }, {
@@ -790,37 +790,37 @@ const se = G("http", {
         ]),
         _: 1
       })) : S("", !0),
-      e.text ? (d(), I("div", Ko, C(e.text), 1)) : S("", !0)
+      e.text ? (d(), I("div", en, C(e.text), 1)) : S("", !0)
     ], 64));
   }
-}), en = { key: 0 }, tn = /* @__PURE__ */ k({
+}), tn = { key: 0 }, on = /* @__PURE__ */ k({
   __name: "VoSettingsPageSuitOption",
   setup(c) {
     const e = z(), o = [
       {
         title: "Choose a page suit",
         value: "",
-        prependIcon: `svg:${Gt}`,
+        prependIcon: `svg:${Zt}`,
         disabled: !0
       },
       {
         title: "Blackguard",
-        prependIcon: `svg:${it}`,
+        prependIcon: `svg:${lt}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
-        prependIcon: `svg:${rt}`,
+        prependIcon: `svg:${ct}`,
         value: "polaris"
       },
       {
         title: "Nebula",
-        prependIcon: `svg:${lt}`,
+        prependIcon: `svg:${ut}`,
         value: "nebula"
       }
     ];
     return (a, n) => {
-      const s = wt, l = ge;
+      const s = St, l = ge;
       return d(), I(U, null, [
         i(s, {
           modelValue: t(e).suits.show,
@@ -831,7 +831,7 @@ const se = G("http", {
         }, null, 8, ["modelValue"]),
         i(me, null, {
           default: r(() => [
-            t(e).suits.show ? (d(), I("div", en, [
+            t(e).suits.show ? (d(), I("div", tn, [
               i(Do, {
                 modelValue: t(e).suits.suit,
                 "onUpdate:modelValue": n[1] || (n[1] = (p) => t(e).suits.suit = p),
@@ -845,7 +845,7 @@ const se = G("http", {
                 variant: "outlined"
               }, {
                 selection: r(({ item: p }) => [
-                  i(A, {
+                  i(D, {
                     icon: p.props.prependIcon,
                     size: "x-small",
                     start: ""
@@ -855,7 +855,7 @@ const se = G("http", {
                 _: 1
               }, 8, ["modelValue"]),
               i(l, { text: "Select your suit elements to display the background image:" }),
-              i(Io, {
+              i(Ao, {
                 modelValue: t(e).suits.elements,
                 "onUpdate:modelValue": n[2] || (n[2] = (p) => t(e).suits.elements = p),
                 color: "primary",
@@ -864,34 +864,34 @@ const se = G("http", {
               }, {
                 default: r(() => [
                   i(te, {
-                    "append-icon": `svg:${t(Wt)}`,
+                    "append-icon": `svg:${t(qt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      i(Z, {
+                      i(Q, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      i(A, { size: "x-small" })
+                      i(D, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
                   i(te, {
-                    "append-icon": `svg:${t(qt)}`,
+                    "append-icon": `svg:${t(Gt)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      i(Z, {
+                      i(Q, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      i(A, { size: "x-small" })
+                      i(D, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
@@ -903,11 +903,11 @@ const se = G("http", {
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      i(Z, {
+                      i(Q, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      i(A, { size: "x-small" })
+                      i(D, { size: "x-small" })
                     ]),
                     _: 1
                   })
@@ -923,60 +923,60 @@ const se = G("http", {
   }
 });
 function ye() {
-  const c = $o();
+  const c = wo();
   return x(
     () => c.query
   );
 }
-const F = G("one", () => {
-  const c = ye(), e = ze(), o = R(), a = se(), n = D(!1), s = D(!1), l = B(), p = B([]), u = x(() => c.value.session_id), m = x(() => {
+const j = G("one", () => {
+  const c = ye(), e = Fe(), o = R(), a = se(), n = A(!1), s = A(!1), l = B(), p = B([]), u = x(() => c.value.session_id), m = x(() => {
     var w;
     return (w = l.value) == null ? void 0 : w.items[0].plan.interval;
-  }), v = x(() => {
+  }), f = x(() => {
     var w;
     return (w = o.user) == null ? void 0 : w.sponsorships.find((L) => L.platform === "stripe" && L.tierName.startsWith("sub_"));
   }), V = x(() => {
     var w;
-    return !!((w = v.value) != null && w.tierName);
+    return !!((w = f.value) != null && w.tierName);
   }), y = x(() => {
     var w;
-    return ((w = o.user) == null ? void 0 : w.sponsorships.reduce((L, K) => {
-      if (!K.isActive || K.interval === "once" || K.platform === "stripe")
+    return ((w = o.user) == null ? void 0 : w.sponsorships.reduce((L, Z) => {
+      if (!Z.isActive || Z.interval === "once" || Z.platform === "stripe")
         return L;
-      const Ot = K.interval === "month" ? K.amount : K.amount / 12;
-      return L + Ot / 100;
+      const Ae = Z.interval === "month" ? Z.amount : Z.amount / 12;
+      return L + Ae / 100;
     }, 0)) ?? 0;
-  }), f = x(() => {
-    var w, L;
-    return !a.url || ((w = o.user) == null ? void 0 : w.isAdmin) || ((L = v.value) == null ? void 0 : L.isActive) || y.value >= 299;
-  }), g = x(() => {
+  }), v = x(() => {
     var w;
     return (w = o.user) == null ? void 0 : w.sponsorships.find((L) => L.tierName.startsWith("sub_") && L.isActive);
-  }), h = x(() => {
+  }), g = x(() => {
     var w;
     return (w = o.user) == null ? void 0 : w.sponsorships.find((L) => L.platform === "github" && L.isActive);
-  }), $ = x(() => {
+  }), h = x(() => {
     var w;
     return (w = o.user) == null ? void 0 : w.sponsorships.find((L) => L.platform === "discord" && L.isActive);
-  }), j = x(() => {
+  }), $ = x(() => {
     var w;
     return (w = o.user) == null ? void 0 : w.identities.find((L) => L.provider === "shopify");
-  }), M = x(() => {
+  }), F = x(() => {
     var w;
     return (w = o.user) == null ? void 0 : w.sponsorships.find((L) => L.platform === "patreon" && L.isActive);
+  }), M = x(() => {
+    var w, L, Z, Ae, nt;
+    return !a.url || ((w = o.user) == null ? void 0 : w.isAdmin) || ((L = f.value) == null ? void 0 : L.isActive) || ((Z = g.value) == null ? void 0 : Z.isActive) || ((Ae = h.value) == null ? void 0 : Ae.isActive) || ((nt = F.value) == null ? void 0 : nt.isActive) || y.value >= 2.99;
   });
-  Oe(async () => {
+  Be(async () => {
     u.value && await E();
-  }), N(s, tt), N(u, (w) => {
+  }), N(s, ot), N(u, (w) => {
     w && E();
   }, { immediate: !0 }), N(c, (w) => {
     if (w.one !== "subscribe" || o.user)
       return;
     o.dialog = !0;
-    const L = N(() => o.user, (K) => {
-      K && (o.dialog = !1, L());
+    const L = N(() => o.user, (Z) => {
+      Z && (o.dialog = !1, L());
     });
-  }, { immediate: !0 }), N(f, (w, L) => {
+  }, { immediate: !0 }), N(M, (w, L) => {
     w === !1 && L !== !0 || ae();
   });
   async function E() {
@@ -999,11 +999,11 @@ const F = G("one", () => {
   }
   async function Ie() {
     var w;
-    if (v.value)
+    if (f.value)
       try {
         n.value = !0;
         const L = await a.post(
-          `/one/cancel?subscriptionId=${(w = v.value) == null ? void 0 : w.tierName}`
+          `/one/cancel?subscriptionId=${(w = f.value) == null ? void 0 : w.tierName}`
         );
         o.user = L.user;
       } catch {
@@ -1012,11 +1012,11 @@ const F = G("one", () => {
       }
   }
   async function be(w) {
-    if (v.value)
+    if (f.value)
       try {
         n.value = !0;
         const L = await a.post("/one/modify", {
-          subscriptionId: v.value.tierName,
+          subscriptionId: f.value.tierName,
           interval: w
         });
         o.user = L.user;
@@ -1027,11 +1027,11 @@ const F = G("one", () => {
   }
   async function ae() {
     var w;
-    if (v.value)
+    if (f.value)
       try {
         n.value = !0;
         const L = await a.post(
-          `/one/verify?subscriptionId=${(w = v.value) == null ? void 0 : w.tierName}`
+          `/one/verify?subscriptionId=${(w = f.value) == null ? void 0 : w.tierName}`
         );
         o.user = L.user;
       } catch {
@@ -1049,7 +1049,7 @@ const F = G("one", () => {
       n.value = !1;
     }
   }
-  function tt() {
+  function ot() {
     e.push({
       query: {
         ...c.value,
@@ -1062,28 +1062,28 @@ const F = G("one", () => {
     interval: m,
     invoices: p,
     sessionId: u,
-    subscription: v,
+    subscription: f,
     monthlyTotal: y,
     hasBilling: V,
     isLoading: n,
     isOpen: s,
-    isSubscriber: f,
-    github: h,
-    patreon: M,
-    discord: $,
-    shopify: j,
-    one: g,
+    isSubscriber: M,
+    github: g,
+    patreon: F,
+    discord: h,
+    shopify: $,
+    one: v,
     activate: E,
     cancel: Ie,
     manage: Ce,
     modify: be,
-    resetQuery: tt,
+    resetQuery: ot,
     subscribe: Le,
     subscriptionInfo: Ve,
     verify: ae
   };
 });
-function on() {
+function nn() {
   return {
     blackguard: {
       dark: !0,
@@ -1239,8 +1239,8 @@ function on() {
     }
   };
 }
-const He = G("settings", () => {
-  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = F(), o = z(), a = je(), n = on(), s = {
+const Re = G("settings", () => {
+  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = j(), o = z(), a = Me(), n = nn(), s = {
     blackguard: {
       "app-bar": c + "suits/blackguard/blackguard-app-bar.png",
       drawer: c + "suits/blackguard/blackguard-app-drawer.png",
@@ -1273,7 +1273,7 @@ const He = G("settings", () => {
     suit: l,
     CDN_URL: c
   };
-}), nn = { class: "ms-5 mb-2" }, sn = /* @__PURE__ */ k({
+}), sn = { class: "ms-5 mb-2" }, an = /* @__PURE__ */ k({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1281,54 +1281,54 @@ const He = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), o = F(), a = He(), n = z(), s = [
+    const e = le(c, "modelValue"), o = j(), a = Re(), n = z(), s = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
         image: a.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${Zt}`,
+        prependIcon: `svg:${Qt}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
         image: a.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${Qt}`,
+        prependIcon: `svg:${Yt}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
         image: a.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${Yt}`,
+        prependIcon: `svg:${Jt}`,
         value: "system"
       },
       {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
         image: a.CDN_URL + "themes/blackguard.png",
-        prependIcon: `svg:${it}`,
+        prependIcon: `svg:${lt}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
         image: a.CDN_URL + "themes/polaris.png",
-        prependIcon: `svg:${rt}`,
+        prependIcon: `svg:${ct}`,
         value: "polaris"
       },
       {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
         image: a.CDN_URL + "themes/nebula.png",
-        prependIcon: `svg:${lt}`,
+        prependIcon: `svg:${ut}`,
         value: "nebula"
       },
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
         image: a.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${Jt}`,
+        prependIcon: `svg:${Xt}`,
         value: "highContrast",
         disabled: !0
       }
@@ -1336,11 +1336,11 @@ const He = G("settings", () => {
     return N(l, async () => {
       l.value.one === "settings" && (o.isOpen = !0, await de(), e.value = !0);
     }, { immediate: !0 }), (p, u) => {
-      const m = ge, v = tn, V = wt, y = he;
+      const m = ge, f = on, V = St, y = he;
       return d(), _(y, {
         modelValue: e.value,
-        "onUpdate:modelValue": u[6] || (u[6] = (f) => e.value = f),
-        "prepend-icon": `svg:${t(Xt)}`,
+        "onUpdate:modelValue": u[6] || (u[6] = (v) => e.value = v),
+        "prepend-icon": `svg:${t(Kt)}`,
         title: "Settings"
       }, {
         default: r(() => [
@@ -1354,40 +1354,40 @@ const He = G("settings", () => {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
-                      i(ft, {
+                      i(_t, {
                         modelValue: t(n).theme,
-                        "onUpdate:modelValue": u[0] || (u[0] = (f) => t(n).theme = f),
+                        "onUpdate:modelValue": u[0] || (u[0] = (v) => t(n).theme = v),
                         mandatory: ""
                       }, {
                         default: r(() => [
                           i(re, { dense: "" }, {
                             default: r(() => [
-                              (d(), I(U, null, oe(s, (f, g) => i(J, {
+                              (d(), I(U, null, oe(s, (v, g) => i(X, {
                                 key: g,
                                 cols: "12",
                                 md: "6"
                               }, {
                                 default: r(() => [
-                                  i(Ze, {
-                                    value: f.value
+                                  i(Qe, {
+                                    value: v.value
                                   }, {
                                     default: r(({ toggle: h, isSelected: $ }) => [
-                                      i(Me, null, {
-                                        default: r(({ props: j, isHovering: M }) => [
+                                      i(Pe, null, {
+                                        default: r(({ props: F, isHovering: M }) => [
                                           i(H, W({
                                             color: $ ? "primary" : "surface-variant",
-                                            disabled: f.disabled,
+                                            disabled: v.disabled,
                                             height: "76",
-                                            image: f.image,
-                                            "prepend-icon": f.prependIcon,
-                                            ripple: !f.disabled,
-                                            subtitle: f.disabled ? "In Development" : f.subtitle,
-                                            title: f.title,
+                                            image: v.image,
+                                            "prepend-icon": v.prependIcon,
+                                            ripple: !v.disabled,
+                                            subtitle: v.disabled ? "In Development" : v.subtitle,
+                                            title: v.title,
                                             variant: "tonal"
-                                          }, j, { onClick: h }), {
+                                          }, F, { onClick: h }), {
                                             image: r(() => [
-                                              i(Q, {
-                                                style: st({
+                                              i(Y, {
+                                                style: it({
                                                   filter: $ || M ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
@@ -1410,13 +1410,13 @@ const He = G("settings", () => {
                         _: 1
                       }, 8, ["modelValue"]),
                       t(o).isSubscriber ? (d(), I(U, { key: 0 }, [
-                        i(Z, { class: "mt-6 mb-4" }),
-                        i(v)
+                        i(Q, { class: "mt-6 mb-4" }),
+                        i(f)
                       ], 64)) : S("", !0)
                     ]),
                     _: 1
                   }),
-                  i(Z),
+                  i(Q),
                   i(ue, { class: "px-7" }, {
                     default: r(() => [
                       i(m, {
@@ -1426,36 +1426,36 @@ const He = G("settings", () => {
                       t(o).isSubscriber ? (d(), _(V, {
                         key: 0,
                         modelValue: t(n).disableAds,
-                        "onUpdate:modelValue": u[1] || (u[1] = (f) => t(n).disableAds = f),
+                        "onUpdate:modelValue": u[1] || (u[1] = (v) => t(n).disableAds = v),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
                       }, null, 8, ["modelValue"])) : S("", !0),
                       i(me, null, {
                         default: r(() => [
-                          xe(b("div", nn, [
+                          xe(b("div", sn, [
                             i(V, {
                               modelValue: t(n).showHouseAds,
-                              "onUpdate:modelValue": u[2] || (u[2] = (f) => t(n).showHouseAds = f),
+                              "onUpdate:modelValue": u[2] || (u[2] = (v) => t(n).showHouseAds = v),
                               label: "Show House Ads",
                               messages: "These advertisements are for Vuetify products and services only."
                             }, null, 8, ["modelValue"])
                           ], 512), [
-                            [Be, t(n).disableAds]
+                            [Ue, t(n).disableAds]
                           ])
                         ]),
                         _: 1
                       }),
                       i(V, {
                         modelValue: t(n).quickbar,
-                        "onUpdate:modelValue": u[3] || (u[3] = (f) => t(n).quickbar = f),
+                        "onUpdate:modelValue": u[3] || (u[3] = (v) => t(n).quickbar = v),
                         label: "Enable Quick Actions",
                         messages: "Quick actions are located on the Vuetify One user menu and provide quick access to common tasks."
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
                   }),
-                  i(Z),
+                  i(Q),
                   t(o).isSubscriber ? (d(), _(ue, {
                     key: 0,
                     class: "px-7"
@@ -1467,14 +1467,14 @@ const He = G("settings", () => {
                       }),
                       i(V, {
                         modelValue: t(n).notifications.show,
-                        "onUpdate:modelValue": u[4] || (u[4] = (f) => t(n).notifications.show = f),
+                        "onUpdate:modelValue": u[4] || (u[4] = (v) => t(n).notifications.show = v),
                         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(V, {
                         modelValue: t(n).notifications.banners,
-                        "onUpdate:modelValue": u[5] || (u[5] = (f) => t(n).notifications.banners = f),
+                        "onUpdate:modelValue": u[5] || (u[5] = (v) => t(n).notifications.banners = v),
                         label: "Enable Banners",
                         messages: "Banners are located at the top of the screen and provide a callout for important information."
                       }, null, 8, ["modelValue"])
@@ -1492,16 +1492,16 @@ const He = G("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), an = /* @__PURE__ */ k({
+}), rn = /* @__PURE__ */ k({
   __name: "VoSettingsListItem",
   setup(c) {
-    const e = D(!1);
+    const e = A(!1);
     return (o, a) => {
-      const n = sn, s = Y;
+      const n = an, s = J;
       return d(), _(s, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(Kt)}`,
+        "prepend-icon": `svg:${t(eo)}`,
         title: "Settings"
       }, {
         default: r(() => [
@@ -1514,15 +1514,15 @@ const He = G("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), rn = { class: "text-caption" }, ln = /* @__PURE__ */ k({
+}), ln = { class: "text-caption" }, cn = /* @__PURE__ */ k({
   __name: "VoSubscriptionInvoices",
   setup(c) {
-    const e = Se(), o = F();
+    const e = Se(), o = j();
     return (a, n) => {
       const s = ge;
       return d(), _(re, null, {
         default: r(() => [
-          i(J, { cols: "12" }, {
+          i(X, { cols: "12" }, {
             default: r(() => [
               i(s, {
                 text: "View and download your invoice history.",
@@ -1534,13 +1534,13 @@ const He = G("settings", () => {
                 rounded: "lg"
               }, {
                 default: r(() => [
-                  i(vt, {
+                  i(ht, {
                     items: t(o).invoices,
                     loading: t(o).isLoading,
                     sticky: ""
                   }, {
                     "item.date": r(({ item: l }) => [
-                      b("div", rn, C(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
+                      b("div", ln, C(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": r(({ item: l }) => [
                       T(" $" + C(l.amount / 100), 1)
@@ -1559,7 +1559,7 @@ const He = G("settings", () => {
                     "item.pdf": r(({ item: l }) => [
                       i(q, {
                         href: l.pdf,
-                        icon: `svg:${t(eo)}`,
+                        icon: `svg:${t(to)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1578,14 +1578,14 @@ const He = G("settings", () => {
       });
     };
   }
-}), cn = { class: "d-flex align-center" }, un = {
+}), un = { class: "d-flex align-center" }, dn = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, dn = /* @__PURE__ */ b("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), pn = { class: "me-1" }, mn = { class: "text-medium-emphasis text-caption" }, fn = { class: "d-flex align-start justify-space-between text-caption py-2" }, vn = { class: "font-weight-bold" }, _n = { class: "font-weight-bold" }, hn = /* @__PURE__ */ k({
+}, pn = /* @__PURE__ */ b("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), mn = { class: "me-1" }, fn = { class: "text-medium-emphasis text-caption" }, vn = { class: "d-flex align-start justify-space-between text-caption py-2" }, _n = { class: "font-weight-bold" }, hn = { class: "font-weight-bold" }, gn = /* @__PURE__ */ k({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(c, { emit: e }) {
-    const o = Se(), a = F(), n = e, s = x(() => {
+    const o = Se(), a = j(), n = e, s = x(() => {
       if (!a.info)
         return;
       const p = new Date(a.info.currentPeriodEnd * 1e3);
@@ -1598,9 +1598,9 @@ const He = G("settings", () => {
       const m = _e;
       return d(), _(re, null, {
         default: r(() => [
-          i(J, { cols: "12" }, {
+          i(X, { cols: "12" }, {
             default: r(() => {
-              var v, V;
+              var f, V;
               return [
                 i(H, {
                   border: "",
@@ -1625,7 +1625,7 @@ const He = G("settings", () => {
                       t(a).hasBilling ? (d(), _(m, {
                         key: 1,
                         loading: t(a).isLoading,
-                        "prepend-icon": `svg:${t(to)}`,
+                        "prepend-icon": `svg:${t(oo)}`,
                         text: "Billing",
                         onClick: t(a).manage
                       }, null, 8, ["loading", "prepend-icon", "onClick"])) : S("", !0)
@@ -1636,13 +1636,13 @@ const He = G("settings", () => {
                   t(a).info ? {
                     name: "subtitle",
                     fn: r(() => [
-                      b("div", cn, [
-                        b("span", un, C(t(a).info.status), 1),
+                      b("div", un, [
+                        b("span", dn, C(t(a).info.status), 1),
                         t(a).info.items.length ? (d(), I(U, { key: 0 }, [
-                          dn,
-                          b("span", pn, [
+                          pn,
+                          b("span", mn, [
                             T(" $" + C(t(a).info.items[0].plan.amount / 100), 1),
-                            b("span", mn, "/" + C(t(a).interval), 1)
+                            b("span", fn, "/" + C(t(a).interval), 1)
                           ]),
                           i(m, {
                             size: "x-small",
@@ -1674,15 +1674,15 @@ const He = G("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                b("div", fn, [
+                b("div", vn, [
                   b("div", null, [
-                    ((v = t(a).info) == null ? void 0 : v.status) === "active" ? (d(), I(U, { key: 0 }, [
+                    ((f = t(a).info) == null ? void 0 : f.status) === "active" ? (d(), I(U, { key: 0 }, [
                       T(" Your plan renews on "),
-                      b("span", vn, C(t(o).format(t(s), "fullDateWithWeekday")), 1),
+                      b("span", _n, C(t(o).format(t(s), "fullDateWithWeekday")), 1),
                       T(". ")
                     ], 64)) : (d(), I(U, { key: 1 }, [
                       T(" Your plan ends on "),
-                      b("span", _n, C(t(o).format((V = t(a).info) == null ? void 0 : V.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      b("span", hn, C(t(o).format((V = t(a).info) == null ? void 0 : V.currentPeriodEnd, "fullDateWithWeekday")), 1),
                       T(". ")
                     ], 64))
                   ])
@@ -1696,7 +1696,7 @@ const He = G("settings", () => {
       });
     };
   }
-}), gn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), yn = ["innerHTML"], bn = /* @__PURE__ */ b("br", null, null, -1), Vn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), kn = ["innerHTML"], $n = /* @__PURE__ */ k({
+}), yn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), bn = ["innerHTML"], Vn = /* @__PURE__ */ b("br", null, null, -1), kn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), $n = ["innerHTML"], wn = /* @__PURE__ */ k({
   __name: "VoSubscriptionPerks",
   setup(c) {
     const e = [
@@ -1710,19 +1710,19 @@ const He = G("settings", () => {
     ], o = [
       "Early access to Vuetify Studio, a visual editor for Vuetify",
       "Receive a special label on GitHub created issues and pull requests"
-    ], a = D(!1), n = F();
+    ], a = A(!1), n = j();
     return N(a, async (s) => {
       s && n.subscriptionInfo();
     }), (s, l) => {
-      const p = Y;
+      const p = J;
       return d(), I(U, null, [
-        i(Ge, { class: "font-weight-black" }, {
+        i(Ze, { class: "font-weight-black" }, {
           default: r(() => [
             T("Perks")
           ]),
           _: 1
         }),
-        gn,
+        yn,
         i(ie, {
           class: "py-0",
           density: "compact",
@@ -1733,31 +1733,31 @@ const He = G("settings", () => {
             (d(), I(U, null, oe(e, (u, m) => i(p, {
               key: m,
               class: "mb-0",
-              "prepend-icon": `svg:${t(Ne)}`
+              "prepend-icon": `svg:${t(Te)}`
             }, {
               prepend: r(() => [
-                i(A, {
+                i(D, {
                   class: "mx-n2",
                   color: "success",
                   size: "small"
                 })
               ]),
               title: r(() => [
-                b("div", { innerHTML: u }, null, 8, yn)
+                b("div", { innerHTML: u }, null, 8, bn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        bn,
-        i(Ge, { class: "font-weight-black" }, {
+        Vn,
+        i(Ze, { class: "font-weight-black" }, {
           default: r(() => [
             T("Up Next")
           ]),
           _: 1
         }),
-        Vn,
+        kn,
         i(ie, {
           class: "py-0",
           density: "compact",
@@ -1768,16 +1768,16 @@ const He = G("settings", () => {
             (d(), I(U, null, oe(o, (u, m) => i(p, {
               key: m,
               class: "mb-0",
-              "prepend-icon": `svg:${t(oo)}`
+              "prepend-icon": `svg:${t(no)}`
             }, {
               prepend: r(() => [
-                i(A, {
+                i(D, {
                   class: "mx-n2",
                   size: "small"
                 })
               ]),
               title: r(() => [
-                b("div", { innerHTML: u }, null, 8, kn)
+                b("div", { innerHTML: u }, null, 8, $n)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1787,7 +1787,7 @@ const He = G("settings", () => {
       ], 64);
     };
   }
-}), wn = /* @__PURE__ */ k({
+}), xn = /* @__PURE__ */ k({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1797,12 +1797,12 @@ const He = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = D(!1), o = le(c, "modelValue"), a = F();
+    const e = A(!1), o = le(c, "modelValue"), a = j();
     return N(e, async (n) => {
       n && a.subscriptionInfo();
     }), N(() => a.interval, (n) => {
       o.value = n;
-    }, { immediate: !0 }), (n, s) => (d(), _(ft, {
+    }, { immediate: !0 }), (n, s) => (d(), _(_t, {
       modelValue: o.value,
       "onUpdate:modelValue": s[0] || (s[0] = (l) => o.value = l),
       mandatory: ""
@@ -1810,17 +1810,17 @@ const He = G("settings", () => {
       default: r(() => [
         i(re, null, {
           default: r(() => [
-            i(J, {
+            i(X, {
               cols: "12",
               md: "6"
             }, {
               default: r(() => [
-                i(Ze, { value: "month" }, {
+                i(Qe, { value: "month" }, {
                   default: r(({ toggle: l, isSelected: p }) => [
                     i(H, {
                       border: p ? "sm primary opacity-100" : "sm",
                       color: p ? "primary" : void 0,
-                      "prepend-icon": p ? `svg:${t(Ae)}` : "$radioOff",
+                      "prepend-icon": p ? `svg:${t(Oe)}` : "$radioOff",
                       rounded: "lg",
                       subtitle: "$2.99/month",
                       title: "Monthly",
@@ -1828,7 +1828,7 @@ const He = G("settings", () => {
                       onClick: l
                     }, {
                       prepend: r(() => [
-                        i(A, { class: "mt-n6" })
+                        i(D, { class: "mt-n6" })
                       ]),
                       _: 2
                     }, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
@@ -1838,17 +1838,17 @@ const He = G("settings", () => {
               ]),
               _: 1
             }),
-            i(J, {
+            i(X, {
               cols: "12",
               md: "6"
             }, {
               default: r(() => [
-                i(Ze, { value: "year" }, {
+                i(Qe, { value: "year" }, {
                   default: r(({ toggle: l, isSelected: p }) => [
                     i(H, {
                       border: p ? "sm primary opacity-100" : "sm",
                       color: p ? "primary" : void 0,
-                      "prepend-icon": p ? `svg:${t(Ae)}` : "$radioOff",
+                      "prepend-icon": p ? `svg:${t(Oe)}` : "$radioOff",
                       rounded: "lg",
                       subtitle: "$29.99/year",
                       title: "Yearly",
@@ -1856,7 +1856,7 @@ const He = G("settings", () => {
                       onClick: l
                     }, {
                       prepend: r(() => [
-                        i(A, { class: "mt-n6" })
+                        i(D, { class: "mt-n6" })
                       ]),
                       append: r(() => [
                         i(te, {
@@ -1882,7 +1882,7 @@ const He = G("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), xn = { class: "px-3" }, Sn = /* @__PURE__ */ b("br", null, null, -1), Cn = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Ln = /* @__PURE__ */ k({
+}), Sn = { class: "px-3" }, Cn = /* @__PURE__ */ b("br", null, null, -1), Ln = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, In = /* @__PURE__ */ k({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1891,9 +1891,9 @@ const He = G("settings", () => {
   emits: ["update:modelValue"],
   setup(c) {
     function e(m) {
-      return new Promise((v) => setTimeout(v, m));
+      return new Promise((f) => setTimeout(f, m));
     }
-    const o = le(c, "modelValue"), a = F(), n = ye(), s = D(a.interval), l = D(a.hasBilling ? "status" : "subscribe"), p = D(!1);
+    const o = le(c, "modelValue"), a = j(), n = ye(), s = A(a.interval), l = A(a.hasBilling ? "status" : "subscribe"), p = A(!1);
     N(s, (m) => {
       !a.isSubscriber || !a.interval || (p.value = m !== a.interval);
     }), N(o, async (m) => {
@@ -1908,12 +1908,12 @@ const He = G("settings", () => {
     async function u() {
       await a.modify(s.value), await a.subscriptionInfo(), p.value = null, await e(3e3), l.value = "status", await e(300), p.value = !1;
     }
-    return (m, v) => {
-      const V = ge, y = wn, f = $n, g = hn, h = ln, $ = _e, j = he;
-      return d(), _(j, {
+    return (m, f) => {
+      const V = ge, y = xn, v = wn, g = gn, h = cn, $ = _e, F = he;
+      return d(), _(F, {
         modelValue: o.value,
-        "onUpdate:modelValue": v[4] || (v[4] = (M) => o.value = M),
-        "prepend-icon": `svg:${t(no)}`,
+        "onUpdate:modelValue": f[4] || (f[4] = (M) => o.value = M),
+        "prepend-icon": `svg:${t(so)}`,
         title: "Subscriptions"
       }, P({
         default: r(() => [
@@ -1921,30 +1921,30 @@ const He = G("settings", () => {
             default: r(() => [
               i(ve, { scrollable: "" }, {
                 default: r(() => [
-                  b("div", xn, [
+                  b("div", Sn, [
                     i(ue, null, {
                       default: r(() => [
                         i(V, {
                           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": t(l) }, {
+                        i(gt, { "model-value": t(l) }, {
                           default: r(() => [
                             i(ke, { value: "subscribe" }, {
                               default: r(() => [
                                 i(y, {
                                   modelValue: t(s),
-                                  "onUpdate:modelValue": v[0] || (v[0] = (M) => ne(s) ? s.value = M : null)
+                                  "onUpdate:modelValue": f[0] || (f[0] = (M) => ne(s) ? s.value = M : null)
                                 }, null, 8, ["modelValue"]),
-                                Sn,
-                                i(f)
+                                Cn,
+                                i(v)
                               ]),
                               _: 1
                             }),
                             i(ke, { value: "status" }, {
                               default: r(() => [
                                 i(g, {
-                                  "onChange:subscription": v[1] || (v[1] = (M) => l.value = "subscribe")
+                                  "onChange:subscription": f[1] || (f[1] = (M) => l.value = "subscribe")
                                 }),
                                 i(h)
                               ]),
@@ -1969,13 +1969,13 @@ const He = G("settings", () => {
         t(l) === "subscribe" ? {
           name: "actions",
           fn: r(() => [
-            b("div", Cn, [
+            b("div", Ln, [
               t(p) !== !1 ? (d(), _($, {
                 key: 0,
                 block: "",
                 color: "success",
                 loading: t(a).isLoading,
-                "prepend-icon": `svg:${t(p) !== null ? t(so) : t(Ae)}`,
+                "prepend-icon": `svg:${t(p) !== null ? t(ao) : t(Oe)}`,
                 readonly: t(p) === null,
                 size: "default",
                 text: t(p) !== null ? "Modify Subscription" : "Success",
@@ -1983,10 +1983,10 @@ const He = G("settings", () => {
               }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(a).isSubscriber ? (d(), _($, {
                 key: 2,
                 block: "",
-                "prepend-icon": `svg:${t(ao)}`,
+                "prepend-icon": `svg:${t(io)}`,
                 size: "default",
                 text: "Manage Subscription",
-                onClick: v[3] || (v[3] = (M) => l.value = "status")
+                onClick: f[3] || (f[3] = (M) => l.value = "status")
               }, null, 8, ["prepend-icon"])) : (d(), _($, {
                 key: 1,
                 block: "",
@@ -1996,7 +1996,7 @@ const He = G("settings", () => {
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
-                onClick: v[2] || (v[2] = (M) => t(a).subscribe(t(s)))
+                onClick: f[2] || (f[2] = (M) => t(a).subscribe(t(s)))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -2005,16 +2005,16 @@ const He = G("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), In = /* @__PURE__ */ k({
+}), An = /* @__PURE__ */ k({
   __name: "VoSubscriptionListItem",
   setup(c) {
-    const e = D(!1);
+    const e = A(!1);
     return (o, a) => {
-      const n = Ln, s = Y;
+      const n = In, s = J;
       return d(), _(s, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(io)}`,
+        "prepend-icon": `svg:${t(ro)}`,
         title: "Subscriptions"
       }, {
         default: r(() => [
@@ -2030,7 +2030,7 @@ const He = G("settings", () => {
 }), Dn = {
   key: 0,
   class: "text-success"
-}, Re = /* @__PURE__ */ k({
+}, Ee = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItem",
   props: {
     title: {},
@@ -2042,16 +2042,16 @@ const He = G("settings", () => {
     sponsorship: {}
   },
   setup(c) {
-    const e = c, o = He(), a = x(() => {
+    const e = c, o = Re(), a = x(() => {
       var s, l;
       return `$${parseFloat(String((((s = e.sponsorship) == null ? void 0 : s.amount) ?? 0) / 100)).toFixed(2)} /${(l = e.sponsorship) == null ? void 0 : l.interval}`;
     });
     return (n, s) => {
       var p, u;
       const l = _e;
-      return d(), _(Ao, {
+      return d(), _(Oo, {
         "dot-color": (p = n.sponsorship) != null && p.isActive ? "success" : "transparent",
-        icon: (u = n.sponsorship) != null && u.isActive ? `svg:${t(Ne)}` : void 0,
+        icon: (u = n.sponsorship) != null && u.isActive ? `svg:${t(Te)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
@@ -2067,8 +2067,8 @@ const He = G("settings", () => {
               var m;
               return [
                 (m = n.sponsorship) != null && m.isActive ? (d(), I("div", Dn, [
-                  i(A, {
-                    icon: `svg:${t(ro)}`,
+                  i(D, {
+                    icon: `svg:${t(lo)}`,
                     size: "x-small"
                   }, null, 8, ["icon"]),
                   T(" " + C(t(a)), 1)
@@ -2078,7 +2078,7 @@ const He = G("settings", () => {
               ];
             }),
             append: r(() => {
-              var m, v, V, y, f, g;
+              var m, f, V, y, v, g;
               return [
                 n.disabled ? (d(), _(l, {
                   key: 1,
@@ -2089,10 +2089,10 @@ const He = G("settings", () => {
                   key: 0,
                   active: !1,
                   color: (m = n.sponsorship) != null && m.isActive ? "success" : "primary",
-                  href: (v = n.sponsorship) != null && v.isActive || n.to ? void 0 : n.href,
-                  "prepend-icon": `svg:${(V = n.sponsorship) != null && V.isActive ? t(Ae) : t(Te)}`,
+                  href: (f = n.sponsorship) != null && f.isActive || n.to ? void 0 : n.href,
+                  "prepend-icon": `svg:${(V = n.sponsorship) != null && V.isActive ? t(Oe) : t(ze)}`,
                   readonly: (y = n.sponsorship) == null ? void 0 : y.isActive,
-                  target: (f = n.sponsorship) != null && f.isActive || n.to ? void 0 : "_blank",
+                  target: (v = n.sponsorship) != null && v.isActive || n.to ? void 0 : "_blank",
                   text: (g = n.sponsorship) != null && g.isActive ? "Active" : "Info",
                   to: n.to,
                   width: "88"
@@ -2106,11 +2106,11 @@ const He = G("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), An = /* @__PURE__ */ k({
+}), On = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemPatreon",
   setup(c) {
     return (e, o) => {
-      const a = Re;
+      const a = Ee;
       return d(), _(a, {
         disabled: "",
         logo: "patreon",
@@ -2119,12 +2119,12 @@ const He = G("settings", () => {
       });
     };
   }
-}), On = /* @__PURE__ */ k({
+}), Bn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(c) {
-    const e = F();
+    const e = j();
     return (o, a) => {
-      const n = Re;
+      const n = Ee;
       return d(), _(n, {
         href: "https://discord.com/servers/vuetify-340160225338195969",
         logo: "discord",
@@ -2134,12 +2134,12 @@ const He = G("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Bn = /* @__PURE__ */ k({
+}), Un = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(c) {
-    const e = F();
+    const e = j();
     return (o, a) => {
-      const n = Re;
+      const n = Ee;
       return d(), _(n, {
         href: "https://github.com/sponsors/johnleider",
         logo: "github",
@@ -2149,12 +2149,12 @@ const He = G("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Un = /* @__PURE__ */ k({
+}), Nn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(c) {
-    const e = F();
+    const e = j();
     return (o, a) => {
-      const n = Re;
+      const n = Ee;
       return d(), _(n, {
         logo: "one",
         sponsorship: t(e).one,
@@ -2164,12 +2164,12 @@ const He = G("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Nn = /* @__PURE__ */ k({
+}), Tn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimeline",
   setup(c) {
     return (e, o) => {
-      const a = Un, n = Bn, s = On, l = An;
-      return d(), _(Oo, {
+      const a = Nn, n = Un, s = Bn, l = On;
+      return d(), _(Bo, {
         class: "justify-start ms-n7",
         "line-inset": "12",
         side: "end",
@@ -2186,7 +2186,7 @@ const He = G("settings", () => {
       });
     };
   }
-}), Tn = { class: "px-3 pb-5 d-flex flex-column h-100" }, zn = { class: "font-weight-black" }, Fn = { class: "text-caption text-medium-emphasis" }, jn = /* @__PURE__ */ k({
+}), zn = { class: "px-3 pb-5 d-flex flex-column h-100" }, Fn = { class: "font-weight-black" }, jn = { class: "text-caption text-medium-emphasis" }, Mn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2194,15 +2194,15 @@ const He = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), o = ye(), a = F();
+    const e = le(c, "modelValue"), o = ye(), a = j();
     return N(o, async () => {
       o.value.one === "sponsorships" && (a.isOpen = !0, await de(), e.value = !0);
     }, { immediate: !0 }), (n, s) => {
-      const l = ge, p = Nn, u = Ue("v-empty-state"), m = he;
+      const l = ge, p = Tn, u = Ne("v-empty-state"), m = he;
       return d(), _(m, {
         modelValue: e.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (v) => e.value = v),
-        "prepend-icon": `svg:${t(lo)}`,
+        "onUpdate:modelValue": s[0] || (s[0] = (f) => e.value = f),
+        "prepend-icon": `svg:${t(co)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
@@ -2210,7 +2210,7 @@ const He = G("settings", () => {
             default: r(() => [
               i(ve, { scrollable: "" }, {
                 default: r(() => [
-                  b("div", Tn, [
+                  b("div", zn, [
                     i(ue, { class: "flex-0-0 mb-16 mb-sm-4" }, {
                       default: r(() => [
                         i(l, {
@@ -2228,16 +2228,16 @@ const He = G("settings", () => {
                       size: "128"
                     }, {
                       media: r(() => [
-                        i(A, {
+                        i(D, {
                           color: t(a).isSubscriber ? "success" : "error"
                         }, null, 8, ["color"])
                       ]),
                       title: r(() => [
                         T(" One Status: "),
-                        b("span", zn, C(t(a).isSubscriber ? "Active" : "Inactive"), 1)
+                        b("span", Fn, C(t(a).isSubscriber ? "Active" : "Inactive"), 1)
                       ]),
                       text: r(() => [
-                        b("div", Fn, C(t(a).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
+                        b("div", jn, C(t(a).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
                       ]),
                       _: 1
                     })
@@ -2253,16 +2253,16 @@ const He = G("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Mn = /* @__PURE__ */ k({
+}), Pn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsListItem",
   setup(c) {
-    const e = D(!1);
+    const e = A(!1);
     return (o, a) => {
-      const n = jn, s = Y;
+      const n = Mn, s = J;
       return d(), _(s, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(co)}`,
+        "prepend-icon": `svg:${t(uo)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
@@ -2275,8 +2275,8 @@ const He = G("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Pn = G("downloads", () => {
-  const c = se(), e = B([]), o = D(!1);
+}), Hn = G("downloads", () => {
+  const c = se(), e = B([]), o = A(!1);
   async function a() {
     if (e.value.length)
       return e.value;
@@ -2295,10 +2295,10 @@ const He = G("settings", () => {
     isLoading: o,
     index: a
   };
-}), Hn = /* @__PURE__ */ k({
+}), Rn = /* @__PURE__ */ k({
   __name: "VoDownloadsTable",
   setup(c) {
-    const e = Se(), o = Pn(), a = [
+    const e = Se(), o = Hn(), a = [
       {
         title: "Order ID",
         value: "order_name"
@@ -2318,13 +2318,13 @@ const He = G("settings", () => {
         value: "download_url"
       }
     ];
-    return Oe(async () => {
+    return Be(async () => {
       await o.index();
     }), (n, s) => {
       const l = ge;
       return d(), _(re, null, {
         default: r(() => [
-          i(J, { cols: "12" }, {
+          i(X, { cols: "12" }, {
             default: r(() => [
               i(l, {
                 text: "View and download your store purchases.",
@@ -2336,7 +2336,7 @@ const He = G("settings", () => {
                 rounded: "lg"
               }, {
                 default: r(() => [
-                  i(vt, {
+                  i(ht, {
                     "fixed-header": "",
                     headers: a,
                     height: "640",
@@ -2359,7 +2359,7 @@ const He = G("settings", () => {
                       i(q, {
                         color: "medium-emphasis",
                         href: p.download_url,
-                        icon: `svg:${t(uo)}`,
+                        icon: `svg:${t(po)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -2378,23 +2378,23 @@ const He = G("settings", () => {
       });
     };
   }
-}), Rn = { class: "px-3" }, En = /* @__PURE__ */ k({
+}), En = { class: "px-3" }, Wn = /* @__PURE__ */ k({
   __name: "VoDownloadsNavItem",
   setup(c) {
-    const e = D(!1);
+    const e = A(!1);
     return (o, a) => {
-      const n = Hn, s = he, l = Y;
+      const n = Rn, s = he, l = J;
       return d(), _(l, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(ot)}`,
+        "prepend-icon": `svg:${t(st)}`,
         title: "Downloads"
       }, {
         default: r(() => [
           i(s, {
             modelValue: t(e),
             "onUpdate:modelValue": a[0] || (a[0] = (p) => ne(e) ? e.value = p : null),
-            "prepend-icon": `svg:${t(ot)}`,
+            "prepend-icon": `svg:${t(st)}`,
             title: "Downloads"
           }, {
             default: r(() => [
@@ -2402,7 +2402,7 @@ const He = G("settings", () => {
                 default: r(() => [
                   i(ve, { scrollable: "" }, {
                     default: r(() => [
-                      b("div", Rn, [
+                      b("div", En, [
                         i(ue, null, {
                           default: r(() => [
                             i(n)
@@ -2424,9 +2424,9 @@ const He = G("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Wn = /* @__PURE__ */ b("h2", { class: "text-h4" }, " Configuration Tooling ", -1), qn = /* @__PURE__ */ b("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), Gn = { class: "text-uppercase text-info" }, Zn = { class: "text-h6 mb-2" }, Qn = { class: "text-caption" }, Yn = /* @__PURE__ */ b("div", null, " Become a subscriber and be the first to gain access to the Vuetify Studio Alpha when it releases in April 2024. ", -1), Jn = /* @__PURE__ */ k({
+}), qn = /* @__PURE__ */ b("h2", { class: "text-h4" }, " Configuration Tooling ", -1), Gn = /* @__PURE__ */ b("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), Zn = { class: "text-uppercase text-info" }, Qn = { class: "text-h6 mb-2" }, Yn = { class: "text-caption" }, Jn = /* @__PURE__ */ b("div", null, " Become a subscriber and be the first to gain access to the Vuetify Studio Alpha when it releases in April 2024. ", -1), Xn = /* @__PURE__ */ k({
   __name: "VoStudioDialog",
-  props: /* @__PURE__ */ at({
+  props: /* @__PURE__ */ rt({
     prependIcon: {}
   }, {
     modelValue: { type: Boolean },
@@ -2434,7 +2434,7 @@ const He = G("settings", () => {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), o = ye(), a = ze(), n = F(), { smAndUp: s } = ce(), l = [
+    const e = le(c, "modelValue"), o = ye(), a = Fe(), n = j(), { smAndUp: s } = ce(), l = [
       {
         title: "Customize",
         subtitle: "Customize your Vuetify theme, components, and more with the Vuetify Studio.",
@@ -2461,7 +2461,7 @@ const He = G("settings", () => {
       e.value = !1, a.push({ query: { one: "subscribe" } });
     }
     return (u, m) => {
-      const v = _e, V = he;
+      const f = _e, V = he;
       return d(), _(V, {
         modelValue: e.value,
         "onUpdate:modelValue": m[0] || (m[0] = (y) => e.value = y),
@@ -2473,7 +2473,7 @@ const He = G("settings", () => {
             default: r(() => [
               i(ve, { scrollable: "" }, {
                 default: r(() => [
-                  i(Q, {
+                  i(Y, {
                     "content-class": "d-flex align-center justify-center flex-column",
                     cover: "",
                     gradient: "to top right, rgba(var(--v-theme-primary),.8), rgba(0,0,0,.9)",
@@ -2490,51 +2490,51 @@ const He = G("settings", () => {
                         rounded: "xl"
                       }, {
                         text: r(() => [
-                          i(A, {
+                          i(D, {
                             color: "accent",
                             icon: u.prependIcon,
                             size: "80"
                           }, null, 8, ["icon"]),
-                          Wn,
-                          qn
+                          qn,
+                          Gn
                         ]),
                         _: 1
                       })
                     ]),
                     _: 1
                   }),
-                  (d(), I(U, null, oe(l, (y, f) => i($e, {
-                    key: f,
+                  (d(), I(U, null, oe(l, (y, v) => i($e, {
+                    key: v,
                     class: "py-8",
-                    color: f % 2 === 0 ? "surface-light" : "surface-variant"
+                    color: v % 2 === 0 ? "surface-light" : "surface-variant"
                   }, {
                     default: r(() => [
-                      i(nt, null, {
+                      i(at, null, {
                         default: r(() => [
                           i(re, { align: "center" }, {
                             default: r(() => [
-                              i(J, {
+                              i(X, {
                                 cols: "12",
                                 offset: "0",
                                 "offset-sm": "1",
-                                order: f % 2,
+                                order: v % 2,
                                 sm: "6"
                               }, {
                                 default: r(() => [
-                                  b("strong", Gn, C(y.title), 1),
-                                  b("p", Zn, C(y.subtitle), 1),
-                                  b("p", Qn, C(y.text), 1)
+                                  b("strong", Zn, C(y.title), 1),
+                                  b("p", Qn, C(y.subtitle), 1),
+                                  b("p", Yn, C(y.text), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["order"]),
-                              i(J, {
+                              i(X, {
                                 cols: "12",
                                 offset: "0",
-                                "offset-sm": f % 2,
+                                "offset-sm": v % 2,
                                 sm: "4"
                               }, {
                                 default: r(() => [
-                                  i(Q, {
+                                  i(Y, {
                                     cover: "",
                                     height: t(s) ? 180 : void 0,
                                     rounded: "lg",
@@ -2557,23 +2557,23 @@ const He = G("settings", () => {
                     class: "text-center py-6"
                   }, {
                     default: r(() => [
-                      i(nt, null, {
+                      i(at, null, {
                         default: r(() => [
                           i(re, { justify: "center" }, {
                             default: r(() => [
-                              i(J, { cols: "6" }, {
+                              i(X, { cols: "6" }, {
                                 default: r(() => [
-                                  i(X, {
+                                  i(K, {
                                     image: "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
                                     size: "64"
                                   }),
-                                  Yn
+                                  Jn
                                 ]),
                                 _: 1
                               }),
-                              i(J, { cols: "12" }, {
+                              i(X, { cols: "12" }, {
                                 default: r(() => [
-                                  i(v, {
+                                  i(f, {
                                     "prepend-icon": "$vuetify",
                                     size: "x-large",
                                     text: "Subscribe Today",
@@ -2602,17 +2602,17 @@ const He = G("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Xn = /* @__PURE__ */ k({
+}), Kn = /* @__PURE__ */ k({
   __name: "VoStudioNavItem",
   setup(c) {
-    const e = D(!1), o = [
+    const e = A(!1), o = [
       ["M12.435 14.3194L12 21L6.87046 12.2799L12.435 14.3194Z", 1],
       ["M22 4L12.435 14.3194L6.87046 12.2799L9.26479 7.61064L12.435 14.3194L12 21L22 4Z", 0.5],
       ["M12.435 14.3194L22 4L9.26479 7.61064L12.435 14.3194Z", 1],
       ["M2 4L6.87046 12.2799L9.26479 7.61064L2 4Z", 1]
     ];
     return (a, n) => {
-      const s = Jn, l = Y;
+      const s = Xn, l = J;
       return d(), _(l, {
         active: t(e),
         link: "",
@@ -2641,13 +2641,13 @@ const He = G("settings", () => {
       }, 8, ["active"]);
     };
   }
-}), Kn = {
+}), es = {
   key: 0,
   class: "pt-16"
-}, es = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), ts = {
+}, ts = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), os = {
   key: 1,
   class: "pa-5"
-}, os = { class: "text-subtitle-1 font-weight-bold" }, ns = { class: "text-caption font-weight-bold text-medium-emphasis" }, ss = { class: "text-disabled text-caption mt-2 mb-3" }, as = /* @__PURE__ */ k({
+}, ns = { class: "text-subtitle-1 font-weight-bold" }, ss = { class: "text-caption font-weight-bold text-medium-emphasis" }, as = { class: "text-disabled text-caption mt-2 mb-3" }, is = /* @__PURE__ */ k({
   __name: "VoNotificationsBannerList",
   props: {
     items: {}
@@ -2661,16 +2661,16 @@ const He = G("settings", () => {
       n(l.slug) ? a.notifications.last.banner = a.notifications.last.banner.filter((p) => p !== l.slug) : a.notifications.last.banner.push(l.slug);
     }
     return (l, p) => {
-      const u = Ue("v-empty-state");
+      const u = Ne("v-empty-state");
       return d(), _(ie, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: r(() => [
-          l.items.length ? (d(), I("div", ts, [
+          l.items.length ? (d(), I("div", os, [
             (d(!0), I(U, null, oe(l.items, (m) => {
-              var v;
+              var f;
               return d(), I("div", {
                 key: m.slug,
                 class: "mb-4"
@@ -2678,24 +2678,24 @@ const He = G("settings", () => {
                 i(H, {
                   color: m.metadata.color,
                   flat: "",
-                  image: (v = m.metadata.images.bg) == null ? void 0 : v.url,
+                  image: (f = m.metadata.images.bg) == null ? void 0 : f.url,
                   rounded: "b-0",
                   title: m.title
                 }, {
                   prepend: r(() => {
                     var V;
                     return [
-                      i(X, {
+                      i(K, {
                         image: (V = m.metadata.images.logo) == null ? void 0 : V.url
                       }, null, 8, ["image"])
                     ];
                   }),
                   image: r(() => [
-                    i(Q, { position: "right" })
+                    i(Y, { position: "right" })
                   ]),
                   _: 2
                 }, 1032, ["color", "image", "title"]),
-                i(Me, null, {
+                i(Pe, null, {
                   default: r(({ props: V, isHovering: y }) => [
                     i($e, W(V, {
                       border: "",
@@ -2707,18 +2707,18 @@ const He = G("settings", () => {
                           location: "bottom",
                           text: n(m.slug) ? "Mark as unread" : "Mark as read"
                         }, {
-                          activator: r(({ props: f }) => [
-                            i(Fe, { "hide-on-leave": "" }, {
+                          activator: r(({ props: v }) => [
+                            i(je, { "hide-on-leave": "" }, {
                               default: r(() => [
-                                xe(i(q, W(f, {
+                                xe(i(q, W(v, {
                                   class: "ms-auto float-right",
-                                  icon: `svg:${n(m.slug) ? t(ut) : t(ct)}`,
+                                  icon: `svg:${n(m.slug) ? t(pt) : t(dt)}`,
                                   "mdi-email-variant": "",
                                   size: "small",
                                   variant: "text",
                                   onClick: (g) => s(m)
                                 }), null, 16, ["icon", "onClick"]), [
-                                  [Be, y || t(o).mobile.value]
+                                  [Ue, y || t(o).mobile.value]
                                 ])
                               ]),
                               _: 2
@@ -2726,15 +2726,15 @@ const He = G("settings", () => {
                           ]),
                           _: 2
                         }, 1032, ["text"]),
-                        b("div", os, C(m.metadata.text), 1),
-                        b("div", ns, C(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
-                        b("div", ss, C(m.metadata.subtext), 1),
+                        b("div", ns, C(m.metadata.text), 1),
+                        b("div", ss, C(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
+                        b("div", as, C(m.metadata.subtext), 1),
                         i(te, W({
                           href: m.metadata.link.startsWith("http") ? m.metadata.link : void 0,
                           target: m.metadata.link.startsWith("http") ? "_blank" : void 0,
                           to: m.metadata.link.startsWith("http") ? void 0 : m.metadata.link
                         }, {
-                          "append-icon": `svg:${t(Te)}`,
+                          "append-icon": `svg:${t(ze)}`,
                           border: "",
                           label: "",
                           size: "small",
@@ -2742,7 +2742,7 @@ const He = G("settings", () => {
                           variant: "text"
                         }), {
                           append: r(() => [
-                            i(A, { size: "12" })
+                            i(D, { size: "12" })
                           ]),
                           _: 2
                         }, 1040, ["append-icon", "text"])
@@ -2754,16 +2754,16 @@ const He = G("settings", () => {
                 }, 1024)
               ]);
             }), 128))
-          ])) : (d(), I("div", Kn, [
+          ])) : (d(), I("div", es, [
             i(u, {
               icon: "$vuetify",
               size: "256"
             }, {
               media: r(() => [
-                i(A, { color: "medium-emphasis" })
+                i(D, { color: "medium-emphasis" })
               ]),
               title: r(() => [
-                es
+                ts
               ]),
               _: 1
             })
@@ -2773,7 +2773,7 @@ const He = G("settings", () => {
       });
     };
   }
-}), is = { class: "ps-3 text-subtitle-2 pe-2" }, rs = { class: "text-truncate" }, ls = { class: "text-caption font-weight-bold text-medium-emphasis" }, cs = { class: "text-disabled text-caption my-2" }, us = /* @__PURE__ */ k({
+}), rs = { class: "ps-3 text-subtitle-2 pe-2" }, ls = { class: "text-truncate" }, cs = { class: "text-caption font-weight-bold text-medium-emphasis" }, us = { class: "text-disabled text-caption my-2" }, ds = /* @__PURE__ */ k({
   __name: "VoNotificationsListItem",
   props: {
     demo: { type: Boolean },
@@ -2799,15 +2799,15 @@ const He = G("settings", () => {
       e.demo || (l(u.slug) ? o.notifications.read = o.notifications.read.filter((m) => m !== u.slug) : o.notifications.read.push(u.slug));
     }
     return (u, m) => {
-      const v = Y;
-      return d(), _(Me, null, {
+      const f = J;
+      return d(), _(Pe, null, {
         default: r(({ isHovering: V, props: y }) => [
-          i(v, W(y, { class: "py-4 mb-0" }), {
+          i(f, W(y, { class: "py-4 mb-0" }), {
             prepend: r(() => [
-              b("div", is, C(u.notification.metadata.emoji), 1)
+              b("div", rs, C(u.notification.metadata.emoji), 1)
             ]),
             append: r(() => [
-              i(Bo, {
+              i(Uo, {
                 class: "mt-n3",
                 width: "56"
               }, {
@@ -2816,18 +2816,18 @@ const He = G("settings", () => {
                     location: "bottom",
                     text: l(u.notification.slug) ? "Mark as unread" : "Mark as read"
                   }, {
-                    activator: r(({ props: f }) => [
-                      i(Fe, { "hide-on-leave": "" }, {
+                    activator: r(({ props: v }) => [
+                      i(je, { "hide-on-leave": "" }, {
                         default: r(() => [
-                          xe(i(q, W(f, {
+                          xe(i(q, W(v, {
                             class: "ms-auto",
-                            icon: `svg:${l(u.notification.slug) ? t(ut) : t(ct)}`,
+                            icon: `svg:${l(u.notification.slug) ? t(pt) : t(dt)}`,
                             "mdi-email-variant": "",
                             size: "small",
                             variant: "text",
                             onClick: m[0] || (m[0] = (g) => p(u.notification))
                           }), null, 16, ["icon"]), [
-                            [Be, V || t(n).mobile.value]
+                            [Ue, V || t(n).mobile.value]
                           ])
                         ]),
                         _: 2
@@ -2840,16 +2840,16 @@ const He = G("settings", () => {
               }, 1024)
             ]),
             default: r(() => [
-              i(dt, { class: "text-wrap text-h6 mb-1" }, {
+              i(mt, { class: "text-wrap text-h6 mb-1" }, {
                 default: r(() => [
-                  b("div", rs, C(u.notification.title), 1)
+                  b("div", ls, C(u.notification.title), 1)
                 ]),
                 _: 1
               }),
-              b("div", ls, C(t(a).format(u.notification.created_at, "fullDateWithWeekday")), 1),
-              b("div", cs, C(u.notification.metadata.text), 1),
+              b("div", cs, C(t(a).format(u.notification.created_at, "fullDateWithWeekday")), 1),
+              b("div", us, C(u.notification.metadata.text), 1),
               i(te, W({
-                "append-icon": `svg:${t(Te)}`
+                "append-icon": `svg:${t(ze)}`
               }, t(s), {
                 border: "",
                 label: "",
@@ -2858,7 +2858,7 @@ const He = G("settings", () => {
                 variant: "text"
               }), {
                 append: r(() => [
-                  i(A, { size: "12" })
+                  i(D, { size: "12" })
                 ]),
                 _: 1
               }, 16, ["append-icon", "text"])
@@ -2870,17 +2870,17 @@ const He = G("settings", () => {
       });
     };
   }
-}), ds = {
+}), ps = {
   key: 0,
   class: "pt-16"
-}, ps = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), ms = /* @__PURE__ */ k({
+}, ms = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), fs = /* @__PURE__ */ k({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(c) {
     return (e, o) => {
-      const a = Ue("v-empty-state"), n = us;
+      const a = Ne("v-empty-state"), n = ds;
       return d(), _(ie, {
         class: "py-0",
         height: "100%",
@@ -2890,18 +2890,18 @@ const He = G("settings", () => {
           e.items.length ? (d(!0), I(U, { key: 1 }, oe(e.items, (s, l) => (d(), I(U, {
             key: s.slug
           }, [
-            l !== 0 ? (d(), _(Z, { key: 0 })) : S("", !0),
+            l !== 0 ? (d(), _(Q, { key: 0 })) : S("", !0),
             i(n, { notification: s }, null, 8, ["notification"])
-          ], 64))), 128)) : (d(), I("div", ds, [
+          ], 64))), 128)) : (d(), I("div", ps, [
             i(a, {
               icon: "$vuetify",
               size: "256"
             }, {
               media: r(() => [
-                i(A, { color: "medium-emphasis" })
+                i(D, { color: "medium-emphasis" })
               ]),
               title: r(() => [
-                ps
+                ms
               ]),
               _: 1
             })
@@ -2911,14 +2911,14 @@ const He = G("settings", () => {
       });
     };
   }
-}), xt = G("site", () => {
+}), Ct = G("site", () => {
   const c = B([]), e = B();
   return {
     id: c,
     url: e
   };
-}), Ee = G("banners", () => {
-  const c = se(), e = xt(), o = z(), a = B([]), n = B([]), s = B(), l = D(!1), p = x(() => {
+}), We = G("banners", () => {
+  const c = se(), e = Ct(), o = z(), a = B([]), n = B([]), s = B(), l = A(!1), p = x(() => {
     if (s.value)
       return s.value;
     if (u.value)
@@ -2928,9 +2928,9 @@ const He = G("settings", () => {
         slug: h,
         metadata: {
           site: $,
-          active: j
+          active: F
         }
-      }) => !j || o.notifications.last.banner.includes(h) ? !1 : $.includes("dev") && !1 || $.includes("*") ? !0 : $.some((M) => e.id.includes(M)));
+      }) => !F || o.notifications.last.banner.includes(h) ? !1 : $.includes("dev") && !1 || $.includes("*") ? !0 : $.some((M) => e.id.includes(M)));
   }), u = x(() => a.value.find(({
     metadata: {
       site: h,
@@ -2948,7 +2948,7 @@ const He = G("settings", () => {
     }
     return a.value;
   }
-  async function v(h) {
+  async function f(h) {
     try {
       l.value = !0;
       const $ = await c.get(`/one/admin/banners/${h}`);
@@ -2974,17 +2974,17 @@ const He = G("settings", () => {
   async function y(h, $) {
     try {
       l.value = !0;
-      const j = await c.form(
+      const F = await c.form(
         `/one/admin/banners/${h}`,
         $
       );
-      return s.value = j.banner, j.banner;
+      return s.value = F.banner, F.banner;
     } catch {
     } finally {
       l.value = !1;
     }
   }
-  async function f() {
+  async function v() {
   }
   async function g() {
     try {
@@ -3005,13 +3005,13 @@ const He = G("settings", () => {
     banner: p,
     record: s,
     admin: g,
-    destroy: f,
+    destroy: v,
     index: m,
-    show: v,
+    show: f,
     store: V,
     update: y
   };
-}), fs = { class: "text-caption" }, vs = { class: "text-caption" }, _s = /* @__PURE__ */ k({
+}), vs = { class: "text-caption" }, _s = { class: "text-caption" }, hs = /* @__PURE__ */ k({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -3019,25 +3019,25 @@ const He = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = ce(), o = ye(), a = Ee(), n = Pe(), s = F(), l = z(), p = D(["read"]), u = le(c, "modelValue");
+    const e = ce(), o = ye(), a = We(), n = He(), s = j(), l = z(), p = A(["read"]), u = le(c, "modelValue");
     return N(o, async () => {
       if (o.value.one !== "notifications") {
         u.value && (u.value = !1);
         return;
       }
       s.isOpen = !0, await de(), u.value = !0;
-    }, { immediate: !0 }), (m, v) => {
-      const V = Y, y = ms, f = as, g = he;
+    }, { immediate: !0 }), (m, f) => {
+      const V = J, y = fs, v = is, g = he;
       return d(), _(g, {
         modelValue: u.value,
-        "onUpdate:modelValue": v[2] || (v[2] = (h) => u.value = h),
-        "prepend-icon": `svg:${t(po)}`,
+        "onUpdate:modelValue": f[2] || (f[2] = (h) => u.value = h),
+        "prepend-icon": `svg:${t(mo)}`,
         title: "Notifications"
       }, {
         default: r(() => [
           i(fe, null, {
             default: r(() => [
-              i(Uo, {
+              i(No, {
                 location: t(e).mobile.value ? "top" : "start",
                 permanent: "",
                 width: t(e).mobile.value ? 128 : 168
@@ -3045,7 +3045,7 @@ const He = G("settings", () => {
                 default: r(() => [
                   i(ie, {
                     selected: t(p),
-                    "onUpdate:selected": v[0] || (v[0] = (h) => ne(p) ? p.value = h : null),
+                    "onUpdate:selected": f[0] || (f[0] = (h) => ne(p) ? p.value = h : null),
                     class: "px-4 pt-4",
                     density: "compact",
                     mandatory: "",
@@ -3053,39 +3053,39 @@ const He = G("settings", () => {
                   }, {
                     default: r(() => [
                       i(V, {
-                        "prepend-icon": `svg:${t(mo)}`,
+                        "prepend-icon": `svg:${t(fo)}`,
                         title: "Unread",
                         value: "read"
                       }, P({ _: 2 }, [
                         t(n).unread.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            b("span", fs, C(t(n).unread.length), 1)
+                            b("span", vs, C(t(n).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       i(V, {
-                        "prepend-icon": `svg:${t(fo)}`,
+                        "prepend-icon": `svg:${t(vo)}`,
                         title: "Read",
                         value: "unread"
                       }, P({ _: 2 }, [
                         t(n).read.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            b("span", vs, C(t(n).read.length), 1)
+                            b("span", _s, C(t(n).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       t(a).all.length > 0 && t(l).notifications.banners ? (d(), _(V, {
                         key: 0,
-                        "prepend-icon": `svg:${t(vo)}`,
+                        "prepend-icon": `svg:${t(_o)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
                         append: r(() => [
-                          i(Ke, {
+                          i(et, {
                             dot: "",
                             "offset-y": "-3"
                           })
@@ -3100,9 +3100,9 @@ const He = G("settings", () => {
               }, 8, ["location", "width"]),
               i(ve, { scrollable: "" }, {
                 default: r(() => [
-                  i(_t, {
+                  i(gt, {
                     modelValue: t(p),
-                    "onUpdate:modelValue": v[1] || (v[1] = (h) => ne(p) ? p.value = h : null)
+                    "onUpdate:modelValue": f[1] || (f[1] = (h) => ne(p) ? p.value = h : null)
                   }, {
                     default: r(() => [
                       i(ke, { value: "read" }, {
@@ -3123,7 +3123,7 @@ const He = G("settings", () => {
                       }),
                       i(ke, { value: "banners" }, {
                         default: r(() => [
-                          i(f, {
+                          i(v, {
                             items: t(a).all
                           }, null, 8, ["items"])
                         ]),
@@ -3143,11 +3143,11 @@ const He = G("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), hs = /* @__PURE__ */ k({
+}), gs = /* @__PURE__ */ k({
   __name: "VoNotificationsBadge",
   setup(c) {
-    const e = Pe(), o = z();
-    return (a, n) => (d(), _(Ke, {
+    const e = He(), o = z();
+    return (a, n) => (d(), _(et, {
       color: "error",
       content: t(e).unread.length,
       "model-value": t(o).notifications.show && t(e).unread.length > 0
@@ -3158,25 +3158,25 @@ const He = G("settings", () => {
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), gs = /* @__PURE__ */ k({
+}), ys = /* @__PURE__ */ k({
   __name: "VoNotificationsNavItem",
   setup(c) {
-    const e = Ee(), o = z(), a = Pe(), n = D(!1);
-    return Oe(async () => {
+    const e = We(), o = z(), a = He(), n = A(!1);
+    return Be(async () => {
       a.index(), e.index();
     }), (s, l) => {
-      const p = hs, u = _s, m = Y;
+      const p = gs, u = hs, m = J;
       return t(o).notifications.show ? (d(), _(m, {
         key: 0,
         active: t(n),
         link: "",
-        "prepend-icon": `svg:${t(_o)}`,
+        "prepend-icon": `svg:${t(ho)}`,
         title: "Notifications"
       }, P({
         default: r(() => [
           i(u, {
             modelValue: t(n),
-            "onUpdate:modelValue": l[0] || (l[0] = (v) => ne(n) ? n.value = v : null)
+            "onUpdate:modelValue": l[0] || (l[0] = (f) => ne(n) ? n.value = f : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
@@ -3186,7 +3186,7 @@ const He = G("settings", () => {
           fn: r(() => [
             i(p, null, {
               default: r(() => [
-                i(A)
+                i(D)
               ]),
               _: 1
             })
@@ -3196,31 +3196,31 @@ const He = G("settings", () => {
       ]), 1032, ["active", "prepend-icon"])) : S("", !0);
     };
   }
-}), ys = /* @__PURE__ */ k({
+}), bs = /* @__PURE__ */ k({
   __name: "VoDashboardNavItem",
   setup(c) {
-    const e = F();
+    const e = j();
     function o() {
       setTimeout(() => {
         e.isOpen = !1;
       }, 100);
     }
     return (a, n) => {
-      const s = Y;
+      const s = J;
       return d(), _(s, {
-        "prepend-icon": `svg:${t(ho)}`,
+        "prepend-icon": `svg:${t(go)}`,
         title: "Dashboard",
         to: "/user/dashboard",
         onClick: o
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), bs = /* @__PURE__ */ k({
+}), Vs = /* @__PURE__ */ k({
   __name: "VoUserList",
   setup(c) {
-    const e = R(), o = F();
+    const e = R(), o = j();
     return (a, n) => {
-      const s = ys, l = gs, p = Xn, u = En, m = Mn, v = In, V = an, y = Xo;
+      const s = bs, l = ys, p = Kn, u = Wn, m = Pn, f = An, V = rn, y = Ko;
       return d(), _(ie, {
         density: "compact",
         nav: "",
@@ -3232,7 +3232,7 @@ const He = G("settings", () => {
           i(p),
           t(o).shopify ? (d(), _(u, { key: 0 })) : S("", !0),
           i(m),
-          t(e).user ? (d(), _(v, { key: 1 })) : S("", !0),
+          t(e).user ? (d(), _(f, { key: 1 })) : S("", !0),
           i(V),
           t(e).user ? (d(), _(y, { key: 2 })) : S("", !0)
         ]),
@@ -3240,7 +3240,7 @@ const He = G("settings", () => {
       });
     };
   }
-}), St = /* @__PURE__ */ k({
+}), Lt = /* @__PURE__ */ k({
   __name: "VoIconIssues",
   setup(c) {
     const e = [
@@ -3248,9 +3248,9 @@ const He = 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 (o, a) => (d(), _(A, { icon: e }));
+    return (o, a) => (d(), _(D, { icon: e }));
   }
-}), Ct = /* @__PURE__ */ k({
+}), It = /* @__PURE__ */ k({
   __name: "VoIconBin",
   setup(c) {
     const e = [
@@ -3259,18 +3259,18 @@ const He = G("settings", () => {
       "M20 17.0652C19.9916 17.0675 14.6826 18.4123 14.6742 18.4147C14.6994 17.3633 14.3353 16.3579 13.712 15.5563L19.7274 14.0331L20 17.066V17.0652Z",
       ["M12.353 16.0368C9.07567 12.843 3.90082 17.0493 6.66818 20.5975C9.94136 24.3844 15.773 19.6984 12.353 16.0368ZM11.1267 19.4129C10.2224 20.7664 7.79139 20.1099 7.82746 18.4686C8.04976 15.4897 12.7112 16.8495 11.1267 19.4129Z", 0.6]
     ];
-    return (o, a) => (d(), _(A, { icon: e }));
+    return (o, a) => (d(), _(D, { icon: e }));
   }
-}), Vs = { key: 0 }, ks = { class: "d-flex align-center justify-center pa-1 ga-2" }, $s = /* @__PURE__ */ k({
+}), ks = { key: 0 }, $s = { class: "d-flex align-center justify-center pa-1 ga-2" }, ws = /* @__PURE__ */ k({
   __name: "VoUserQuickActions",
   setup(c) {
     const e = z();
     return (o, a) => {
-      const n = Ct, s = St;
+      const n = It, s = Lt;
       return d(), _(me, null, {
         default: r(() => [
-          t(e).quickbar ? (d(), I("div", Vs, [
-            b("div", ks, [
+          t(e).quickbar ? (d(), I("div", ks, [
+            b("div", $s, [
               i(q, {
                 class: "text-caption",
                 color: t(e).colors.one,
@@ -3281,7 +3281,7 @@ const He = G("settings", () => {
                 target: "_blank"
               }, {
                 default: r(() => [
-                  i(A),
+                  i(D),
                   i(ee, {
                     activator: "parent",
                     location: "top",
@@ -3335,10 +3335,10 @@ const He = G("settings", () => {
       });
     };
   }
-}), ws = { class: "mb-2" }, xs = { key: 0 }, Ss = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Cs = { class: "text-h6" }, Ls = /* @__PURE__ */ k({
+}), xs = { class: "mb-2" }, Ss = { key: 0 }, Cs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Ls = { class: "text-h6" }, Is = /* @__PURE__ */ k({
   __name: "VoUserAvatar",
   setup(c) {
-    const e = R(), o = F(), a = z(), n = D(!1), s = x(() => {
+    const e = R(), o = j(), a = z(), n = A(!1), s = x(() => {
       const u = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/dark.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackguard.png",
@@ -3364,10 +3364,10 @@ const He = G("settings", () => {
       o.isSubscriber && (n.value = !n.value);
     }
     return (u, m) => {
-      var v;
+      var f;
       return d(), I("div", null, [
-        xe((d(), _(X, {
-          class: Nt([
+        xe((d(), _(K, {
+          class: Tt([
             "border-md border-opacity-100 border-surface-light",
             {
               "cursor-pointer": t(o).isSubscriber
@@ -3376,14 +3376,14 @@ const He = G("settings", () => {
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: Qe(p, ["prevent", "stop"])
+          onClick: Ye(p, ["prevent", "stop"])
         }, {
           default: r(() => [
-            t(e).user && t(a).avatar ? (d(), _(Q, {
+            t(e).user && t(a).avatar ? (d(), _(Y, {
               key: 0,
               alt: "User avatar",
               src: t(a).avatar
-            }, null, 8, ["src"])) : (d(), _(A, {
+            }, null, 8, ["src"])) : (d(), _(D, {
               key: 1,
               class: "mt-1",
               icon: "$vuetify",
@@ -3392,28 +3392,28 @@ const He = G("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [No, t(o).isSubscriber]
+          [To, t(o).isSubscriber]
         ]),
-        b("div", ws, [
+        b("div", xs, [
           i(me, null, {
             default: r(() => [
-              t(n) ? (d(), I("div", xs, [
+              t(n) ? (d(), I("div", Ss, [
                 i(H, {
                   class: "pt-6 pb-1",
                   flat: "",
                   rounded: "0"
                 }, {
                   default: r(() => [
-                    b("div", Ss, [
+                    b("div", Cs, [
                       (d(!0), I(U, null, oe(t(s), (V, y) => (d(), _(q, {
                         key: y,
                         active: t(a).avatar === V,
                         icon: "",
                         variant: "flat",
-                        onClick: (f) => l(V)
+                        onClick: (v) => l(V)
                       }, {
                         default: r(() => [
-                          i(X, {
+                          i(K, {
                             eager: "",
                             image: V
                           }, null, 8, ["image"])
@@ -3429,14 +3429,14 @@ const He = G("settings", () => {
             _: 1
           })
         ]),
-        b("div", Cs, C(((v = t(e).user) == null ? void 0 : v.name) ?? "Guest"), 1)
+        b("div", Ls, C(((f = t(e).user) == null ? void 0 : f.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), Is = /* @__PURE__ */ k({
+}), As = /* @__PURE__ */ k({
   __name: "VoUserBadges",
   setup(c) {
-    const e = R(), o = F(), a = x(() => {
+    const e = R(), o = j(), a = x(() => {
       var n;
       return o.github || o.discord || o.isSubscriber || ((n = e.user) == null ? void 0 : n.isAdmin);
     });
@@ -3456,7 +3456,7 @@ const He = G("settings", () => {
             text: "Vuetify Administrator"
           }, {
             activator: r(({ props: p }) => [
-              i(A, W({
+              i(D, W({
                 color: "blue",
                 icon: "$vuetify"
               }, p, { size: "16" }), null, 16)
@@ -3469,9 +3469,9 @@ const He = G("settings", () => {
             text: "Vuetify One Subscriber"
           }, {
             activator: r(({ props: p }) => [
-              i(A, W({
+              i(D, W({
                 color: "amber-darken-2",
-                icon: `svg:${t(go)}`
+                icon: `svg:${t(yo)}`
               }, p, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
@@ -3482,9 +3482,9 @@ const He = G("settings", () => {
             text: "GitHub Sponsor"
           }, {
             activator: r(({ props: p }) => [
-              i(A, W({
+              i(D, W({
                 color: "white",
-                icon: `svg:${t(Xe)}`
+                icon: `svg:${t(Ke)}`
               }, p, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
@@ -3495,9 +3495,9 @@ const He = G("settings", () => {
             text: "Discord Subscriber"
           }, {
             activator: r(({ props: p }) => [
-              i(A, W({
+              i(D, W({
                 color: "white",
-                icon: `svg:${t(Je)}`
+                icon: `svg:${t(Xe)}`
               }, p, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
@@ -3507,20 +3507,20 @@ const He = G("settings", () => {
       _: 1
     })) : S("", !0);
   }
-}), Ds = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, As = {
+}), Ds = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Os = {
   key: "reset",
   class: "align-self-end"
-}, Os = /* @__PURE__ */ k({
+}, Bs = /* @__PURE__ */ k({
   __name: "VoUserColors",
   setup(c) {
-    const e = R(), o = F(), a = z(), n = D(!1);
+    const e = R(), o = j(), a = z(), n = A(!1);
     function s() {
       a.colors.one = "surface-light";
     }
     return (l, p) => {
-      const u = Is, m = _e;
+      const u = As, m = _e;
       return d(), I(U, null, [
-        i(Q, {
+        i(Y, {
           color: t(e).user ? t(a).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           cover: "",
@@ -3531,21 +3531,21 @@ const He = G("settings", () => {
           default: r(() => [
             b("div", Ds, [
               i(u),
-              i(Lo, null, {
+              i(Io, null, {
                 default: r(() => [
-                  xe(b("div", As, [
+                  xe(b("div", Os, [
                     i(m, {
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
                       disabled: t(a).colors.one === "surface-light",
-                      icon: `svg:${t(yo)}`,
+                      icon: `svg:${t(bo)}`,
                       title: "Revert to Default",
                       variant: "text",
                       onClick: s
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
-                    [Be, t(n)]
+                    [Ue, t(n)]
                   ])
                 ]),
                 _: 1
@@ -3556,15 +3556,15 @@ const He = G("settings", () => {
                 class: "align-self-end",
                 color: "inherit",
                 density: "comfortable",
-                icon: t(n) ? `svg:${t(Ne)}` : "$edit",
+                icon: t(n) ? `svg:${t(Te)}` : "$edit",
                 title: "Edit One Header Color",
                 variant: t(n) ? "text" : "plain",
-                onClick: p[0] || (p[0] = (v) => n.value = !t(n))
+                onClick: p[0] || (p[0] = (f) => n.value = !t(n))
               }, {
                 default: r(() => [
-                  i(Fe, { "leave-absolute": "" }, {
+                  i(je, { "leave-absolute": "" }, {
                     default: r(() => [
-                      (d(), _(A, {
+                      (d(), _(D, {
                         key: String(t(n))
                       }))
                     ]),
@@ -3579,7 +3579,7 @@ const He = G("settings", () => {
         }, 8, ["color"]),
         i(me, null, {
           default: r(() => [
-            t(n) ? (d(), _(To, {
+            t(n) ? (d(), _(zo, {
               key: 0,
               elevation: "0",
               height: "250",
@@ -3591,7 +3591,7 @@ const He = G("settings", () => {
               "show-swatches": "",
               "swatches-max-height": "200",
               width: "278",
-              "onUpdate:modelValue": p[1] || (p[1] = (v) => t(a).colors.one = v)
+              "onUpdate:modelValue": p[1] || (p[1] = (f) => t(a).colors.one = f)
             }, null, 8, ["model-value"])) : S("", !0)
           ]),
           _: 1
@@ -3599,16 +3599,16 @@ const He = G("settings", () => {
       ], 64);
     };
   }
-}), Bs = { class: "text-center mt-n9 mb-4" }, Us = /* @__PURE__ */ k({
+}), Us = { class: "text-center mt-n9 mb-4" }, Ns = /* @__PURE__ */ k({
   __name: "VoUserMenu",
   setup(c) {
-    const e = Ee(), o = F(), a = B();
+    const e = We(), o = j(), a = B();
     return N(() => e.banner, async () => {
       var n, s;
       await new Promise((l) => setTimeout(l, 300)), o.isOpen && ((s = (n = a.value) == null ? void 0 : n.updateLocation) == null || s.call(n));
     }, { flush: "pre" }), (n, s) => {
-      const l = Os, p = Ls, u = $s, m = bs, v = $t;
-      return d(), _(t(zo), {
+      const l = Bs, p = Is, u = ws, m = Vs, f = xt;
+      return d(), _(t(Fo), {
         ref_key: "menu",
         ref: a,
         modelValue: t(o).isOpen,
@@ -3627,14 +3627,14 @@ const He = G("settings", () => {
           }, {
             default: r(() => [
               i(l),
-              b("div", Bs, [
+              b("div", Us, [
                 i(p),
                 i(u)
               ]),
-              i(Z),
+              i(Q),
               i(m),
-              i(Z),
-              i(v)
+              i(Q),
+              i(f)
             ]),
             _: 1
           })
@@ -3643,22 +3643,22 @@ const He = G("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Ns = { key: 0 }, Lt = /* @__PURE__ */ k({
+}), Ts = { key: 0 }, At = /* @__PURE__ */ k({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(c) {
-    const e = R(), o = F(), a = z(), { lgAndUp: n } = ce(), s = x(() => o.isOpen || !e.user ? a.colors.one === "surface-light" ? "primary" : a.colors.one : "surface-light");
+    const e = R(), o = j(), a = z(), { lgAndUp: n } = ce(), s = x(() => o.isOpen || !e.user ? a.colors.one === "surface-light" ? "primary" : a.colors.one : "surface-light");
     return (l, p) => {
-      const u = Us, m = _e, v = Yo, V = kt;
+      const u = Ns, m = _e, f = Jo, V = wt;
       return d(), I(U, null, [
-        i(v, {
+        i(f, {
           "offset-y": t(e).user ? 5 : 0
         }, {
           default: r(() => [
             i(m, W({
-              [`${t(n) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(bo)}`
+              [`${t(n) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(Vo)}`
             }, {
               active: "",
               border: !!t(e).user,
@@ -3671,8 +3671,8 @@ const He = G("settings", () => {
               variant: t(e).user ? t(o).isOpen ? "outlined" : "text" : "flat"
             }), {
               default: r(() => [
-                t(e).user ? S("", !0) : (d(), I("span", Ns, "Login")),
-                t(e).user ? (d(), _(X, {
+                t(e).user ? S("", !0) : (d(), I("span", Ts, "Login")),
+                t(e).user ? (d(), _(K, {
                   key: 1,
                   image: t(a).avatar || t(e).user.picture || ""
                 }, null, 8, ["image"])) : S("", !0),
@@ -3687,16 +3687,16 @@ const He = G("settings", () => {
       ], 64);
     };
   }
-}), Ts = /* @__PURE__ */ k({
+}), zs = /* @__PURE__ */ k({
   __name: "VoAppBar",
   props: {
     logo: {}
   },
   setup(c) {
-    const e = c, o = je(), a = He(), n = x(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${e.logo}-logo-${o.current.value.dark ? "dark" : "light"}.png`);
+    const e = c, o = Me(), a = Re(), n = x(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${e.logo}-logo-${o.current.value.dark ? "dark" : "light"}.png`);
     return (s, l) => {
-      const p = Ue("router-link"), u = Lt;
-      return d(), _(ht, {
+      const p = Ne("router-link"), u = At;
+      return d(), _(yt, {
         image: t(a).suit["app-bar"],
         name: "vo-app-bar"
       }, P({
@@ -3706,7 +3706,7 @@ const He = G("settings", () => {
             to: "/"
           }, {
             default: r(() => [
-              i(Q, {
+              i(Y, {
                 src: t(n),
                 width: "128"
               }, null, 8, ["src"])
@@ -3717,7 +3717,7 @@ const He = G("settings", () => {
         ]),
         append: r(() => [
           O(s.$slots, "append"),
-          s.$slots.append ? (d(), _(Z, {
+          s.$slots.append ? (d(), _(Q, {
             key: 0,
             class: "mx-4 align-self-center h-100",
             length: "20",
@@ -3747,45 +3747,45 @@ const He = G("settings", () => {
       ]), 1032, ["image"]);
     };
   }
-}), zs = /* @__PURE__ */ k({
+}), Fs = /* @__PURE__ */ k({
   __name: "VoNotificationsBanner",
   props: {
     demo: { type: Boolean }
   },
   setup(c) {
-    const e = c, { mdAndUp: o } = ce(), a = ze(), n = z(), s = Ee(), l = x(() => s.banner), p = x(() => {
-      var y, f;
-      return ((y = l.value) == null ? void 0 : y.metadata.height) || ((f = l.value) != null && f.metadata.subtext ? 88 : 48);
+    const e = c, { mdAndUp: o } = ce(), a = Fe(), n = z(), s = We(), l = x(() => s.banner), p = x(() => {
+      var y, v;
+      return ((y = l.value) == null ? void 0 : y.metadata.height) || ((v = l.value) != null && v.metadata.subtext ? 88 : 48);
     }), u = x(() => e.demo ? !0 : !l.value || !n.notifications.last.banner.includes(l.value.slug));
     function m() {
       l.value && n.notifications.last.banner.push(l.value.slug);
     }
-    async function v(y) {
+    async function f(y) {
       var h;
       if (!l.value)
         return;
       m(), await de();
-      const f = ((h = l.value) == null ? void 0 : h.metadata) ?? { link: "" };
-      if (f.link.indexOf("?one=") === -1)
+      const v = ((h = l.value) == null ? void 0 : h.metadata) ?? { link: "" };
+      if (v.link.indexOf("?one=") === -1)
         return;
       y.preventDefault(), y.stopPropagation();
-      const g = f.link.split("?one=")[1];
+      const g = v.link.split("?one=")[1];
       a.push({ query: { one: g } });
     }
     const V = x(() => {
-      var f, g;
-      const y = ((f = l.value) == null ? void 0 : f.metadata) ?? { link: "" };
+      var v, g;
+      const y = ((v = l.value) == null ? void 0 : v.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,
         ...(g = l.value) == null ? void 0 : g.metadata.attributes,
-        onClick: v
+        onClick: f
       };
     });
-    return (y, f) => {
+    return (y, v) => {
       var g;
-      return t(l) ? (d(), _(ht, {
+      return t(l) ? (d(), _(yt, {
         key: 0,
         color: t(l).metadata.color,
         flat: "",
@@ -3800,10 +3800,10 @@ const He = G("settings", () => {
             active: !1,
             class: "flex-grow-1 py-6",
             lines: "two",
-            onClick: v
+            onClick: f
           }), {
             prepend: r(() => [
-              t(l).metadata.images.logo ? (d(), _(X, {
+              t(l).metadata.images.logo ? (d(), _(K, {
                 key: 0,
                 icon: "$vuetify",
                 image: t(l).metadata.images.logo.url,
@@ -3812,19 +3812,19 @@ const He = G("settings", () => {
               }, null, 8, ["image"])) : S("", !0)
             ]),
             append: r(() => [
-              t(o) && t(l).metadata.link && t(l).metadata.link_text ? (d(), _(Me, { key: 0 }, {
+              t(o) && t(l).metadata.link && t(l).metadata.link_text ? (d(), _(Pe, { key: 0 }, {
                 default: r(({ isHovering: h, props: $ }) => [
                   i(q, W({
                     ...$,
                     ...t(V)
                   }, {
-                    "append-icon": `svg:${t(Te)}`,
+                    "append-icon": `svg:${t(ze)}`,
                     class: "text-none me-2",
                     color: t(l).metadata.link_color,
                     elevation: h ? 8 : 0,
                     title: t(l).metadata.link_text,
                     variant: "elevated",
-                    onClick: v
+                    onClick: f
                   }), {
                     default: r(() => [
                       T(C(t(l).metadata.link_text), 1)
@@ -3842,11 +3842,11 @@ const He = G("settings", () => {
                 icon: "$clear",
                 size: "small",
                 variant: "plain",
-                onClick: Qe(m, ["prevent", "stop"])
+                onClick: Ye(m, ["prevent", "stop"])
               }, null, 8, ["disabled"])) : S("", !0)
             ]),
             default: r(() => [
-              t(l).metadata.text ? (d(), _(dt, {
+              t(l).metadata.text ? (d(), _(mt, {
                 key: 0,
                 class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
               }, {
@@ -3855,7 +3855,7 @@ const He = G("settings", () => {
                 ]),
                 _: 1
               })) : S("", !0),
-              t(l).metadata.subtext ? (d(), _(wo, { key: 1 }, {
+              t(l).metadata.subtext ? (d(), _(xo, { key: 1 }, {
                 default: r(() => [
                   T(C(t(l).metadata.subtext), 1)
                 ]),
@@ -3869,11 +3869,11 @@ const He = G("settings", () => {
       }, 8, ["color", "height", "image", "location", "model-value"])) : S("", !0);
     };
   }
-}), Fs = {
+}), js = {
   key: 0,
   class: "text-uppercase position-absolute ms-auto font-weight-medium on-surface-light",
   style: { right: "12px", bottom: "8px", "font-size": "10px" }
-}, It = /* @__PURE__ */ k({
+}, Dt = /* @__PURE__ */ k({
   __name: "VoPromotionsCard",
   props: {
     caption: {},
@@ -3889,7 +3889,7 @@ const He = G("settings", () => {
       target: "_blank"
     }, P({
       default: r(() => [
-        i(Fo, {
+        i(jo, {
           "min-height": e.minHeight,
           width: "100%"
         }, {
@@ -3898,7 +3898,7 @@ const He = G("settings", () => {
           ]),
           _: 3
         }, 8, ["min-height"]),
-        e.caption ? (d(), I("div", Fs, C(e.caption), 1)) : S("", !0)
+        e.caption ? (d(), I("div", js, C(e.caption), 1)) : S("", !0)
       ]),
       _: 2
     }, [
@@ -3918,9 +3918,9 @@ const He = G("settings", () => {
       } : void 0
     ]), 1024));
   }
-}), et = G("promotions", () => {
-  const c = se(), e = B([]), o = B([]), a = B(), n = D(!1), s = D(!1), l = x(() => e.value.filter((g) => g.metadata.discoverable));
-  Ye(u);
+}), tt = G("promotions", () => {
+  const c = se(), e = B([]), o = B([]), a = B(), n = A(!1), s = A(!1), l = x(() => e.value.filter((g) => g.metadata.discoverable));
+  Je(u);
   function p(g) {
     const h = g.filter(($) => $.metadata.active);
     return h[Math.floor(Math.random() * h.length)];
@@ -3946,7 +3946,7 @@ const He = G("settings", () => {
       n.value = !1;
     }
   }
-  async function v(g) {
+  async function f(g) {
     try {
       n.value = !0;
       const h = await c.form(
@@ -3974,7 +3974,7 @@ const He = G("settings", () => {
   }
   async function y() {
   }
-  async function f() {
+  async function v() {
     try {
       n.value = !0;
       const g = await c.get("/one/admin/promotions");
@@ -3992,38 +3992,38 @@ const He = G("settings", () => {
     hasLoaded: s,
     discoverable: l,
     record: a,
-    admin: f,
+    admin: v,
     destroy: y,
     index: u,
     random: p,
     show: m,
-    store: v,
+    store: f,
     update: V
   };
-}), js = /* @__PURE__ */ k({
+}), Ms = /* @__PURE__ */ k({
   __name: "VoPromotionsCardHighlight",
   props: {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), a = je(), n = z(), s = x(() => {
+    const e = c, o = tt(), a = Me(), n = z(), s = x(() => {
       if (o.record)
         return o.record;
       if (!n.disableAds)
         return e.slug ? o.all.find((u) => u.slug === e.slug) : o.random(o.all);
     }), l = x(() => {
-      var m, v;
+      var m, f;
       const u = a.current.value.dark ? "logodark" : "logolight";
-      return (v = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : v.url;
+      return (f = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : f.url;
     }), p = x(() => {
-      var m, v;
+      var m, f;
       const u = a.current.value.dark ? "bgdark" : "bglight";
-      return (v = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : v.url;
+      return (f = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : f.url;
     });
     return (u, m) => {
-      var V, y, f;
-      const v = It;
-      return t(s) || !t(o).hasLoaded ? (d(), _(v, {
+      var V, y, v;
+      const f = Dt;
+      return t(s) || !t(o).hasLoaded ? (d(), _(f, {
         key: 0,
         class: "mb-4",
         color: ((V = t(s)) == null ? void 0 : V.metadata.color) ?? "surface",
@@ -4032,7 +4032,7 @@ const He = G("settings", () => {
         image: t(p),
         "max-width": "720",
         "prepend-avatar": t(l),
-        title: (f = t(s)) == null ? void 0 : f.metadata.short_text,
+        title: (v = t(s)) == null ? void 0 : v.metadata.short_text,
         width: "100%"
       }, P({
         default: r(() => [
@@ -4050,7 +4050,7 @@ const He = G("settings", () => {
         t(s) ? {
           name: "prepend",
           fn: r(() => [
-            i(X, {
+            i(K, {
               class: "my-n4 me-4",
               icon: "$vuetify",
               size: "36"
@@ -4061,20 +4061,20 @@ const He = G("settings", () => {
         t(s) ? {
           name: "image",
           fn: r(() => [
-            i(Q, { position: "right" })
+            i(Y, { position: "right" })
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : S("", !0);
     };
   }
-}), Ms = { class: "d-flex ga-4" }, Ps = { class: "d-flex align-start ga-4" }, Hs = { class: "text-caption on-surface-light" }, Rs = /* @__PURE__ */ k({
+}), Ps = { class: "d-flex ga-4" }, Hs = { class: "d-flex align-start ga-4" }, Rs = { class: "text-caption on-surface-light" }, Es = /* @__PURE__ */ k({
   __name: "VoPromotionsCardVuetify",
   props: {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), a = z(), n = x(() => {
+    const e = c, o = tt(), a = z(), n = x(() => {
       if (o.record)
         return o.record;
       if (!(a.disableAds && !a.showHouseAds))
@@ -4082,7 +4082,7 @@ const He = G("settings", () => {
     });
     return (s, l) => {
       var u, m;
-      const p = It;
+      const p = Dt;
       return t(n) || !t(o).hasLoaded ? (d(), _(p, {
         key: 0,
         border: "",
@@ -4092,21 +4092,21 @@ const He = G("settings", () => {
         width: "360"
       }, {
         default: r(() => {
-          var v, V, y;
+          var f, V, y;
           return [
-            b("div", Ms, [
+            b("div", Ps, [
               t(o).hasLoaded ? t(n) ? (d(), I(U, { key: 1 }, [
-                i(Q, {
+                i(Y, {
                   cover: "",
                   height: "100",
                   "max-width": "130",
                   position: "right",
                   rounded: "s",
-                  src: (V = (v = t(n).metadata) == null ? void 0 : v.images.default) == null ? void 0 : V.url,
+                  src: (V = (f = t(n).metadata) == null ? void 0 : f.images.default) == null ? void 0 : V.url,
                   width: "100%"
                 }, null, 8, ["src"]),
-                b("div", Ps, [
-                  b("div", Hs, C((y = t(n).metadata) == null ? void 0 : y.text), 1)
+                b("div", Hs, [
+                  b("div", Rs, C((y = t(n).metadata) == null ? void 0 : y.text), 1)
                 ])
               ], 64)) : S("", !0) : (d(), I(U, { key: 0 }, [
                 i(we, {
@@ -4132,22 +4132,22 @@ const He = G("settings", () => {
       }, 8, ["href"])) : S("", !0);
     };
   }
-}), Es = {
+}), Ws = {
   key: 0,
   class: "v-footer__image"
-}, Ws = /* @__PURE__ */ k({
+}, qs = /* @__PURE__ */ k({
   __name: "VoFooter",
   props: {
     image: {}
   },
   setup(c) {
-    return (e, o) => (d(), _(jo, {
+    return (e, o) => (d(), _(Mo, {
       class: "vo-footer",
       height: "40"
     }, {
       default: r(() => [
-        e.image || e.$slots.image ? (d(), I("div", Es, [
-          e.$slots.image ? O(e.$slots, "image", { key: 0 }, void 0, !0) : (d(), _(Q, {
+        e.image || e.$slots.image ? (d(), I("div", Ws, [
+          e.$slots.image ? O(e.$slots, "image", { key: 0 }, void 0, !0) : (d(), _(Y, {
             key: 1,
             cover: "",
             position: "left",
@@ -4159,43 +4159,43 @@ const He = G("settings", () => {
       _: 3
     }));
   }
-}), Dt = (c, e) => {
+}), Ot = (c, e) => {
   const o = c.__vccOpts || c;
   for (const [a, n] of e)
     o[a] = n;
   return o;
-}, At = /* @__PURE__ */ Dt(Ws, [["__scopeId", "data-v-3135ada5"]]), qs = ["href"], Gs = /* @__PURE__ */ k({
+}, Bt = /* @__PURE__ */ Ot(qs, [["__scopeId", "data-v-3135ada5"]]), Gs = ["href"], Zs = /* @__PURE__ */ k({
   __name: "VoPromotionsFooter",
   props: {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), a = z(), n = je(), s = x(() => {
+    const e = c, o = tt(), a = z(), n = Me(), s = x(() => {
       if (o.record)
         return o.record;
       if (!a.disableAds)
         return e.slug ? o.all.find((u) => u.slug === e.slug) : o.random(o.all);
     }), l = x(() => {
-      var m, v;
+      var m, f;
       const u = n.current.value.dark ? "logodark" : "logolight";
-      return (v = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : v.url;
+      return (f = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : f.url;
     }), p = x(() => {
-      var m, v;
+      var m, f;
       const u = n.current.value.dark ? "bgdark" : "bglight";
-      return (v = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : v.url;
+      return (f = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : f.url;
     });
-    return Ye(async () => {
+    return Je(async () => {
       e.slug && await o.show(e.slug);
     }), (u, m) => {
       var V;
-      const v = At;
-      return d(), _(v, {
+      const f = Bt;
+      return d(), _(f, {
         color: ((V = t(s)) == null ? void 0 : V.metadata.color) ?? "surface",
         image: t(p),
         style: { transform: "translateY(0)" }
       }, {
         default: r(() => {
-          var y, f, g;
+          var y, v, g;
           return [
             b("a", {
               class: "d-flex align-center text-decoration-none py-2 px-4 ms-n4 flex-1-0 me-n4 position-relative",
@@ -4204,13 +4204,13 @@ const He = G("settings", () => {
               style: { color: "inherit" },
               target: "_blank"
             }, [
-              i(X, {
+              i(K, {
                 class: "me-4",
                 icon: "$vuetify",
                 image: t(l),
                 size: "24"
               }, null, 8, ["image"]),
-              b("div", null, C((f = t(s)) == null ? void 0 : f.metadata.text), 1),
+              b("div", null, C((v = t(s)) == null ? void 0 : v.metadata.text), 1),
               (g = t(s)) != null && g.metadata.advertisement ? (d(), _(te, {
                 key: 0,
                 class: "ms-auto me-n4 align-self-end mb-n2 py-1 ps-3",
@@ -4219,14 +4219,14 @@ const He = G("settings", () => {
                 text: "SPONSORED",
                 variant: "flat"
               })) : S("", !0)
-            ], 8, qs)
+            ], 8, Gs)
           ];
         }),
         _: 1
       }, 8, ["color", "image"]);
     };
   }
-}), Zs = ["id"], Qs = /* @__PURE__ */ k({
+}), Qs = ["id"], Ys = /* @__PURE__ */ k({
   __name: "VoScript",
   props: {
     id: {
@@ -4245,28 +4245,28 @@ const He = G("settings", () => {
   emits: ["script:error", "script:load"],
   setup(c, { emit: e }) {
     const o = c, a = e, n = B(), s = B();
-    return Ye(async () => {
+    return Je(async () => {
       const l = document.createElement("script"), p = () => a("script:error");
       l.type = "text/javascript", l.id = o.scriptId, l.src = o.src, l.onload = () => a("script:load"), l.onerror = p, s.value = l;
-    }), Oe(() => {
+    }), Be(() => {
       var l;
       s.value && ((l = n.value) == null || l.appendChild(s.value));
-    }), Tt(() => {
+    }), zt(() => {
       var l;
       s.value && ((l = n.value) == null || l.removeChild(s.value));
     }), (l, p) => (d(), I("div", {
       id: c.id,
       ref_key: "rootEl",
       ref: n
-    }, null, 8, Zs));
+    }, null, 8, Qs));
   }
-}), Ys = (c) => (zt("data-v-584be7b0"), c = c(), Ft(), c), Js = ["href", "title"], Xs = {
+}), Js = (c) => (Ft("data-v-584be7b0"), c = c(), jt(), c), Xs = ["href", "title"], Ks = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Ks = /* @__PURE__ */ Ys(() => /* @__PURE__ */ b("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), ea = /* @__PURE__ */ k({
+}, ea = /* @__PURE__ */ Js(() => /* @__PURE__ */ b("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), ta = /* @__PURE__ */ k({
   __name: "VoSocialFooter",
   setup(c) {
-    const e = He(), o = [
+    const e = Re(), o = [
       {
         title: "Vuetify Documentation",
         icon: "$vuetify",
@@ -4274,7 +4274,7 @@ const He = G("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${Vo}`,
+        icon: `svg:${ko}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -4284,22 +4284,22 @@ const He = G("settings", () => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${Xe}`,
+        icon: `svg:${Ke}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${Je}`,
+        icon: `svg:${Xe}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${ko}`,
+        icon: `svg:${$o}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
     return (a, n) => {
-      const s = At;
+      const s = Bt;
       return d(), _(s, {
         class: "vo-footer",
         height: "40",
@@ -4314,14 +4314,14 @@ const He = G("settings", () => {
             target: "_blank",
             title: l.title
           }, [
-            i(A, {
+            i(D, {
               icon: l.icon,
               size: l.icon === "$vuetify" ? 24 : 16
             }, null, 8, ["icon", "size"])
-          ], 8, Js)), 64)),
-          b("div", Xs, [
+          ], 8, Xs)), 64)),
+          b("div", Ks, [
             T(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-            Ks
+            ea
           ])
         ]),
         _: 2
@@ -4336,40 +4336,40 @@ const He = G("settings", () => {
       ]), 1032, ["image"]);
     };
   }
-}), ta = /* @__PURE__ */ Dt(ea, [["__scopeId", "data-v-584be7b0"]]), oa = G("spots", () => {
-  const c = se(), e = xt(), o = B([]), a = B([]), n = B(), s = D(!1), l = x(() => n.value ? n.value : o.value.find(({
+}), oa = /* @__PURE__ */ Ot(ta, [["__scopeId", "data-v-584be7b0"]]), na = G("spots", () => {
+  const c = se(), e = Ct(), o = B([]), a = B([]), n = B(), s = A(!1), l = x(() => n.value ? n.value : o.value.find(({
     metadata: {
-      site: f,
+      site: v,
       active: g
     }
-  }) => g ? f.includes("dev") && !1 || f.includes("*") ? !0 : f.some((h) => e.id.includes(h)) : !1));
+  }) => g ? v.includes("dev") && !1 || v.includes("*") ? !0 : v.some((h) => e.id.includes(h)) : !1));
   async function p() {
     try {
       s.value = !0;
-      const f = await c.get("/one/spots");
-      o.value = f.spots;
+      const v = await c.get("/one/spots");
+      o.value = v.spots;
     } catch {
     } finally {
       s.value = !1;
     }
     return o.value;
   }
-  async function u(f) {
+  async function u(v) {
     try {
       s.value = !0;
-      const g = await c.get(`/one/admin/spots/${f}`);
+      const g = await c.get(`/one/admin/spots/${v}`);
       return n.value = g.spot, g.spot;
     } catch {
     } finally {
       s.value = !1;
     }
   }
-  async function m(f) {
+  async function m(v) {
     try {
       s.value = !0;
       const g = await c.form(
         "/one/admin/spots",
-        f
+        v
       );
       return n.value = g.spot, g.spot;
     } catch {
@@ -4377,11 +4377,11 @@ const He = G("settings", () => {
       s.value = !1;
     }
   }
-  async function v(f, g) {
+  async function f(v, g) {
     try {
       s.value = !0;
       const h = await c.form(
-        `/one/admin/spots/${f}`,
+        `/one/admin/spots/${v}`,
         g
       );
       return n.value = h.spot, h.spot;
@@ -4395,8 +4395,8 @@ const He = G("settings", () => {
   async function y() {
     try {
       s.value = !0;
-      const f = await c.get("/one/admin/spots");
-      a.value = f.spots;
+      const v = await c.get("/one/admin/spots");
+      a.value = v.spots;
     } catch {
     } finally {
       s.value = !1;
@@ -4413,13 +4413,13 @@ const He = G("settings", () => {
     index: p,
     show: u,
     store: m,
-    update: v,
+    update: f,
     destroy: V
   };
-}), na = ["href"], sa = /* @__PURE__ */ k({
+}), sa = ["href"], aa = /* @__PURE__ */ k({
   __name: "VoSpot",
   setup(c) {
-    const e = oa();
+    const e = na();
     return (o, a) => {
       var n;
       return t(e).spot ? (d(), I("a", {
@@ -4428,18 +4428,18 @@ const He = G("settings", () => {
         rel: "noopener noreferrer sponsored",
         target: "_blank"
       }, [
-        i(Q, {
+        i(Y, {
           class: "mx-auto",
           color: t(e).spot.metadata.image ? void 0 : "surface",
           rounded: "",
           src: (n = t(e).spot.metadata.image) == null ? void 0 : n.url,
           width: "225"
         }, null, 8, ["color", "src"])
-      ], 8, na)) : S("", !0);
+      ], 8, sa)) : S("", !0);
     };
   }
-}), qa = G("bins", () => {
-  const c = R(), e = se(), o = B([]), a = B(), n = D(!1), s = D(-1), l = x(() => !c.user || !a.value ? !1 : c.user.id === a.value.owner.id), p = x(() => o.value.filter((h) => h.favorite)), u = x(() => o.value.filter((h) => h.pinned));
+}), Ga = G("bins", () => {
+  const c = R(), e = se(), o = B([]), a = B(), n = A(!1), s = A(-1), l = x(() => !c.user || !a.value ? !1 : c.user.id === a.value.owner.id), p = x(() => o.value.filter((h) => h.favorite)), u = x(() => o.value.filter((h) => h.pinned));
   N(a, () => {
     window.clearTimeout(s.value), s.value = window.setTimeout(() => {
       !a.value || !l.value || y(a.value, a.value.id);
@@ -4456,7 +4456,7 @@ const He = G("settings", () => {
     }
     return o.value;
   }
-  async function v(h) {
+  async function f(h) {
     try {
       n.value = !0, await e.delete(`/one/bins/${h}`), o.value = o.value.filter(($) => $.id !== h);
     } catch {
@@ -4479,19 +4479,19 @@ const He = G("settings", () => {
   async function y(h, $) {
     try {
       n.value = !0;
-      const j = await e.post(`/one/bins/${$}`, { bin: h }), M = o.value.findIndex((E) => E.id === $);
-      o.value.splice(M, 1, j.bin);
+      const F = await e.post(`/one/bins/${$}`, { bin: h }), M = o.value.findIndex((E) => E.id === $);
+      o.value.splice(M, 1, F.bin);
     } catch {
     } finally {
       n.value = !1;
     }
     return { bin: h };
   }
-  async function f(h, $) {
+  async function v(h, $) {
     try {
       n.value = !0;
-      const j = $ ? await y(h, $) : await V(h);
-      a.value = j.bin;
+      const F = $ ? await y(h, $) : await V(h);
+      a.value = F.bin;
     } catch {
     } finally {
       n.value = !1;
@@ -4516,14 +4516,14 @@ const He = G("settings", () => {
     favorites: p,
     all: o,
     create: V,
-    delete: v,
+    delete: f,
     current: a,
     find: g,
     get: m,
     update: y,
-    updateOrCreate: f
+    updateOrCreate: v
   };
-}), Ga = G("products", () => {
+}), Za = G("products", () => {
   const c = se(), e = B([]), o = x(() => e.value.filter((s) => s.product_type === "Themes"));
   async function a() {
     if (e.value.length)
@@ -4545,29 +4545,29 @@ const He = G("settings", () => {
     randomize: n
   };
 });
-function Za() {
+function Qa() {
   function c(e) {
-    e.component("VoAppBar", Ts), e.component("VoAuthBtn", Lt), e.component("VoAuthCard", Vt), e.component("VoAuthDialog", kt), e.component("VoAuthListItem", $t), e.component("VoIconBin", Ct), e.component("VoIconIssues", St), e.component("VoNotificationsBanner", zs), e.component("VoPromotionsCardHighlight", js), e.component("VoPromotionsCardVuetify", Rs), e.component("VoPromotionsFooter", Gs), e.component("VoScript", Qs), e.component("VoSocialFooter", ta), e.component("VoSpot", sa);
+    e.component("VoAppBar", zs), e.component("VoAuthBtn", At), e.component("VoAuthCard", $t), e.component("VoAuthDialog", wt), e.component("VoAuthListItem", xt), e.component("VoIconBin", It), e.component("VoIconIssues", Lt), e.component("VoNotificationsBanner", Fs), e.component("VoPromotionsCardHighlight", Ms), e.component("VoPromotionsCardVuetify", Es), e.component("VoPromotionsFooter", Zs), e.component("VoScript", Ys), e.component("VoSocialFooter", oa), e.component("VoSpot", aa);
   }
   return { install: c };
 }
-function Qa(c, e) {
+function Ya(c, e) {
   return function(o) {
     const a = o.store;
     a.url = e, a.$id === "site" && (a.id = c);
   };
 }
 export {
-  Za as createOne,
-  Qa as one,
+  Qa as createOne,
+  Ya as one,
   R as useAuthStore,
-  Ee as useBannersStore,
-  qa as useBinsStore,
+  We as useBannersStore,
+  Ga as useBinsStore,
   se as useHttpStore,
-  F as useOneStore,
-  Ga as useProductsStore,
-  et as usePromotionsStore,
-  He as useSettingsStore,
-  oa as useSpotsStore,
+  j as useOneStore,
+  Za as useProductsStore,
+  tt as usePromotionsStore,
+  Re as useSettingsStore,
+  na as useSpotsStore,
   z as useUserStore
 };