@vuetify/one 1.9.0 → 1.9.2

package/dist/index.js

@@ -1,46 +1,47 @@
-import { ref as U, defineComponent as $, resolveComponent as it, openBlock as u, createBlock as v, unref as t, reactive as Bt, watch as j, toRefs as Nt, shallowRef as A, computed as x, createSlots as R, withCtx as r, createElementVNode as k, toDisplayString as C, createVNode as i, createTextVNode as N, renderSlot as B, normalizeStyle as rt, createCommentVNode as S, withModifiers as Ge, mergeModels as Tt, useModel as pe, createElementBlock as I, Fragment as T, onMounted as Oe, nextTick as be, renderList as K, mergeProps as E, withDirectives as Ve, vShow as Ue, isRef as se, normalizeClass as Ft, onBeforeMount as Ze, onBeforeUnmount as zt, pushScopeId as jt, popScopeId as Pt } from "vue";
+import { ref as U, defineComponent as $, openBlock as u, createBlock as v, unref as t, reactive as Dt, watch as z, toRefs as Ot, shallowRef as A, computed as x, createSlots as R, withCtx as r, createElementVNode as k, toDisplayString as S, createVNode as i, createTextVNode as N, renderSlot as B, normalizeStyle as st, createCommentVNode as C, withModifiers as Ze, mergeModels as Ut, useModel as pe, createElementBlock as I, Fragment as T, onMounted as Oe, nextTick as be, renderList as K, mergeProps as E, withDirectives as Ve, vShow as Ue, isRef as se, normalizeClass as Bt, resolveComponent as Nt, onBeforeMount as Ge, onBeforeUnmount as Tt, pushScopeId as Ft, popScopeId as Mt } from "vue";
 import { defineStore as q } from "pinia";
-import { mdiStorefront as Mt, mdiDiscord as Qe, mdiGithub as Ye, mdiSync as Ht, mdiSyncOff as Rt, mdiLogoutVariant as Et, mdiFullscreenExit as Wt, mdiFullscreen as qt, mdiCheck as Be, mdiHome as Gt, mdiTextBox as Zt, mdiSelect as Qt, mdiSpaceInvaders as lt, mdiImageFilterHdr as ct, mdiTransmissionTower as ut, mdiRocketLaunchOutline as dt, mdiWhiteBalanceSunny as Yt, mdiWeatherNight as Jt, mdiDesktopTowerMonitor as Xt, mdiContrastCircle as Kt, mdiCog as eo, mdiCogOutline as to, mdiFileDocument as oo, mdiCreditCardSettingsOutline as no, mdiRocketOutline as so, mdiCheckCircleOutline as De, mdiCreditCard as ao, mdiReload as io, mdiPlaylistCheck as ro, mdiCreditCardOutline as lo, mdiMedal as co, mdiOpenInNew as Ne, mdiHandHeart as uo, mdiHandHeartOutline as po, mdiCloudDownload as mo, mdiTrayArrowDown as at, mdiEmailOpenOutline as pt, mdiEmailVariant as mt, mdiBell as fo, mdiInboxOutline as vo, mdiInboxFullOutline as _o, mdiBillboard as ho, mdiBellOutline as go, mdiViewDashboardOutline as yo, mdiCrown as bo, mdiArrowULeftBottom as Vo, mdiLogin as ko, mdiShieldStarOutline as $o, mdiReddit as wo } from "@mdi/js";
-import { useRouter as Je, useRoute as xo } from "vue-router";
+import { VSnackbarQueue as zt } from "vuetify/lib/labs/VSnackbarQueue/index.mjs";
+import { mdiStorefront as jt, mdiSync as Pt, mdiSyncOff as Ht, mdiLogoutVariant as Rt, mdiFullscreenExit as Et, mdiFullscreen as Wt, mdiCheck as Be, mdiHome as qt, mdiTextBox as Zt, mdiSelect as Gt, mdiSpaceInvaders as at, mdiImageFilterHdr as it, mdiTransmissionTower as rt, mdiRocketLaunchOutline as lt, 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 De, mdiCreditCard as so, mdiReload as ao, mdiPlaylistCheck as io, mdiCreditCardOutline as ro, mdiMedal as lo, mdiOpenInNew as Ne, mdiHandHeart as co, mdiHandHeartOutline as uo, mdiCloudDownload as po, mdiTrayArrowDown as nt, mdiEmailOpenOutline as ct, mdiEmailVariant as ut, 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 } from "@mdi/js";
+import { useRouter as Qe, useRoute as $o } from "vue-router";
 import { merge as Re } from "lodash-es";
-import { VListItem as me, VList as ae, VListSubheader as So, VListItemTitle as ft, VListItemSubtitle as Co } from "vuetify/lib/components/VList/index.mjs";
+import { VListItem as me, VList as ae, VListSubheader as wo, VListItemTitle as dt, VListItemSubtitle as xo } from "vuetify/lib/components/VList/index.mjs";
 import { VAvatar as ee } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as W, VCardTitle as Lo, VCardSubtitle as Io, VCardText as ue } from "vuetify/lib/components/VCard/index.mjs";
-import { VDialog as vt } from "vuetify/lib/components/VDialog/index.mjs";
-import { VBadge as Xe } from "vuetify/lib/components/VBadge/index.mjs";
-import { VBtn as G } from "vuetify/lib/components/VBtn/index.mjs";
-import { VProgressCircular as Ao } from "vuetify/lib/components/VProgressCircular/index.mjs";
-import { VSheet as Ke } from "vuetify/lib/components/VSheet/index.mjs";
-import { VSwitch as _t } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as Te, VExpandTransition as fe, VExpandXTransition as Do } from "vuetify/lib/components/transitions/index.mjs";
+import { VCard as W, VCardTitle as Co, 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 Ye } from "vuetify/lib/components/VBadge/index.mjs";
+import { VBtn as Z } from "vuetify/lib/components/VBtn/index.mjs";
+import { VProgressCircular as Lo } from "vuetify/lib/components/VProgressCircular/index.mjs";
+import { VSheet as Je } from "vuetify/lib/components/VSheet/index.mjs";
+import { VSwitch as mt } from "vuetify/lib/components/VSwitch/index.mjs";
+import { VFadeTransition as Te, VExpandTransition as fe, VExpandXTransition as Io } from "vuetify/lib/components/transitions/index.mjs";
 import { useDisplay as ve, useTheme as Fe, useDate as ke } from "vuetify";
 import { VDivider as Q } from "vuetify/lib/components/VDivider/index.mjs";
 import { VIcon as O } from "vuetify/lib/components/VIcon/index.mjs";
 import { VLabel as We } from "vuetify/lib/components/VLabel/index.mjs";
 import { VChip as X } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as Oo } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as Uo } from "vuetify/lib/components/VSelect/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 $e, VCol as de } from "vuetify/lib/components/VGrid/index.mjs";
-import { VHover as ze } from "vuetify/lib/components/VHover/index.mjs";
+import { VHover as Me } from "vuetify/lib/components/VHover/index.mjs";
 import { VImg as te } from "vuetify/lib/components/VImg/index.mjs";
-import { VItemGroup as ht, VItem as qe } from "vuetify/lib/components/VItemGroup/index.mjs";
+import { VItemGroup as ft, VItem as qe } from "vuetify/lib/components/VItemGroup/index.mjs";
 import { VLayout as we } from "vuetify/lib/components/VLayout/index.mjs";
 import { VMain as xe } from "vuetify/lib/components/VMain/index.mjs";
-import { VDataTableVirtual as gt } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VDataTableVirtual as vt } from "vuetify/lib/components/VDataTable/index.mjs";
 import { VSkeletonLoader as ye } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { VWindow as yt, VWindowItem as ge } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimelineItem as Bo, VTimeline as No } from "vuetify/lib/components/VTimeline/index.mjs";
-import { VEmptyState as et } from "vuetify/lib/components/VEmptyState/index.mjs";
+import { VWindow as _t, VWindowItem as ge } from "vuetify/lib/components/VWindow/index.mjs";
+import { VTimelineItem as Oo, VTimeline as Uo } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VEmptyState as Xe } from "vuetify/lib/components/VEmptyState/index.mjs";
 import { VTooltip as J } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VResponsive as To } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VNavigationDrawer as Fo } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as zo } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as jo } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as Po } from "vuetify/components";
