@vuetify/one 1.5.4 → 1.5.5

package/dist/index.js

@@ -1,44 +1,44 @@
-import { reactive as Ct, watch as U, toRefs as Lt, ref as O, shallowRef as B, computed as w, defineComponent as $, openBlock as d, createBlock as _, unref as t, createSlots as H, withCtx as r, createElementVNode as b, toDisplayString as C, createVNode as a, createTextVNode as F, renderSlot as D, normalizeStyle as ot, createCommentVNode as S, withModifiers as Ze, mergeModels as nt, useModel as le, createElementBlock as L, Fragment as z, onMounted as Qe, nextTick as pe, renderList as ne, mergeProps as R, withDirectives as Ve, vShow as De, isRef as se, resolveComponent as Oe, normalizeClass as It, pushScopeId as At, popScopeId as Dt, onBeforeMount as Ye, onBeforeUnmount as Ot } from "vue";
-import { mdiDiscord as Je, mdiGithub as Xe, mdiSync as Bt, mdiSyncOff as Nt, mdiLogoutVariant as Ut, mdiFullscreenExit as zt, mdiFullscreen as Tt, mdiCheck as Be, mdiHome as Ft, mdiTextBox as jt, mdiSelect as Mt, mdiSpaceInvaders as st, mdiImageFilterHdr as at, mdiRocketLaunchOutline as it, mdiWhiteBalanceSunny as Pt, mdiWeatherNight as Ht, mdiDesktopTowerMonitor as Rt, mdiContrastCircle as Et, mdiCog as qt, mdiCogOutline as Wt, mdiFileDocument as Gt, mdiCreditCardSettingsOutline as Zt, mdiRocketOutline as Qt, mdiCheckCircleOutline as Ae, mdiCreditCard as Yt, mdiReload as Jt, mdiPlaylistCheck as Xt, mdiCreditCardOutline as Kt, mdiMedal as eo, mdiOpenInNew as Ne, mdiHandHeart as to, mdiHandHeartOutline as oo, mdiEmailOpenOutline as rt, mdiEmailVariant as lt, mdiBell as no, mdiInboxOutline as so, mdiInboxFullOutline as ao, mdiBillboard as io, mdiBellOutline as ro, mdiViewDashboardOutline as lo, mdiCrown as co, mdiArrowULeftBottom as uo, mdiLogin as po, mdiShieldStarOutline as mo, mdiReddit as fo } from "@mdi/js";
-import { useRouter as Ue, useRoute as vo } from "vue-router";
+import { reactive as It, watch as N, toRefs as At, ref as B, shallowRef as O, computed as w, defineComponent as $, openBlock as d, createBlock as _, unref as t, createSlots as H, withCtx as r, createElementVNode as b, toDisplayString as C, createVNode as a, createTextVNode as F, renderSlot as D, normalizeStyle as ot, createCommentVNode as S, withModifiers as Ze, mergeModels as nt, useModel as le, createElementBlock as L, Fragment as z, onMounted as Qe, nextTick as pe, renderList as ne, mergeProps as R, withDirectives as Ve, vShow as De, isRef as se, resolveComponent as Be, normalizeClass as Dt, onBeforeMount as Ye, onBeforeUnmount as Bt, pushScopeId as Ot, popScopeId as Ut } from "vue";
+import { mdiDiscord as Je, mdiGithub as Xe, mdiSync as Nt, mdiSyncOff as zt, mdiLogoutVariant as Tt, mdiFullscreenExit as Ft, mdiFullscreen as jt, mdiCheck as Oe, mdiHome as Mt, mdiTextBox as Pt, mdiSelect as Ht, mdiSpaceInvaders as st, mdiImageFilterHdr as at, mdiRocketLaunchOutline as it, mdiWhiteBalanceSunny as Rt, mdiWeatherNight as Et, mdiDesktopTowerMonitor as qt, mdiContrastCircle as Wt, mdiCog as Gt, mdiCogOutline as Zt, mdiFileDocument as Qt, mdiCreditCardSettingsOutline as Yt, mdiRocketOutline as Jt, mdiCheckCircleOutline as Ae, mdiCreditCard as Xt, mdiReload as Kt, mdiPlaylistCheck as eo, mdiCreditCardOutline as to, mdiMedal as oo, mdiOpenInNew as Ue, mdiHandHeart as no, mdiHandHeartOutline as so, mdiEmailOpenOutline as rt, mdiEmailVariant as lt, mdiBell as ao, mdiInboxOutline as io, mdiInboxFullOutline as ro, mdiBillboard as lo, mdiBellOutline as co, mdiViewDashboardOutline as uo, mdiCrown as po, mdiArrowULeftBottom as mo, mdiLogin as fo, mdiShieldStarOutline as vo, mdiReddit as ho } from "@mdi/js";
+import { useRouter as Ne, useRoute as _o } from "vue-router";
 import { defineStore as W } from "pinia";
 import { merge as Ee } from "lodash-es";
-import { VListItem as ke, VList as ae, VListItemTitle as ct, VListItemSubtitle as ho } from "vuetify/lib/components/VList/index.mjs";
+import { VListItem as ke, VList as ae, VListItemTitle as ct, VListItemSubtitle as go } from "vuetify/lib/components/VList/index.mjs";
 import { VAvatar as Y } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as E, VCardTitle as _o, VCardSubtitle as go, VCardText as _e } from "vuetify/lib/components/VCard/index.mjs";
+import { VCard as E, VCardTitle as yo, VCardSubtitle as bo, VCardText as _e } from "vuetify/lib/components/VCard/index.mjs";
 import { VDialog as ut } from "vuetify/lib/components/VDialog/index.mjs";
 import { VBadge as Ke } from "vuetify/lib/components/VBadge/index.mjs";
 import { VBtn as q } from "vuetify/lib/components/VBtn/index.mjs";
-import { VProgressCircular as yo } from "vuetify/lib/components/VProgressCircular/index.mjs";
+import { VProgressCircular as Vo } from "vuetify/lib/components/VProgressCircular/index.mjs";
 import { VSheet as ye } from "vuetify/lib/components/VSheet/index.mjs";
 import { VSwitch as dt } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as ze, VExpandTransition as me, VExpandXTransition as bo } from "vuetify/lib/components/transitions/index.mjs";
+import { VFadeTransition as ze, VExpandTransition as me, VExpandXTransition as ko } from "vuetify/lib/components/transitions/index.mjs";
 import { useDisplay as ce, useTheme as Te, useDate as Fe } from "vuetify";
 import { VDivider as G } from "vuetify/lib/components/VDivider/index.mjs";
 import { VIcon as A } from "vuetify/lib/components/VIcon/index.mjs";
 import { VLabel as We } from "vuetify/lib/components/VLabel/index.mjs";
 import { VChip as te } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as Vo } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as ko } from "vuetify/lib/components/VSelect/index.mjs";
+import { VChipGroup as $o } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VSelect as xo } from "vuetify/lib/components/VSelect/index.mjs";
 import { VRow as de, VCol as K, VContainer as tt } from "vuetify/lib/components/VGrid/index.mjs";
 import { VHover as je } from "vuetify/lib/components/VHover/index.mjs";
 import { VImg as Z } from "vuetify/lib/components/VImg/index.mjs";
 import { VItemGroup as pt, VItem as Ge } from "vuetify/lib/components/VItemGroup/index.mjs";
 import { VLayout as $e } from "vuetify/lib/components/VLayout/index.mjs";
 import { VMain as xe } from "vuetify/lib/components/VMain/index.mjs";
-import { VDataTableVirtual as $o } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VDataTableVirtual as wo } from "vuetify/lib/components/VDataTable/index.mjs";
 import { VSkeletonLoader as be } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
 import { VWindow as mt, VWindowItem as ge } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimelineItem as xo, VTimeline as wo } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VTimelineItem as So, VTimeline as Co } from "vuetify/lib/components/VTimeline/index.mjs";
 import { VTooltip as ee } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VResponsive as So } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VNavigationDrawer as Co } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as Lo } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as Io } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as Ao } from "vuetify/components";
+import { VResponsive as Lo } from "vuetify/lib/components/VResponsive/index.mjs";
+import { VNavigationDrawer as Io } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
+import { Ripple as Ao } from "vuetify/lib/directives/index.mjs";
+import { VColorPicker as Do } from "vuetify/lib/components/VColorPicker/index.mjs";
+import { VMenu as Bo } from "vuetify/components";
 import { VAppBar as ft } from "vuetify/lib/components/VAppBar/index.mjs";
-import { VFooter as Do } from "vuetify/lib/components/VFooter/index.mjs";
 import { VLazy as Oo } from "vuetify/lib/components/VLazy/index.mjs";
+import { VFooter as Uo } from "vuetify/lib/components/VFooter/index.mjs";
 const ie = W("http", {
   state: () => ({
     url: ""
@@ -118,8 +118,8 @@ const ie = W("http", {
     }
   }
 }, T = W("user", () => {
-  const c = Ct(Ee({}, Ie));
-  U(c, n);
+  const c = It(Ee({}, Ie));
+  N(c, n);
   function e() {
     if (!qe)
       return;
@@ -134,18 +134,18 @@ const ie = W("http", {
     qe && (Object.assign(c, Ee({}, Ie)), n());
   }
   return e(), {
-    ...Lt(c),
+    ...At(c),
     load: e,
     save: n,
     reset: i
   };
 }), M = W("auth", () => {
-  const c = O(!1), e = O(null), n = ie(), i = T(), s = Ue(), o = B(!1), l = w(() => {
+  const c = B(!1), e = B(null), n = ie(), i = T(), s = Ne(), o = O(!1), l = w(() => {
     var p, v;
     return !n.url || ((p = e.value) == null ? void 0 : p.isAdmin) || !!((v = e.value) != null && v.sponsorships.some((V) => V.isActive));
   });
   let m = !!y();
-  U(e, (p) => {
+  N(e, (p) => {
     if (!(p != null && p.settings))
       return;
     const v = localStorage.getItem("vuetify@user") || "{}";
@@ -182,10 +182,10 @@ const ie = W("http", {
   u.promise = null;
   async function h(p = "github") {
     o.value = !0;
-    const v = `${n.url}/auth/${p}/redirect`, V = 400, N = 600, j = window.screenX + (window.innerWidth - V) / 2, re = window.screenY + (window.innerHeight - N) / 2, Q = window.open(
+    const v = `${n.url}/auth/${p}/redirect`, V = 400, U = 600, j = window.screenX + (window.innerWidth - V) / 2, re = window.screenY + (window.innerHeight - U) / 2, Q = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${j},top=${re},width=${V},height=${N},resizable`
+      `popup,left=${j},top=${re},width=${V},height=${U},resizable`
     );
     if (!Q) {
       console.error("Failed to open popup");
@@ -243,7 +243,7 @@ const ie = W("http", {
     lastLoginProvider: y,
     sync: f
   };
-}), Bo = { class: "text-body-2" }, No = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), vt = /* @__PURE__ */ $({
+}), No = { class: "text-body-2" }, zo = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), vt = /* @__PURE__ */ $({
   __name: "VoAuthDiscord",
   setup(c) {
     const e = M(), n = w(() => e.user && e.findIdentity("discord")), i = w(() => e.user ? n.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
@@ -256,20 +256,20 @@ const ie = W("http", {
       onClick: o[0] || (o[0] = (l) => t(e).login("discord"))
     }, H({
       title: r(() => [
-        b("span", Bo, C(t(i)), 1)
+        b("span", No, C(t(i)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "discord" ? {
         name: "subtitle",
         fn: r(() => [
-          No
+          zo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Uo = { class: "text-body-2" }, zo = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), ht = /* @__PURE__ */ $({
+}), To = { class: "text-body-2" }, Fo = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), ht = /* @__PURE__ */ $({
   __name: "VoAuthGithub",
   setup(c) {
     const e = M(), n = w(() => e.user && e.findIdentity("github")), i = w(() => e.user ? n.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
@@ -282,20 +282,20 @@ const ie = W("http", {
       onClick: o[0] || (o[0] = (l) => t(e).login("github"))
     }, H({
       title: r(() => [
-        b("span", Uo, C(t(i)), 1)
+        b("span", To, C(t(i)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "github" ? {
         name: "subtitle",
         fn: r(() => [
-          zo
+          Fo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), To = { class: "text-center" }, Fo = { class: "text-center mb-6" }, jo = { class: "font-weight-light mb-2" }, Mo = /* @__PURE__ */ b("span", { class: "font-weight-bold" }, "Vuetify One", -1), _t = /* @__PURE__ */ $({
+}), jo = { class: "text-center" }, Mo = { class: "text-center mb-6" }, Po = { class: "font-weight-light mb-2" }, Ho = /* @__PURE__ */ b("span", { class: "font-weight-bold" }, "Vuetify One", -1), _t = /* @__PURE__ */ $({
   __name: "VoAuthCard",
   setup(c) {
     const e = M();
@@ -306,22 +306,22 @@ const ie = W("http", {
         "max-width": "480"
       }, {
         default: r(() => [
-          b("div", To, [
+          b("div", jo, [
             a(Y, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
             }, null, 8, ["image"])
           ]),
-          b("div", Fo, [
-            a(_o, { class: "text-h5 mb-1 text-md-h4" }, {
+          b("div", Mo, [
+            a(yo, { class: "text-h5 mb-1 text-md-h4" }, {
               default: r(() => [
-                b("div", jo, C(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
-                Mo
+                b("div", Po, C(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                Ho
               ]),
               _: 1
             }),
-            a(go, { class: "text-wrap" }, {
+            a(bo, { class: "text-wrap" }, {
               default: r(() => [
                 F(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
               ]),
@@ -363,7 +363,7 @@ const ie = W("http", {
     };
   }
 }), Me = W("notifications", () => {
-  const c = ie(), e = T(), n = O([]), i = O([]), s = O(), o = B(!1), l = w(() => n.value.filter((p) => !e.notifications.read.includes(p.slug))), m = w(() => n.value.filter((p) => e.notifications.read.includes(p.slug)));
+  const c = ie(), e = T(), n = B([]), i = B([]), s = B(), o = O(!1), l = w(() => n.value.filter((p) => !e.notifications.read.includes(p.slug))), m = w(() => n.value.filter((p) => e.notifications.read.includes(p.slug)));
   async function f() {
     try {
       o.value = !0;
@@ -438,7 +438,7 @@ const ie = W("http", {
     read: m,
     unread: l
   };
-}), Po = /* @__PURE__ */ $({
+}), Ro = /* @__PURE__ */ $({
   __name: "VoNotificationsTotalBadge",
   setup(c) {
     const e = M(), n = Me(), i = T(), s = w(() => i.notifications.show ? n.unread.length : 0);
@@ -473,7 +473,7 @@ const ie = W("http", {
       variant: "flat"
     }, H({
       loader: r(() => [
-        n.$slots.loader ? S("", !0) : (d(), _(yo, {
+        n.$slots.loader ? S("", !0) : (d(), _(Vo, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
@@ -499,11 +499,11 @@ const ie = W("http", {
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), Ho = { class: "pa-4 d-flex flex-column ga-4" }, yt = /* @__PURE__ */ $({
+}), Eo = { class: "pa-4 d-flex flex-column ga-4" }, yt = /* @__PURE__ */ $({
   __name: "VoAuthListItem",
   setup(c) {
-    const e = M(), n = T(), i = B(!e.user && !e.isLoading);
-    U(() => e.user, (o) => {
+    const e = M(), n = T(), i = O(!e.user && !e.isLoading);
+    N(() => e.user, (o) => {
       i.value = !o;
     });
     function s() {
@@ -523,7 +523,7 @@ const ie = W("http", {
                 class: "mb-0",
                 link: !!t(e).user,
                 nav: "",
-                "prepend-icon": `svg:${t(e).user && t(n).syncSettings ? t(Bt) : t(Nt)}`,
+                "prepend-icon": `svg:${t(e).user && t(n).syncSettings ? t(Nt) : t(zt)}`,
                 rounded: "b-0",
                 slim: "",
                 title: t(e).user && t(n).syncSettings ? "Sync is on" : "Sync is paused",
@@ -564,7 +564,7 @@ const ie = W("http", {
                     color: "transparent"
                   }, {
                     default: r(() => [
-                      b("div", Ho, [
+                      b("div", Eo, [
                         a(m, {
                           onClick: l[2] || (l[2] = (u) => i.value = !1)
                         }),
@@ -618,10 +618,10 @@ const ie = W("http", {
       } : void 0
     ]), 1024));
   }
-}), Ro = /* @__PURE__ */ $({
+}), qo = /* @__PURE__ */ $({
   __name: "VoAuthLogoutNavItem",
   setup(c) {
-    const e = M(), n = B(!1);
+    const e = M(), n = O(!1);
     async function i() {
       n.value = !0, await e.logout(), n.value = !1;
     }
@@ -632,7 +632,7 @@ const ie = W("http", {
         disabled: t(n),
         link: "",
         loading: t(n),
-        "prepend-icon": `svg:${t(Ut)}`,
+        "prepend-icon": `svg:${t(Tt)}`,
         title: "Logout",
         onClick: i
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
@@ -649,7 +649,7 @@ const ie = W("http", {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), n = ce(), i = B(!1);
+    const e = le(c, "modelValue"), n = ce(), i = O(!1);
     return (s, o) => (d(), _(ut, {
       modelValue: e.value,
       "onUpdate:modelValue": o[2] || (o[2] = (l) => e.value = l),
@@ -672,7 +672,7 @@ const ie = W("http", {
               key: 0,
               class: "me-2",
               density: "comfortable",
-              icon: `svg:${t(i) ? t(zt) : t(Tt)}`,
+              icon: `svg:${t(i) ? t(Ft) : t(jt)}`,
               size: "small",
               variant: "text",
               onClick: o[0] || (o[0] = (m) => i.value = !t(i))
@@ -721,7 +721,7 @@ const ie = W("http", {
       density: "compact",
       disabled: e.disabled,
       inset: "",
-      "true-icon": `svg:${t(Be)}`
+      "true-icon": `svg:${t(Oe)}`
     }, H({
       thumb: r(() => [
         a(A, {
@@ -739,7 +739,7 @@ const ie = W("http", {
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), Eo = {
+}), Wo = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
 }, Se = /* @__PURE__ */ $({
@@ -759,17 +759,17 @@ const ie = W("http", {
         ]),
         _: 1
       })) : S("", !0),
-      e.text ? (d(), L("div", Eo, C(e.text), 1)) : S("", !0)
+      e.text ? (d(), L("div", Wo, C(e.text), 1)) : S("", !0)
     ], 64));
   }
-}), qo = { key: 0 }, Wo = /* @__PURE__ */ $({
+}), Go = { key: 0 }, Zo = /* @__PURE__ */ $({
   __name: "VoSettingsPageSuitOption",
   setup(c) {
     const e = T(), n = [
       {
         title: "Choose a page suit",
         value: "",
-        prependIcon: `svg:${Mt}`,
+        prependIcon: `svg:${Ht}`,
         disabled: !0
       },
       {
@@ -800,8 +800,8 @@ const ie = W("http", {
         }, null, 8, ["modelValue"]),
         a(me, null, {
           default: r(() => [
-            t(e).suits.show ? (d(), L("div", qo, [
-              a(ko, {
+            t(e).suits.show ? (d(), L("div", Go, [
+              a(xo, {
                 modelValue: t(e).suits.suit,
                 "onUpdate:modelValue": s[1] || (s[1] = (m) => t(e).suits.suit = m),
                 clearable: "",
@@ -824,7 +824,7 @@ const ie = W("http", {
                 _: 1
               }, 8, ["modelValue"]),
               a(l, { text: "Select your suit elements to display the background image:" }),
-              a(Vo, {
+              a($o, {
                 modelValue: t(e).suits.elements,
                 "onUpdate:modelValue": s[2] || (s[2] = (m) => t(e).suits.elements = m),
                 color: "primary",
@@ -833,7 +833,7 @@ const ie = W("http", {
               }, {
                 default: r(() => [
                   a(te, {
-                    "append-icon": `svg:${t(Ft)}`,
+                    "append-icon": `svg:${t(Mt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
@@ -849,7 +849,7 @@ const ie = W("http", {
                     _: 1
                   }, 8, ["append-icon"]),
                   a(te, {
-                    "append-icon": `svg:${t(jt)}`,
+                    "append-icon": `svg:${t(Pt)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
@@ -892,13 +892,13 @@ const ie = W("http", {
   }
 });
 function ve() {
-  const c = vo();
+  const c = _o();
   return w(
     () => c.query
   );
 }
 const P = W("one", () => {
-  const c = ve(), e = Ue(), n = M(), i = ie(), s = B(!1), o = O(!1), l = O(), m = O([]), f = w(() => c.value.session_id), u = w(() => {
+  const c = ve(), e = Ne(), n = M(), i = ie(), s = O(!1), o = B(!1), l = B(), m = B([]), f = w(() => c.value.session_id), u = w(() => {
     var x;
     return (x = l.value) == null ? void 0 : x.items[0].plan.interval;
   }), h = w(() => {
@@ -922,27 +922,27 @@ const P = W("one", () => {
   }), V = w(() => {
     var x;
     return (x = n.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "patreon");
-  }), N = w(() => {
+  }), U = w(() => {
     var x;
     return (x = n.user) == null ? void 0 : x.sponsorships.reduce((I, X) => {
       if (!X.isActive || X.interval === "once" || X.platform === "stripe")
         return I;
-      const St = X.interval === "month" ? X.amount : X.amount / 12;
-      return I + St / 100;
+      const Lt = X.interval === "month" ? X.amount : X.amount / 12;
+      return I + Lt / 100;
     }, 0);
   });
   Qe(async () => {
     f.value && await j();
-  }), U(o, oe), U(f, (x) => {
+  }), N(o, oe), N(f, (x) => {
     x && j();
-  }, { immediate: !0 }), U(c, (x) => {
+  }, { immediate: !0 }), N(c, (x) => {
     if (x.one !== "subscribe" || n.user)
       return;
     n.dialog = !0;
-    const I = U(() => n.user, (X) => {
+    const I = N(() => n.user, (X) => {
       X && (n.dialog = !1, I());
     });
-  }, { immediate: !0 }), U(g, (x, I) => {
+  }, { immediate: !0 }), N(g, (x, I) => {
     x === !1 && I !== !0 || he();
   });
   async function j() {
@@ -1029,7 +1029,7 @@ const P = W("one", () => {
     invoices: m,
     sessionId: f,
     subscription: h,
-    monthlyTotal: N,
+    monthlyTotal: U,
     hasBilling: k,
     isLoading: s,
     isOpen: o,
@@ -1048,7 +1048,7 @@ const P = W("one", () => {
     verify: he
   };
 });
-function Go() {
+function Qo() {
   return {
     blackguard: {
       dark: !0,
@@ -1205,7 +1205,7 @@ function Go() {
   };
 }
 const Pe = W("settings", () => {
-  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = M(), n = T(), i = Te(), s = Go(), o = {
+  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = M(), n = T(), i = Te(), s = Qo(), o = {
     blackguard: {
       "app-bar": c + "suits/blackguard/blackguard-app-bar.png",
       drawer: c + "suits/blackguard/blackguard-app-drawer.png",
@@ -1232,13 +1232,13 @@ const Pe = W("settings", () => {
   return i.themes.value = {
     ...i.themes.value,
     ...s
-  }, U(() => n.theme, (m) => {
+  }, N(() => n.theme, (m) => {
     m === "system" ? i.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (i.global.name.value = m, n.suits.suit = o[m] ? m : ""), n.theme = m;
   }, { immediate: !0 }), {
     suit: l,
     CDN_URL: c
   };
-}), Zo = { class: "ms-5 mb-2" }, Qo = /* @__PURE__ */ $({
+}), Yo = { class: "ms-5 mb-2" }, Jo = /* @__PURE__ */ $({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1251,21 +1251,21 @@ const Pe = W("settings", () => {
         title: "Light",
         subtitle: "A standard light theme.",
         image: s.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${Pt}`,
+        prependIcon: `svg:${Rt}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
         image: s.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${Ht}`,
+        prependIcon: `svg:${Et}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
         image: s.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${Rt}`,
+        prependIcon: `svg:${qt}`,
         value: "system"
       },
       {
@@ -1293,19 +1293,19 @@ const Pe = W("settings", () => {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
         image: s.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${Et}`,
+        prependIcon: `svg:${Wt}`,
         value: "highContrast",
         disabled: !0
       }
     ], m = ve();
-    return U(m, async () => {
+    return N(m, async () => {
       m.value.one === "settings" && (i.isOpen = !0, await pe(), e.value = !0);
     }, { immediate: !0 }), (f, u) => {
-      const h = Se, k = Wo, g = bt, y = we;
+      const h = Se, k = Zo, g = bt, y = we;
       return d(), _(y, {
         modelValue: e.value,
         "onUpdate:modelValue": u[6] || (u[6] = (p) => e.value = p),
-        "prepend-icon": `svg:${t(qt)}`,
+        "prepend-icon": `svg:${t(Gt)}`,
         title: "Settings"
       }, {
         default: r(() => [
@@ -1336,11 +1336,11 @@ const Pe = W("settings", () => {
                                   a(Ge, {
                                     value: p.value
                                   }, {
-                                    default: r(({ toggle: V, isSelected: N }) => [
+                                    default: r(({ toggle: V, isSelected: U }) => [
                                       a(je, null, {
                                         default: r(({ props: j, isHovering: re }) => [
                                           a(E, R({
-                                            color: N ? "primary" : "surface-variant",
+                                            color: U ? "primary" : "surface-variant",
                                             disabled: p.disabled,
                                             height: "76",
                                             image: p.image,
@@ -1353,7 +1353,7 @@ const Pe = W("settings", () => {
                                             image: r(() => [
                                               a(Z, {
                                                 style: ot({
-                                                  filter: N || re ? "none" : "grayscale(100%)"
+                                                  filter: U || re ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -1398,7 +1398,7 @@ const Pe = W("settings", () => {
                       }, null, 8, ["modelValue"])) : S("", !0),
                       a(me, null, {
                         default: r(() => [
-                          Ve(b("div", Zo, [
+                          Ve(b("div", Yo, [
                             a(g, {
                               modelValue: t(o).showHouseAds,
                               "onUpdate:modelValue": u[2] || (u[2] = (p) => t(o).showHouseAds = p),
@@ -1457,16 +1457,16 @@ const Pe = W("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Yo = /* @__PURE__ */ $({
+}), Xo = /* @__PURE__ */ $({
   __name: "VoSettingsListItem",
   setup(c) {
-    const e = B(!1);
+    const e = O(!1);
     return (n, i) => {
-      const s = Qo, o = J;
+      const s = Jo, o = J;
       return d(), _(o, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(Wt)}`,
+        "prepend-icon": `svg:${t(Zt)}`,
         title: "Settings"
       }, {
         default: r(() => [
@@ -1479,7 +1479,7 @@ const Pe = W("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Jo = { class: "text-caption" }, Xo = /* @__PURE__ */ $({
+}), Ko = { class: "text-caption" }, en = /* @__PURE__ */ $({
   __name: "VoSubscriptionInvoices",
   setup(c) {
     const e = Fe(), n = P();
@@ -1499,13 +1499,13 @@ const Pe = W("settings", () => {
                 rounded: "lg"
               }, {
                 default: r(() => [
-                  a($o, {
+                  a(wo, {
                     items: t(n).invoices,
                     loading: t(n).isLoading,
                     sticky: ""
                   }, {
                     "item.date": r(({ item: l }) => [
-                      b("div", Jo, C(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
+                      b("div", Ko, C(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": r(({ item: l }) => [
                       F(" $" + C(l.amount / 100), 1)
@@ -1524,7 +1524,7 @@ const Pe = W("settings", () => {
                     "item.pdf": r(({ item: l }) => [
                       a(q, {
                         href: l.pdf,
-                        icon: `svg:${t(Gt)}`,
+                        icon: `svg:${t(Qt)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1543,10 +1543,10 @@ const Pe = W("settings", () => {
       });
     };
   }
-}), Ko = { class: "d-flex align-center" }, en = {
+}), tn = { class: "d-flex align-center" }, on = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, tn = /* @__PURE__ */ b("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), on = { class: "me-1" }, nn = { class: "text-medium-emphasis text-caption" }, sn = { class: "d-flex align-start justify-space-between text-caption py-2" }, an = { class: "font-weight-bold" }, rn = { class: "font-weight-bold" }, ln = /* @__PURE__ */ $({
+}, nn = /* @__PURE__ */ b("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), sn = { class: "me-1" }, an = { class: "text-medium-emphasis text-caption" }, rn = { class: "d-flex align-start justify-space-between text-caption py-2" }, ln = { class: "font-weight-bold" }, cn = { class: "font-weight-bold" }, un = /* @__PURE__ */ $({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(c, { emit: e }) {
@@ -1590,7 +1590,7 @@ const Pe = W("settings", () => {
                       t(i).hasBilling ? (d(), _(u, {
                         key: 1,
                         loading: t(i).isLoading,
-                        "prepend-icon": `svg:${t(Zt)}`,
+                        "prepend-icon": `svg:${t(Yt)}`,
                         text: "Billing",
                         onClick: t(i).manage
                       }, null, 8, ["loading", "prepend-icon", "onClick"])) : S("", !0)
@@ -1601,13 +1601,13 @@ const Pe = W("settings", () => {
                   t(i).info ? {
                     name: "subtitle",
                     fn: r(() => [
-                      b("div", Ko, [
-                        b("span", en, C(t(i).info.status), 1),
+                      b("div", tn, [
+                        b("span", on, C(t(i).info.status), 1),
                         t(i).info.items.length ? (d(), L(z, { key: 0 }, [
-                          tn,
-                          b("span", on, [
+                          nn,
+                          b("span", sn, [
                             F(" $" + C(t(i).info.items[0].plan.amount / 100), 1),
-                            b("span", nn, "/" + C(t(i).interval), 1)
+                            b("span", an, "/" + C(t(i).interval), 1)
                           ]),
                           a(u, {
                             size: "x-small",
@@ -1639,15 +1639,15 @@ const Pe = W("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                b("div", sn, [
+                b("div", rn, [
                   b("div", null, [
                     ((h = t(i).info) == null ? void 0 : h.status) === "active" ? (d(), L(z, { key: 0 }, [
                       F(" Your plan renews on "),
-                      b("span", an, C(t(n).format(t(o), "fullDateWithWeekday")), 1),
+                      b("span", ln, C(t(n).format(t(o), "fullDateWithWeekday")), 1),
                       F(". ")
                     ], 64)) : (d(), L(z, { key: 1 }, [
                       F(" Your plan ends on "),
-                      b("span", rn, C(t(n).format((k = t(i).info) == null ? void 0 : k.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      b("span", cn, C(t(n).format((k = t(i).info) == null ? void 0 : k.currentPeriodEnd, "fullDateWithWeekday")), 1),
                       F(". ")
                     ], 64))
                   ])
@@ -1661,7 +1661,7 @@ const Pe = W("settings", () => {
       });
     };
   }
-}), cn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), un = ["innerHTML"], dn = /* @__PURE__ */ b("br", null, null, -1), pn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), mn = ["innerHTML"], fn = /* @__PURE__ */ $({
+}), dn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), pn = ["innerHTML"], mn = /* @__PURE__ */ b("br", null, null, -1), fn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), vn = ["innerHTML"], hn = /* @__PURE__ */ $({
   __name: "VoSubscriptionPerks",
   setup(c) {
     const e = [
@@ -1675,8 +1675,8 @@ const Pe = W("settings", () => {
       "Early access to Vuetify Studio, a visual editor for Vuetify",
       'Special role in the <a href="https://discord.vuetifyjs.com/" target="_blank">Vuetify Discord</a>',
       "Receive a special label on GitHub created issues and pull requests"
-    ], i = B(!1), s = P();
-    return U(i, async (o) => {
+    ], i = O(!1), s = P();
+    return N(i, async (o) => {
       o && s.subscriptionInfo();
     }), (o, l) => {
       const m = J;
@@ -1687,7 +1687,7 @@ const Pe = W("settings", () => {
           ]),
           _: 1
         }),
-        cn,
+        dn,
         a(ae, {
           class: "py-0",
           density: "compact",
@@ -1698,7 +1698,7 @@ const Pe = W("settings", () => {
             (d(), L(z, null, ne(e, (f, u) => a(m, {
               key: u,
               class: "mb-0",
-              "prepend-icon": `svg:${t(Be)}`
+              "prepend-icon": `svg:${t(Oe)}`
             }, {
               prepend: r(() => [
                 a(A, {
@@ -1708,21 +1708,21 @@ const Pe = W("settings", () => {
                 })
               ]),
               title: r(() => [
-                b("div", { innerHTML: f }, null, 8, un)
+                b("div", { innerHTML: f }, null, 8, pn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        dn,
+        mn,
         a(We, { class: "font-weight-black" }, {
           default: r(() => [
             F("Up Next")
           ]),
           _: 1
         }),
-        pn,
+        fn,
         a(ae, {
           class: "py-0",
           density: "compact",
@@ -1733,7 +1733,7 @@ const Pe = W("settings", () => {
             (d(), L(z, null, ne(n, (f, u) => a(m, {
               key: u,
               class: "mb-0",
-              "prepend-icon": `svg:${t(Qt)}`
+              "prepend-icon": `svg:${t(Jt)}`
             }, {
               prepend: r(() => [
                 a(A, {
@@ -1742,7 +1742,7 @@ const Pe = W("settings", () => {
                 })
               ]),
               title: r(() => [
-                b("div", { innerHTML: f }, null, 8, mn)
+                b("div", { innerHTML: f }, null, 8, vn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1752,7 +1752,7 @@ const Pe = W("settings", () => {
       ], 64);
     };
   }
-}), vn = /* @__PURE__ */ $({
+}), _n = /* @__PURE__ */ $({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1762,10 +1762,10 @@ const Pe = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = B(!1), n = le(c, "modelValue"), i = P();
-    return U(e, async (s) => {
+    const e = O(!1), n = le(c, "modelValue"), i = P();
+    return N(e, async (s) => {
       s && i.subscriptionInfo();
-    }), U(() => i.interval, (s) => {
+    }), N(() => i.interval, (s) => {
       n.value = s;
     }, { immediate: !0 }), (s, o) => (d(), _(pt, {
       modelValue: n.value,
@@ -1847,7 +1847,7 @@ const Pe = W("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), hn = { class: "px-3" }, _n = /* @__PURE__ */ b("br", null, null, -1), gn = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, yn = /* @__PURE__ */ $({
+}), gn = { class: "px-3" }, yn = /* @__PURE__ */ b("br", null, null, -1), bn = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Vn = /* @__PURE__ */ $({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1858,27 +1858,27 @@ const Pe = W("settings", () => {
     function e(u) {
       return new Promise((h) => setTimeout(h, u));
     }
-    const n = le(c, "modelValue"), i = P(), s = ve(), o = B(i.interval), l = B(i.hasBilling ? "status" : "subscribe"), m = B(!1);
-    U(o, (u) => {
+    const n = le(c, "modelValue"), i = P(), s = ve(), o = O(i.interval), l = O(i.hasBilling ? "status" : "subscribe"), m = O(!1);
+    N(o, (u) => {
       !i.isSubscriber || !i.interval || (m.value = u !== i.interval);
-    }), U(n, async (u) => {
+    }), N(n, async (u) => {
       if (!u || !i.isSubscriber) {
         u || i.resetQuery();
         return;
       }
       i.subscriptionInfo();
-    }), U(s, async () => {
+    }), N(s, async () => {
       !i.sessionId && !["subscribe", "status"].includes(s.value.one) || (l.value = i.sessionId || s.value.one === "status" ? "status" : "subscribe", i.isOpen = !0, await pe(), n.value = !0);
     }, { immediate: !0 });
     async function f() {
       await i.modify(o.value), await i.subscriptionInfo(), m.value = null, await e(3e3), l.value = "status", await e(300), m.value = !1;
     }
     return (u, h) => {
-      const k = Se, g = vn, y = fn, p = ln, v = Xo, V = fe, N = we;
-      return d(), _(N, {
+      const k = Se, g = _n, y = hn, p = un, v = en, V = fe, U = we;
+      return d(), _(U, {
         modelValue: n.value,
         "onUpdate:modelValue": h[4] || (h[4] = (j) => n.value = j),
-        "prepend-icon": `svg:${t(Yt)}`,
+        "prepend-icon": `svg:${t(Xt)}`,
         title: "Subscriptions"
       }, H({
         default: r(() => [
@@ -1886,7 +1886,7 @@ const Pe = W("settings", () => {
             default: r(() => [
               a(xe, { scrollable: "" }, {
                 default: r(() => [
-                  b("div", hn, [
+                  b("div", gn, [
                     a(_e, null, {
                       default: r(() => [
                         a(k, {
@@ -1901,7 +1901,7 @@ const Pe = W("settings", () => {
                                   modelValue: t(o),
                                   "onUpdate:modelValue": h[0] || (h[0] = (j) => se(o) ? o.value = j : null)
                                 }, null, 8, ["modelValue"]),
-                                _n,
+                                yn,
                                 a(y)
                               ]),
                               _: 1
@@ -1934,13 +1934,13 @@ const Pe = W("settings", () => {
         t(l) === "subscribe" ? {
           name: "actions",
           fn: r(() => [
-            b("div", gn, [
+            b("div", bn, [
               t(m) !== !1 ? (d(), _(V, {
                 key: 0,
                 block: "",
                 color: "success",
                 loading: t(i).isLoading,
-                "prepend-icon": `svg:${t(m) !== null ? t(Jt) : t(Ae)}`,
+                "prepend-icon": `svg:${t(m) !== null ? t(Kt) : t(Ae)}`,
                 readonly: t(m) === null,
                 size: "default",
                 text: t(m) !== null ? "Modify Subscription" : "Success",
@@ -1948,7 +1948,7 @@ const Pe = W("settings", () => {
               }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(i).isSubscriber ? (d(), _(V, {
                 key: 2,
                 block: "",
-                "prepend-icon": `svg:${t(Xt)}`,
+                "prepend-icon": `svg:${t(eo)}`,
                 size: "default",
                 text: "Manage Subscription",
                 onClick: h[3] || (h[3] = (j) => l.value = "status")
@@ -1970,16 +1970,16 @@ const Pe = W("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), bn = /* @__PURE__ */ $({
+}), kn = /* @__PURE__ */ $({
   __name: "VoSubscriptionListItem",
   setup(c) {
-    const e = B(!1);
+    const e = O(!1);
     return (n, i) => {
-      const s = yn, o = J;
+      const s = Vn, o = J;
       return d(), _(o, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(Kt)}`,
+        "prepend-icon": `svg:${t(to)}`,
         title: "Subscriptions"
       }, {
         default: r(() => [
@@ -1992,7 +1992,7 @@ const Pe = W("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Vn = {
+}), $n = {
   key: 0,
   class: "text-success"
 }, He = /* @__PURE__ */ $({
@@ -2014,9 +2014,9 @@ const Pe = W("settings", () => {
     return (s, o) => {
       var m, f;
       const l = fe;
-      return d(), _(xo, {
+      return d(), _(So, {
         "dot-color": (m = s.sponsorship) != null && m.isActive ? "success" : "transparent",
-        icon: (f = s.sponsorship) != null && f.isActive ? `svg:${t(Be)}` : void 0,
+        icon: (f = s.sponsorship) != null && f.isActive ? `svg:${t(Oe)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
@@ -2031,9 +2031,9 @@ const Pe = W("settings", () => {
             subtitle: r(() => {
               var u;
               return [
-                (u = s.sponsorship) != null && u.isActive ? (d(), L("div", Vn, [
+                (u = s.sponsorship) != null && u.isActive ? (d(), L("div", $n, [
                   a(A, {
-                    icon: `svg:${t(eo)}`,
+                    icon: `svg:${t(oo)}`,
                     size: "x-small"
                   }, null, 8, ["icon"]),
                   F(" " + C(t(i)), 1)
@@ -2055,7 +2055,7 @@ const Pe = W("settings", () => {
                   active: !1,
                   color: (u = s.sponsorship) != null && u.isActive ? "success" : "primary",
                   href: (h = s.sponsorship) != null && h.isActive || s.to ? void 0 : s.href,
-                  "prepend-icon": `svg:${(k = s.sponsorship) != null && k.isActive ? t(Ae) : t(Ne)}`,
+                  "prepend-icon": `svg:${(k = s.sponsorship) != null && k.isActive ? t(Ae) : t(Ue)}`,
                   readonly: (g = s.sponsorship) == null ? void 0 : g.isActive,
                   target: (y = s.sponsorship) != null && y.isActive || s.to ? void 0 : "_blank",
                   text: (p = s.sponsorship) != null && p.isActive ? "Active" : "Info",
@@ -2071,7 +2071,7 @@ const Pe = W("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), kn = /* @__PURE__ */ $({
+}), xn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemPatreon",
   setup(c) {
     return (e, n) => {
@@ -2084,7 +2084,7 @@ const Pe = W("settings", () => {
       });
     };
   }
-}), $n = /* @__PURE__ */ $({
+}), wn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(c) {
     const e = P();
@@ -2099,7 +2099,7 @@ const Pe = W("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), xn = /* @__PURE__ */ $({
+}), Sn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(c) {
     const e = P();
@@ -2114,7 +2114,7 @@ const Pe = W("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), wn = /* @__PURE__ */ $({
+}), Cn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(c) {
     const e = P();
@@ -2129,12 +2129,12 @@ const Pe = W("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Sn = /* @__PURE__ */ $({
+}), Ln = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimeline",
   setup(c) {
     return (e, n) => {
-      const i = wn, s = xn, o = $n, l = kn;
-      return d(), _(wo, {
+      const i = Cn, s = Sn, o = wn, l = xn;
+      return d(), _(Co, {
         class: "justify-start ms-n7",
         "line-inset": "12",
         side: "end",
@@ -2151,7 +2151,7 @@ const Pe = W("settings", () => {
       });
     };
   }
-}), Cn = { class: "px-3 pb-5 d-flex flex-column h-100" }, Ln = { class: "font-weight-black" }, In = { class: "text-caption text-medium-emphasis" }, An = /* @__PURE__ */ $({
+}), In = { class: "px-3 pb-5 d-flex flex-column h-100" }, An = { class: "font-weight-black" }, Dn = { class: "text-caption text-medium-emphasis" }, Bn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2160,14 +2160,14 @@ const Pe = W("settings", () => {
   emits: ["update:modelValue"],
   setup(c) {
     const e = le(c, "modelValue"), n = ve(), i = M(), s = P();
-    return U(n, async () => {
+    return N(n, async () => {
       n.value.one === "sponsorships" && (s.isOpen = !0, await pe(), e.value = !0);
     }, { immediate: !0 }), (o, l) => {
-      const m = Se, f = Sn, u = Oe("v-empty-state"), h = we;
+      const m = Se, f = Ln, u = Be("v-empty-state"), h = we;
       return d(), _(h, {
         modelValue: e.value,
         "onUpdate:modelValue": l[0] || (l[0] = (k) => e.value = k),
-        "prepend-icon": `svg:${t(to)}`,
+        "prepend-icon": `svg:${t(no)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
@@ -2175,7 +2175,7 @@ const Pe = W("settings", () => {
             default: r(() => [
               a(xe, { scrollable: "" }, {
                 default: r(() => [
-                  b("div", Cn, [
+                  b("div", In, [
                     a(_e, { class: "flex-0-0 mb-16 mb-sm-4" }, {
                       default: r(() => [
                         a(m, {
@@ -2199,10 +2199,10 @@ const Pe = W("settings", () => {
                       ]),
                       title: r(() => [
                         F(" One Status: "),
-                        b("span", Ln, C(t(i).isSubscriber ? "Active" : "Inactive"), 1)
+                        b("span", An, C(t(i).isSubscriber ? "Active" : "Inactive"), 1)
                       ]),
                       text: r(() => [
-                        b("div", In, C(t(i).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
+                        b("div", Dn, C(t(i).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
                       ]),
                       _: 1
                     })
@@ -2218,16 +2218,16 @@ const Pe = W("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Dn = /* @__PURE__ */ $({
+}), On = /* @__PURE__ */ $({
   __name: "VoSponsorshipsListItem",
   setup(c) {
-    const e = B(!1);
+    const e = O(!1);
     return (n, i) => {
-      const s = An, o = J;
+      const s = Bn, o = J;
       return d(), _(o, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(oo)}`,
+        "prepend-icon": `svg:${t(so)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
@@ -2240,7 +2240,7 @@ const Pe = W("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), On = /* @__PURE__ */ b("h2", { class: "text-h4" }, " Configuration Tooling ", -1), Bn = /* @__PURE__ */ b("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), Nn = { class: "text-uppercase text-info" }, Un = { class: "text-h6 mb-2" }, zn = { class: "text-caption" }, Tn = /* @__PURE__ */ b("div", null, " Become a subscriber and be the first to gain access to the Vuetify Studio Alpha when it releases in April 2024. ", -1), Fn = /* @__PURE__ */ $({
+}), Un = /* @__PURE__ */ b("h2", { class: "text-h4" }, " Configuration Tooling ", -1), Nn = /* @__PURE__ */ b("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), zn = { class: "text-uppercase text-info" }, Tn = { class: "text-h6 mb-2" }, Fn = { class: "text-caption" }, jn = /* @__PURE__ */ b("div", null, " Become a subscriber and be the first to gain access to the Vuetify Studio Alpha when it releases in April 2024. ", -1), Mn = /* @__PURE__ */ $({
   __name: "VoStudioDialog",
   props: /* @__PURE__ */ nt({
     prependIcon: {}
@@ -2250,7 +2250,7 @@ const Pe = W("settings", () => {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), n = ve(), i = Ue(), s = M(), o = P(), { smAndUp: l } = ce(), m = [
+    const e = le(c, "modelValue"), n = ve(), i = Ne(), s = M(), o = P(), { smAndUp: l } = ce(), m = [
       {
         title: "Customize",
         subtitle: "Customize your Vuetify theme, components, and more with the Vuetify Studio.",
@@ -2270,7 +2270,7 @@ const Pe = W("settings", () => {
         image: "https://cdn.vuetifyjs.com/docs/images/one/studio/export.png"
       }
     ];
-    U(n, async () => {
+    N(n, async () => {
       n.value.one === "studio" && (o.isOpen = !0, await pe(), e.value = !0);
     }, { immediate: !0 });
     function f() {
@@ -2311,8 +2311,8 @@ const Pe = W("settings", () => {
                             icon: u.prependIcon,
                             size: "80"
                           }, null, 8, ["icon"]),
-                          On,
-                          Bn
+                          Un,
+                          Nn
                         ]),
                         _: 1
                       })
@@ -2337,9 +2337,9 @@ const Pe = W("settings", () => {
                                 sm: "6"
                               }, {
                                 default: r(() => [
-                                  b("strong", Nn, C(y.title), 1),
-                                  b("p", Un, C(y.subtitle), 1),
-                                  b("p", zn, C(y.text), 1)
+                                  b("strong", zn, C(y.title), 1),
+                                  b("p", Tn, C(y.subtitle), 1),
+                                  b("p", Fn, C(y.text), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["order"]),
@@ -2383,7 +2383,7 @@ const Pe = W("settings", () => {
                                     image: "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
                                     size: "64"
                                   }),
-                                  Tn
+                                  jn
                                 ]),
                                 _: 1
                               }),
@@ -2418,17 +2418,17 @@ const Pe = W("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), jn = /* @__PURE__ */ $({
+}), Pn = /* @__PURE__ */ $({
   __name: "VoStudioNavItem",
   setup(c) {
-    const e = B(!1), n = [
+    const e = O(!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 (i, s) => {
-      const o = Fn, l = J;
+      const o = Mn, l = J;
       return d(), _(l, {
         active: t(e),
         link: "",
@@ -2457,13 +2457,13 @@ const Pe = W("settings", () => {
       }, 8, ["active"]);
     };
   }
-}), Mn = {
+}), Hn = {
   key: 0,
   class: "pt-16"
-}, Pn = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Hn = {
+}, Rn = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), En = {
   key: 1,
   class: "pa-5"
-}, Rn = { class: "text-subtitle-1 font-weight-bold" }, En = { class: "text-caption font-weight-bold text-medium-emphasis" }, qn = { class: "text-disabled text-caption mt-2 mb-3" }, Wn = /* @__PURE__ */ $({
+}, qn = { class: "text-subtitle-1 font-weight-bold" }, Wn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Gn = { class: "text-disabled text-caption mt-2 mb-3" }, Zn = /* @__PURE__ */ $({
   __name: "VoNotificationsBannerList",
   props: {
     items: {}
@@ -2477,14 +2477,14 @@ const Pe = W("settings", () => {
       s(l.slug) ? i.notifications.last.banner = i.notifications.last.banner.filter((m) => m !== l.slug) : i.notifications.last.banner.push(l.slug);
     }
     return (l, m) => {
-      const f = Oe("v-empty-state");
+      const f = Be("v-empty-state");
       return d(), _(ae, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: r(() => [
-          l.items.length ? (d(), L("div", Hn, [
+          l.items.length ? (d(), L("div", En, [
             (d(!0), L(z, null, ne(l.items, (u) => {
               var h;
               return d(), L("div", {
@@ -2542,15 +2542,15 @@ const Pe = W("settings", () => {
                           ]),
                           _: 2
                         }, 1032, ["text"]),
-                        b("div", Rn, C(u.metadata.text), 1),
-                        b("div", En, C(t(e).format(u.created_at, "fullDateWithWeekday")), 1),
-                        b("div", qn, C(u.metadata.subtext), 1),
+                        b("div", qn, C(u.metadata.text), 1),
+                        b("div", Wn, C(t(e).format(u.created_at, "fullDateWithWeekday")), 1),
+                        b("div", Gn, C(u.metadata.subtext), 1),
                         a(te, R({
                           href: u.metadata.link.startsWith("http") ? u.metadata.link : void 0,
                           target: u.metadata.link.startsWith("http") ? "_blank" : void 0,
                           to: u.metadata.link.startsWith("http") ? void 0 : u.metadata.link
                         }, {
-                          "append-icon": `svg:${t(Ne)}`,
+                          "append-icon": `svg:${t(Ue)}`,
                           border: "",
                           label: "",
                           size: "small",
@@ -2570,7 +2570,7 @@ const Pe = W("settings", () => {
                 }, 1024)
               ]);
             }), 128))
-          ])) : (d(), L("div", Mn, [
+          ])) : (d(), L("div", Hn, [
             a(f, {
               icon: "$vuetify",
               size: "256"
@@ -2579,7 +2579,7 @@ const Pe = W("settings", () => {
                 a(A, { color: "medium-emphasis" })
               ]),
               title: r(() => [
-                Pn
+                Rn
               ]),
               _: 1
             })
@@ -2589,7 +2589,7 @@ const Pe = W("settings", () => {
       });
     };
   }
-}), Gn = { class: "ps-3 text-subtitle-2 pe-2" }, Zn = { class: "text-truncate" }, Qn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Yn = { class: "text-disabled text-caption my-2" }, Jn = /* @__PURE__ */ $({
+}), Qn = { class: "ps-3 text-subtitle-2 pe-2" }, Yn = { class: "text-truncate" }, Jn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Xn = { class: "text-disabled text-caption my-2" }, Kn = /* @__PURE__ */ $({
   __name: "VoNotificationsListItem",
   props: {
     demo: { type: Boolean },
@@ -2620,10 +2620,10 @@ const Pe = W("settings", () => {
         default: r(({ isHovering: k, props: g }) => [
           a(h, R(g, { class: "py-4 mb-0" }), {
             prepend: r(() => [
-              b("div", Gn, C(f.notification.metadata.emoji), 1)
+              b("div", Qn, C(f.notification.metadata.emoji), 1)
             ]),
             append: r(() => [
-              a(So, {
+              a(Lo, {
                 class: "mt-n3",
                 width: "56"
               }, {
@@ -2658,14 +2658,14 @@ const Pe = W("settings", () => {
             default: r(() => [
               a(ct, { class: "text-wrap text-h6 mb-1" }, {
                 default: r(() => [
-                  b("div", Zn, C(f.notification.title), 1)
+                  b("div", Yn, C(f.notification.title), 1)
                 ]),
                 _: 1
               }),
-              b("div", Qn, C(t(i).format(f.notification.created_at, "fullDateWithWeekday")), 1),
-              b("div", Yn, C(f.notification.metadata.text), 1),
+              b("div", Jn, C(t(i).format(f.notification.created_at, "fullDateWithWeekday")), 1),
+              b("div", Xn, C(f.notification.metadata.text), 1),
               a(te, R({
-                "append-icon": `svg:${t(Ne)}`
+                "append-icon": `svg:${t(Ue)}`
               }, t(o), {
                 border: "",
                 label: "",
@@ -2686,17 +2686,17 @@ const Pe = W("settings", () => {
       });
     };
   }
-}), Xn = {
+}), es = {
   key: 0,
   class: "pt-16"
-}, Kn = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), es = /* @__PURE__ */ $({
+}, ts = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), os = /* @__PURE__ */ $({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(c) {
     return (e, n) => {
-      const i = Oe("v-empty-state"), s = Jn;
+      const i = Be("v-empty-state"), s = Kn;
       return d(), _(ae, {
         class: "py-0",
         height: "100%",
@@ -2708,7 +2708,7 @@ const Pe = W("settings", () => {
           }, [
             l !== 0 ? (d(), _(G, { key: 0 })) : S("", !0),
             a(s, { notification: o }, null, 8, ["notification"])
-          ], 64))), 128)) : (d(), L("div", Xn, [
+          ], 64))), 128)) : (d(), L("div", es, [
             a(i, {
               icon: "$vuetify",
               size: "256"
@@ -2717,7 +2717,7 @@ const Pe = W("settings", () => {
                 a(A, { color: "medium-emphasis" })
               ]),
               title: r(() => [
-                Kn
+                ts
               ]),
               _: 1
             })
@@ -2728,13 +2728,13 @@ const Pe = W("settings", () => {
     };
   }
 }), Vt = W("site", () => {
-  const c = O([]), e = O();
+  const c = B([]), e = B();
   return {
     id: c,
     url: e
   };
 }), Re = W("banners", () => {
-  const c = ie(), e = Vt(), n = T(), i = O([]), s = O([]), o = O(), l = B(!1), m = w(() => {
+  const c = ie(), e = Vt(), n = T(), i = B([]), s = B([]), o = B(), l = O(!1), m = w(() => {
     if (o.value)
       return o.value;
     if (f.value)
@@ -2744,9 +2744,9 @@ const Pe = W("settings", () => {
         slug: v,
         metadata: {
           site: V,
-          active: N
+          active: U
         }
-      }) => !N || n.notifications.last.banner.includes(v) ? !1 : V.includes("dev") && !1 || V.includes("*") ? !0 : V.some((j) => e.id.includes(j)));
+      }) => !U || n.notifications.last.banner.includes(v) ? !1 : V.includes("dev") && !1 || V.includes("*") ? !0 : V.some((j) => e.id.includes(j)));
   }), f = w(() => i.value.find(({
     metadata: {
       site: v,
@@ -2790,11 +2790,11 @@ const Pe = W("settings", () => {
   async function g(v, V) {
     try {
       l.value = !0;
-      const N = await c.form(
+      const U = await c.form(
         `/one/admin/banners/${v}`,
         V
       );
-      return o.value = N.banner, N.banner;
+      return o.value = U.banner, U.banner;
     } catch {
     } finally {
       l.value = !1;
@@ -2827,7 +2827,7 @@ const Pe = W("settings", () => {
     store: k,
     update: g
   };
-}), ts = { class: "text-caption" }, os = { class: "text-caption" }, ns = /* @__PURE__ */ $({
+}), ns = { class: "text-caption" }, ss = { class: "text-caption" }, as = /* @__PURE__ */ $({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2835,25 +2835,25 @@ const Pe = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = ce(), n = ve(), i = Re(), s = Me(), o = P(), l = T(), m = B(["read"]), f = le(c, "modelValue");
-    return U(n, async () => {
+    const e = ce(), n = ve(), i = Re(), s = Me(), o = P(), l = T(), m = O(["read"]), f = le(c, "modelValue");
+    return N(n, async () => {
       if (n.value.one !== "notifications") {
         f.value && (f.value = !1);
         return;
       }
       o.isOpen = !0, await pe(), f.value = !0;
     }, { immediate: !0 }), (u, h) => {
-      const k = J, g = es, y = Wn, p = we;
+      const k = J, g = os, y = Zn, p = we;
       return d(), _(p, {
         modelValue: f.value,
         "onUpdate:modelValue": h[2] || (h[2] = (v) => f.value = v),
-        "prepend-icon": `svg:${t(no)}`,
+        "prepend-icon": `svg:${t(ao)}`,
         title: "Notifications"
       }, {
         default: r(() => [
           a($e, null, {
             default: r(() => [
-              a(Co, {
+              a(Io, {
                 location: t(e).mobile.value ? "top" : "start",
                 permanent: "",
                 width: t(e).mobile.value ? 128 : 168
@@ -2869,34 +2869,34 @@ const Pe = W("settings", () => {
                   }, {
                     default: r(() => [
                       a(k, {
-                        "prepend-icon": `svg:${t(so)}`,
+                        "prepend-icon": `svg:${t(io)}`,
                         title: "Unread",
                         value: "read"
                       }, H({ _: 2 }, [
                         t(s).unread.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            b("span", ts, C(t(s).unread.length), 1)
+                            b("span", ns, C(t(s).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       a(k, {
-                        "prepend-icon": `svg:${t(ao)}`,
+                        "prepend-icon": `svg:${t(ro)}`,
                         title: "Read",
                         value: "unread"
                       }, H({ _: 2 }, [
                         t(s).read.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            b("span", os, C(t(s).read.length), 1)
+                            b("span", ss, C(t(s).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       t(i).all.length > 0 && t(l).notifications.banners ? (d(), _(k, {
                         key: 0,
-                        "prepend-icon": `svg:${t(io)}`,
+                        "prepend-icon": `svg:${t(lo)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
@@ -2959,7 +2959,7 @@ const Pe = W("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), ss = /* @__PURE__ */ $({
+}), is = /* @__PURE__ */ $({
   __name: "VoNotificationsBadge",
   setup(c) {
     const e = Me(), n = T();
@@ -2974,19 +2974,19 @@ const Pe = W("settings", () => {
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), as = /* @__PURE__ */ $({
+}), rs = /* @__PURE__ */ $({
   __name: "VoNotificationsNavItem",
   setup(c) {
-    const e = Re(), n = T(), i = Me(), s = B(!1);
+    const e = Re(), n = T(), i = Me(), s = O(!1);
     return Qe(async () => {
       i.index(), e.index();
     }), (o, l) => {
-      const m = ss, f = ns, u = J;
+      const m = is, f = as, u = J;
       return t(n).notifications.show ? (d(), _(u, {
         key: 0,
         active: t(s),
         link: "",
-        "prepend-icon": `svg:${t(ro)}`,
+        "prepend-icon": `svg:${t(co)}`,
         title: "Notifications"
       }, H({
         default: r(() => [
@@ -3012,7 +3012,7 @@ const Pe = W("settings", () => {
       ]), 1032, ["active", "prepend-icon"])) : S("", !0);
     };
   }
-}), is = /* @__PURE__ */ $({
+}), ls = /* @__PURE__ */ $({
   __name: "VoDashboardNavItem",
   setup(c) {
     const e = P();
@@ -3024,19 +3024,19 @@ const Pe = W("settings", () => {
     return (i, s) => {
       const o = J;
       return d(), _(o, {
-        "prepend-icon": `svg:${t(lo)}`,
+        "prepend-icon": `svg:${t(uo)}`,
         title: "Dashboard",
         to: "/user/dashboard",
         onClick: n
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), rs = /* @__PURE__ */ $({
+}), cs = /* @__PURE__ */ $({
   __name: "VoUserList",
   setup(c) {
     const e = M();
     return (n, i) => {
-      const s = is, o = as, l = jn, m = Dn, f = bn, u = Yo, h = Ro;
+      const s = ls, o = rs, l = Pn, m = On, f = kn, u = Xo, h = qo;
       return d(), _(ae, {
         density: "compact",
         nav: "",
@@ -3055,87 +3055,105 @@ const Pe = W("settings", () => {
       });
     };
   }
-}), ls = { key: 0 }, cs = { class: "d-flex align-center justify-center pa-1 ga-2" }, us = /* @__PURE__ */ $({
-  __name: "VoUserQuickActions",
+}), kt = /* @__PURE__ */ $({
+  __name: "VoIconIssues",
   setup(c) {
-    const e = T(), n = [
+    const e = [
+      ["M21.57 19.41L18.36 16.41C19.7242 14.5916 20.3549 12.3267 20.127 10.065C19.8991 7.80316 18.8293 5.70969 17.1298 4.19992C15.4303 2.69016 13.2254 1.87444 10.9525 1.91463C8.67959 1.95481 6.50486 2.84796 4.8598 4.41685C3.21475 5.98575 2.21959 8.11573 2.07179 10.3842C1.924 12.6526 2.63436 14.8937 4.06193 16.6628C5.4895 18.4319 7.52995 19.5997 9.77841 19.9344C12.0269 20.2692 14.319 19.7465 16.2 18.47L19.5 21.6C19.7743 21.8507 20.1287 21.996 20.5 22.01C20.7053 22.0117 20.9087 21.9698 21.0966 21.8871C21.2845 21.8043 21.4527 21.6826 21.59 21.53C21.729 21.3901 21.8389 21.224 21.9132 21.0413C21.9875 20.8586 22.0248 20.663 22.0229 20.4658C22.0211 20.2686 21.9801 20.0737 21.9023 19.8925C21.8246 19.7113 21.7116 19.5473 21.57 19.41ZM11.1 17.33C9.83508 17.328 8.59909 16.9512 7.54815 16.2472C6.49721 15.5432 5.67846 14.5436 5.1953 13.3746C4.71214 12.2055 4.58624 10.9195 4.8335 9.67898C5.08077 8.43843 5.6901 7.29898 6.58455 6.40453C7.47901 5.51007 8.61846 4.90074 9.85901 4.65347C11.0996 4.40621 12.3856 4.53211 13.5546 5.01527C14.7236 5.49843 15.7233 6.31718 16.4273 7.36812C17.1313 8.41906 17.5081 9.65506 17.51 10.92C17.51 11.7618 17.3442 12.5953 17.0221 13.373C16.7 14.1507 16.2278 14.8573 15.6326 15.4526C15.0374 16.0478 14.3307 16.5199 13.553 16.8421C12.7753 17.1642 11.9418 17.33 11.1 17.33Z", 0.8],
+      "M8.63152 12.7367L8.50057 12.5L6 8H11.263L8.63152 12.7367Z",
+      ["M9.11205 13.6004L11 17L16 8H12.223L9.11205 13.6004Z", 0.6]
+    ];
+    return (n, i) => (d(), _(A, { icon: e }));
+  }
+}), $t = /* @__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]
-    ], i = [
-      ["M21.57 19.41L18.36 16.41C19.7242 14.5916 20.3549 12.3267 20.127 10.065C19.8991 7.80316 18.8293 5.70969 17.1298 4.19992C15.4303 2.69016 13.2254 1.87444 10.9525 1.91463C8.67959 1.95481 6.50486 2.84796 4.8598 4.41685C3.21475 5.98575 2.21959 8.11573 2.07179 10.3842C1.924 12.6526 2.63436 14.8937 4.06193 16.6628C5.4895 18.4319 7.52995 19.5997 9.77841 19.9344C12.0269 20.2692 14.319 19.7465 16.2 18.47L19.5 21.6C19.7743 21.8507 20.1287 21.996 20.5 22.01C20.7053 22.0117 20.9087 21.9698 21.0966 21.8871C21.2845 21.8043 21.4527 21.6826 21.59 21.53C21.729 21.3901 21.8389 21.224 21.9132 21.0413C21.9875 20.8586 22.0248 20.663 22.0229 20.4658C22.0211 20.2686 21.9801 20.0737 21.9023 19.8925C21.8246 19.7113 21.7116 19.5473 21.57 19.41ZM11.1 17.33C9.83508 17.328 8.59909 16.9512 7.54815 16.2472C6.49721 15.5432 5.67846 14.5436 5.1953 13.3746C4.71214 12.2055 4.58624 10.9195 4.8335 9.67898C5.08077 8.43843 5.6901 7.29898 6.58455 6.40453C7.47901 5.51007 8.61846 4.90074 9.85901 4.65347C11.0996 4.40621 12.3856 4.53211 13.5546 5.01527C14.7236 5.49843 15.7233 6.31718 16.4273 7.36812C17.1313 8.41906 17.5081 9.65506 17.51 10.92C17.51 11.7618 17.3442 12.5953 17.0221 13.373C16.7 14.1507 16.2278 14.8573 15.6326 15.4526C15.0374 16.0478 14.3307 16.5199 13.553 16.8421C12.7753 17.1642 11.9418 17.33 11.1 17.33Z", 0.8],
-      "M8.63152 12.7367L8.50057 12.5L6 8H11.263L8.63152 12.7367Z",
-      ["M9.11205 13.6004L11 17L16 8H12.223L9.11205 13.6004Z", 0.6]
     ];
-    return (s, o) => (d(), _(me, null, {
-      default: r(() => [
-        t(e).quickbar ? (d(), L("div", ls, [
-          b("div", cs, [
-            a(q, {
-              class: "text-caption",
-              color: t(e).colors.one,
-              density: "comfortable",
-              href: "https://play.vuetifyjs.com",
-              icon: "$vuetify-play",
-              target: "_blank"
-            }, {
-              default: r(() => [
-                a(A),
-                a(ee, {
-                  activator: "parent",
-                  location: "top",
-                  text: "Vuetify Play"
-                })
-              ]),
-              _: 1
-            }, 8, ["color"]),
-            a(q, {
-              class: "text-caption",
-              color: t(e).colors.one,
-              density: "comfortable",
-              href: "https://bin.vuetifyjs.com",
-              icon: n,
-              target: "_blank"
-            }, {
-              default: r(() => [
-                a(A),
-                a(ee, {
-                  activator: "parent",
-                  location: "top",
-                  text: "Vuetify Bin"
-                })
-              ]),
-              _: 1
-            }, 8, ["color"]),
-            a(q, {
-              class: "text-caption",
-              color: t(e).colors.one,
-              density: "comfortable",
-              href: "https://issues.vuetifyjs.com",
-              icon: i,
-              target: "_blank"
-            }, {
-              default: r(() => [
-                a(A),
-                a(ee, {
-                  activator: "parent",
-                  location: "top",
-                  text: "Vuetify Issues"
-                })
-              ]),
-              _: 1
-            }, 8, ["color"])
-          ])
-        ])) : S("", !0)
-      ]),
-      _: 1
-    }));
+    return (n, i) => (d(), _(A, { icon: e }));
   }
-}), ds = { class: "mb-2" }, ps = { key: 0 }, ms = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, fs = { class: "text-h6" }, vs = /* @__PURE__ */ $({
+}), us = { key: 0 }, ds = { class: "d-flex align-center justify-center pa-1 ga-2" }, ps = /* @__PURE__ */ $({
+  __name: "VoUserQuickActions",
+  setup(c) {
+    const e = T();
+    return (n, i) => {
+      const s = $t, o = kt;
+      return d(), _(me, null, {
+        default: r(() => [
+          t(e).quickbar ? (d(), L("div", us, [
+            b("div", ds, [
+              a(q, {
+                class: "text-caption",
+                color: t(e).colors.one,
+                density: "comfortable",
+                flat: "",
+                href: "https://play.vuetifyjs.com",
+                icon: "$vuetify-play",
+                target: "_blank"
+              }, {
+                default: r(() => [
+                  a(A),
+                  a(ee, {
+                    activator: "parent",
+                    location: "top",
+                    text: "Vuetify Play"
+                  })
+                ]),
+                _: 1
+              }, 8, ["color"]),
+              a(q, {
+                class: "text-caption",
+                color: t(e).colors.one,
+                density: "comfortable",
+                flat: "",
+                href: "https://bin.vuetifyjs.com",
+                icon: "",
+                target: "_blank"
+              }, {
+                default: r(() => [
+                  a(s),
+                  a(ee, {
+                    activator: "parent",
+                    location: "top",
+                    text: "Vuetify Bin"
+                  })
+                ]),
+                _: 1
+              }, 8, ["color"]),
+              a(q, {
+                class: "text-caption",
+                color: t(e).colors.one,
+                density: "comfortable",
+                flat: "",
+                href: "https://issues.vuetifyjs.com",
+                icon: "",
+                target: "_blank"
+              }, {
+                default: r(() => [
+                  a(o),
+                  a(ee, {
+                    activator: "parent",
+                    location: "top",
+                    text: "Vuetify Issues"
+                  })
+                ]),
+                _: 1
+              }, 8, ["color"])
+            ])
+          ])) : S("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ms = { class: "mb-2" }, fs = { key: 0 }, vs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, hs = { class: "text-h6" }, _s = /* @__PURE__ */ $({
   __name: "VoUserAvatar",
   setup(c) {
-    const e = M(), n = P(), i = T(), s = B(!1), o = w(() => {
+    const e = M(), n = P(), i = T(), s = O(!1), o = w(() => {
       const f = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/dark.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackguard.png",
@@ -3164,8 +3182,8 @@ const Pe = W("settings", () => {
       var h;
       return d(), L("div", null, [
         Ve((d(), _(Y, {
-          class: It([
-            "border-md border-opacity-100 border-surface-variant",
+          class: Dt([
+            "border-md border-opacity-100 border-surface-light",
             {
               "cursor-pointer": t(e).isSubscriber
             }
@@ -3189,19 +3207,19 @@ const Pe = W("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [Lo, t(e).isSubscriber]
+          [Ao, t(e).isSubscriber]
         ]),
-        b("div", ds, [
+        b("div", ms, [
           a(me, null, {
             default: r(() => [
-              t(s) ? (d(), L("div", ps, [
+              t(s) ? (d(), L("div", fs, [
                 a(E, {
                   class: "pt-6 pb-1",
                   flat: "",
                   rounded: "0"
                 }, {
                   default: r(() => [
-                    b("div", ms, [
+                    b("div", vs, [
                       (d(!0), L(z, null, ne(t(o), (k, g) => (d(), _(q, {
                         key: g,
                         active: t(i).avatar === k,
@@ -3226,11 +3244,11 @@ const Pe = W("settings", () => {
             _: 1
           })
         ]),
-        b("div", fs, C(((h = t(e).user) == null ? void 0 : h.name) ?? "Guest"), 1)
+        b("div", hs, C(((h = t(e).user) == null ? void 0 : h.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), hs = /* @__PURE__ */ $({
+}), gs = /* @__PURE__ */ $({
   __name: "VoUserBadges",
   setup(c) {
     const e = M(), n = P(), i = w(() => {
@@ -3268,7 +3286,7 @@ const Pe = W("settings", () => {
             activator: r(({ props: m }) => [
               a(A, R({
                 color: "amber-darken-2",
-                icon: `svg:${t(co)}`
+                icon: `svg:${t(po)}`
               }, m, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
@@ -3304,18 +3322,18 @@ const Pe = W("settings", () => {
       _: 1
     })) : S("", !0);
   }
-}), _s = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, gs = {
+}), ys = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, bs = {
   key: "reset",
   class: "align-self-end"
-}, ys = /* @__PURE__ */ $({
+}, Vs = /* @__PURE__ */ $({
   __name: "VoUserColors",
   setup(c) {
-    const e = M(), n = T(), i = B(!1);
+    const e = M(), n = T(), i = O(!1);
     function s() {
       n.colors.one = "surface-light";
     }
     return (o, l) => {
-      const m = hs, f = fe;
+      const m = gs, f = fe;
       return d(), L(z, null, [
         a(Z, {
           color: t(e).user ? t(n).colors.one : "surface-light",
@@ -3326,17 +3344,17 @@ const Pe = W("settings", () => {
           rounded: "0"
         }, {
           default: r(() => [
-            b("div", _s, [
+            b("div", ys, [
               a(m),
-              a(bo, null, {
+              a(ko, null, {
                 default: r(() => [
-                  Ve(b("div", gs, [
+                  Ve(b("div", bs, [
                     a(f, {
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
                       disabled: t(n).colors.one === "surface-light",
-                      icon: `svg:${t(uo)}`,
+                      icon: `svg:${t(mo)}`,
                       title: "Revert to Default",
                       variant: "text",
                       onClick: s
@@ -3353,7 +3371,7 @@ const Pe = W("settings", () => {
                 class: "align-self-end",
                 color: "inherit",
                 density: "comfortable",
-                icon: t(i) ? `svg:${t(Be)}` : "$edit",
+                icon: t(i) ? `svg:${t(Oe)}` : "$edit",
                 title: "Edit One Header Color",
                 variant: t(i) ? "text" : "plain",
                 onClick: l[0] || (l[0] = (u) => i.value = !t(i))
@@ -3376,7 +3394,7 @@ const Pe = W("settings", () => {
         }, 8, ["color"]),
         a(me, null, {
           default: r(() => [
-            t(i) ? (d(), _(Io, {
+            t(i) ? (d(), _(Do, {
               key: 0,
               elevation: "0",
               height: "250",
@@ -3396,16 +3414,16 @@ const Pe = W("settings", () => {
       ], 64);
     };
   }
-}), bs = { class: "text-center mt-n9 mb-4" }, Vs = /* @__PURE__ */ $({
+}), ks = { class: "text-center mt-n9 mb-4" }, $s = /* @__PURE__ */ $({
   __name: "VoUserMenu",
   setup(c) {
-    const e = Re(), n = P(), i = O();
-    return U(() => e.banner, async () => {
+    const e = Re(), n = P(), i = B();
+    return N(() => e.banner, async () => {
       var s, o;
       await new Promise((l) => setTimeout(l, 300)), n.isOpen && ((o = (s = i.value) == null ? void 0 : s.updateLocation) == null || o.call(s));
     }, { flush: "pre" }), (s, o) => {
-      const l = ys, m = vs, f = us, u = rs, h = yt;
-      return d(), _(t(Ao), {
+      const l = Vs, m = _s, f = ps, u = cs, h = yt;
+      return d(), _(t(Bo), {
         ref_key: "menu",
         ref: i,
         modelValue: t(n).isOpen,
@@ -3424,7 +3442,7 @@ const Pe = W("settings", () => {
           }, {
             default: r(() => [
               a(l),
-              b("div", bs, [
+              b("div", ks, [
                 a(m),
                 a(f)
               ]),
@@ -3440,7 +3458,7 @@ const Pe = W("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), ks = { key: 0 }, kt = /* @__PURE__ */ $({
+}), xs = { key: 0 }, xt = /* @__PURE__ */ $({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
@@ -3448,26 +3466,27 @@ const Pe = W("settings", () => {
   setup(c) {
     const e = M(), n = P(), i = T(), { lgAndUp: s } = ce(), o = w(() => n.isOpen || !e.user ? i.colors.one === "surface-light" ? "primary" : i.colors.one : "surface-light");
     return (l, m) => {
-      const f = Vs, u = fe, h = Po, k = gt;
+      const f = $s, u = fe, h = Ro, k = gt;
       return d(), L(z, null, [
         a(h, {
           "offset-y": t(e).user ? 5 : 0
         }, {
           default: r(() => [
             a(u, R({
-              [`${t(s) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(po)}`
+              [`${t(s) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(fo)}`
             }, {
               active: "",
+              border: !!t(e).user,
               class: "vo-auth-btn",
               color: t(o),
               icon: t(e).user || t(e).isLoading,
               loading: t(e).isLoading,
               size: "default",
               style: { transition: ".2s ease" },
-              variant: t(e).user ? "outlined" : "flat"
+              variant: t(e).user ? t(n).isOpen ? "outlined" : "text" : "flat"
             }), {
               default: r(() => [
-                t(e).user ? S("", !0) : (d(), L("span", ks, "Login")),
+                t(e).user ? S("", !0) : (d(), L("span", xs, "Login")),
                 t(e).user ? (d(), _(Y, {
                   key: 1,
                   image: t(i).avatar || t(e).user.picture || ""
@@ -3475,7 +3494,7 @@ const Pe = W("settings", () => {
                 a(f)
               ]),
               _: 1
-            }, 16, ["color", "icon", "loading", "variant"])
+            }, 16, ["border", "color", "icon", "loading", "variant"])
           ]),
           _: 1
         }, 8, ["offset-y"]),
@@ -3483,7 +3502,7 @@ const Pe = W("settings", () => {
       ], 64);
     };
   }
-}), $s = /* @__PURE__ */ $({
+}), ws = /* @__PURE__ */ $({
   __name: "VoAppBar",
   props: {
     logo: {}
@@ -3491,9 +3510,10 @@ const Pe = W("settings", () => {
   setup(c) {
     const e = c, n = Te(), i = Pe(), s = w(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${e.logo}-logo-${n.current.value.dark ? "dark" : "light"}.png`);
     return (o, l) => {
-      const m = Oe("router-link"), f = kt;
+      const m = Be("router-link"), f = xt;
       return d(), _(ft, {
-        image: t(i).suit["app-bar"]
+        image: t(i).suit["app-bar"],
+        name: "vo-app-bar"
       }, H({
         prepend: r(() => [
           a(m, {
@@ -3542,121 +3562,13 @@ const Pe = W("settings", () => {
       ]), 1032, ["image"]);
     };
   }
-}), xs = {
-  key: 0,
-  class: "v-footer__image"
-}, ws = /* @__PURE__ */ $({
-  __name: "VoFooter",
-  props: {
-    image: {}
-  },
-  setup(c) {
-    return (e, n) => (d(), _(Do, {
-      class: "vo-footer",
-      height: "40"
-    }, {
-      default: r(() => [
-        e.image || e.$slots.image ? (d(), L("div", xs, [
-          e.$slots.image ? D(e.$slots, "image", { key: 0 }, void 0, !0) : (d(), _(Z, {
-            key: 1,
-            cover: "",
-            position: "left",
-            src: e.image
-          }, null, 8, ["src"]))
-        ])) : S("", !0),
-        D(e.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }));
-  }
-}), $t = (c, e) => {
-  const n = c.__vccOpts || c;
-  for (const [i, s] of e)
-    n[i] = s;
-  return n;
-}, xt = /* @__PURE__ */ $t(ws, [["__scopeId", "data-v-3135ada5"]]), Ss = (c) => (At("data-v-584be7b0"), c = c(), Dt(), c), Cs = ["href", "title"], Ls = {
-  class: "text-caption text-disabled",
-  style: { position: "absolute", right: "16px" }
-}, Is = /* @__PURE__ */ Ss(() => /* @__PURE__ */ b("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), As = /* @__PURE__ */ $({
-  __name: "VoSocialFooter",
-  setup(c) {
-    const e = Pe(), n = [
-      {
-        title: "Vuetify Documentation",
-        icon: "$vuetify",
-        href: "https://vuetifyjs.com/"
-      },
-      {
-        title: "Vuetify Support",
-        icon: `svg:${mo}`,
-        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",
-        href: "https://x.com/vuetifyjs"
-      },
-      {
-        title: "Vuetify GitHub",
-        icon: `svg:${Xe}`,
-        href: "https://github.com/vuetifyjs/vuetify"
-      },
-      {
-        title: "Vuetify Discord",
-        icon: `svg:${Je}`,
-        href: "https://community.vuetifyjs.com/"
-      },
-      {
-        title: "Vuetify Reddit",
-        icon: `svg:${fo}`,
-        href: "https://reddit.com/r/vuetifyjs"
-      }
-    ];
-    return (i, s) => {
-      const o = xt;
-      return d(), _(o, {
-        class: "vo-footer",
-        height: "40",
-        image: t(e).suit.footer
-      }, H({
-        default: r(() => [
-          (d(), L(z, null, ne(n, (l) => b("a", {
-            key: l.title,
-            class: "d-inline-block mx-2 social-link",
-            href: l.href,
-            rel: "noopener noreferrer",
-            target: "_blank",
-            title: l.title
-          }, [
-            a(A, {
-              icon: l.icon,
-              size: l.icon === "$vuetify" ? 24 : 16
-            }, null, 8, ["icon", "size"])
-          ], 8, Cs)), 64)),
-          b("div", Ls, [
-            F(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-            Is
-          ])
-        ]),
-        _: 2
-      }, [
-        i.$slots.image ? {
-          name: "image",
-          fn: r(() => [
-            D(i.$slots, "image", {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["image"]);
-    };
-  }
-}), Ds = /* @__PURE__ */ $t(As, [["__scopeId", "data-v-584be7b0"]]), Os = /* @__PURE__ */ $({
+}), Ss = /* @__PURE__ */ $({
   __name: "VoNotificationsBanner",
   props: {
     demo: { type: Boolean }
   },
   setup(c) {
-    const e = c, { mdAndUp: n } = ce(), i = Ue(), s = T(), o = Re(), l = w(() => o.banner), m = w(() => {
+    const e = c, { mdAndUp: n } = ce(), i = Ne(), s = T(), o = Re(), l = w(() => o.banner), m = w(() => {
       var g, y;
       return ((g = l.value) == null ? void 0 : g.metadata.height) || ((y = l.value) != null && y.metadata.subtext ? 88 : 48);
     }), f = w(() => e.demo ? !0 : !l.value || !s.notifications.last.banner.includes(l.value.slug));
@@ -3721,7 +3633,7 @@ const Pe = W("settings", () => {
                     ...V,
                     ...t(k)
                   }, {
-                    "append-icon": `svg:${t(Ne)}`,
+                    "append-icon": `svg:${t(Ue)}`,
                     class: "text-none me-2",
                     color: t(l).metadata.link_color,
                     elevation: v ? 8 : 0,
@@ -3758,7 +3670,7 @@ const Pe = W("settings", () => {
                 ]),
                 _: 1
               })) : S("", !0),
-              t(l).metadata.subtext ? (d(), _(ho, { key: 1 }, {
+              t(l).metadata.subtext ? (d(), _(go, { key: 1 }, {
                 default: r(() => [
                   F(C(t(l).metadata.subtext), 1)
                 ]),
@@ -3772,7 +3684,7 @@ const Pe = W("settings", () => {
       }, 8, ["color", "height", "image", "location", "model-value"])) : S("", !0);
     };
   }
-}), Bs = {
+}), Cs = {
   key: 0,
   class: "text-uppercase position-absolute ms-auto font-weight-medium on-surface-light",
   style: { right: "12px", bottom: "8px", "font-size": "10px" }
@@ -3801,7 +3713,7 @@ const Pe = W("settings", () => {
           ]),
           _: 3
         }, 8, ["min-height"]),
-        e.caption ? (d(), L("div", Bs, C(e.caption), 1)) : S("", !0)
+        e.caption ? (d(), L("div", Cs, C(e.caption), 1)) : S("", !0)
       ]),
       _: 2
     }, [
@@ -3822,7 +3734,7 @@ const Pe = W("settings", () => {
     ]), 1024));
   }
 }), et = W("promotions", () => {
-  const c = ie(), e = O([]), n = O([]), i = O(), s = B(!1), o = B(!1), l = w(() => e.value.filter((p) => p.metadata.discoverable));
+  const c = ie(), e = B([]), n = B([]), i = B(), s = O(!1), o = O(!1), l = w(() => e.value.filter((p) => p.metadata.discoverable));
   Ye(f);
   function m(p) {
     const v = p.filter((V) => V.metadata.active);
@@ -3903,7 +3815,7 @@ const Pe = W("settings", () => {
     store: h,
     update: k
   };
-}), Ns = /* @__PURE__ */ $({
+}), Ls = /* @__PURE__ */ $({
   __name: "VoPromotionsCardHighlight",
   props: {
     slug: {}
@@ -3971,7 +3883,7 @@ const Pe = W("settings", () => {
       ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : S("", !0);
     };
   }
-}), Us = { class: "d-flex ga-4" }, zs = { class: "d-flex align-start ga-4" }, Ts = { class: "text-caption on-surface-light" }, Fs = /* @__PURE__ */ $({
+}), Is = { class: "d-flex ga-4" }, As = { class: "d-flex align-start ga-4" }, Ds = { class: "text-caption on-surface-light" }, Bs = /* @__PURE__ */ $({
   __name: "VoPromotionsCardVuetify",
   props: {
     slug: {}
@@ -3997,7 +3909,7 @@ const Pe = W("settings", () => {
         default: r(() => {
           var h, k, g;
           return [
-            b("div", Us, [
+            b("div", Is, [
               t(n).hasLoaded ? t(s) ? (d(), L(z, { key: 1 }, [
                 a(Z, {
                   cover: "",
@@ -4008,8 +3920,8 @@ const Pe = W("settings", () => {
                   src: (k = (h = t(s).metadata) == null ? void 0 : h.images.default) == null ? void 0 : k.url,
                   width: "100%"
                 }, null, 8, ["src"]),
-                b("div", zs, [
-                  b("div", Ts, C((g = t(s).metadata) == null ? void 0 : g.text), 1)
+                b("div", As, [
+                  b("div", Ds, C((g = t(s).metadata) == null ? void 0 : g.text), 1)
                 ])
               ], 64)) : S("", !0) : (d(), L(z, { key: 0 }, [
                 a(be, {
@@ -4035,7 +3947,39 @@ const Pe = W("settings", () => {
       }, 8, ["href"])) : S("", !0);
     };
   }
-}), js = ["href"], Ms = /* @__PURE__ */ $({
+}), Os = {
+  key: 0,
+  class: "v-footer__image"
+}, Us = /* @__PURE__ */ $({
+  __name: "VoFooter",
+  props: {
+    image: {}
+  },
+  setup(c) {
+    return (e, n) => (d(), _(Uo, {
+      class: "vo-footer",
+      height: "40"
+    }, {
+      default: r(() => [
+        e.image || e.$slots.image ? (d(), L("div", Os, [
+          e.$slots.image ? D(e.$slots, "image", { key: 0 }, void 0, !0) : (d(), _(Z, {
+            key: 1,
+            cover: "",
+            position: "left",
+            src: e.image
+          }, null, 8, ["src"]))
+        ])) : S("", !0),
+        D(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }));
+  }
+}), St = (c, e) => {
+  const n = c.__vccOpts || c;
+  for (const [i, s] of e)
+    n[i] = s;
+  return n;
+}, Ct = /* @__PURE__ */ St(Us, [["__scopeId", "data-v-3135ada5"]]), Ns = ["href"], zs = /* @__PURE__ */ $({
   __name: "VoPromotionsFooter",
   props: {
     slug: {}
@@ -4059,7 +4003,7 @@ const Pe = W("settings", () => {
       e.slug && await n.show(e.slug);
     }), (f, u) => {
       var k;
-      const h = xt;
+      const h = Ct;
       return d(), _(h, {
         color: ((k = t(o)) == null ? void 0 : k.metadata.color) ?? "surface",
         image: t(m),
@@ -4090,14 +4034,14 @@ const Pe = W("settings", () => {
                 text: "SPONSORED",
                 variant: "flat"
               })) : S("", !0)
-            ], 8, js)
+            ], 8, Ns)
           ];
         }),
         _: 1
       }, 8, ["color", "image"]);
     };
   }
-}), Ps = ["id"], Hs = /* @__PURE__ */ $({
+}), Ts = ["id"], Fs = /* @__PURE__ */ $({
   __name: "VoScript",
   props: {
     id: {
@@ -4115,24 +4059,100 @@ const Pe = W("settings", () => {
   },
   emits: ["script:error", "script:load"],
   setup(c, { emit: e }) {
-    const n = c, i = e, s = O(), o = O();
+    const n = c, i = e, s = B(), o = B();
     return Ye(async () => {
       const l = document.createElement("script"), m = () => i("script:error");
       l.type = "text/javascript", l.id = n.scriptId, l.src = n.src, l.onload = () => i("script:load"), l.onerror = m, o.value = l;
     }), Qe(() => {
       var l;
       o.value && ((l = s.value) == null || l.appendChild(o.value));
-    }), Ot(() => {
+    }), Bt(() => {
       var l;
       o.value && ((l = s.value) == null || l.removeChild(o.value));
     }), (l, m) => (d(), L("div", {
       id: c.id,
       ref_key: "rootEl",
       ref: s
-    }, null, 8, Ps));
+    }, null, 8, Ts));
+  }
+}), js = (c) => (Ot("data-v-584be7b0"), c = c(), Ut(), c), Ms = ["href", "title"], Ps = {
+  class: "text-caption text-disabled",
+  style: { position: "absolute", right: "16px" }
+}, Hs = /* @__PURE__ */ js(() => /* @__PURE__ */ b("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Rs = /* @__PURE__ */ $({
+  __name: "VoSocialFooter",
+  setup(c) {
+    const e = Pe(), n = [
+      {
+        title: "Vuetify Documentation",
+        icon: "$vuetify",
+        href: "https://vuetifyjs.com/"
+      },
+      {
+        title: "Vuetify Support",
+        icon: `svg:${vo}`,
+        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",
+        href: "https://x.com/vuetifyjs"
+      },
+      {
+        title: "Vuetify GitHub",
+        icon: `svg:${Xe}`,
+        href: "https://github.com/vuetifyjs/vuetify"
+      },
+      {
+        title: "Vuetify Discord",
+        icon: `svg:${Je}`,
+        href: "https://community.vuetifyjs.com/"
+      },
+      {
+        title: "Vuetify Reddit",
+        icon: `svg:${ho}`,
+        href: "https://reddit.com/r/vuetifyjs"
+      }
+    ];
+    return (i, s) => {
+      const o = Ct;
+      return d(), _(o, {
+        class: "vo-footer",
+        height: "40",
+        image: t(e).suit.footer
+      }, H({
+        default: r(() => [
+          (d(), L(z, null, ne(n, (l) => b("a", {
+            key: l.title,
+            class: "d-inline-block mx-2 social-link",
+            href: l.href,
+            rel: "noopener noreferrer",
+            target: "_blank",
+            title: l.title
+          }, [
+            a(A, {
+              icon: l.icon,
+              size: l.icon === "$vuetify" ? 24 : 16
+            }, null, 8, ["icon", "size"])
+          ], 8, Ms)), 64)),
+          b("div", Ps, [
+            F(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+            Hs
+          ])
+        ]),
+        _: 2
+      }, [
+        i.$slots.image ? {
+          name: "image",
+          fn: r(() => [
+            D(i.$slots, "image", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["image"]);
+    };
   }
-}), Rs = W("spots", () => {
-  const c = ie(), e = Vt(), n = O([]), i = O([]), s = O(), o = B(!1), l = w(() => s.value ? s.value : n.value.find(({
+}), Es = /* @__PURE__ */ St(Rs, [["__scopeId", "data-v-584be7b0"]]), qs = W("spots", () => {
+  const c = ie(), e = Vt(), n = B([]), i = B([]), s = B(), o = O(!1), l = w(() => s.value ? s.value : n.value.find(({
     metadata: {
       site: y,
       active: p
@@ -4211,10 +4231,10 @@ const Pe = W("settings", () => {
     update: h,
     destroy: k
   };
-}), Es = ["href"], qs = /* @__PURE__ */ $({
+}), Ws = ["href"], Gs = /* @__PURE__ */ $({
   __name: "VoSpot",
   setup(c) {
-    const e = Rs();
+    const e = qs();
     return (n, i) => {
       var s;
       return t(e).spot ? (d(), L("a", {
@@ -4230,12 +4250,12 @@ const Pe = W("settings", () => {
           src: (s = t(e).spot.metadata.image) == null ? void 0 : s.url,
           width: "225"
         }, null, 8, ["color", "src"])
-      ], 8, Es)) : S("", !0);
+      ], 8, Ws)) : S("", !0);
     };
   }
-}), Ba = W("bins", () => {
-  const c = M(), e = ie(), n = O([]), i = O(), s = B(!1), o = B(-1), l = w(() => !c.user || !i.value ? !1 : c.user.id === i.value.owner.id), m = w(() => n.value.filter((v) => v.favorite)), f = w(() => n.value.filter((v) => v.pinned));
-  U(i, () => {
+}), Na = W("bins", () => {
+  const c = M(), e = ie(), n = B([]), i = B(), s = O(!1), o = O(-1), l = w(() => !c.user || !i.value ? !1 : c.user.id === i.value.owner.id), m = w(() => n.value.filter((v) => v.favorite)), f = w(() => n.value.filter((v) => v.pinned));
+  N(i, () => {
     window.clearTimeout(o.value), o.value = window.setTimeout(() => {
       !i.value || !l.value || g(i.value, i.value.id);
     }, 100);
@@ -4274,8 +4294,8 @@ const Pe = W("settings", () => {
   async function g(v, V) {
     try {
       s.value = !0;
-      const N = await e.post(`/one/bins/${V}`, { bin: v }), j = n.value.findIndex((re) => re.id === V);
-      n.value.splice(j, 1, N.bin);
+      const U = await e.post(`/one/bins/${V}`, { bin: v }), j = n.value.findIndex((re) => re.id === V);
+      n.value.splice(j, 1, U.bin);
     } catch {
     } finally {
       s.value = !1;
@@ -4285,8 +4305,8 @@ const Pe = W("settings", () => {
   async function y(v, V) {
     try {
       s.value = !0;
-      const N = V ? await g(v, V) : await k(v);
-      i.value = N.bin;
+      const U = V ? await g(v, V) : await k(v);
+      i.value = U.bin;
     } catch {
     } finally {
       s.value = !1;
@@ -4318,8 +4338,8 @@ const Pe = W("settings", () => {
     update: g,
     updateOrCreate: y
   };
-}), Na = W("products", () => {
-  const c = ie(), e = O([]), n = w(() => e.value.filter((o) => o.product_type === "Themes"));
+}), za = W("products", () => {
+  const c = ie(), e = B([]), n = w(() => e.value.filter((o) => o.product_type === "Themes"));
   async function i() {
     if (e.value.length)
       return e.value;
@@ -4340,29 +4360,29 @@ const Pe = W("settings", () => {
     randomize: s
   };
 });
-function Ua() {
+function Ta() {
   function c(e) {
-    e.component("VoAppBar", $s), e.component("VoAuthBtn", kt), e.component("VoAuthCard", _t), e.component("VoAuthDialog", gt), e.component("VoAuthListItem", yt), e.component("VoSocialFooter", Ds), e.component("VoNotificationsBanner", Os), e.component("VoPromotionsCardHighlight", Ns), e.component("VoPromotionsCardVuetify", Fs), e.component("VoPromotionsFooter", Ms), e.component("VoScript", Hs), e.component("VoSpot", qs);
+    e.component("VoAppBar", ws), e.component("VoAuthBtn", xt), e.component("VoAuthCard", _t), e.component("VoAuthDialog", gt), e.component("VoAuthListItem", yt), e.component("VoIconBin", $t), e.component("VoIconIssues", kt), e.component("VoNotificationsBanner", Ss), e.component("VoPromotionsCardHighlight", Ls), e.component("VoPromotionsCardVuetify", Bs), e.component("VoPromotionsFooter", zs), e.component("VoScript", Fs), e.component("VoSocialFooter", Es), e.component("VoSpot", Gs);
   }
   return { install: c };
 }
-function za(c, e) {
+function Fa(c, e) {
   return function(n) {
     const i = n.store;
     i.url = e, i.$id === "site" && (i.id = c);
   };
 }
 export {
-  Ua as createOne,
-  za as one,
+  Ta as createOne,
+  Fa as one,
   M as useAuthStore,
   Re as useBannersStore,
-  Ba as useBinsStore,
+  Na as useBinsStore,
   ie as useHttpStore,
   P as useOneStore,
-  Na as useProductsStore,
+  za as useProductsStore,
   et as usePromotionsStore,
   Pe as useSettingsStore,
-  Rs as useSpotsStore,
+  qs as useSpotsStore,
   T as useUserStore
 };