-import { VAppBar as bt } from "vuetify/lib/components/VAppBar/index.mjs";
-import { VLazy as Mo } from "vuetify/lib/components/VLazy/index.mjs";
-import { VFooter as Ho } from "vuetify/lib/components/VFooter/index.mjs";
-const Ro = q("Queue", () => {
+import { VResponsive as Bo } 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 Fo } from "vuetify/lib/components/VColorPicker/index.mjs";
+import { VMenu as Mo } from "vuetify/lib/components/VMenu/index.mjs";
+import { VAppBar as ht } from "vuetify/lib/components/VAppBar/index.mjs";
+import { VLazy as zo } from "vuetify/lib/components/VLazy/index.mjs";
+import { VFooter as jo } from "vuetify/lib/components/VFooter/index.mjs";
+const Po = q("Queue", () => {
   const c = U([]);
   function e(n) {
     const o = typeof n == "string" ? { text: n } : n;
@@ -50,19 +51,16 @@ const Ro = q("Queue", () => {
     queue: c,
     show: e
   };
-}), Eo = /* @__PURE__ */ $({
+}), Ho = /* @__PURE__ */ $({
   __name: "VoSnackbarQueue",
   setup(c) {
-    const e = Ro();
-    return (n, o) => {
-      const s = it("VSnackbarQueue");
-      return u(), v(s, {
-        modelValue: t(e).queue,
-        "onUpdate:modelValue": o[0] || (o[0] = (a) => t(e).queue = a),
-        closable: "",
-        location: "bottom end"
-      }, null, 8, ["modelValue"]);
-    };
+    const e = Po();
+    return (n, o) => (u(), v(zt, {
+      modelValue: t(e).queue,
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => t(e).queue = s),
+      closable: "",
+      location: "bottom end"
+    }, null, 8, ["modelValue"]));
   }
 }), oe = q("http", {
   state: () => ({
@@ -143,11 +141,10 @@ const Ro = q("Queue", () => {
     }
   }
 }, F = q("user", () => {
-  const c = Bt(Re({}, Ae));
-  j(c, n);
+  const c = Dt(Re({}, Ae));
+  z(c, n);
   function e() {
-    if (!Ee)
-      return;
+    if (!Ee) return;
     const s = localStorage.getItem("vuetify@user"), a = s ? JSON.parse(s) : {};
     let l = a.v === c.v;
     a.v || (a.pwaRefresh = !0, typeof a.api == "boolean" && (a.api = a.api ? "inline" : "link-only"), typeof a.rtl == "boolean" && (a.direction = a.rtl ? "rtl" : "ltr", delete a.rtl), typeof a.theme == "object" && (a.mixedTheme = a.theme.mixed, a.theme = a.theme.system ? "system" : a.theme.dark ? "dark" : "light"), Array.isArray(a.notifications) && (a.notifications = { read: a.notifications }), typeof a.last == "object" && (a.notifications.last = a.last, delete a.last)), a.v === 1 && (Array.isArray(a.composition) && (a.composition = "composition"), Array.isArray(a.notifications.last.banner) || (a.notifications = a.notifications || {}, a.notifications.last = a.notifications.last || {}, a.notifications.last.banner = [])), a.v === 2 && (a.syncSettings = !0, a.disableAds = !1, a.v = 3), a.v === 3 && (a.quickbar = !1), a.v === 4 && (a.suits = Ae.suits, a.notifications.banners = Ae.notifications.banners, l = !0), a.v = c.v, Object.assign(c, Re(c, a)), l && n();
@@ -159,17 +156,16 @@ const Ro = q("Queue", () => {
     Ee && (Object.assign(c, Re({}, Ae)), n());
   }
   return e(), {
-    ...Nt(c),
+    ...Ot(c),
     load: e,
     save: n,
     reset: o
   };
-}), M = q("auth", () => {
-  const c = U(!1), e = U(null), n = oe(), o = F(), s = Je(), a = A(!1);
+}), P = q("auth", () => {
+  const c = U(!1), e = U(null), n = oe(), o = F(), s = Qe(), a = A(!1);
   let l = !!V();
-  j(e, (y) => {
-    if (!(y != null && y.settings))
-      return;
+  z(e, (y) => {
+    if (!(y != null && y.settings)) return;
     const _ = localStorage.getItem("vuetify@user") || "{}";
     JSON.stringify(y.settings, null, 2) !== _ && (l = !0, Object.assign(o, y.settings));
   }), o.$subscribe(() => {
@@ -184,8 +180,7 @@ const Ro = q("Queue", () => {
       }
   }
   async function p(y = !1) {
-    if (p.promise)
-      return p.promise;
+    if (p.promise) return p.promise;
     a.value = !0, p.promise = fetch(`${n.url}/auth/verify`, {
       credentials: "include",
       headers: y ? {
@@ -209,10 +204,10 @@ const Ro = q("Queue", () => {
       window.location.assign(_ + "?next=" + encodeURIComponent(window.location.href));
       return;
     }
-    const h = 400, b = 600, z = window.screenX + (window.innerWidth - h) / 2, D = window.screenY + (window.innerHeight - b) / 2, H = window.open(
+    const h = 400, b = 600, M = window.screenX + (window.innerWidth - h) / 2, D = window.screenY + (window.innerHeight - b) / 2, H = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${z},top=${D},width=${h},height=${b},resizable`
+      `popup,left=${M},top=${D},width=${h},height=${b},resizable`
     );
     if (!H) {
       console.error("Failed to open popup");
@@ -266,111 +261,111 @@ const Ro = q("Queue", () => {
     lastLoginProvider: V,
     sync: d
   };
-}), Wo = { class: "text-body-2" }, qo = /* @__PURE__ */ k("div", { class: "text-caption mt-n1" }, "Last Used", -1), Vt = /* @__PURE__ */ $({
+}), Ro = { class: "text-body-2" }, Eo = /* @__PURE__ */ k("div", { class: "text-caption mt-n1" }, "Last Used", -1), gt = /* @__PURE__ */ $({
   __name: "VoAuthShopify",
   setup(c) {
-    const e = M(), n = x(() => e.user && e.findIdentity("shopify")), o = x(() => e.user ? n.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
+    const e = P(), n = x(() => e.user && e.findIdentity("shopify")), o = x(() => e.user ? n.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
     return (s, a) => (u(), v(me, {
       "base-color": "#5b8a3c",
-      "prepend-icon": `svg:${t(Mt)}`,
+      "prepend-icon": `svg:${t(jt)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: a[0] || (a[0] = (l) => t(e).login("shopify"))
     }, R({
       title: r(() => [
-        k("span", Wo, C(t(o)), 1)
+        k("span", Ro, S(t(o)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "shopify" ? {
         name: "subtitle",
         fn: r(() => [
-          qo
+          Eo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Go = { class: "text-body-2" }, Zo = /* @__PURE__ */ k("div", { class: "text-caption mt-n1" }, "Last Used", -1), kt = /* @__PURE__ */ $({
+}), Wo = { class: "text-body-2" }, qo = /* @__PURE__ */ k("div", { class: "text-caption mt-n1" }, "Last Used", -1), yt = /* @__PURE__ */ $({
   __name: "VoAuthDiscord",
   setup(c) {
-    const e = M(), n = x(() => e.user && e.findIdentity("discord")), o = x(() => e.user ? n.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
+    const e = P(), n = x(() => e.user && e.findIdentity("discord")), o = x(() => e.user ? n.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
     return (s, a) => (u(), v(me, {
       "base-color": "#5865F2",
-      "prepend-icon": `svg:${t(Qe)}`,
+      "prepend-icon": "$discord",
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: a[0] || (a[0] = (l) => t(e).login("discord"))
     }, R({
       title: r(() => [
-        k("span", Go, C(t(o)), 1)
+        k("span", Wo, S(t(o)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "discord" ? {
         name: "subtitle",
         fn: r(() => [
-          Zo
+          qo
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["prepend-icon"]));
+    ]), 1024));
   }
-}), Qo = { class: "text-body-2" }, Yo = /* @__PURE__ */ k("div", { class: "text-caption mt-n1" }, "Last Used", -1), $t = /* @__PURE__ */ $({
+}), Zo = { class: "text-body-2" }, Go = /* @__PURE__ */ k("div", { class: "text-caption mt-n1" }, "Last Used", -1), bt = /* @__PURE__ */ $({
   __name: "VoAuthGithub",
   setup(c) {
-    const e = M(), n = x(() => e.user && e.findIdentity("github")), o = x(() => e.user ? n.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
+    const e = P(), n = x(() => e.user && e.findIdentity("github")), o = x(() => e.user ? n.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
     return (s, a) => (u(), v(me, {
       "base-color": "#2a2a2a",
-      "prepend-icon": `svg:${t(Ye)}`,
+      "prepend-icon": "$github",
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: a[0] || (a[0] = (l) => t(e).login("github"))
     }, R({
       title: r(() => [
-        k("span", Qo, C(t(o)), 1)
+        k("span", Zo, S(t(o)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "github" ? {
         name: "subtitle",
         fn: r(() => [
-          Yo
+          Go
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["prepend-icon"]));
+    ]), 1024));
   }
-}), Jo = { class: "text-center" }, Xo = { class: "text-center mb-6" }, Ko = { class: "text-h6 font-weight-light" }, en = /* @__PURE__ */ k("span", { class: "text-h3 font-weight-bold" }, "Vuetify One", -1), wt = /* @__PURE__ */ $({
+}), Qo = { class: "text-center" }, Yo = { class: "text-center mb-6" }, Jo = { class: "text-h6 font-weight-light" }, Xo = /* @__PURE__ */ k("span", { class: "text-h3 font-weight-bold" }, "Vuetify One", -1), Vt = /* @__PURE__ */ $({
   __name: "VoAuthCard",
   setup(c) {
-    const e = M();
+    const e = P();
     return (n, o) => {
-      const s = $t, a = kt, l = Vt;
+      const s = bt, a = yt, l = gt;
       return u(), v(W, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
         default: r(() => [
-          k("div", Jo, [
+          k("div", Qo, [
             i(ee, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
-            }, null, 8, ["image"])
+            })
           ]),
-          k("div", Xo, [
-            i(Lo, { class: "text-h5 mb-1 text-md-h4" }, {
+          k("div", Yo, [
+            i(Co, { class: "text-h5 mb-1 text-md-h4" }, {
               default: r(() => [
-                k("div", Ko, C(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
-                en
+                k("div", Jo, S(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                Xo
               ]),
               _: 1
             }),
-            i(Io, { class: "text-wrap" }, {
+            i(So, { class: "text-wrap" }, {
               default: r(() => [
                 N(" Login to save your settings and gain access to exclusive subscriber perks. ")
               ]),
@@ -394,13 +389,13 @@ const Ro = q("Queue", () => {
       });
     };
   }
-}), xt = /* @__PURE__ */ $({
+}), kt = /* @__PURE__ */ $({
   __name: "VoAuthDialog",
   setup(c) {
-    const e = M();
+    const e = P();
     return (n, o) => {
-      const s = wt;
-      return u(), v(vt, {
+      const s = Vt;
+      return u(), v(pt, {
         modelValue: t(e).dialog,
         "onUpdate:modelValue": o[0] || (o[0] = (a) => t(e).dialog = a),
         "max-width": "480"
@@ -412,7 +407,7 @@ const Ro = q("Queue", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), je = q("notifications", () => {
+}), ze = q("notifications", () => {
   const c = oe(), e = F(), n = U([]), o = U([]), s = U(), a = A(!1), l = x(() => n.value.filter((_) => !e.notifications.read.includes(_.slug))), d = x(() => n.value.filter((_) => e.notifications.read.includes(_.slug)));
   async function p() {
     try {
@@ -488,11 +483,11 @@ const Ro = q("Queue", () => {
     read: d,
     unread: l
   };
-}), tn = /* @__PURE__ */ $({
+}), Ko = /* @__PURE__ */ $({
   __name: "VoNotificationsTotalBadge",
   setup(c) {
-    const e = M(), n = je(), o = F(), s = x(() => o.notifications.show ? n.unread.length : 0);
-    return (a, l) => (u(), v(Xe, {
+    const e = P(), n = ze(), o = F(), s = x(() => o.notifications.show ? n.unread.length : 0);
+    return (a, l) => (u(), v(Ye, {
       color: "error",
       content: t(s),
       dot: !!t(e).user,
@@ -505,25 +500,25 @@ const Ro = q("Queue", () => {
       _: 3
     }, 8, ["content", "dot", "model-value"]));
   }
-}), Se = /* @__PURE__ */ $({
+}), Ce = /* @__PURE__ */ $({
   __name: "VoBtn",
   props: {
     readonly: { type: Boolean }
   },
   setup(c) {
     const e = c;
-    return (n, o) => (u(), v(G, {
+    return (n, o) => (u(), v(Z, {
       class: "text-none font-weight-regular",
       color: "primary",
       size: "small",
-      style: rt({
+      style: st({
         pointerEvents: e.readonly ? "none" : void 0
       }),
       tabindex: e.readonly ? -1 : void 0,
       variant: "flat"
     }, R({
       loader: r(() => [
-        n.$slots.loader ? S("", !0) : (u(), v(Ao, {
+        n.$slots.loader ? C("", !0) : (u(), v(Lo, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
@@ -549,18 +544,18 @@ const Ro = q("Queue", () => {
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), on = { class: "pa-4 d-flex flex-column ga-4" }, St = /* @__PURE__ */ $({
+}), en = { class: "pa-4 d-flex flex-column ga-4" }, $t = /* @__PURE__ */ $({
   __name: "VoAuthListItem",
   setup(c) {
-    const e = M(), n = F(), o = A(!e.user && !e.isLoading);
-    j(() => e.user, (a) => {
+    const e = P(), n = F(), o = A(!e.user && !e.isLoading);
+    z(() => e.user, (a) => {
       o.value = !a;
     });
     function s() {
       e.user && (o.value = !o.value);
     }
     return (a, l) => {
-      const d = $t, p = kt, m = Vt;
+      const d = bt, p = yt, m = gt;
       return u(), v(W, {
         class: "ma-2",
         rounded: "lg",
@@ -573,7 +568,7 @@ const Ro = q("Queue", () => {
                 class: "mb-0",
                 link: !!t(e).user,
                 nav: "",
-                "prepend-icon": `svg:${t(e).user && t(n).syncSettings ? t(Ht) : t(Rt)}`,
+                "prepend-icon": `svg:${t(e).user && t(n).syncSettings ? t(Pt) : t(Ht)}`,
                 rounded: "b-0",
                 slim: "",
                 title: t(e).user && t(n).syncSettings ? "Sync is on" : "Sync is paused",
@@ -582,7 +577,7 @@ const Ro = q("Queue", () => {
                 append: r(() => [
                   i(Te, null, {
                     default: r(() => [
-                      t(e).user && (t(o) || !t(n).syncSettings) ? (u(), v(_t, {
+                      t(e).user && (t(o) || !t(n).syncSettings) ? (u(), v(mt, {
                         key: 0,
                         modelValue: t(n).syncSettings,
                         "onUpdate:modelValue": l[0] || (l[0] = (f) => t(n).syncSettings = f),
@@ -590,7 +585,7 @@ const Ro = q("Queue", () => {
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: l[1] || (l[1] = Ge(() => {
+                        onClick: l[1] || (l[1] = Ze(() => {
                         }, ["stop"]))
                       }, {
                         thumb: r(() => [
@@ -599,7 +594,7 @@ const Ro = q("Queue", () => {
                           }, null, 8, ["color"])
                         ]),
                         _: 1
-                      }, 8, ["modelValue", "color"])) : S("", !0)
+                      }, 8, ["modelValue", "color"])) : C("", !0)
                     ]),
                     _: 1
                   })
@@ -608,13 +603,13 @@ const Ro = q("Queue", () => {
               }, 8, ["link", "prepend-icon", "title"]),
               i(fe, null, {
                 default: r(() => [
-                  !t(e).user && !t(e).isLoading || t(o) ? (u(), v(Ke, {
+                  !t(e).user && !t(e).isLoading || t(o) ? (u(), v(Je, {
                     key: 0,
                     border: "t",
                     color: "transparent"
                   }, {
                     default: r(() => [
-                      k("div", on, [
+                      k("div", en, [
                         i(d, {
                           onClick: l[2] || (l[2] = (f) => o.value = !1)
                         }),
@@ -627,7 +622,7 @@ const Ro = q("Queue", () => {
                       ])
                     ]),
                     _: 1
-                  })) : S("", !0)
+                  })) : C("", !0)
                 ]),
                 _: 1
               })
@@ -671,10 +666,10 @@ const Ro = q("Queue", () => {
       } : void 0
     ]), 1024));
   }
-}), nn = /* @__PURE__ */ $({
+}), tn = /* @__PURE__ */ $({
   __name: "VoAuthLogoutNavItem",
   setup(c) {
-    const e = M(), n = A(!1);
+    const e = P(), n = A(!1);
     async function o() {
       n.value = !0, await e.logout(), n.value = !1;
     }
@@ -685,15 +680,15 @@ const Ro = q("Queue", () => {
         disabled: t(n),
         link: "",
         loading: t(n),
-        "prepend-icon": `svg:${t(Et)}`,
+        "prepend-icon": `svg:${t(Rt)}`,
         title: "Logout",
         onClick: o
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), Ce = /* @__PURE__ */ $({
+}), Se = /* @__PURE__ */ $({
   __name: "VoDialog",
-  props: /* @__PURE__ */ Tt({
+  props: /* @__PURE__ */ Ut({
     prependIcon: {},
     title: {}
   }, {
@@ -703,7 +698,7 @@ const Ro = q("Queue", () => {
   emits: ["update:modelValue"],
   setup(c) {
     const e = pe(c, "modelValue"), n = ve(), o = A(!1);
-    return (s, a) => (u(), v(vt, {
+    return (s, a) => (u(), v(pt, {
       modelValue: e.value,
       "onUpdate:modelValue": a[2] || (a[2] = (l) => e.value = l),
       activator: "parent",
@@ -721,16 +716,16 @@ const Ro = q("Queue", () => {
         }, R({
           append: r(() => [
             B(s.$slots, "append"),
-            t(n).xs.value ? S("", !0) : (u(), v(G, {
+            t(n).xs.value ? C("", !0) : (u(), v(Z, {
               key: 0,
               class: "me-2",
               density: "comfortable",
-              icon: `svg:${t(o) ? t(Wt) : t(qt)}`,
+              icon: `svg:${t(o) ? t(Et) : t(Wt)}`,
               size: "small",
               variant: "text",
               onClick: a[0] || (a[0] = (d) => o.value = !t(o))
             }, null, 8, ["icon"])),
-            i(G, {
+            i(Z, {
               density: "comfortable",
               icon: "$close",
               size: "small",
@@ -763,13 +758,13 @@ const Ro = q("Queue", () => {
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), Ct = /* @__PURE__ */ $({
+}), wt = /* @__PURE__ */ $({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
   setup(c) {
-    return (e, n) => (u(), v(_t, {
+    return (e, n) => (u(), v(mt, {
       color: "primary",
       density: "compact",
       disabled: e.disabled,
@@ -792,7 +787,7 @@ const Ro = q("Queue", () => {
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), sn = {
+}), on = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
 }, _e = /* @__PURE__ */ $({
@@ -808,46 +803,46 @@ const Ro = q("Queue", () => {
         class: "font-weight-black"
       }, {
         default: r(() => [
-          N(C(e.title), 1)
+          N(S(e.title), 1)
         ]),
         _: 1
-      })) : S("", !0),
-      e.text ? (u(), I("div", sn, C(e.text), 1)) : S("", !0)
+      })) : C("", !0),
+      e.text ? (u(), I("div", on, S(e.text), 1)) : C("", !0)
     ], 64));
   }
-}), an = { key: 0 }, rn = /* @__PURE__ */ $({
+}), nn = { key: 0 }, sn = /* @__PURE__ */ $({
   __name: "VoSettingsPageSuitOption",
   setup(c) {
     const e = F(), n = [
       {
         title: "Choose a page suit",
         value: "",
-        prependIcon: `svg:${Qt}`,
+        prependIcon: `svg:${Gt}`,
         disabled: !0
       },
       {
         title: "Blackguard",
-        prependIcon: `svg:${lt}`,
+        prependIcon: `svg:${at}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
-        prependIcon: `svg:${ct}`,
+        prependIcon: `svg:${it}`,
         value: "polaris"
       },
       {
         title: "Nebula",
-        prependIcon: `svg:${ut}`,
+        prependIcon: `svg:${rt}`,
         value: "nebula"
       },
       {
         title: "Odyssey",
-        prependIcon: `svg:${dt}`,
+        prependIcon: `svg:${lt}`,
         value: "odyssey"
       }
     ];
     return (o, s) => {
-      const a = Ct, l = _e;
+      const a = wt, l = _e;
       return u(), I(T, null, [
         i(a, {
           modelValue: t(e).suits.show,
@@ -858,8 +853,8 @@ const Ro = q("Queue", () => {
         }, null, 8, ["modelValue"]),
         i(fe, null, {
           default: r(() => [
-            t(e).suits.show ? (u(), I("div", an, [
-              i(Uo, {
+            t(e).suits.show ? (u(), I("div", nn, [
+              i(Do, {
                 modelValue: t(e).suits.suit,
                 "onUpdate:modelValue": s[1] || (s[1] = (d) => t(e).suits.suit = d),
                 clearable: "",
@@ -877,12 +872,12 @@ const Ro = q("Queue", () => {
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  N(" " + C(d.title), 1)
+                  N(" " + S(d.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
               i(l, { text: "Select your suit elements to display the background image:" }),
-              i(Oo, {
+              i(Ao, {
                 modelValue: t(e).suits.elements,
                 "onUpdate:modelValue": s[2] || (s[2] = (d) => t(e).suits.elements = d),
                 color: "primary",
@@ -891,7 +886,7 @@ const Ro = q("Queue", () => {
               }, {
                 default: r(() => [
                   i(X, {
-                    "append-icon": `svg:${t(Gt)}`,
+                    "append-icon": `svg:${t(qt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
@@ -941,7 +936,7 @@ const Ro = q("Queue", () => {
                 ]),
                 _: 1
               }, 8, ["modelValue"])
-            ])) : S("", !0)
+            ])) : C("", !0)
           ]),
           _: 1
         })
@@ -950,13 +945,13 @@ const Ro = q("Queue", () => {
   }
 });
 function Le() {
-  const c = xo();
+  const c = $o();
   return x(
     () => c.query
   );
 }
-const P = q("one", () => {
-  const c = Le(), e = Je(), n = M(), o = oe(), s = A(!1), a = A(!1), l = U(), d = U([]), p = x(() => c.value.session_id), m = x(() => {
+const j = q("one", () => {
+  const c = Le(), e = Qe(), n = P(), o = oe(), s = A(!1), a = A(!1), l = U(), d = U([]), p = x(() => c.value.session_id), m = x(() => {
     var w;
     return (w = l.value) == null ? void 0 : w.items[0].plan.interval;
   }), f = x(() => {
@@ -967,10 +962,9 @@ const P = q("one", () => {
     return !!((w = f.value) != null && w.tierName);
   }), V = x(() => {
     var w;
-    return ((w = n.user) == null ? void 0 : w.sponsorships.reduce((L, Z) => {
-      if (!Z.isActive || Z.interval === "once" || Z.platform === "stripe")
-        return L;
-      const Ie = Z.interval === "month" ? Z.amount : Z.amount / 12;
+    return ((w = n.user) == null ? void 0 : w.sponsorships.reduce((L, G) => {
+      if (!G.isActive || G.interval === "once" || G.platform === "stripe") return L;
+      const Ie = G.interval === "month" ? G.amount : G.amount / 12;
       return L + Ie / 100;
     }, 0)) ?? 0;
   }), y = x(() => {
@@ -985,25 +979,24 @@ const P = q("one", () => {
   }), b = x(() => {
     var w;
     return (w = n.user) == null ? void 0 : w.identities.find((L) => L.provider === "shopify");
-  }), z = x(() => {
+  }), M = x(() => {
     var w;
     return (w = n.user) == null ? void 0 : w.sponsorships.find((L) => L.platform === "patreon" && L.isActive);
   }), D = x(() => {
-    var w, L, Z, Ie, st;
-    return !o.url || ((w = n.user) == null ? void 0 : w.isAdmin) || ((L = f.value) == null ? void 0 : L.isActive) || ((Z = _.value) == null ? void 0 : Z.isActive) || ((Ie = h.value) == null ? void 0 : Ie.isActive) || ((st = z.value) == null ? void 0 : st.isActive) || V.value >= 2.99;
+    var w, L, G, Ie, ot;
+    return !o.url || ((w = n.user) == null ? void 0 : w.isAdmin) || ((L = f.value) == null ? void 0 : L.isActive) || ((G = _.value) == null ? void 0 : G.isActive) || ((Ie = h.value) == null ? void 0 : Ie.isActive) || ((ot = M.value) == null ? void 0 : ot.isActive) || V.value >= 2.99;
   });
   Oe(async () => {
     p.value && await H();
-  }), j(a, nt), j(p, (w) => {
+  }), z(a, tt), z(p, (w) => {
     w && H();
-  }, { immediate: !0 }), j(c, (w) => {
-    if (w.one !== "subscribe" || n.user)
-      return;
+  }, { immediate: !0 }), z(c, (w) => {
+    if (w.one !== "subscribe" || n.user) return;
     n.dialog = !0;
-    const L = j(() => n.user, (Z) => {
-      Z && (n.dialog = !1, L());
+    const L = z(() => n.user, (G) => {
+      G && (n.dialog = !1, L());
     });
-  }, { immediate: !0 }), j(D, (w, L) => {
+  }, { immediate: !0 }), z(D, (w, L) => {
     w === !1 && L !== !0 || ne();
   });
   async function H() {
@@ -1076,7 +1069,7 @@ const P = q("one", () => {
       s.value = !1;
     }
   }
-  function nt() {
+  function tt() {
     e.push({
       query: {
         ...c.value,
@@ -1096,7 +1089,7 @@ const P = q("one", () => {
     isOpen: a,
     isSubscriber: D,
     github: _,
-    patreon: z,
+    patreon: M,
     discord: h,
     shopify: b,
     one: y,
@@ -1104,13 +1097,13 @@ const P = q("one", () => {
     cancel: le,
     manage: ie,
     modify: ce,
-    resetQuery: nt,
+    resetQuery: tt,
     subscribe: re,
     subscriptionInfo: he,
     verify: ne
   };
 });
-function ln() {
+function an() {
   return {
     blackguard: {
       dark: !0,
@@ -1245,7 +1238,7 @@ function ln() {
         warning: "#ecb85b"
       },
       variables: {
-        "border-color": "#ffffff",
+        "border-color": "#000000",
         "border-opacity": 0.24,
         "high-emphasis-opacity": 1,
         "medium-emphasis-opacity": 0.87,
@@ -1267,20 +1260,20 @@ function ln() {
       dark: !0,
       colors: {
         background: "#000000",
-        surface: "#000000",
+        surface: "#121212",
         primary: "#ffD700",
         "primary-darken-1": "#e6c300",
-        secondary: "#00ff00",
+        secondary: "#00ccdd",
         "secondary-darken-1": "#00e600",
         accent: "#ff00ff",
         info: "#31aaff",
         warning: "#ffaa00",
         error: "#ff0000",
         success: "#00ff00",
-        "on-surface-variant": "#000000",
-        "surface-light": "#f2f2f2",
-        "surface-bright": "#e6e6e6",
-        "surface-variant": "#cccccc"
+        "on-surface-variant": "#ffffff",
+        "surface-light": "#222222",
+        "surface-bright": "#000000",
+        "surface-variant": "#333333"
       },
       variables: {
         "border-color": "#ffffff",
@@ -1303,8 +1296,8 @@ function ln() {
     }
   };
 }
-const Pe = q("settings", () => {
-  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = P(), n = F(), o = Fe(), s = ln(), a = {
+const je = q("settings", () => {
+  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = j(), n = F(), o = Fe(), s = an(), a = {
     blackguard: {
       "app-bar": c + "suits/blackguard/blackguard-app-bar.png",
       drawer: c + "suits/blackguard/blackguard-app-drawer.png",
@@ -1326,8 +1319,7 @@ const Pe = q("settings", () => {
       footer: c + "suits/odyssey/odyssey-app-footer.png"
     }
   }, l = x(() => {
-    if (!n.suits.suit || !n.suits.show || !e.isSubscriber)
-      return {};
+    if (!n.suits.suit || !n.suits.show || !e.isSubscriber) return {};
     const d = a[n.suits.suit.toLowerCase()], p = {};
     for (const m of n.suits.elements)
       p[m] = d[m];
@@ -1336,13 +1328,13 @@ const Pe = q("settings", () => {
   return o.themes.value = {
     ...o.themes.value,
     ...s
-  }, j(() => n.theme, (d) => {
+  }, z(() => n.theme, (d) => {
     d === "system" ? o.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (o.global.name.value = d, n.suits.suit = a[d] ? d : ""), n.theme = d;
   }, { immediate: !0 }), {
     suit: l,
     CDN_URL: c
   };
-}), cn = { class: "ms-5" }, un = { class: "pb-2" }, dn = /* @__PURE__ */ $({
+}), rn = { class: "ms-5" }, ln = { class: "pb-2" }, cn = /* @__PURE__ */ $({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1350,33 +1342,33 @@ const Pe = q("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = pe(c, "modelValue"), n = P(), o = Pe(), s = F(), a = x(() => [
+    const e = pe(c, "modelValue"), n = j(), o = je(), s = F(), a = x(() => [
       {
         title: "Light",
         subtitle: "A standard light theme.",
         image: o.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${Yt}`,
+        prependIcon: `svg:${Qt}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
         image: o.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${Jt}`,
+        prependIcon: `svg:${Yt}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
         image: o.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${Xt}`,
+        prependIcon: `svg:${Jt}`,
         value: "system"
       },
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
         image: o.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${Kt}`,
+        prependIcon: `svg:${Xt}`,
         value: "highContrast",
         disabled: !n.isSubscriber
       }
@@ -1385,7 +1377,7 @@ const Pe = q("settings", () => {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
         image: o.CDN_URL + "themes/blackguard.png",
-        prependIcon: `svg:${lt}`,
+        prependIcon: `svg:${at}`,
         value: "blackguard",
         disabled: !n.isSubscriber
       },
@@ -1393,7 +1385,7 @@ const Pe = q("settings", () => {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
         image: o.CDN_URL + "themes/polaris.png",
-        prependIcon: `svg:${ct}`,
+        prependIcon: `svg:${it}`,
         value: "polaris",
         disabled: !n.isSubscriber
       },
@@ -1401,7 +1393,7 @@ const Pe = q("settings", () => {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
         image: o.CDN_URL + "themes/nebula.png",
-        prependIcon: `svg:${ut}`,
+        prependIcon: `svg:${rt}`,
         value: "nebula",
         disabled: !n.isSubscriber
       },
@@ -1409,7 +1401,7 @@ const Pe = q("settings", () => {
         title: "Odyssey",
         subtitle: "A theme for v3.7 Odyssey.",
         image: o.CDN_URL + "themes/odyssey.png",
-        prependIcon: `svg:${dt}`,
+        prependIcon: `svg:${lt}`,
         value: "odyssey",
         disabled: !n.isSubscriber
       }
@@ -1417,18 +1409,18 @@ const Pe = q("settings", () => {
       { title: "Standard", items: a.value },
       { title: "Releases", items: l.value }
     ]), p = Le();
-    j(p, async () => {
+    z(p, async () => {
       p.value.one === "settings" && (n.isOpen = !0, await be(), e.value = !0);
     }, { immediate: !0 });
     function m(f, g) {
       g.disabled || (s.theme = g.value, f == null || f());
     }
     return (f, g) => {
-      const V = _e, y = rn, _ = Ct, h = Ce;
+      const V = _e, y = sn, _ = wt, h = Se;
       return u(), v(h, {
         modelValue: e.value,
         "onUpdate:modelValue": g[6] || (g[6] = (b) => e.value = b),
-        "prepend-icon": `svg:${t(eo)}`,
+        "prepend-icon": `svg:${t(Kt)}`,
         title: "Settings"
       }, {
         default: r(() => [
@@ -1442,7 +1434,7 @@ const Pe = q("settings", () => {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
-                      i(ht, {
+                      i(ft, {
                         modelValue: t(s).theme,
                         "onUpdate:modelValue": g[0] || (g[0] = (b) => t(s).theme = b),
                         mandatory: ""
@@ -1450,16 +1442,16 @@ const Pe = q("settings", () => {
                         default: r(() => [
                           i($e, { dense: "" }, {
                             default: r(() => [
-                              (u(!0), I(T, null, K(d.value, (b, z) => (u(), v(de, {
-                                key: z,
+                              (u(!0), I(T, null, K(d.value, (b, M) => (u(), v(de, {
+                                key: M,
                                 class: "d-flex flex-column ga-3",
                                 cols: "12",
                                 md: "6"
                               }, {
                                 default: r(() => [
-                                  i(So, { class: "mb-n4" }, {
+                                  i(wo, { class: "mb-n4" }, {
                                     default: r(() => [
-                                      N(C(b.title), 1)
+                                      N(S(b.title), 1)
                                     ]),
                                     _: 2
                                   }, 1024),
@@ -1468,7 +1460,7 @@ const Pe = q("settings", () => {
                                     value: D.value
                                   }, {
                                     default: r(({ toggle: H, isSelected: ie }) => [
-                                      i(ze, null, {
+                                      i(Me, null, {
                                         default: r(({ props: re, isHovering: le }) => [
                                           i(W, E({
                                             color: ie ? "primary" : "surface-variant",
@@ -1479,13 +1471,14 @@ const Pe = q("settings", () => {
                                             ripple: !D.disabled,
                                             subtitle: D.disabled ? "🔓 Unlock with Vuetify One" : D.subtitle,
                                             title: D.title,
-                                            variant: "tonal"
+                                            variant: "tonal",
+                                            ref_for: !0
                                           }, re, {
                                             onClick: (ce) => m(H, D)
                                           }), {
                                             image: r(() => [
                                               i(te, {
-                                                style: rt({
+                                                style: st({
                                                   filter: ie || le ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
@@ -1510,7 +1503,7 @@ const Pe = q("settings", () => {
                       t(n).isSubscriber ? (u(), I(T, { key: 0 }, [
                         i(Q, { class: "mt-6 mb-4" }),
                         i(y)
-                      ], 64)) : S("", !0)
+                      ], 64)) : C("", !0)
                     ]),
                     _: 1
                   }),
@@ -1528,11 +1521,11 @@ const Pe = q("settings", () => {
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
-                      }, null, 8, ["modelValue"])) : S("", !0),
+                      }, null, 8, ["modelValue"])) : C("", !0),
                       i(fe, null, {
                         default: r(() => [
-                          Ve(k("div", cn, [
-                            k("div", un, [
+                          Ve(k("div", rn, [
+                            k("div", ln, [
                               i(_, {
                                 modelValue: t(s).showHouseAds,
                                 "onUpdate:modelValue": g[2] || (g[2] = (b) => t(s).showHouseAds = b),
@@ -1580,7 +1573,7 @@ const Pe = q("settings", () => {
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
-                  })) : S("", !0)
+                  })) : C("", !0)
                 ]),
                 _: 1
               })
@@ -1592,16 +1585,16 @@ const Pe = q("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), pn = /* @__PURE__ */ $({
+}), un = /* @__PURE__ */ $({
   __name: "VoSettingsListItem",
   setup(c) {
     const e = A(!1);
     return (n, o) => {
-      const s = dn, a = Y;
+      const s = cn, a = Y;
       return u(), v(a, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(to)}`,
+        "prepend-icon": `svg:${t(eo)}`,
         title: "Settings"
       }, {
         default: r(() => [
@@ -1614,10 +1607,10 @@ const Pe = q("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), mn = { class: "text-caption" }, fn = /* @__PURE__ */ $({
+}), dn = { class: "text-caption" }, pn = /* @__PURE__ */ $({
   __name: "VoSubscriptionInvoices",
   setup(c) {
-    const e = ke(), n = P();
+    const e = ke(), n = j();
     return (o, s) => {
       const a = _e;
       return u(), v($e, null, {
@@ -1634,16 +1627,16 @@ const Pe = q("settings", () => {
                 rounded: "lg"
               }, {
                 default: r(() => [
-                  i(gt, {
+                  i(vt, {
                     items: t(n).invoices,
                     loading: t(n).isLoading,
                     sticky: ""
                   }, {
                     "item.date": r(({ item: l }) => [
-                      k("div", mn, C(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
+                      k("div", dn, S(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": r(({ item: l }) => [
-                      N(" $" + C(l.amount / 100), 1)
+                      N(" $" + S(l.amount / 100), 1)
                     ]),
                     "item.status": r(({ item: l }) => [
                       i(X, {
@@ -1657,9 +1650,9 @@ const Pe = q("settings", () => {
                       }, null, 8, ["text"])
                     ]),
                     "item.pdf": r(({ item: l }) => [
-                      i(G, {
+                      i(Z, {
                         href: l.pdf,
-                        icon: `svg:${t(oo)}`,
+                        icon: `svg:${t(to)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1678,16 +1671,15 @@ const Pe = q("settings", () => {
       });
     };
   }
-}), vn = { class: "d-flex align-center" }, _n = {
+}), mn = { class: "d-flex align-center" }, fn = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, hn = /* @__PURE__ */ k("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), gn = { class: "me-1" }, yn = { class: "text-medium-emphasis text-caption" }, bn = { class: "d-flex align-start justify-space-between text-caption py-2" }, Vn = { class: "font-weight-bold" }, kn = { class: "font-weight-bold" }, $n = /* @__PURE__ */ $({
+}, vn = /* @__PURE__ */ k("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), _n = { class: "me-1" }, hn = { class: "text-medium-emphasis text-caption" }, gn = { class: "d-flex align-center" }, yn = /* @__PURE__ */ k("span", { class: "mx-1" }, "—", -1), bn = { class: "d-flex align-start justify-space-between text-caption py-2" }, Vn = { class: "font-weight-bold" }, kn = { class: "font-weight-bold" }, $n = /* @__PURE__ */ $({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(c, { emit: e }) {
-    const n = ke(), o = P(), s = e, a = x(() => {
-      if (!o.info)
-        return;
+    const n = ke(), o = j(), s = e, a = x(() => {
+      if (!o.info) return;
       const d = new Date(o.info.currentPeriodEnd * 1e3);
       return n.format(d, "keyboardDate");
     });
@@ -1695,7 +1687,7 @@ const Pe = q("settings", () => {
       o.interval && (o.isLoading = !0, o.subscribe(o.interval));
     }
     return (d, p) => {
-      const m = Se;
+      const m = Ce;
       return u(), v($e, null, {
         default: r(() => [
           i(de, { cols: "12" }, {
@@ -1721,14 +1713,14 @@ const Pe = q("settings", () => {
                         text: "Activate",
                         variant: "outlined",
                         onClick: l
-                      }, null, 8, ["loading"])) : S("", !0),
+                      }, null, 8, ["loading"])) : C("", !0),
                       t(o).hasBilling ? (u(), v(m, {
                         key: 1,
                         loading: t(o).isLoading,
-                        "prepend-icon": `svg:${t(no)}`,
+                        "prepend-icon": `svg:${t(oo)}`,
                         text: "Billing",
                         onClick: t(o).manage
-                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : S("", !0)
+                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : C("", !0)
                     ];
                   }),
                   _: 2
@@ -1736,13 +1728,13 @@ const Pe = q("settings", () => {
                   t(o).info ? {
                     name: "subtitle",
                     fn: r(() => [
-                      k("div", vn, [
-                        k("span", _n, C(t(o).info.status), 1),
+                      k("div", mn, [
+                        k("span", fn, S(t(o).info.status), 1),
                         t(o).info.items.length ? (u(), I(T, { key: 0 }, [
-                          hn,
-                          k("span", gn, [
-                            N(" $" + C(t(o).info.items[0].plan.amount / 100), 1),
-                            k("span", yn, "/" + C(t(o).interval), 1)
+                          vn,
+                          k("span", _n, [
+                            N(" $" + S(t(o).info.items[0].plan.amount / 100), 1),
+                            k("span", hn, "/" + S(t(o).interval), 1)
                           ]),
                           i(m, {
                             size: "x-small",
@@ -1750,20 +1742,20 @@ const Pe = q("settings", () => {
                             variant: "text",
                             onClick: p[0] || (p[0] = (V) => s("change:subscription"))
                           })
-                        ], 64)) : S("", !0)
+                        ], 64)) : C("", !0)
                       ])
                     ]),
                     key: "0"
                   } : {
                     name: "subtitle",
                     fn: r(() => [
-                      k("div", { class: "d-flex align-center" }, [
+                      k("div", gn, [
                         i(ye, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
-                        k("span", { class: "mx-1" }, "—"),
+                        yn,
                         i(ye, {
                           height: "16",
                           type: "ossein",
@@ -1778,11 +1770,11 @@ const Pe = q("settings", () => {
                   k("div", null, [
                     ((f = t(o).info) == null ? void 0 : f.status) === "active" ? (u(), I(T, { key: 0 }, [
                       N(" Your plan renews on "),
-                      k("span", Vn, C(t(n).format(t(a), "fullDateWithWeekday")), 1),
+                      k("span", Vn, S(t(n).format(t(a), "fullDateWithWeekday")), 1),
                       N(". ")
                     ], 64)) : (u(), I(T, { key: 1 }, [
                       N(" Your plan ends on "),
-                      k("span", kn, C(t(n).format((g = t(o).info) == null ? void 0 : g.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      k("span", kn, S(t(n).format((g = t(o).info) == null ? void 0 : g.currentPeriodEnd, "fullDateWithWeekday")), 1),
                       N(". ")
                     ], 64))
                   ])
@@ -1796,7 +1788,7 @@ const Pe = q("settings", () => {
       });
     };
   }
-}), wn = /* @__PURE__ */ k("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), xn = ["innerHTML"], Sn = /* @__PURE__ */ k("br", null, null, -1), Cn = /* @__PURE__ */ k("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), Ln = ["innerHTML"], In = /* @__PURE__ */ $({
+}), wn = /* @__PURE__ */ k("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), xn = ["innerHTML"], Cn = /* @__PURE__ */ k("br", null, null, -1), Sn = /* @__PURE__ */ k("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), Ln = ["innerHTML"], In = /* @__PURE__ */ $({
   __name: "VoSubscriptionPerks",
   setup(c) {
     const e = [
@@ -1810,8 +1802,8 @@ const Pe = q("settings", () => {
     ], n = [
       "Early access to Vuetify Studio, a visual editor for Vuetify",
       "Receive a special label on GitHub created issues and pull requests"
-    ], o = A(!1), s = P();
-    return j(o, async (a) => {
+    ], o = A(!1), s = j();
+    return z(o, async (a) => {
       a && s.subscriptionInfo();
     }), (a, l) => {
       const d = Y;
@@ -1850,14 +1842,14 @@ const Pe = q("settings", () => {
           ]),
           _: 1
         }),
-        Sn,
+        Cn,
         i(We, { class: "font-weight-black" }, {
           default: r(() => [
             N("Up Next")
           ]),
           _: 1
         }),
-        Cn,
+        Sn,
         i(ae, {
           class: "py-0",
           density: "compact",
@@ -1868,7 +1860,7 @@ const Pe = q("settings", () => {
             (u(), I(T, null, K(n, (p, m) => i(d, {
               key: m,
               class: "mb-0",
-              "prepend-icon": `svg:${t(so)}`
+              "prepend-icon": `svg:${t(no)}`
             }, {
               prepend: r(() => [
                 i(O, {
@@ -1897,12 +1889,12 @@ const Pe = q("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = A(!1), n = pe(c, "modelValue"), o = P();
-    return j(e, async (s) => {
+    const e = A(!1), n = pe(c, "modelValue"), o = j();
+    return z(e, async (s) => {
       s && o.subscriptionInfo();
-    }), j(() => o.interval, (s) => {
+    }), z(() => o.interval, (s) => {
       n.value = s;
-    }, { immediate: !0 }), (s, a) => (u(), v(ht, {
+    }, { immediate: !0 }), (s, a) => (u(), v(ft, {
       modelValue: n.value,
       "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
       mandatory: ""
@@ -1993,27 +1985,27 @@ const Pe = q("settings", () => {
     function e(m) {
       return new Promise((f) => setTimeout(f, m));
     }
-    const n = pe(c, "modelValue"), o = P(), s = Le(), a = A(o.interval), l = A(o.hasBilling ? "status" : "subscribe"), d = A(!1);
-    j(a, (m) => {
+    const n = pe(c, "modelValue"), o = j(), s = Le(), a = A(o.interval), l = A(o.hasBilling ? "status" : "subscribe"), d = A(!1);
+    z(a, (m) => {
       !o.isSubscriber || !o.interval || (d.value = m !== o.interval);
-    }), j(n, async (m) => {
+    }), z(n, async (m) => {
       if (!m || !o.isSubscriber) {
         m || o.resetQuery();
         return;
       }
       o.subscriptionInfo();
-    }), j(s, async () => {
+    }), z(s, async () => {
       !o.sessionId && !["subscribe", "status"].includes(s.value.one) || (l.value = o.sessionId || s.value.one === "status" ? "status" : "subscribe", o.isOpen = !0, await be(), n.value = !0);
     }, { immediate: !0 });
     async function p() {
       await o.modify(a.value), await o.subscriptionInfo(), d.value = null, await e(3e3), l.value = "status", await e(300), d.value = !1;
     }
     return (m, f) => {
-      const g = _e, V = An, y = In, _ = $n, h = fn, b = Se, z = Ce;
-      return u(), v(z, {
+      const g = _e, V = An, y = In, _ = $n, h = pn, b = Ce, M = Se;
+      return u(), v(M, {
         modelValue: n.value,
         "onUpdate:modelValue": f[4] || (f[4] = (D) => n.value = D),
-        "prepend-icon": `svg:${t(ao)}`,
+        "prepend-icon": `svg:${t(so)}`,
         title: "Subscriptions"
       }, R({
         default: r(() => [
@@ -2028,7 +2020,7 @@ const Pe = q("settings", () => {
                           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(yt, { "model-value": t(l) }, {
+                        i(_t, { "model-value": t(l) }, {
                           default: r(() => [
                             i(ge, { value: "subscribe" }, {
                               default: r(() => [
@@ -2075,7 +2067,7 @@ const Pe = q("settings", () => {
                 block: "",
                 color: "success",
                 loading: t(o).isLoading,
-                "prepend-icon": `svg:${t(d) !== null ? t(io) : t(De)}`,
+                "prepend-icon": `svg:${t(d) !== null ? t(ao) : t(De)}`,
                 readonly: t(d) === null,
                 size: "default",
                 text: t(d) !== null ? "Modify Subscription" : "Success",
@@ -2083,7 +2075,7 @@ const Pe = q("settings", () => {
               }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(o).one ? (u(), v(b, {
                 key: 2,
                 block: "",
-                "prepend-icon": `svg:${t(ro)}`,
+                "prepend-icon": `svg:${t(io)}`,
                 size: "default",
                 text: "Manage Subscription",
                 onClick: f[3] || (f[3] = (D) => l.value = "status")
@@ -2114,7 +2106,7 @@ const Pe = q("settings", () => {
       return u(), v(a, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(lo)}`,
+        "prepend-icon": `svg:${t(ro)}`,
         title: "Subscriptions"
       }, {
         default: r(() => [
@@ -2130,7 +2122,7 @@ const Pe = q("settings", () => {
 }), Tn = {
   key: 0,
   class: "text-success"
-}, Me = /* @__PURE__ */ $({
+}, Pe = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItem",
   props: {
     title: {},
@@ -2142,14 +2134,14 @@ const Pe = q("settings", () => {
     sponsorship: {}
   },
   setup(c) {
-    const e = c, n = Pe(), o = x(() => {
+    const e = c, n = je(), o = x(() => {
       var a, l;
       return `$${parseFloat(String((((a = e.sponsorship) == null ? void 0 : a.amount) ?? 0) / 100)).toFixed(2)} /${(l = e.sponsorship) == null ? void 0 : l.interval}`;
     });
     return (s, a) => {
       var d, p;
-      const l = Se;
-      return u(), v(Bo, {
+      const l = Ce;
+      return u(), v(Oo, {
         "dot-color": (d = s.sponsorship) != null && d.isActive ? "success" : "transparent",
         icon: (p = s.sponsorship) != null && p.isActive ? `svg:${t(Be)}` : void 0,
         size: "x-small",
@@ -2168,12 +2160,12 @@ const Pe = q("settings", () => {
               return [
                 (m = s.sponsorship) != null && m.isActive ? (u(), I("div", Tn, [
                   i(O, {
-                    icon: `svg:${t(co)}`,
+                    icon: `svg:${t(lo)}`,
                     size: "x-small"
                   }, null, 8, ["icon"]),
-                  N(" " + C(t(o)), 1)
+                  N(" " + S(t(o)), 1)
                 ])) : (u(), I(T, { key: 1 }, [
-                  N(C(s.text), 1)
+                  N(S(s.text), 1)
                 ], 64))
               ];
             }),
@@ -2210,7 +2202,7 @@ const Pe = q("settings", () => {
   __name: "VoSponsorshipsTimelineItemPatreon",
   setup(c) {
     return (e, n) => {
-      const o = Me;
+      const o = Pe;
       return u(), v(o, {
         disabled: "",
         logo: "patreon",
@@ -2219,12 +2211,12 @@ const Pe = q("settings", () => {
       });
     };
   }
-}), zn = /* @__PURE__ */ $({
+}), Mn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(c) {
-    const e = P();
+    const e = j();
     return (n, o) => {
-      const s = Me;
+      const s = Pe;
       return u(), v(s, {
         href: "https://discord.com/servers/vuetify-340160225338195969",
         logo: "discord",
@@ -2234,12 +2226,12 @@ const Pe = q("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), jn = /* @__PURE__ */ $({
+}), zn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(c) {
-    const e = P();
+    const e = j();
     return (n, o) => {
-      const s = Me;
+      const s = Pe;
       return u(), v(s, {
         href: "https://github.com/sponsors/johnleider",
         logo: "github",
@@ -2249,12 +2241,12 @@ const Pe = q("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Pn = /* @__PURE__ */ $({
+}), jn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(c) {
-    const e = P();
+    const e = j();
     return (n, o) => {
-      const s = Me;
+      const s = Pe;
       return u(), v(s, {
         logo: "one",
         sponsorship: t(e).one,
@@ -2264,12 +2256,12 @@ const Pe = q("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Mn = /* @__PURE__ */ $({
+}), Pn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimeline",
   setup(c) {
     return (e, n) => {
-      const o = Pn, s = jn, a = zn, l = Fn;
-      return u(), v(No, {
+      const o = jn, s = zn, a = Mn, l = Fn;
+      return u(), v(Uo, {
         class: "justify-start ms-n7",
         "line-inset": "12",
         side: "end",
@@ -2294,15 +2286,15 @@ const Pe = q("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = pe(c, "modelValue"), n = Le(), o = P();
-    return j(n, async () => {
+    const e = pe(c, "modelValue"), n = Le(), o = j();
+    return z(n, async () => {
       n.value.one === "sponsorships" && (o.isOpen = !0, await be(), e.value = !0);
     }, { immediate: !0 }), (s, a) => {
-      const l = _e, d = Mn, p = Ce;
+      const l = _e, d = Pn, p = Se;
       return u(), v(p, {
         modelValue: e.value,
         "onUpdate:modelValue": a[0] || (a[0] = (m) => e.value = m),
-        "prepend-icon": `svg:${t(uo)}`,
+        "prepend-icon": `svg:${t(co)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
@@ -2321,7 +2313,7 @@ const Pe = q("settings", () => {
                       ]),
                       _: 1
                     }),
-                    i(et, {
+                    i(Xe, {
                       class: "flex-1-0",
                       icon: "$vuetify",
                       "min-height": "auto",
@@ -2334,10 +2326,10 @@ const Pe = q("settings", () => {
                       ]),
                       title: r(() => [
                         N(" One Status: "),
-                        k("span", Rn, C(t(o).isSubscriber ? "Active" : "Inactive"), 1)
+                        k("span", Rn, S(t(o).isSubscriber ? "Active" : "Inactive"), 1)
                       ]),
                       text: r(() => [
-                        k("div", En, C(t(o).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
+                        k("div", En, S(t(o).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
                       ]),
                       _: 1
                     })
@@ -2362,7 +2354,7 @@ const Pe = q("settings", () => {
       return u(), v(a, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(po)}`,
+        "prepend-icon": `svg:${t(uo)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
@@ -2375,11 +2367,10 @@ const Pe = q("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Gn = q("downloads", () => {
+}), Zn = q("downloads", () => {
   const c = oe(), e = U([]), n = A(!1);
   async function o() {
-    if (e.value.length)
-      return e.value;
+    if (e.value.length) return e.value;
     n.value = !0;
     try {
       const s = await c.get("/one/sendowl/downloads");
@@ -2395,10 +2386,10 @@ const Pe = q("settings", () => {
     isLoading: n,
     index: o
   };
-}), Zn = /* @__PURE__ */ $({
+}), Gn = /* @__PURE__ */ $({
   __name: "VoDownloadsTable",
   setup(c) {
-    const e = ke(), n = Gn(), o = [
+    const e = ke(), n = Zn(), o = [
       {
         title: "Order ID",
         value: "order_name"
@@ -2436,7 +2427,7 @@ const Pe = q("settings", () => {
                 rounded: "lg"
               }, {
                 default: r(() => [
-                  i(gt, {
+                  i(vt, {
                     "fixed-header": "",
                     headers: o,
                     height: "640",
@@ -2444,22 +2435,22 @@ const Pe = q("settings", () => {
                     loading: t(n).isLoading
                   }, {
                     "item.order_name": r(({ item: d }) => [
-                      N(" #" + C(d.order_name), 1)
+                      N(" #" + S(d.order_name), 1)
                     ]),
                     "item.created_at": r(({ item: d }) => [
-                      N(C(t(e).format(d.created_at, "shortDate")), 1)
+                      N(S(t(e).format(d.created_at, "shortDate")), 1)
                     ]),
                     "item.download_items": r(({ item: d }) => [
                       (u(!0), I(T, null, K(d.download_items, (p, m) => (u(), I("div", {
                         key: m,
                         class: "text-truncate"
-                      }, C(p.name), 1))), 128))
+                      }, S(p.name), 1))), 128))
                     ]),
                     "item.download_url": r(({ item: d }) => [
-                      i(G, {
+                      i(Z, {
                         color: "medium-emphasis",
                         href: d.download_url,
-                        icon: `svg:${t(mo)}`,
+                        icon: `svg:${t(po)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -2483,18 +2474,18 @@ const Pe = q("settings", () => {
   setup(c) {
     const e = A(!1);
     return (n, o) => {
-      const s = Zn, a = Ce, l = Y;
+      const s = Gn, a = Se, l = Y;
       return u(), v(l, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(at)}`,
+        "prepend-icon": `svg:${t(nt)}`,
         title: "Downloads"
       }, {
         default: r(() => [
           i(a, {
             modelValue: t(e),
             "onUpdate:modelValue": o[0] || (o[0] = (d) => se(e) ? e.value = d : null),
-            "prepend-icon": `svg:${t(at)}`,
+            "prepend-icon": `svg:${t(nt)}`,
             title: "Downloads"
           }, {
             default: r(() => [
@@ -2527,19 +2518,14 @@ const Pe = q("settings", () => {
 }), Jn = /* @__PURE__ */ $({
   __name: "VoStudioNavItem",
   setup(c) {
-    const e = A(!1), n = [
-      ["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 (o, s) => {
-      const a = Y;
-      return u(), v(a, {
+    const e = A(!1);
+    return (n, o) => {
+      const s = Y;
+      return u(), v(s, {
         active: t(e),
         href: "https://studio.vuetifyjs.com/",
         link: "",
-        "prepend-icon": n,
+        "prepend-icon": "$vuetify-studio",
         target: "_blank",
         title: "Vuetify Studio"
       }, {
@@ -2560,7 +2546,7 @@ const Pe = q("settings", () => {
       }, 8, ["active"]);
     };
   }
-}), tt = q("site", () => {
+}), Ke = q("site", () => {
   const c = U([]), e = U();
   return {
     id: c,
@@ -2578,7 +2564,7 @@ const Pe = q("settings", () => {
     items: {}
   },
   setup(c) {
-    const e = ke(), n = ve(), o = F(), s = tt();
+    const e = ke(), n = ve(), o = F(), s = Ke();
     function a(d) {
       return o.notifications.last.banner.includes(d);
     }
@@ -2618,9 +2604,9 @@ const Pe = q("settings", () => {
                 ]),
                 _: 2
               }, 1032, ["color", "image", "title"]),
-              i(ze, null, {
+              i(Me, null, {
                 default: r(({ props: g, isHovering: V }) => [
-                  i(Ke, E(g, {
+                  i(Je, E({ ref_for: !0 }, g, {
                     border: "",
                     class: "px-8 pt-2 pb-4 position-relative",
                     rounded: "b"
@@ -2634,9 +2620,9 @@ const Pe = q("settings", () => {
                         activator: r(({ props: y }) => [
                           i(Te, { "hide-on-leave": "" }, {
                             default: r(() => [
-                              Ve(i(G, E(y, {
+                              Ve(i(Z, E({ ref_for: !0 }, y, {
                                 class: "ms-auto float-right",
-                                icon: `svg:${a(m.slug) ? t(mt) : t(pt)}`,
+                                icon: `svg:${a(m.slug) ? t(ut) : t(ct)}`,
                                 "mdi-email-variant": "",
                                 size: "small",
                                 variant: "text",
@@ -2649,11 +2635,11 @@ const Pe = q("settings", () => {
                           }, 1024)
                         ]),
                         _: 2
-                      }, 1032, ["text"])) : S("", !0),
-                      k("div", ts, C(m.metadata.text), 1),
-                      k("div", os, C(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
-                      k("div", ns, C(m.metadata.subtext), 1),
-                      i(X, E({
+                      }, 1032, ["text"])) : C("", !0),
+                      k("div", ts, S(m.metadata.text), 1),
+                      k("div", os, S(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
+                      k("div", ns, S(m.metadata.subtext), 1),
+                      i(X, E({ ref_for: !0 }, {
                         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
@@ -2679,7 +2665,7 @@ const Pe = q("settings", () => {
             ]);
           }), 128))
         ])) : (u(), I("div", Xn, [
-          i(et, {
+          i(Xe, {
             icon: "$vuetify",
             size: "256"
           }, {
@@ -2723,14 +2709,14 @@ const Pe = q("settings", () => {
     }
     return (p, m) => {
       const f = Y;
-      return u(), v(ze, null, {
+      return u(), v(Me, null, {
         default: r(({ isHovering: g, props: V }) => [
           i(f, E(V, { class: "py-4 mb-0" }), {
             prepend: r(() => [
-              k("div", as, C(p.notification.metadata.emoji), 1)
+              k("div", as, S(p.notification.metadata.emoji), 1)
             ]),
             append: r(() => [
-              i(To, {
+              i(Bo, {
                 class: "mt-n3",
                 width: "56"
               }, {
@@ -2742,9 +2728,9 @@ const Pe = q("settings", () => {
                     activator: r(({ props: y }) => [
                       i(Te, { "hide-on-leave": "" }, {
                         default: r(() => [
-                          Ve(i(G, E(y, {
+                          Ve(i(Z, E(y, {
                             class: "ms-auto",
-                            icon: `svg:${l(p.notification.slug) ? t(mt) : t(pt)}`,
+                            icon: `svg:${l(p.notification.slug) ? t(ut) : t(ct)}`,
                             "mdi-email-variant": "",
                             size: "small",
                             variant: "text",
@@ -2763,14 +2749,14 @@ const Pe = q("settings", () => {
               }, 1024)
             ]),
             default: r(() => [
-              i(ft, { class: "text-wrap text-h6 mb-1" }, {
+              i(dt, { class: "text-wrap text-h6 mb-1" }, {
                 default: r(() => [
-                  k("div", is, C(p.notification.title), 1)
+                  k("div", is, S(p.notification.title), 1)
                 ]),
                 _: 1
               }),
-              k("div", rs, C(t(o).format(p.notification.created_at, "fullDateWithWeekday")), 1),
-              k("div", ls, C(p.notification.metadata.text), 1),
+              k("div", rs, S(t(o).format(p.notification.created_at, "fullDateWithWeekday")), 1),
+              k("div", ls, S(p.notification.metadata.text), 1),
               i(X, E({
                 "append-icon": `svg:${t(Ne)}`
               }, t(a), {
@@ -2813,10 +2799,10 @@ const Pe = q("settings", () => {
           e.items.length ? (u(!0), I(T, { key: 1 }, K(e.items, (s, a) => (u(), I(T, {
             key: s.slug
           }, [
-            a !== 0 ? (u(), v(Q, { key: 0 })) : S("", !0),
+            a !== 0 ? (u(), v(Q, { key: 0 })) : C("", !0),
             i(o, { notification: s }, null, 8, ["notification"])
           ], 64))), 128)) : (u(), I("div", us, [
-            i(et, {
+            i(Xe, {
               icon: "$vuetify",
               size: "256"
             }, {
@@ -2835,19 +2821,17 @@ const Pe = q("settings", () => {
     };
   }
 }), He = q("banners", () => {
-  const c = oe(), e = tt(), n = F(), o = U([]), s = U([]), a = U(), l = A(!1), d = x(() => {
-    if (a.value)
-      return a.value;
-    if (p.value)
-      return p.value;
+  const c = oe(), e = Ke(), n = F(), o = U([]), s = U([]), a = U(), l = A(!1), d = x(() => {
+    if (a.value) return a.value;
+    if (p.value) return p.value;
     if (n.notifications.banners)
       return o.value.find(({
         slug: h,
         metadata: {
           site: b,
-          active: z
+          active: M
         }
-      }) => !z || n.notifications.last.banner.includes(h) ? !1 : b.includes("dev") && !1 || b.includes("*") ? !0 : b.some((D) => e.id.includes(D)));
+      }) => !M || n.notifications.last.banner.includes(h) ? !1 : b.includes("dev") && !1 || b.includes("*") ? !0 : b.some((D) => e.id.includes(D)));
   }), p = x(() => o.value.find(({
     metadata: {
       site: h,
@@ -2891,11 +2875,11 @@ const Pe = q("settings", () => {
   async function V(h, b) {
     try {
       l.value = !0;
-      const z = await c.form(
+      const M = await c.form(
         `/one/admin/banners/${h}`,
         b
       );
-      return a.value = z.banner, z.banner;
+      return a.value = M.banner, M.banner;
     } catch {
     } finally {
       l.value = !1;
@@ -2936,25 +2920,25 @@ const Pe = q("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = ve(), n = Le(), o = He(), s = je(), a = P(), l = F(), d = A(["read"]), p = pe(c, "modelValue");
-    return j(n, async () => {
+    const e = ve(), n = Le(), o = He(), s = ze(), a = j(), l = F(), d = A(["read"]), p = pe(c, "modelValue");
+    return z(n, async () => {
       if (n.value.one !== "notifications") {
         p.value && (p.value = !1);
         return;
       }
       a.isOpen = !0, await be(), p.value = !0;
     }, { immediate: !0 }), (m, f) => {
-      const g = Y, V = ps, y = ss, _ = Ce;
+      const g = Y, V = ps, y = ss, _ = Se;
       return u(), v(_, {
         modelValue: p.value,
         "onUpdate:modelValue": f[2] || (f[2] = (h) => p.value = h),
-        "prepend-icon": `svg:${t(fo)}`,
+        "prepend-icon": `svg:${t(mo)}`,
         title: "Notifications"
       }, {
         default: r(() => [
           i(we, null, {
             default: r(() => [
-              i(Fo, {
+              i(No, {
                 location: t(e).mobile.value ? "top" : "start",
                 permanent: "",
                 width: t(e).mobile.value ? 128 : 168
@@ -2970,45 +2954,45 @@ const Pe = q("settings", () => {
                   }, {
                     default: r(() => [
                       i(g, {
-                        "prepend-icon": `svg:${t(vo)}`,
+                        "prepend-icon": `svg:${t(fo)}`,
                         title: "Unread",
                         value: "read"
                       }, R({ _: 2 }, [
                         t(s).unread.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            k("span", ms, C(t(s).unread.length), 1)
+                            k("span", ms, S(t(s).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       i(g, {
-                        "prepend-icon": `svg:${t(_o)}`,
+                        "prepend-icon": `svg:${t(vo)}`,
                         title: "Read",
                         value: "unread"
                       }, R({ _: 2 }, [
                         t(s).read.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            k("span", fs, C(t(s).read.length), 1)
+                            k("span", fs, S(t(s).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       t(o).all.length > 0 && t(l).notifications.banners ? (u(), v(g, {
                         key: 0,
-                        "prepend-icon": `svg:${t(ho)}`,
+                        "prepend-icon": `svg:${t(_o)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
                         append: r(() => [
-                          i(Xe, {
+                          i(Ye, {
                             dot: "",
                             "offset-y": "-3"
                           })
                         ]),
                         _: 1
-                      }, 8, ["prepend-icon"])) : S("", !0)
+                      }, 8, ["prepend-icon"])) : C("", !0)
                     ]),
                     _: 1
                   }, 8, ["selected"])
@@ -3017,7 +3001,7 @@ const Pe = q("settings", () => {
               }, 8, ["location", "width"]),
               i(xe, { scrollable: "" }, {
                 default: r(() => [
-                  i(yt, {
+                  i(_t, {
                     modelValue: t(d),
                     "onUpdate:modelValue": f[1] || (f[1] = (h) => se(d) ? d.value = h : null)
                   }, {
@@ -3063,8 +3047,8 @@ const Pe = q("settings", () => {
 }), _s = /* @__PURE__ */ $({
   __name: "VoNotificationsBadge",
   setup(c) {
-    const e = je(), n = F();
-    return (o, s) => (u(), v(Xe, {
+    const e = ze(), n = F();
+    return (o, s) => (u(), v(Ye, {
       color: "error",
       content: t(e).unread.length,
       "model-value": t(n).notifications.show && t(e).unread.length > 0
@@ -3078,7 +3062,7 @@ const Pe = q("settings", () => {
 }), hs = /* @__PURE__ */ $({
   __name: "VoNotificationsNavItem",
   setup(c) {
-    const e = He(), n = F(), o = je(), s = A(!1);
+    const e = He(), n = F(), o = ze(), s = A(!1);
     return Oe(async () => {
       o.index(), e.index();
     }), (a, l) => {
@@ -3087,7 +3071,7 @@ const Pe = q("settings", () => {
         key: 0,
         active: t(s),
         link: "",
-        "prepend-icon": `svg:${t(go)}`,
+        "prepend-icon": `svg:${t(ho)}`,
         title: "Notifications"
       }, R({
         default: r(() => [
@@ -3110,13 +3094,13 @@ const Pe = q("settings", () => {
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["active", "prepend-icon"])) : S("", !0);
+      ]), 1032, ["active", "prepend-icon"])) : C("", !0);
     };
   }
 }), gs = /* @__PURE__ */ $({
   __name: "VoDashboardNavItem",
   setup(c) {
-    const e = P();
+    const e = j();
     function n() {
       setTimeout(() => {
         e.isOpen = !1;
@@ -3125,7 +3109,7 @@ const Pe = q("settings", () => {
     return (o, s) => {
       const a = Y;
       return u(), v(a, {
-        "prepend-icon": `svg:${t(yo)}`,
+        "prepend-icon": `svg:${t(go)}`,
         title: "Dashboard",
         to: "/user/dashboard",
         onClick: n
@@ -3135,29 +3119,29 @@ const Pe = q("settings", () => {
 }), ys = /* @__PURE__ */ $({
   __name: "VoUserList",
   setup(c) {
-    const e = M(), n = P();
+    const e = P(), n = j();
     return (o, s) => {
-      const a = gs, l = hs, d = Jn, p = Yn, m = qn, f = Nn, g = pn, V = nn;
+      const a = gs, l = hs, d = Jn, p = Yn, m = qn, f = Nn, g = un, V = tn;
       return u(), v(ae, {
         density: "compact",
         nav: "",
         slim: ""
       }, {
         default: r(() => [
-          i(a),
+          t(e).user ? (u(), v(a, { key: 0 })) : C("", !0),
           i(l),
           i(d),
-          t(n).shopify ? (u(), v(p, { key: 0 })) : S("", !0),
+          t(n).shopify ? (u(), v(p, { key: 1 })) : C("", !0),
           i(m),
-          t(e).user ? (u(), v(f, { key: 1 })) : S("", !0),
+          t(e).user ? (u(), v(f, { key: 2 })) : C("", !0),
           i(g),
-          t(e).user ? (u(), v(V, { key: 2 })) : S("", !0)
+          t(e).user ? (u(), v(V, { key: 3 })) : C("", !0)
         ]),
         _: 1
       });
     };
   }
-}), Lt = /* @__PURE__ */ $({
+}), xt = /* @__PURE__ */ $({
   __name: "VoIconIssues",
   setup(c) {
     const e = [
@@ -3167,28 +3151,22 @@ const Pe = q("settings", () => {
     ];
     return (n, o) => (u(), v(O, { icon: e }));
   }
-}), It = /* @__PURE__ */ $({
+}), Ct = /* @__PURE__ */ $({
   __name: "VoIconBin",
   setup(c) {
-    const e = [
-      ["M18.9112 5.03206L3.68692 8.88953C3.68692 8.88953 2.00252 6.21666 2 6.21428C2.02517 6.20794 18.6159 2.00476 18.6394 2L18.8944 4.8489L18.9095 5.01937L18.9112 5.03285V5.03206Z", 0.6],
-      ["M19.4556 10.9994C19.4556 10.9994 7.06082 14.1417 7.05915 14.1386L5.3739 11.4641C5.41836 11.453 18.4582 8.14817 18.4993 8.13945L19.1838 7.9658L19.4556 10.9994Z", 1],
-      "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 (n, o) => (u(), v(O, { icon: e }));
+    return (e, n) => (u(), v(O, { icon: "$vuetify-bin" }));
   }
 }), bs = { key: 0 }, Vs = { class: "d-flex align-center justify-center pa-1 ga-2" }, ks = /* @__PURE__ */ $({
   __name: "VoUserQuickActions",
   setup(c) {
     const e = F();
     return (n, o) => {
-      const s = It, a = Lt;
+      const s = Ct, a = xt;
       return u(), v(fe, null, {
         default: r(() => [
           t(e).quickbar ? (u(), I("div", bs, [
             k("div", Vs, [
-              i(G, {
+              i(Z, {
                 class: "text-caption",
                 color: t(e).colors.one,
                 density: "comfortable",
@@ -3207,7 +3185,7 @@ const Pe = q("settings", () => {
                 ]),
                 _: 1
               }, 8, ["color"]),
-              i(G, {
+              i(Z, {
                 class: "text-caption",
                 color: t(e).colors.one,
                 density: "comfortable",
@@ -3226,7 +3204,7 @@ const Pe = q("settings", () => {
                 ]),
                 _: 1
               }, 8, ["color"]),
-              i(G, {
+              i(Z, {
                 class: "text-caption",
                 color: t(e).colors.one,
                 density: "comfortable",
@@ -3246,16 +3224,16 @@ const Pe = q("settings", () => {
                 _: 1
               }, 8, ["color"])
             ])
-          ])) : S("", !0)
+          ])) : C("", !0)
         ]),
         _: 1
       });
     };
   }
-}), $s = { class: "mb-2" }, ws = { key: 0 }, xs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Ss = { class: "text-h6" }, Cs = /* @__PURE__ */ $({
+}), $s = { class: "mb-2" }, ws = { key: 0 }, xs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Cs = { class: "text-h6" }, Ss = /* @__PURE__ */ $({
   __name: "VoUserAvatar",
   setup(c) {
-    const e = M(), n = P(), o = F(), s = A(!1), a = x(() => {
+    const e = P(), n = j(), o = F(), s = A(!1), a = x(() => {
       const p = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/dark.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackguard.png",
@@ -3284,7 +3262,7 @@ const Pe = q("settings", () => {
       var f;
       return u(), I("div", null, [
         Ve((u(), v(ee, {
-          class: Ft([
+          class: Bt([
             "border-md border-opacity-100 border-surface-light",
             {
               "cursor-pointer": t(n).isSubscriber
@@ -3293,7 +3271,7 @@ const Pe = q("settings", () => {
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: Ge(d, ["prevent", "stop"])
+          onClick: Ze(d, ["prevent", "stop"])
         }, {
           default: r(() => [
             t(e).user && t(o).avatar ? (u(), v(te, {
@@ -3309,7 +3287,7 @@ const Pe = q("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [zo, t(n).isSubscriber]
+          [To, t(n).isSubscriber]
         ]),
         k("div", $s, [
           i(fe, null, {
@@ -3322,7 +3300,7 @@ const Pe = q("settings", () => {
                 }, {
                   default: r(() => [
                     k("div", xs, [
-                      (u(!0), I(T, null, K(t(a), (g, V) => (u(), v(G, {
+                      (u(!0), I(T, null, K(t(a), (g, V) => (u(), v(Z, {
                         key: V,
                         active: t(o).avatar === g,
                         icon: "",
@@ -3341,23 +3319,23 @@ const Pe = q("settings", () => {
                   ]),
                   _: 1
                 })
-              ])) : S("", !0)
+              ])) : C("", !0)
             ]),
             _: 1
           })
         ]),
-        k("div", Ss, C(((f = t(e).user) == null ? void 0 : f.name) ?? "Guest"), 1)
+        k("div", Cs, S(((f = t(e).user) == null ? void 0 : f.name) ?? "Guest"), 1)
       ]);
     };
   }
 }), Ls = /* @__PURE__ */ $({
   __name: "VoUserBadges",
   setup(c) {
-    const e = M(), n = P(), o = x(() => {
+    const e = P(), n = j(), o = x(() => {
       var s;
       return n.github || n.discord || n.isSubscriber || ((s = e.user) == null ? void 0 : s.isAdmin);
     });
-    return (s, a) => t(o) ? (u(), v(Ke, {
+    return (s, a) => t(o) ? (u(), v(Je, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
       color: "rgba(0,0,0,.54)",
@@ -3379,7 +3357,7 @@ const Pe = q("settings", () => {
               }, d, { size: "16" }), null, 16)
             ]),
             _: 1
-          })) : S("", !0),
+          })) : C("", !0),
           t(n).isSubscriber ? (u(), v(J, {
             key: 1,
             location: "bottom",
@@ -3388,11 +3366,11 @@ const Pe = q("settings", () => {
             activator: r(({ props: d }) => [
               i(O, E({
                 color: "amber-darken-2",
-                icon: `svg:${t(bo)}`
+                icon: `svg:${t(yo)}`
               }, d, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
-          })) : S("", !0),
+          })) : C("", !0),
           t(n).github ? (u(), v(J, {
             key: 2,
             location: "bottom",
@@ -3401,11 +3379,11 @@ const Pe = q("settings", () => {
             activator: r(({ props: d }) => [
               i(O, E({
                 color: "white",
-                icon: `svg:${t(Ye)}`
-              }, d, { size: "16" }), null, 16, ["icon"])
+                icon: "$github"
+              }, d, { size: "16" }), null, 16)
             ]),
             _: 1
-          })) : S("", !0),
+          })) : C("", !0),
           t(n).discord ? (u(), v(J, {
             key: 3,
             location: "bottom",
@@ -3414,15 +3392,15 @@ const Pe = q("settings", () => {
             activator: r(({ props: d }) => [
               i(O, E({
                 color: "white",
-                icon: `svg:${t(Qe)}`
-              }, d, { size: "16" }), null, 16, ["icon"])
+                icon: "$discord"
+              }, d, { size: "16" }), null, 16)
             ]),
             _: 1
-          })) : S("", !0)
+          })) : C("", !0)
         ];
       }),
       _: 1
-    })) : S("", !0);
+    })) : C("", !0);
   }
 }), Is = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, As = {
   key: "reset",
@@ -3430,12 +3408,12 @@ const Pe = q("settings", () => {
 }, Ds = /* @__PURE__ */ $({
   __name: "VoUserColors",
   setup(c) {
-    const e = M(), n = P(), o = F(), s = A(!1);
+    const e = P(), n = j(), o = F(), s = A(!1);
     function a() {
       o.colors.one = "surface-light";
     }
     return (l, d) => {
-      const p = Ls, m = Se;
+      const p = Ls, m = Ce;
       return u(), I(T, null, [
         i(te, {
           color: t(e).user ? t(o).colors.one : "surface-light",
@@ -3448,7 +3426,7 @@ const Pe = q("settings", () => {
           default: r(() => [
             k("div", Is, [
               i(p),
-              i(Do, null, {
+              i(Io, null, {
                 default: r(() => [
                   Ve(k("div", As, [
                     i(m, {
@@ -3456,7 +3434,7 @@ const Pe = q("settings", () => {
                       color: "inherit",
                       density: "comfortable",
                       disabled: t(o).colors.one === "surface-light",
-                      icon: `svg:${t(Vo)}`,
+                      icon: `svg:${t(bo)}`,
                       title: "Revert to Default",
                       variant: "text",
                       onClick: a
@@ -3489,14 +3467,14 @@ const Pe = q("settings", () => {
                   })
                 ]),
                 _: 1
-              }, 8, ["active", "icon", "variant"])) : S("", !0)
+              }, 8, ["active", "icon", "variant"])) : C("", !0)
             ])
           ]),
           _: 1
         }, 8, ["color"]),
         i(fe, null, {
           default: r(() => [
-            t(s) ? (u(), v(jo, {
+            t(s) ? (u(), v(Fo, {
               key: 0,
               elevation: "0",
               height: "250",
@@ -3509,7 +3487,7 @@ const Pe = q("settings", () => {
               "swatches-max-height": "200",
               width: "278",
               "onUpdate:modelValue": d[1] || (d[1] = (f) => t(o).colors.one = f)
-            }, null, 8, ["model-value"])) : S("", !0)
+            }, null, 8, ["model-value"])) : C("", !0)
           ]),
           _: 1
         })
@@ -3519,13 +3497,13 @@ const Pe = q("settings", () => {
 }), Os = { class: "text-center mt-n9 mb-4" }, Us = /* @__PURE__ */ $({
   __name: "VoUserMenu",
   setup(c) {
-    const e = He(), n = P(), o = U();
-    return j(() => e.banner, async () => {
+    const e = He(), n = j(), o = U();
+    return z(() => e.banner, async () => {
       var s, a;
       await new Promise((l) => setTimeout(l, 300)), n.isOpen && ((a = (s = o.value) == null ? void 0 : s.updateLocation) == null || a.call(s));
     }, { flush: "pre" }), (s, a) => {
-      const l = Ds, d = Cs, p = ks, m = ys, f = St;
-      return u(), v(t(Po), {
+      const l = Ds, d = Ss, p = ks, m = ys, f = $t;
+      return u(), v(Mo, {
         ref_key: "menu",
         ref: o,
         modelValue: t(n).isOpen,
@@ -3560,22 +3538,22 @@ const Pe = q("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Bs = { key: 0 }, At = /* @__PURE__ */ $({
+}), Bs = { key: 0 }, St = /* @__PURE__ */ $({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(c) {
-    const e = M(), n = P(), o = F(), { lgAndUp: s } = ve(), a = x(() => n.isOpen || !e.user ? o.colors.one === "surface-light" ? "primary" : o.colors.one : "surface-light");
+    const e = P(), n = j(), o = F(), { lgAndUp: s } = ve(), a = x(() => n.isOpen || !e.user ? o.colors.one === "surface-light" ? "primary" : o.colors.one : "surface-light");
     return (l, d) => {
-      const p = Us, m = Se, f = tn, g = xt, V = Eo;
+      const p = Us, m = Ce, f = Ko, g = kt, V = Ho;
       return u(), I(T, null, [
         i(f, {
           "offset-y": t(e).user ? 5 : 0
         }, {
           default: r(() => [
             i(m, E({
-              [`${t(s) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(ko)}`
+              [`${t(s) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(Vo)}`
             }, {
               active: "",
               border: !!t(e).user,
@@ -3588,11 +3566,11 @@ const Pe = q("settings", () => {
               variant: t(e).user ? t(n).isOpen ? "outlined" : "text" : "flat"
             }), {
               default: r(() => [
-                t(e).user ? S("", !0) : (u(), I("span", Bs, "Login")),
+                t(e).user ? C("", !0) : (u(), I("span", Bs, "Login")),
                 t(e).user ? (u(), v(ee, {
                   key: 1,
                   image: t(o).avatar || t(e).user.picture || ""
-                }, null, 8, ["image"])) : S("", !0),
+                }, null, 8, ["image"])) : C("", !0),
                 i(p)
               ]),
               _: 1
@@ -3611,10 +3589,10 @@ const Pe = q("settings", () => {
     logo: {}
   },
   setup(c) {
-    const e = c, n = Fe(), o = Pe(), s = x(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${e.logo}-logo-${n.current.value.dark ? "dark" : "light"}.png`);
+    const e = c, n = Fe(), o = je(), s = x(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${e.logo}-logo-${n.current.value.dark ? "dark" : "light"}.png`);
     return (a, l) => {
-      const d = it("router-link"), p = At;
-      return u(), v(bt, {
+      const d = Nt("router-link"), p = St;
+      return u(), v(ht, {
         class: "border-b",
         image: t(o).suit["app-bar"],
         name: "vo-app-bar"
@@ -3641,7 +3619,7 @@ const Pe = q("settings", () => {
             class: "mx-4 align-self-center h-100",
             length: "20",
             vertical: ""
-          })) : S("", !0),
+          })) : C("", !0),
           i(p)
         ]),
         default: r(() => [
@@ -3672,7 +3650,7 @@ const Pe = q("settings", () => {
     demo: { type: Boolean }
   },
   setup(c) {
-    const e = c, { mdAndUp: n } = ve(), o = Je(), s = F(), a = He(), l = x(() => a.banner), d = x(() => {
+    const e = c, { mdAndUp: n } = ve(), o = Qe(), s = F(), a = He(), l = x(() => a.banner), d = x(() => {
       var V, y;
       return ((V = l.value) == null ? void 0 : V.metadata.height) || ((y = l.value) != null && y.metadata.subtext ? 88 : 48);
     }), p = x(() => e.demo ? !0 : !l.value || !s.notifications.last.banner.includes(l.value.slug));
@@ -3681,12 +3659,10 @@ const Pe = q("settings", () => {
     }
     async function f(V) {
       var h;
-      if (!l.value)
-        return;
+      if (!l.value) return;
       m(), await be();
       const y = ((h = l.value) == null ? void 0 : h.metadata) ?? { link: "" };
-      if (y.link.indexOf("?one=") === -1)
-        return;
+      if (y.link.indexOf("?one=") === -1) return;
       V.preventDefault(), V.stopPropagation();
       const _ = y.link.split("?one=")[1];
       o.push({ query: { one: _ } });
@@ -3704,7 +3680,7 @@ const Pe = q("settings", () => {
     });
     return (V, y) => {
       var _;
-      return t(l) ? (u(), v(bt, {
+      return t(l) ? (u(), v(ht, {
         key: 0,
         color: t(l).metadata.color,
         flat: "",
@@ -3728,12 +3704,12 @@ const Pe = q("settings", () => {
                 image: t(l).metadata.images.logo.url,
                 size: "x-large",
                 tile: ""
-              }, null, 8, ["image"])) : S("", !0)
+              }, null, 8, ["image"])) : C("", !0)
             ]),
             append: r(() => [
-              t(n) && t(l).metadata.link && t(l).metadata.link_text ? (u(), v(ze, { key: 0 }, {
+              t(n) && t(l).metadata.link && t(l).metadata.link_text ? (u(), v(Me, { key: 0 }, {
                 default: r(({ isHovering: h, props: b }) => [
-                  i(G, E({
+                  i(Z, E({
                     ...b,
                     ...t(g)
                   }, {
@@ -3746,14 +3722,14 @@ const Pe = q("settings", () => {
                     onClick: f
                   }), {
                     default: r(() => [
-                      N(C(t(l).metadata.link_text), 1)
+                      N(S(t(l).metadata.link_text), 1)
                     ]),
                     _: 2
                   }, 1040, ["append-icon", "color", "elevation", "title"])
                 ]),
                 _: 1
-              })) : S("", !0),
-              t(l).metadata.closable ? (u(), v(G, {
+              })) : C("", !0),
+              t(l).metadata.closable ? (u(), v(Z, {
                 key: 1,
                 class: "ms-6 me-2",
                 density: "comfortable",
@@ -3761,38 +3737,38 @@ const Pe = q("settings", () => {
                 icon: "$clear",
                 size: "small",
                 variant: "plain",
-                onClick: Ge(m, ["prevent", "stop"])
-              }, null, 8, ["disabled"])) : S("", !0)
+                onClick: Ze(m, ["prevent", "stop"])
+              }, null, 8, ["disabled"])) : C("", !0)
             ]),
             default: r(() => [
-              t(l).metadata.text ? (u(), v(ft, {
+              t(l).metadata.text ? (u(), v(dt, {
                 key: 0,
                 class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
               }, {
                 default: r(() => [
-                  N(C(t(l).metadata.text), 1)
+                  N(S(t(l).metadata.text), 1)
                 ]),
                 _: 1
-              })) : S("", !0),
-              t(l).metadata.subtext ? (u(), v(Co, { key: 1 }, {
+              })) : C("", !0),
+              t(l).metadata.subtext ? (u(), v(xo, { key: 1 }, {
                 default: r(() => [
-                  N(C(t(l).metadata.subtext), 1)
+                  N(S(t(l).metadata.subtext), 1)
                 ]),
                 _: 1
-              })) : S("", !0)
+              })) : C("", !0)
             ]),
             _: 1
           }, 16)
         ]),
         _: 1
-      }, 8, ["color", "height", "image", "location", "model-value"])) : S("", !0);
+      }, 8, ["color", "height", "image", "location", "model-value"])) : C("", !0);
     };
   }
 }), Fs = {
   key: 0,
   class: "text-uppercase position-absolute ms-auto font-weight-medium on-surface-light",
   style: { right: "12px", bottom: "8px", "font-size": "10px" }
-}, Dt = /* @__PURE__ */ $({
+}, Lt = /* @__PURE__ */ $({
   __name: "VoPromotionsCard",
   props: {
     caption: {},
@@ -3808,7 +3784,7 @@ const Pe = q("settings", () => {
       target: "_blank"
     }, R({
       default: r(() => [
-        i(Mo, {
+        i(zo, {
           "min-height": e.minHeight,
           width: "100%"
         }, {
@@ -3817,7 +3793,7 @@ const Pe = q("settings", () => {
           ]),
           _: 3
         }, 8, ["min-height"]),
-        e.caption ? (u(), I("div", Fs, C(e.caption), 1)) : S("", !0)
+        e.caption ? (u(), I("div", Fs, S(e.caption), 1)) : C("", !0)
       ]),
       _: 2
     }, [
@@ -3837,9 +3813,9 @@ const Pe = q("settings", () => {
       } : void 0
     ]), 1024));
   }
-}), ot = q("promotions", () => {
+}), et = q("promotions", () => {
   const c = oe(), e = U([]), n = U([]), o = U(), s = A(!1), a = A(!1), l = x(() => e.value.filter((_) => _.metadata.discoverable));
-  Ze(p);
+  Ge(p);
   function d(_) {
     const h = _.filter((b) => b.metadata.active);
     return h[Math.floor(Math.random() * h.length)];
@@ -3919,15 +3895,14 @@ const Pe = q("settings", () => {
     store: f,
     update: g
   };
-}), zs = /* @__PURE__ */ $({
+}), Ms = /* @__PURE__ */ $({
   __name: "VoPromotionsCardHighlight",
   props: {
     slug: {}
   },
   setup(c) {
-    const e = c, n = M(), o = ot(), s = Fe(), a = F(), l = x(() => {
-      if (o.record)
-        return o.record;
+    const e = c, n = P(), o = et(), s = Fe(), a = F(), l = x(() => {
+      if (o.record) return o.record;
       if (!(n.user && a.disableAds))
         return e.slug ? o.all.find((m) => m.slug === e.slug) : o.random(o.all);
     }), d = x(() => {
@@ -3941,7 +3916,7 @@ const Pe = q("settings", () => {
     });
     return (m, f) => {
       var V, y, _;
-      const g = Dt;
+      const g = Lt;
       return t(l) || !t(o).hasLoaded ? (u(), v(g, {
         key: 0,
         class: "mb-4",
@@ -3955,7 +3930,7 @@ const Pe = q("settings", () => {
         width: "100%"
       }, R({
         default: r(() => [
-          t(o).hasLoaded ? S("", !0) : (u(), v(ye, {
+          t(o).hasLoaded ? C("", !0) : (u(), v(ye, {
             key: 0,
             class: "flex-1-0 overflow-hidden",
             color: "transparent",
@@ -3984,24 +3959,23 @@ const Pe = q("settings", () => {
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : S("", !0);
+      ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : C("", !0);
     };
   }
-}), js = { class: "d-flex ga-4" }, Ps = { class: "d-flex align-start ga-4" }, Ms = { class: "text-caption on-surface-light" }, Hs = /* @__PURE__ */ $({
+}), zs = { class: "d-flex ga-4" }, js = { class: "d-flex align-start ga-4" }, Ps = { class: "text-caption on-surface-light" }, Hs = /* @__PURE__ */ $({
   __name: "VoPromotionsCardVuetify",
   props: {
     slug: {}
   },
   setup(c) {
-    const e = c, n = M(), o = ot(), s = F(), a = x(() => {
-      if (o.record)
-        return o.record;
+    const e = c, n = P(), o = et(), s = F(), a = x(() => {
+      if (o.record) return o.record;
       if (!(n.user && s.disableAds && !s.showHouseAds))
-        return e.slug ? o.all.find((l) => l.slug === e.slug) : o.random(o.all);
+        return e.slug ? o.all.find((l) => l.slug === e.slug) : o.random(s.disableAds && s.showHouseAds ? o.discoverable : o.all);
     });
     return (l, d) => {
       var m, f;
-      const p = Dt;
+      const p = Lt;
       return t(a) || !t(o).hasLoaded ? (u(), v(p, {
         key: 0,
         border: "",
@@ -4013,7 +3987,7 @@ const Pe = q("settings", () => {
         default: r(() => {
           var g, V, y;
           return [
-            k("div", js, [
+            k("div", zs, [
               t(o).hasLoaded ? t(a) ? (u(), I(T, { key: 1 }, [
                 i(te, {
                   cover: "",
@@ -4024,10 +3998,10 @@ const Pe = q("settings", () => {
                   src: (V = (g = t(a).metadata) == null ? void 0 : g.images.default) == null ? void 0 : V.url,
                   width: "100%"
                 }, null, 8, ["src"]),
-                k("div", Ps, [
-                  k("div", Ms, C((y = t(a).metadata) == null ? void 0 : y.text), 1)
+                k("div", js, [
+                  k("div", Ps, S((y = t(a).metadata) == null ? void 0 : y.text), 1)
                 ])
-              ], 64)) : S("", !0) : (u(), I(T, { key: 0 }, [
+              ], 64)) : C("", !0) : (u(), I(T, { key: 0 }, [
                 i(ye, {
                   class: "flex-1-0 overflow-hidden",
                   color: "transparent",
@@ -4048,7 +4022,7 @@ const Pe = q("settings", () => {
           ];
         }),
         _: 1
-      }, 8, ["href"])) : S("", !0);
+      }, 8, ["href"])) : C("", !0);
     };
   }
 }), Rs = {
@@ -4060,7 +4034,7 @@ const Pe = q("settings", () => {
     image: {}
   },
   setup(c) {
-    return (e, n) => (u(), v(Ho, {
+    return (e, n) => (u(), v(jo, {
       class: "vo-footer",
       height: "40"
     }, {
@@ -4072,26 +4046,25 @@ const Pe = q("settings", () => {
             position: "left",
             src: e.image
           }, null, 8, ["src"]))
-        ])) : S("", !0),
+        ])) : C("", !0),
         B(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }));
   }
-}), Ot = (c, e) => {
+}), It = (c, e) => {
   const n = c.__vccOpts || c;
   for (const [o, s] of e)
     n[o] = s;
   return n;
-}, Ut = /* @__PURE__ */ Ot(Es, [["__scopeId", "data-v-3135ada5"]]), Ws = ["href"], qs = /* @__PURE__ */ $({
+}, At = /* @__PURE__ */ It(Es, [["__scopeId", "data-v-3135ada5"]]), Ws = ["href"], qs = /* @__PURE__ */ $({
   __name: "VoPromotionsFooter",
   props: {
     slug: {}
   },
   setup(c) {
-    const e = c, n = M(), o = ot(), s = F(), a = Fe(), l = x(() => {
-      if (o.record)
-        return o.record;
+    const e = c, n = P(), o = et(), s = F(), a = Fe(), l = x(() => {
+      if (o.record) return o.record;
       if (!(n.user && s.disableAds))
         return e.slug ? o.all.find((m) => m.slug === e.slug) : o.random(o.all);
     }), d = x(() => {
@@ -4103,11 +4076,11 @@ const Pe = q("settings", () => {
       const m = a.current.value.dark ? "bgdark" : "bglight";
       return (g = (f = l.value) == null ? void 0 : f.metadata.images[m]) == null ? void 0 : g.url;
     });
-    return Ze(async () => {
+    return Ge(async () => {
       e.slug && await o.show(e.slug);
     }), (m, f) => {
       var V;
-      const g = Ut;
+      const g = At;
       return u(), v(g, {
         color: ((V = t(l)) == null ? void 0 : V.metadata.color) ?? "surface",
         image: t(p),
@@ -4129,7 +4102,7 @@ const Pe = q("settings", () => {
                 image: t(d),
                 size: "24"
               }, null, 8, ["image"]),
-              k("div", null, C((_ = t(l)) == null ? void 0 : _.metadata.text), 1),
+              k("div", null, S((_ = t(l)) == null ? void 0 : _.metadata.text), 1),
               (h = t(l)) != null && h.metadata.advertisement ? (u(), v(X, {
                 key: 0,
                 class: "ms-auto me-n4 align-self-end mb-n2 py-1 ps-3",
@@ -4137,7 +4110,7 @@ const Pe = q("settings", () => {
                 size: "x-small",
                 text: "SPONSORED",
                 variant: "flat"
-              })) : S("", !0)
+              })) : C("", !0)
             ], 8, Ws)
           ];
         }),
@@ -4145,7 +4118,7 @@ const Pe = q("settings", () => {
       }, 8, ["color", "image"]);
     };
   }
-}), Gs = ["id"], Zs = /* @__PURE__ */ $({
+}), Zs = ["id"], Gs = /* @__PURE__ */ $({
   __name: "VoScript",
   props: {
     id: {
@@ -4164,28 +4137,28 @@ const Pe = q("settings", () => {
   emits: ["script:error", "script:load"],
   setup(c, { emit: e }) {
     const n = c, o = e, s = U(), a = U();
-    return Ze(async () => {
+    return Ge(async () => {
       const l = document.createElement("script"), d = () => o("script:error");
       l.type = "text/javascript", l.id = n.scriptId, l.src = n.src, l.onload = () => o("script:load"), l.onerror = d, a.value = l;
     }), Oe(() => {
       var l;
       a.value && ((l = s.value) == null || l.appendChild(a.value));
-    }), zt(() => {
+    }), Tt(() => {
       var l;
       a.value && ((l = s.value) == null || l.removeChild(a.value));
     }), (l, d) => (u(), I("div", {
       id: c.id,
       ref_key: "rootEl",
       ref: s
-    }, null, 8, Gs));
+    }, null, 8, Zs));
   }
-}), Qs = (c) => (jt("data-v-a9b9957a"), c = c(), Pt(), c), Ys = ["href", "title"], Js = {
+}), Qs = (c) => (Ft("data-v-d01d30e4"), c = c(), Mt(), c), Ys = ["href", "title"], Js = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
 }, Xs = /* @__PURE__ */ Qs(() => /* @__PURE__ */ k("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Ks = /* @__PURE__ */ $({
   __name: "VoSocialFooter",
   setup(c) {
-    const e = Pe(), n = [
+    const e = je(), n = [
       {
         title: "Vuetify Documentation",
         icon: "$vuetify",
@@ -4193,32 +4166,32 @@ const Pe = q("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${$o}`,
+        icon: `svg:${ko}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
         title: "Vuetify X",
-        icon: "svg:M2.04875 3.00002L9.77052 13.3248L1.99998 21.7192H3.74882L10.5519 14.3697L16.0486 21.7192H22L13.8437 10.8137L21.0765 3.00002H19.3277L13.0624 9.76874L8.0001 3.00002H2.04875ZM4.62054 4.28821H7.35461L19.4278 20.4308H16.6937L4.62054 4.28821Z",
+        icon: "$x",
         href: "https://x.com/vuetifyjs"
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${Ye}`,
+        icon: "$github",
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${Qe}`,
+        icon: "$discord",
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${wo}`,
+        icon: "$reddit",
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
     return (o, s) => {
-      const a = Ut;
+      const a = At;
       return u(), v(a, {
         class: "vo-footer",
         height: "40",
@@ -4239,7 +4212,7 @@ const Pe = q("settings", () => {
             }, null, 8, ["icon", "size"])
           ], 8, Ys)), 64)),
           k("div", Js, [
-            N(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+            N(" © 2016-" + S((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
             Xs
           ])
         ]),
@@ -4255,8 +4228,8 @@ const Pe = q("settings", () => {
       ]), 1032, ["image"]);
     };
   }
-}), ea = /* @__PURE__ */ Ot(Ks, [["__scopeId", "data-v-a9b9957a"]]), ta = q("spots", () => {
-  const c = oe(), e = tt(), n = U([]), o = U([]), s = U(), a = A(!1), l = x(() => s.value ? s.value : n.value.find(({
+}), ea = /* @__PURE__ */ It(Ks, [["__scopeId", "data-v-d01d30e4"]]), ta = q("spots", () => {
+  const c = oe(), e = Ke(), n = U([]), o = U([]), s = U(), a = A(!1), l = x(() => s.value ? s.value : n.value.find(({
     metadata: {
       site: y,
       active: _
@@ -4354,12 +4327,33 @@ const Pe = q("settings", () => {
           src: (s = t(e).spot.metadata.image) == null ? void 0 : s.url,
           width: "225"
         }, null, 8, ["color", "src"])
-      ], 8, oa)) : S("", !0);
+      ], 8, oa)) : C("", !0);
     };
   }
-}), qa = q("bins", () => {
-  const c = M(), e = oe(), n = U([]), o = U(), s = A(!1), a = A(-1), l = x(() => !c.user || !o.value ? !1 : c.user.id === o.value.owner.id), d = x(() => n.value.filter((h) => h.favorite)), p = x(() => n.value.filter((h) => h.pinned));
-  j(o, () => {
+}), Za = {
+  discord: ["M22,24L16.75,19L17.38,21H4.5A2.5,2.5 0 0,1 2,18.5V3.5A2.5,2.5 0 0,1 4.5,1H19.5A2.5,2.5 0 0,1 22,3.5V24M12,6.8C9.32,6.8 7.44,7.95 7.44,7.95C8.47,7.03 10.27,6.5 10.27,6.5L10.1,6.33C8.41,6.36 6.88,7.53 6.88,7.53C5.16,11.12 5.27,14.22 5.27,14.22C6.67,16.03 8.75,15.9 8.75,15.9L9.46,15C8.21,14.73 7.42,13.62 7.42,13.62C7.42,13.62 9.3,14.9 12,14.9C14.7,14.9 16.58,13.62 16.58,13.62C16.58,13.62 15.79,14.73 14.54,15L15.25,15.9C15.25,15.9 17.33,16.03 18.73,14.22C18.73,14.22 18.84,11.12 17.12,7.53C17.12,7.53 15.59,6.36 13.9,6.33L13.73,6.5C13.73,6.5 15.53,7.03 16.56,7.95C16.56,7.95 14.68,6.8 12,6.8M9.93,10.59C10.58,10.59 11.11,11.16 11.1,11.86C11.1,12.55 10.58,13.13 9.93,13.13C9.29,13.13 8.77,12.55 8.77,11.86C8.77,11.16 9.28,10.59 9.93,10.59M14.1,10.59C14.75,10.59 15.27,11.16 15.27,11.86C15.27,12.55 14.75,13.13 14.1,13.13C13.46,13.13 12.94,12.55 12.94,11.86C12.94,11.16 13.45,10.59 14.1,10.59Z"],
+  github: ["M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"],
+  reddit: "M14.5 15.41C14.58 15.5 14.58 15.69 14.5 15.8C13.77 16.5 12.41 16.56 12 16.56C11.61 16.56 10.25 16.5 9.54 15.8C9.44 15.69 9.44 15.5 9.54 15.41C9.65 15.31 9.82 15.31 9.92 15.41C10.38 15.87 11.33 16 12 16C12.69 16 13.66 15.87 14.1 15.41C14.21 15.31 14.38 15.31 14.5 15.41M10.75 13.04C10.75 12.47 10.28 12 9.71 12C9.14 12 8.67 12.47 8.67 13.04C8.67 13.61 9.14 14.09 9.71 14.08C10.28 14.08 10.75 13.61 10.75 13.04M14.29 12C13.72 12 13.25 12.5 13.25 13.05S13.72 14.09 14.29 14.09C14.86 14.09 15.33 13.61 15.33 13.05C15.33 12.5 14.86 12 14.29 12M22 12C22 17.5 17.5 22 12 22S2 17.5 2 12C2 6.5 6.5 2 12 2S22 6.5 22 12M18.67 12C18.67 11.19 18 10.54 17.22 10.54C16.82 10.54 16.46 10.7 16.2 10.95C15.2 10.23 13.83 9.77 12.3 9.71L12.97 6.58L15.14 7.05C15.16 7.6 15.62 8.04 16.18 8.04C16.75 8.04 17.22 7.57 17.22 7C17.22 6.43 16.75 5.96 16.18 5.96C15.77 5.96 15.41 6.2 15.25 6.55L12.82 6.03C12.75 6 12.68 6.03 12.63 6.07C12.57 6.11 12.54 6.17 12.53 6.24L11.79 9.72C10.24 9.77 8.84 10.23 7.82 10.96C7.56 10.71 7.2 10.56 6.81 10.56C6 10.56 5.35 11.21 5.35 12C5.35 12.61 5.71 13.11 6.21 13.34C6.19 13.5 6.18 13.62 6.18 13.78C6.18 16 8.79 17.85 12 17.85C15.23 17.85 17.85 16.03 17.85 13.78C17.85 13.64 17.84 13.5 17.81 13.34C18.31 13.11 18.67 12.6 18.67 12Z",
+  x: ["M2.04875 3.00002L9.77052 13.3248L1.99998 21.7192H3.74882L10.5519 14.3697L16.0486 21.7192H22L13.8437 10.8137L21.0765 3.00002H19.3277L13.0624 9.76874L8.0001 3.00002H2.04875ZM4.62054 4.28821H7.35461L19.4278 20.4308H16.6937L4.62054 4.28821Z"],
+  "vuetify-bin": [
+    ["M18.9112 5.03206L3.68692 8.88953C3.68692 8.88953 2.00252 6.21666 2 6.21428C2.02517 6.20794 18.6159 2.00476 18.6394 2L18.8944 4.8489L18.9095 5.01937L18.9112 5.03285V5.03206Z", 0.6],
+    ["M19.4556 10.9994C19.4556 10.9994 7.06082 14.1417 7.05915 14.1386L5.3739 11.4641C5.41836 11.453 18.4582 8.14817 18.4993 8.13945L19.1838 7.9658L19.4556 10.9994Z", 1],
+    "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]
+  ],
+  "vuetify-play": [
+    "m6.376 13.184-4.11-7.192C1.505 4.66 2.467 3 4.003 3h8.532l-.953 1.576-.006.01-.396.677c-.429.732-.214 1.507.194 2.015.404.503 1.092.878 1.869.806a3.72 3.72 0 0 1 1.005.022c.276.053.434.143.523.237.138.146.38.635-.25 2.09-.893 1.63-1.553 1.722-1.847 1.677-.213-.033-.468-.158-.756-.406a4.95 4.95 0 0 1-.8-.927c-.39-.564-1.04-.84-1.66-.846-.625-.006-1.316.27-1.693.921l-.478.826-.911 1.506Z",
+    ["M9.093 11.552c.046-.079.144-.15.32-.148a.53.53 0 0 1 .43.207c.285.414.636.847 1.046 1.2.405.35.914.662 1.516.754 1.334.205 2.502-.698 3.48-2.495l.014-.028.013-.03c.687-1.574.774-2.852-.005-3.675-.37-.391-.861-.586-1.333-.676a5.243 5.243 0 0 0-1.447-.044c-.173.016-.393-.073-.54-.257-.145-.18-.127-.316-.082-.392l.393-.672L14.287 3h5.71c1.536 0 2.499 1.659 1.737 2.992l-7.997 13.996c-.768 1.344-2.706 1.344-3.473 0l-3.037-5.314 1.377-2.278.004-.006.004-.007.481-.831Z", 0.6]
+  ],
+  "vuetify-studio": [
+    ["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]
+  ]
+}, Ga = q("bins", () => {
+  const c = P(), e = oe(), n = U([]), o = U(), s = A(!1), a = A(-1), l = x(() => !c.user || !o.value ? !1 : c.user.id === o.value.owner.id), d = x(() => n.value.filter((h) => h.favorite)), p = x(() => n.value.filter((h) => h.pinned));
+  z(o, () => {
     window.clearTimeout(a.value), a.value = window.setTimeout(() => {
       !o.value || !l.value || V(o.value, o.value.id);
     }, 100);
@@ -4398,8 +4392,8 @@ const Pe = q("settings", () => {
   async function V(h, b) {
     try {
       s.value = !0;
-      const z = await e.post(`/one/bins/${b}`, { bin: h }), D = n.value.findIndex((H) => H.id === b);
-      n.value.splice(D, 1, z.bin);
+      const M = await e.post(`/one/bins/${b}`, { bin: h }), D = n.value.findIndex((H) => H.id === b);
+      n.value.splice(D, 1, M.bin);
     } catch {
     } finally {
       s.value = !1;
@@ -4409,8 +4403,8 @@ const Pe = q("settings", () => {
   async function y(h, b) {
     try {
       s.value = !0;
-      const z = b ? await V(h, b) : await g(h);
-      o.value = z.bin;
+      const M = b ? await V(h, b) : await g(h);
+      o.value = M.bin;
     } catch {
     } finally {
       s.value = !1;
@@ -4442,11 +4436,10 @@ const Pe = q("settings", () => {
     update: V,
     updateOrCreate: y
   };
-}), Ga = q("products", () => {
+}), Qa = q("products", () => {
   const c = oe(), e = U([]), n = x(() => e.value.filter((a) => a.product_type === "Themes"));
   async function o() {
-    if (e.value.length)
-      return e.value;
+    if (e.value.length) return e.value;
     try {
       const a = await c.get("/one/shopify/products");
       e.value = a.products;
@@ -4464,30 +4457,31 @@ const Pe = q("settings", () => {
     randomize: s
   };
 });
-function Za() {
+function Ya() {
   function c(e) {
-    e.component("VoAppBar", Ns), e.component("VoAuthBtn", At), e.component("VoAuthCard", wt), e.component("VoAuthDialog", xt), e.component("VoAuthListItem", St), e.component("VoIconBin", It), e.component("VoIconIssues", Lt), e.component("VoNotificationsBanner", Ts), e.component("VoPromotionsCardHighlight", zs), e.component("VoPromotionsCardVuetify", Hs), e.component("VoPromotionsFooter", qs), e.component("VoScript", Zs), e.component("VoSocialFooter", ea), e.component("VoSpot", na);
+    e.component("VoAppBar", Ns), e.component("VoAuthBtn", St), e.component("VoAuthCard", Vt), e.component("VoAuthDialog", kt), e.component("VoAuthListItem", $t), e.component("VoIconBin", Ct), e.component("VoIconIssues", xt), e.component("VoNotificationsBanner", Ts), e.component("VoPromotionsCardHighlight", Ms), e.component("VoPromotionsCardVuetify", Hs), e.component("VoPromotionsFooter", qs), e.component("VoScript", Gs), e.component("VoSocialFooter", ea), e.component("VoSpot", na);
   }
   return { install: c };
 }
-function Qa(c, e) {
+function Ja(c, e) {
   return function(n) {
     const o = n.store;
     o.url = e, o.$id === "site" && (o.id = c);
   };
 }
 export {
-  Za as createOne,
-  Qa as one,
-  M as useAuthStore,
+  Za as aliases,
+  Ya as createOne,
+  Ja as one,
+  P as useAuthStore,
   He as useBannersStore,
-  qa as useBinsStore,
+  Ga as useBinsStore,
   oe as useHttpStore,
-  P as useOneStore,
-  Ga as useProductsStore,
-  ot as usePromotionsStore,
-  Ro as useQueueStore,
-  Pe as useSettingsStore,
+  j as useOneStore,
+  Qa as useProductsStore,
+  et as usePromotionsStore,
+  Po as useQueueStore,
+  je as useSettingsStore,
   ta as useSpotsStore,
   F as useUserStore
 };