@vuetify/one 2.9.2 → 2.10.1

package/dist/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as y, createBlock as m, openBlock as c, unref as e, computed as b, createSlots as z, withCtx as s, createElementVNode as g, toDisplayString as V, createVNode as n, createTextVNode as S, normalizeStyle as it, createCommentVNode as h, renderSlot as w, shallowRef as M, watch as H, withModifiers as ye, mergeModels as rt, useModel as W, createElementBlock as C, Fragment as D, nextTick as be, renderList as G, mergeProps as R, withDirectives as Z, vShow as Ie, isRef as j, ref as F, readonly as Se, resolveComponent as lt, watchEffect as Zt, onMounted as He, toRef as ge, normalizeClass as Nt, useSlots as ut, normalizeProps as ct, guardReactiveProps as dt, onBeforeMount as je, onBeforeUnmount as Ht, useCssVars as jt, onServerPrefetch as Rt } from "vue";
-import { u as oe, a as E, b as T, c as O, d as Ce, e as J, f as De } from "./auth-DCDisIda.js";
+import { defineComponent as _, createBlock as m, openBlock as c, unref as e, computed as b, createSlots as z, withCtx as s, createElementVNode as g, toDisplayString as V, createVNode as n, createTextVNode as S, normalizeStyle as it, createCommentVNode as h, renderSlot as w, shallowRef as M, watch as H, withModifiers as _e, mergeModels as rt, useModel as G, createElementBlock as C, Fragment as D, nextTick as be, renderList as K, mergeProps as R, withDirectives as Z, vShow as Ie, isRef as j, ref as E, readonly as Se, resolveComponent as lt, watchEffect as Zt, onMounted as He, toRef as ge, normalizeClass as Nt, useSlots as ut, normalizeProps as ct, guardReactiveProps as dt, onBeforeMount as je, onBeforeUnmount as Ht, useCssVars as jt, onServerPrefetch as Rt } from "vue";
+import { u as ee, a as F, b as T, c as O, d as Ce, e as Y, f as De } from "./auth-DCDisIda.js";
 import { VSnackbarQueue as qt } from "vuetify/components/VSnackbarQueue";
-import { mdiStorefront as Wt, mdiSync as Gt, mdiSyncOff as Kt, mdiLogoutVariant as Yt, mdiFullscreenExit as Qt, mdiFullscreen as Xt, mdiCheck as ke, mdiSelect as Jt, mdiSpaceInvaders as pt, mdiImageFilterHdr as mt, mdiTransmissionTower as ft, mdiRocketLaunchOutline as vt, mdiHome as eo, mdiTextBox as to, mdiWhiteBalanceSunny as oo, mdiWeatherNight as no, mdiDesktopTowerMonitor as so, mdiContrastCircle as ao, mdiCog as io, mdiCogOutline as ro, mdiShieldKeyOutline as lo, mdiContentCopy as Re, mdiFileDocument as gt, mdiKey as uo, mdiPlus as co, mdiRefresh as po, mdiKeyOutline as mo, mdiCreditCardSettingsOutline as fo, mdiRocketOutline as vo, mdiCheckCircleOutline as Me, mdiCreditCard as go, mdiReload as _o, mdiPlaylistCheck as yo, mdiCreditCardOutline as ho, mdiOpenInNew as Ae, mdiMedal as bo, mdiHandHeart as Co, mdiHandHeartOutline as ko, mdiCloudDownload as Vo, mdiTrayArrowDown as tt, mdiAccountGroup as $o, mdiAccount as xo, mdiLinkVariant as Lo, mdiShieldLock as ot, mdiAccountRemoveOutline as wo, mdiExitToApp as So, mdiAccountGroupOutline as Mo, mdiPin as Io, mdiPinOutline as Do, mdiEmailOpenOutline as qe, mdiEmailVariant as We, mdiBell as Ao, mdiInboxOutline as To, mdiInboxFullOutline as Uo, mdiBillboard as Po, mdiBellOutline as zo, mdiViewDashboardOutline as Oo, mdiCrown as Bo, mdiArrowULeftBottom as Fo, mdiAtomVariant as Eo, mdiLogin as nt, mdiDotsVertical as Zo, mdiShieldStarOutline as No } from "@mdi/js";
-import { VListItem as le, VList as ne, VListSubheader as Ho, VListItemTitle as _t, VListItemSubtitle as jo } from "vuetify/components/VList";
-import { VAvatar as te } from "vuetify/components/VAvatar";
-import { VCard as P, VCardTitle as Ro, VCardSubtitle as qo, VCardText as X, VCardActions as yt, VCardItem as Ee } from "vuetify/components/VCard";
+import { mdiStorefront as Wt, mdiSync as Gt, mdiSyncOff as Kt, mdiLogoutVariant as Yt, mdiFullscreenExit as Qt, mdiFullscreen as Xt, mdiCheck as ke, mdiSelect as Jt, mdiSpaceInvaders as pt, mdiImageFilterHdr as mt, mdiTransmissionTower as ft, mdiRocketLaunchOutline as vt, mdiHome as eo, mdiTextBox as to, mdiWhiteBalanceSunny as oo, mdiWeatherNight as no, mdiDesktopTowerMonitor as so, mdiContrastCircle as ao, mdiCog as io, mdiCogOutline as ro, mdiShieldKeyOutline as lo, mdiContentCopy as Re, mdiFileDocument as gt, mdiKey as uo, mdiPlus as co, mdiRefresh as po, mdiKeyOutline as mo, mdiCreditCardSettingsOutline as fo, mdiRocketOutline as vo, mdiCheckCircleOutline as Me, mdiCreditCard as go, mdiReload as yo, mdiPlaylistCheck as _o, mdiCreditCardOutline as ho, mdiOpenInNew as Ae, mdiMedal as bo, mdiHandHeart as Co, mdiHandHeartOutline as ko, mdiCloudDownload as Vo, mdiTrayArrowDown as tt, mdiAccountGroup as $o, mdiAccount as xo, mdiLinkVariant as Lo, mdiShieldLock as ot, mdiAccountRemoveOutline as wo, mdiExitToApp as So, mdiAccountGroupOutline as Mo, mdiPin as Io, mdiPinOutline as Do, mdiEmailOpenOutline as qe, mdiEmailVariant as We, mdiBell as Ao, mdiInboxOutline as To, mdiInboxFullOutline as Uo, mdiBillboard as Po, mdiBellOutline as zo, mdiViewDashboardOutline as Oo, mdiCrown as Bo, mdiArrowULeftBottom as Eo, mdiAtomVariant as Fo, mdiLogin as nt, mdiDotsVertical as Zo, mdiShieldStarOutline as No } from "@mdi/js";
+import { VListItem as le, VList as ne, VListSubheader as Ho, VListItemTitle as yt, VListItemSubtitle as jo } from "vuetify/components/VList";
+import { VAvatar as oe } from "vuetify/components/VAvatar";
+import { VCard as P, VCardTitle as Ro, VCardSubtitle as qo, VCardText as J, VCardActions as _t, VCardItem as Fe } from "vuetify/components/VCard";
 import { VDialog as Ve } from "vuetify/components/VDialog";
 import { VBtn as A } from "vuetify/components/VBtn";
 import { VProgressCircular as Wo } from "vuetify/components/VProgressCircular";
@@ -15,10 +15,10 @@ import { useDisplay as ae, useTheme as Te, useDate as me } from "vuetify";
 import { VDivider as N } from "vuetify/components/VDivider";
 import { VIcon as I } from "vuetify/components/VIcon";
 import { VLabel as Ze } from "vuetify/components/VLabel";
-import { VChip as ee } from "vuetify/components/VChip";
+import { VChip as te } from "vuetify/components/VChip";
 import { VChipGroup as Ko } from "vuetify/components/VChipGroup";
 import { VSelect as Yo } from "vuetify/components/VSelect";
-import { defineStore as K } from "pinia";
+import { defineStore as q } from "pinia";
 import { VRow as fe, VCol as re, VSpacer as ht } from "vuetify/components/VGrid";
 import { VHover as ve } from "vuetify/components/VHover";
 import { VImg as se } from "vuetify/components/VImg";
@@ -27,11 +27,11 @@ import { VLayout as ue } from "vuetify/components/VLayout";
 import { VMain as ce } from "vuetify/components/VMain";
 import { VTextField as Ct } from "vuetify/components/VTextField";
 import { VTable as Qo } from "vuetify/components/VTable";
-import { Tooltip as Q, Ripple as Xo } from "vuetify/directives";
+import { Tooltip as X, Ripple as Xo } from "vuetify/directives";
 import { VExpansionPanels as Jo, VExpansionPanel as en, VExpansionPanelText as tn } from "vuetify/components/VExpansionPanel";
 import { VDataTableVirtual as kt, VDataTable as on } from "vuetify/components/VDataTable";
 import { VSkeletonLoader as he } from "vuetify/components/VSkeletonLoader";
-import { VWindow as Vt, VWindowItem as _e } from "vuetify/components/VWindow";
+import { VWindow as Vt, VWindowItem as ye } from "vuetify/components/VWindow";
 import { VTimelineItem as nn, VTimeline as sn } from "vuetify/components/VTimeline";
 import { VEmptyState as Ke } from "vuetify/components/VEmptyState";
 import { VMenu as Ue } from "vuetify/components/VMenu";
@@ -44,10 +44,10 @@ import { VAppBar as xt } from "vuetify/components/VAppBar";
 import { VFooter as un } from "vuetify/components/VFooter";
 import { useRouter as cn } from "vue-router";
 import { VLazy as dn } from "vuetify/components/VLazy";
-const pn = /* @__PURE__ */ y({
+const pn = /* @__PURE__ */ _({
   __name: "VoSnackbarQueue",
   setup(p) {
-    const t = oe();
+    const t = ee();
     return (a, o) => (c(), m(qt, {
       modelValue: e(t).queue,
       "onUpdate:modelValue": o[0] || (o[0] = (i) => e(t).queue = i),
@@ -55,10 +55,10 @@ const pn = /* @__PURE__ */ y({
       location: "bottom end"
     }, null, 8, ["modelValue"]));
   }
-}), mn = { class: "text-body-2" }, Lt = /* @__PURE__ */ y({
+}), mn = { class: "text-body-2" }, Lt = /* @__PURE__ */ _({
   __name: "VoAuthShopify",
   setup(p) {
-    const t = E(), a = b(() => t.user && t.findIdentity("shopify")), o = b(() => t.user ? a.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
+    const t = F(), a = b(() => t.user && t.findIdentity("shopify")), o = b(() => t.user ? a.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
     return (i, u) => (c(), m(le, {
       "base-color": "#5b8a3c",
       "prepend-icon": `svg:${e(Wt)}`,
@@ -81,10 +81,10 @@ const pn = /* @__PURE__ */ y({
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), fn = { class: "text-body-2" }, wt = /* @__PURE__ */ y({
+}), fn = { class: "text-body-2" }, wt = /* @__PURE__ */ _({
   __name: "VoAuthDiscord",
   setup(p) {
-    const t = E(), a = b(() => t.user && t.findIdentity("discord")), o = b(() => t.user ? a.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
+    const t = F(), a = b(() => t.user && t.findIdentity("discord")), o = b(() => t.user ? a.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
     return (i, u) => (c(), m(le, {
       "base-color": "#5865F2",
       "prepend-icon": "$discord",
@@ -107,10 +107,10 @@ const pn = /* @__PURE__ */ y({
       } : void 0
     ]), 1024));
   }
-}), vn = { class: "text-body-2" }, St = /* @__PURE__ */ y({
+}), vn = { class: "text-body-2" }, St = /* @__PURE__ */ _({
   __name: "VoAuthGithub",
   setup(p) {
-    const t = E(), a = b(() => t.user && t.findIdentity("github")), o = b(() => t.user ? a.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
+    const t = F(), a = b(() => t.user && t.findIdentity("github")), o = b(() => t.user ? a.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
     return (i, u) => (c(), m(le, {
       "base-color": "#2a2a2a",
       "prepend-icon": "$github",
@@ -133,10 +133,10 @@ const pn = /* @__PURE__ */ y({
       } : void 0
     ]), 1024));
   }
-}), gn = { class: "text-center" }, _n = { class: "text-center mb-6" }, yn = { class: "text-h6 font-weight-light" }, Mt = /* @__PURE__ */ y({
+}), gn = { class: "text-center" }, yn = { class: "text-center mb-6" }, _n = { class: "text-h6 font-weight-light" }, Mt = /* @__PURE__ */ _({
   __name: "VoAuthCard",
   setup(p) {
-    const t = E();
+    const t = F();
     return (a, o) => {
       const i = St, u = wt, r = Lt;
       return c(), m(P, {
@@ -146,16 +146,16 @@ const pn = /* @__PURE__ */ y({
       }, {
         default: s(() => [
           g("div", gn, [
-            n(te, {
+            n(oe, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
             })
           ]),
-          g("div", _n, [
+          g("div", yn, [
             n(Ro, { class: "text-h5 mb-1 text-md-h4" }, {
               default: s(() => [
-                g("div", yn, V(e(t).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                g("div", _n, V(e(t).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
                 o[0] || (o[0] = g("span", { class: "text-h3 font-weight-bold" }, "Vuetify One", -1))
               ]),
               _: 1
@@ -184,10 +184,10 @@ const pn = /* @__PURE__ */ y({
       });
     };
   }
-}), It = /* @__PURE__ */ y({
+}), It = /* @__PURE__ */ _({
   __name: "VoAuthDialog",
   setup(p) {
-    const t = E();
+    const t = F();
     return (a, o) => {
       const i = Mt;
       return c(), m(Ve, {
@@ -202,7 +202,7 @@ const pn = /* @__PURE__ */ y({
       }, 8, ["modelValue"]);
     };
   }
-}), we = /* @__PURE__ */ y({
+}), we = /* @__PURE__ */ _({
   __name: "VoBtn",
   props: {
     readonly: { type: Boolean }
@@ -246,10 +246,10 @@ const pn = /* @__PURE__ */ y({
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), hn = { class: "pa-4 d-flex flex-column ga-4" }, Dt = /* @__PURE__ */ y({
+}), hn = { class: "pa-4 d-flex flex-column ga-4" }, Dt = /* @__PURE__ */ _({
   __name: "VoAuthListItem",
   setup(p) {
-    const t = E(), a = T(), o = M(!t.user && !t.isLoading);
+    const t = F(), a = T(), o = M(!t.user && !t.isLoading);
     H(() => t.user, (u) => {
       o.value = !u;
     });
@@ -287,11 +287,11 @@ const pn = /* @__PURE__ */ y({
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: r[1] || (r[1] = ye(() => {
+                        onClick: r[1] || (r[1] = _e(() => {
                         }, ["stop"]))
                       }, {
                         thumb: s(() => [
-                          n(te, {
+                          n(oe, {
                             color: e(a).one.sync ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
@@ -336,7 +336,7 @@ const pn = /* @__PURE__ */ y({
       }, 8, ["variant"]);
     };
   }
-}), q = /* @__PURE__ */ y({
+}), W = /* @__PURE__ */ _({
   __name: "VoListItem",
   setup(p) {
     return (t, a) => (c(), m(le, { slim: "" }, z({
@@ -368,15 +368,15 @@ const pn = /* @__PURE__ */ y({
       } : void 0
     ]), 1024));
   }
-}), bn = /* @__PURE__ */ y({
+}), bn = /* @__PURE__ */ _({
   __name: "VoAuthLogoutNavItem",
   setup(p) {
-    const t = E(), a = M(!1);
+    const t = F(), a = M(!1);
     async function o() {
       a.value = !0, await t.logout(), a.value = !1;
     }
     return (i, u) => {
-      const r = q;
+      const r = W;
       return c(), m(r, {
         class: "mb-0",
         disabled: e(a),
@@ -389,7 +389,7 @@ const pn = /* @__PURE__ */ y({
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), de = /* @__PURE__ */ y({
+}), de = /* @__PURE__ */ _({
   __name: "VoDialog",
   props: /* @__PURE__ */ rt({
     prependIcon: {},
@@ -400,7 +400,7 @@ const pn = /* @__PURE__ */ y({
   }),
   emits: ["update:modelValue"],
   setup(p) {
-    const t = W(p, "modelValue"), a = ae(), o = M(!1);
+    const t = G(p, "modelValue"), a = ae(), o = M(!1);
     return (i, u) => (c(), m(Ve, {
       modelValue: t.value,
       "onUpdate:modelValue": u[2] || (u[2] = (r) => t.value = r),
@@ -462,7 +462,7 @@ const pn = /* @__PURE__ */ y({
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), At = /* @__PURE__ */ y({
+}), At = /* @__PURE__ */ _({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
@@ -494,7 +494,7 @@ const pn = /* @__PURE__ */ y({
 }), Cn = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, ie = /* @__PURE__ */ y({
+}, ie = /* @__PURE__ */ _({
   __name: "VoDialogSubheader",
   props: {
     title: {},
@@ -514,7 +514,7 @@ const pn = /* @__PURE__ */ y({
       t.text ? (c(), C("div", Cn, V(t.text), 1)) : h("", !0)
     ], 64));
   }
-}), kn = { key: 0 }, Vn = /* @__PURE__ */ y({
+}), kn = { key: 0 }, Vn = /* @__PURE__ */ _({
   __name: "VoSettingsPageSuitOption",
   setup(p) {
     const t = T(), a = [
@@ -589,7 +589,7 @@ const pn = /* @__PURE__ */ y({
                 multiple: ""
               }, {
                 default: s(() => [
-                  n(ee, {
+                  n(te, {
                     "append-icon": `svg:${e(eo)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
@@ -605,7 +605,7 @@ const pn = /* @__PURE__ */ y({
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  n(ee, {
+                  n(te, {
                     "append-icon": `svg:${e(to)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
@@ -621,7 +621,7 @@ const pn = /* @__PURE__ */ y({
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  n(ee, {
+                  n(te, {
                     "append-icon": "$info",
                     "filter-icon": "$success",
                     text: "Footer",
@@ -841,7 +841,7 @@ function $n() {
     }
   };
 }
-const Pe = K("settings", () => {
+const Pe = q("settings", () => {
   const p = "https://cdn.vuetifyjs.com/docs/images/one/", t = O(), a = T(), o = Te(), i = $n(), u = {
     blackguard: {
       "app-bar": p + "suits/blackguard/blackguard-app-bar.png",
@@ -882,7 +882,7 @@ const Pe = K("settings", () => {
     suit: r,
     CDN_URL: p
   };
-}), xn = { class: "ms-5" }, Ln = { class: "pb-2" }, wn = /* @__PURE__ */ y({
+}), xn = { class: "ms-5" }, Ln = { class: "pb-2" }, wn = /* @__PURE__ */ _({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -890,7 +890,7 @@ const Pe = K("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = W(p, "modelValue"), a = O(), o = Pe(), i = T(), u = b(() => [
+    const t = G(p, "modelValue"), a = O(), o = Pe(), i = T(), u = b(() => [
       {
         title: "Light",
         subtitle: "A standard light theme.",
@@ -958,19 +958,19 @@ const Pe = K("settings", () => {
       { title: "Releases", items: r.value }
     ]), d = b({
       get: () => !i.one.ads.enabled,
-      set: (_) => {
-        i.one.ads.enabled = !_;
+      set: (y) => {
+        i.one.ads.enabled = !y;
       }
     }), f = Ce();
     H(f, async () => {
       f.value.one === "settings" && (a.isOpen = !0, await be(), t.value = !0);
     }, { immediate: !0 });
-    function v(_, k) {
-      k.disabled || (i.one.theme = k.value, _?.());
+    function v(y, k) {
+      k.disabled || (i.one.theme = k.value, y?.());
     }
-    return (_, k) => {
-      const $ = ie, L = Vn, U = At, Y = de;
-      return c(), m(Y, {
+    return (y, k) => {
+      const $ = ie, L = Vn, U = At, Q = de;
+      return c(), m(Q, {
         modelValue: t.value,
         "onUpdate:modelValue": k[6] || (k[6] = (x) => t.value = x),
         "prepend-icon": `svg:${e(io)}`,
@@ -981,7 +981,7 @@ const Pe = K("settings", () => {
             default: s(() => [
               n(ce, { scrollable: "" }, {
                 default: s(() => [
-                  n(X, { class: "px-7" }, {
+                  n(J, { class: "px-7" }, {
                     default: s(() => [
                       n($, {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
@@ -995,7 +995,7 @@ const Pe = K("settings", () => {
                         default: s(() => [
                           n(fe, { dense: "" }, {
                             default: s(() => [
-                              (c(!0), C(D, null, G(l.value, (x, pe) => (c(), m(re, {
+                              (c(!0), C(D, null, K(l.value, (x, pe) => (c(), m(re, {
                                 key: pe,
                                 class: "d-flex flex-column ga-3",
                                 cols: "12",
@@ -1008,13 +1008,13 @@ const Pe = K("settings", () => {
                                     ]),
                                     _: 2
                                   }, 1024),
-                                  (c(!0), C(D, null, G(x.items, (B) => (c(), m(Ne, {
+                                  (c(!0), C(D, null, K(x.items, (B) => (c(), m(Ne, {
                                     key: B.value,
                                     value: B.value
                                   }, {
                                     default: s(({ toggle: Bt, isSelected: et }) => [
                                       n(ve, null, {
-                                        default: s(({ props: Ft, isHovering: Et }) => [
+                                        default: s(({ props: Et, isHovering: Ft }) => [
                                           n(P, R({
                                             color: et ? "primary" : "surface-variant",
                                             height: "76",
@@ -1025,13 +1025,13 @@ const Pe = K("settings", () => {
                                             subtitle: B.disabled ? "🔓 Unlock with Vuetify One" : B.subtitle,
                                             title: B.title,
                                             variant: "tonal"
-                                          }, { ref_for: !0 }, Ft, {
+                                          }, { ref_for: !0 }, Et, {
                                             onClick: (Ta) => v(Bt, B)
                                           }), {
                                             image: s(() => [
                                               n(se, {
                                                 style: it({
-                                                  filter: et || Et ? "none" : "grayscale(100%)"
+                                                  filter: et || Ft ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -1060,7 +1060,7 @@ const Pe = K("settings", () => {
                     _: 1
                   }),
                   n(N),
-                  n(X, { class: "px-7" }, {
+                  n(J, { class: "px-7" }, {
                     default: s(() => [
                       n($, {
                         text: "These options change your browsing experience within Vuetify properties",
@@ -1101,7 +1101,7 @@ const Pe = K("settings", () => {
                     _: 1
                   }),
                   n(N),
-                  e(a).isSubscriber ? (c(), m(X, {
+                  e(a).isSubscriber ? (c(), m(J, {
                     key: 0,
                     class: "px-7"
                   }, {
@@ -1137,12 +1137,12 @@ const Pe = K("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Sn = /* @__PURE__ */ y({
+}), Sn = /* @__PURE__ */ _({
   __name: "VoSettingsListItem",
   setup(p) {
     const t = M(!1);
     return (a, o) => {
-      const i = wn, u = q;
+      const i = wn, u = W;
       return c(), m(u, {
         active: e(t),
         link: "",
@@ -1160,8 +1160,8 @@ const Pe = K("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), ze = K("api-key", () => {
-  const p = J(), t = F(null), a = M(!1), o = b(() => t.value?.apiKey || ""), i = b(() => {
+}), ze = q("api-key", () => {
+  const p = Y(), t = E(null), a = M(!1), o = b(() => t.value?.apiKey || ""), i = b(() => {
     if (!o.value)
       return "";
     const l = o.value;
@@ -1192,7 +1192,7 @@ function Oe(p = 1e3) {
   }
   return { copied: t, copy: a };
 }
-const Mn = /* @__PURE__ */ y({
+const Mn = /* @__PURE__ */ _({
   __name: "VoMcpCopyDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1200,7 +1200,7 @@ const Mn = /* @__PURE__ */ y({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = ze(), { copy: a, copied: o } = Oe(), i = W(p, "modelValue");
+    const t = ze(), { copy: a, copied: o } = Oe(), i = G(p, "modelValue");
     return (u, r) => {
       const l = lt("v-icon-btn");
       return c(), m(Ve, {
@@ -1222,7 +1222,7 @@ const Mn = /* @__PURE__ */ y({
             ]),
             default: s(() => [
               n(N),
-              n(X, null, {
+              n(J, null, {
                 default: s(() => [
                   r[4] || (r[4] = g("p", { class: "mb-4" }, [
                     S(" Please save your secret key in a safe place since "),
@@ -1265,7 +1265,7 @@ const Mn = /* @__PURE__ */ y({
                 ]),
                 _: 1
               }),
-              n(yt, null, {
+              n(_t, null, {
                 default: s(() => [
                   n(ht),
                   n(A, {
@@ -1287,7 +1287,7 @@ const Mn = /* @__PURE__ */ y({
       }, 8, ["modelValue"]);
     };
   }
-}), In = { class: "d-flex align-center justify-end" }, Dn = { class: "text-end" }, An = /* @__PURE__ */ y({
+}), In = { class: "d-flex align-center justify-end" }, Dn = { class: "text-end" }, An = /* @__PURE__ */ _({
   __name: "VoMcpTokenTable",
   setup(p) {
     const t = ze(), { copy: a, copied: o } = Oe(2e3), i = me();
@@ -1304,7 +1304,7 @@ const Mn = /* @__PURE__ */ y({
                 icon: "$info",
                 size: "1em"
               }, null, 512), [
-                [Q, "This is updated within the last 10 minutes", "top"]
+                [X, "This is updated within the last 10 minutes", "top"]
               ])
             ])
           ])
@@ -1341,7 +1341,7 @@ const Mn = /* @__PURE__ */ y({
       _: 1
     }));
   }
-}), Tn = { class: "my-4" }, Un = { class: "bg-surface-variant rounded pa-2 d-block" }, Pn = /* @__PURE__ */ y({
+}), Tn = { class: "my-4" }, Un = { class: "bg-surface-variant rounded pa-2 d-block" }, Pn = /* @__PURE__ */ _({
   __name: "VoMcpHowTo",
   setup(p) {
     const t = ze(), { copy: a, copied: o } = Oe(), i = b(() => `npx -y @vuetify/mcp config --api-key="${t.key || "YOUR_KEY"}"`), u = b(() => t.key ? `npx -y @vuetify/mcp config --api-key="${t.trim}"` : i.value);
@@ -1398,7 +1398,7 @@ const Mn = /* @__PURE__ */ y({
       _: 1
     }));
   }
-}), zn = { class: "px-3 py-3" }, On = /* @__PURE__ */ y({
+}), zn = { class: "px-3 py-3" }, On = /* @__PURE__ */ _({
   __name: "VoMcpDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1406,14 +1406,14 @@ const Mn = /* @__PURE__ */ y({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = ze(), a = T(), o = M(!1), i = W(p, "modelValue");
+    const t = ze(), a = T(), o = M(!1), i = G(p, "modelValue");
     async function u(r = !1) {
       await t.generate(r), o.value = !0;
     }
     return H(i, async (r) => {
       r && (a.ecosystem.mcp.seen = !0, await t.fetch());
     }), (r, l) => {
-      const d = ie, f = Pn, v = An, _ = Mn, k = de;
+      const d = ie, f = Pn, v = An, y = Mn, k = de;
       return c(), m(k, {
         modelValue: i.value,
         "onUpdate:modelValue": l[3] || (l[3] = ($) => i.value = $),
@@ -1427,7 +1427,7 @@ const Mn = /* @__PURE__ */ y({
               n(ce, null, {
                 default: s(() => [
                   g("div", zn, [
-                    n(X, null, {
+                    n(J, null, {
                       default: s(() => [
                         n(d, {
                           text: "As a subscriber of Vuetify One, you have access to create a personal MCP API key.",
@@ -1466,7 +1466,7 @@ const Mn = /* @__PURE__ */ y({
                         })) : h("", !0),
                         e(t).key ? (c(), C(D, { key: 1 }, [
                           n(v),
-                          n(_, {
+                          n(y, {
                             modelValue: e(o),
                             "onUpdate:modelValue": l[2] || (l[2] = ($) => j(o) ? o.value = $ : null)
                           }, null, 8, ["modelValue"])
@@ -1486,12 +1486,12 @@ const Mn = /* @__PURE__ */ y({
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Bn = /* @__PURE__ */ y({
+}), Bn = /* @__PURE__ */ _({
   __name: "VoMcpListItem",
   setup(p) {
     const t = T(), a = M(!1);
     return (o, i) => {
-      const u = On, r = q;
+      const u = On, r = W;
       return c(), m(r, {
         active: e(a),
         link: "",
@@ -1510,7 +1510,7 @@ const Mn = /* @__PURE__ */ y({
         e(t).ecosystem.mcp.seen ? void 0 : {
           name: "append",
           fn: s(() => [
-            n(ee, {
+            n(te, {
               color: "success",
               size: "x-small",
               variant: "flat"
@@ -1526,7 +1526,7 @@ const Mn = /* @__PURE__ */ y({
       ]), 1032, ["active", "prepend-icon"]);
     };
   }
-}), Fn = { class: "text-caption" }, En = /* @__PURE__ */ y({
+}), En = { class: "text-caption" }, Fn = /* @__PURE__ */ _({
   __name: "VoSubscriptionInvoices",
   setup(p) {
     const t = me(), a = O();
@@ -1553,13 +1553,13 @@ const Mn = /* @__PURE__ */ y({
                     sticky: ""
                   }, {
                     "item.date": s(({ item: r }) => [
-                      g("div", Fn, V(e(t).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
+                      g("div", En, V(e(t).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": s(({ item: r }) => [
                       S(" $" + V(r.amount / 100), 1)
                     ]),
                     "item.status": s(({ item: r }) => [
-                      n(ee, {
+                      n(te, {
                         border: "success sm",
                         class: "text-capitalize",
                         color: "success",
@@ -1591,7 +1591,7 @@ const Mn = /* @__PURE__ */ y({
       });
     };
   }
-}), Zn = { class: "d-flex align-center" }, Nn = ["textContent"], Hn = { class: "me-1" }, jn = { class: "text-medium-emphasis text-caption" }, Rn = { class: "d-flex align-center" }, qn = { class: "d-flex align-start justify-space-between text-caption py-2" }, Wn = { class: "font-weight-bold" }, Gn = { class: "font-weight-bold" }, Kn = /* @__PURE__ */ y({
+}), Zn = { class: "d-flex align-center" }, Nn = ["textContent"], Hn = { class: "me-1" }, jn = { class: "text-medium-emphasis text-caption" }, Rn = { class: "d-flex align-center" }, qn = { class: "d-flex align-start justify-space-between text-caption py-2" }, Wn = { class: "font-weight-bold" }, Gn = { class: "font-weight-bold" }, Kn = /* @__PURE__ */ _({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(p, { emit: t }) {
@@ -1708,7 +1708,7 @@ const Mn = /* @__PURE__ */ y({
       });
     };
   }
-}), Yn = ["innerHTML"], Qn = ["innerHTML"], Xn = /* @__PURE__ */ y({
+}), Yn = ["innerHTML"], Qn = ["innerHTML"], Xn = /* @__PURE__ */ _({
   __name: "VoSubscriptionPerks",
   props: {
     type: {}
@@ -1730,7 +1730,7 @@ const Mn = /* @__PURE__ */ y({
     return H(a, async (u) => {
       u && o.subscriptionInfo();
     }), (u, r) => {
-      const l = q;
+      const l = W;
       return c(), C(D, null, [
         n(Ze, { class: "font-weight-black" }, {
           default: s(() => [...r[0] || (r[0] = [
@@ -1746,7 +1746,7 @@ const Mn = /* @__PURE__ */ y({
           nav: ""
         }, {
           default: s(() => [
-            (c(!0), C(D, null, G(e(i), (d, f) => (c(), m(l, {
+            (c(!0), C(D, null, K(e(i), (d, f) => (c(), m(l, {
               key: f,
               class: "mb-0",
               "prepend-icon": `svg:${e(ke)}`
@@ -1781,7 +1781,7 @@ const Mn = /* @__PURE__ */ y({
           nav: ""
         }, {
           default: s(() => [
-            (c(), C(D, null, G(t, (d, f) => n(l, {
+            (c(), C(D, null, K(t, (d, f) => n(l, {
               key: f,
               class: "mb-0",
               "prepend-icon": `svg:${e(vo)}`
@@ -1803,7 +1803,7 @@ const Mn = /* @__PURE__ */ y({
       ], 64);
     };
   }
-}), Jn = /* @__PURE__ */ y({
+}), Jn = /* @__PURE__ */ _({
   __name: "VoSubscriptionSubscribe",
   props: {
     interval: { default: "year" },
@@ -1813,7 +1813,7 @@ const Mn = /* @__PURE__ */ y({
   },
   emits: ["update:interval", "update:type"],
   setup(p) {
-    const t = M(!1), a = W(p, "interval"), o = W(p, "type"), i = O(), u = De(), r = b(() => u.hasTeamAccess && !u.isTeamOwner), l = {
+    const t = M(!1), a = G(p, "interval"), o = G(p, "type"), i = O(), u = De(), r = b(() => u.hasTeamAccess && !u.isTeamOwner), l = {
       solo: {
         month: "2.99 /month",
         year: "29.99 /year"
@@ -1841,15 +1841,15 @@ const Mn = /* @__PURE__ */ y({
               }, {
                 default: s(() => [
                   n(Ne, { value: "solo" }, {
-                    default: s(({ toggle: v, isSelected: _ }) => [
+                    default: s(({ toggle: v, isSelected: y }) => [
                       n(P, {
-                        border: _ ? "sm primary opacity-50" : "sm",
-                        color: _ ? "primary" : void 0,
-                        "prepend-icon": _ ? `svg:${e(Me)}` : "$radioOff",
+                        border: y ? "sm primary opacity-50" : "sm",
+                        color: y ? "primary" : void 0,
+                        "prepend-icon": y ? `svg:${e(Me)}` : "$radioOff",
                         rounded: "lg",
                         subtitle: `$${l.solo[a.value]}`,
                         title: "Solo Developer",
-                        variant: _ ? "tonal" : "text",
+                        variant: y ? "tonal" : "text",
                         onClick: v
                       }, {
                         prepend: s(() => [
@@ -1869,16 +1869,16 @@ const Mn = /* @__PURE__ */ y({
               }, {
                 default: s(() => [
                   n(Ne, { value: "team" }, {
-                    default: s(({ toggle: v, isSelected: _ }) => [
+                    default: s(({ toggle: v, isSelected: y }) => [
                       n(P, {
-                        border: _ ? "sm primary opacity-50" : "sm",
-                        color: _ ? "primary" : void 0,
+                        border: y ? "sm primary opacity-50" : "sm",
+                        color: y ? "primary" : void 0,
                         disabled: e(r),
-                        "prepend-icon": _ ? `svg:${e(Me)}` : "$radioOff",
+                        "prepend-icon": y ? `svg:${e(Me)}` : "$radioOff",
                         rounded: "lg",
                         subtitle: `$${l.team[a.value]}`,
                         title: "Team Access",
-                        variant: _ ? "tonal" : "text",
+                        variant: y ? "tonal" : "text",
                         onClick: v
                       }, {
                         prepend: s(() => [
@@ -1909,7 +1909,7 @@ const Mn = /* @__PURE__ */ y({
       }, null, 8, ["modelValue"])
     ], 64));
   }
-}), es = { class: "px-3" }, ts = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, os = /* @__PURE__ */ y({
+}), es = { class: "px-3" }, ts = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, os = /* @__PURE__ */ _({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1918,11 +1918,11 @@ const Mn = /* @__PURE__ */ y({
   emits: ["update:modelValue"],
   setup(p) {
     function t(v) {
-      return new Promise((_) => setTimeout(_, v));
+      return new Promise((y) => setTimeout(y, v));
     }
-    const a = W(p, "modelValue"), o = O(), i = Ce(), u = M(o.interval), r = M(o.subscriptionType), l = M(o.hasBilling ? "status" : "subscribe"), d = M(!1);
-    H([u, r], ([v, _]) => {
-      !o.isSubscriber || !o.interval || !o.subscriptionType || (d.value = v !== o.interval || _ !== o.subscriptionType);
+    const a = G(p, "modelValue"), o = O(), i = Ce(), u = M(o.interval), r = M(o.subscriptionType), l = M(o.hasBilling ? "status" : "subscribe"), d = M(!1);
+    H([u, r], ([v, y]) => {
+      !o.isSubscriber || !o.interval || !o.subscriptionType || (d.value = v !== o.interval || y !== o.subscriptionType);
     }), H(a, async (v) => {
       if (!v || !o.isSubscriber) {
         v || o.resetQuery();
@@ -1937,11 +1937,11 @@ const Mn = /* @__PURE__ */ y({
     async function f() {
       await o.modify(u.value, r.value), await o.subscriptionInfo(), d.value = null, await t(3e3), l.value = "status", await t(300), d.value = !1;
     }
-    return (v, _) => {
-      const k = ie, $ = Jn, L = Xn, U = Kn, Y = En, x = we, pe = de;
+    return (v, y) => {
+      const k = ie, $ = Jn, L = Xn, U = Kn, Q = Fn, x = we, pe = de;
       return c(), m(pe, {
         modelValue: a.value,
-        "onUpdate:modelValue": _[5] || (_[5] = (B) => a.value = B),
+        "onUpdate:modelValue": y[5] || (y[5] = (B) => a.value = B),
         "prepend-icon": `svg:${e(go)}`,
         title: "Subscriptions"
       }, z({
@@ -1951,7 +1951,7 @@ const Mn = /* @__PURE__ */ y({
               n(ce, { scrollable: "" }, {
                 default: s(() => [
                   g("div", es, [
-                    n(X, null, {
+                    n(J, null, {
                       default: s(() => [
                         n(k, {
                           text: "The Vuetify One subscription is a great way to support the Vuetify team and get access to exclusive features and content.",
@@ -1959,25 +1959,25 @@ const Mn = /* @__PURE__ */ y({
                         }),
                         n(Vt, { "model-value": e(l) }, {
                           default: s(() => [
-                            n(_e, { value: "subscribe" }, {
+                            n(ye, { value: "subscribe" }, {
                               default: s(() => [
                                 n($, {
                                   interval: e(u),
-                                  "onUpdate:interval": _[0] || (_[0] = (B) => j(u) ? u.value = B : null),
+                                  "onUpdate:interval": y[0] || (y[0] = (B) => j(u) ? u.value = B : null),
                                   type: e(r),
-                                  "onUpdate:type": _[1] || (_[1] = (B) => j(r) ? r.value = B : null)
+                                  "onUpdate:type": y[1] || (y[1] = (B) => j(r) ? r.value = B : null)
                                 }, null, 8, ["interval", "type"]),
-                                _[6] || (_[6] = g("br", null, null, -1)),
+                                y[6] || (y[6] = g("br", null, null, -1)),
                                 n(L, { type: e(r) }, null, 8, ["type"])
                               ]),
                               _: 1
                             }),
-                            n(_e, { value: "status" }, {
+                            n(ye, { value: "status" }, {
                               default: s(() => [
                                 n(U, {
-                                  "onChange:subscription": _[2] || (_[2] = (B) => l.value = "subscribe")
+                                  "onChange:subscription": y[2] || (y[2] = (B) => l.value = "subscribe")
                                 }),
-                                n(Y)
+                                n(Q)
                               ]),
                               _: 1
                             })
@@ -2006,7 +2006,7 @@ const Mn = /* @__PURE__ */ y({
                 block: "",
                 color: "success",
                 loading: e(o).isLoading,
-                "prepend-icon": `svg:${e(d) !== null ? e(_o) : e(Me)}`,
+                "prepend-icon": `svg:${e(d) !== null ? e(yo) : e(Me)}`,
                 readonly: e(d) === null,
                 size: "default",
                 text: e(d) !== null ? "Modify Subscription" : "Success",
@@ -2014,10 +2014,10 @@ const Mn = /* @__PURE__ */ y({
               }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(o).one ? (c(), m(x, {
                 key: 2,
                 block: "",
-                "prepend-icon": `svg:${e(yo)}`,
+                "prepend-icon": `svg:${e(_o)}`,
                 size: "default",
                 text: "Manage Subscription",
-                onClick: _[4] || (_[4] = (B) => l.value = "status")
+                onClick: y[4] || (y[4] = (B) => l.value = "status")
               }, null, 8, ["prepend-icon"])) : (c(), m(x, {
                 key: 1,
                 block: "",
@@ -2027,7 +2027,7 @@ const Mn = /* @__PURE__ */ y({
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
-                onClick: _[3] || (_[3] = (B) => e(o).subscribe(e(u), e(r)))
+                onClick: y[3] || (y[3] = (B) => e(o).subscribe(e(u), e(r)))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -2036,12 +2036,12 @@ const Mn = /* @__PURE__ */ y({
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), ns = /* @__PURE__ */ y({
+}), ns = /* @__PURE__ */ _({
   __name: "VoSubscriptionListItem",
   setup(p) {
     const t = M(!1);
     return (a, o) => {
-      const i = os, u = q;
+      const i = os, u = W;
       return c(), m(u, {
         active: e(t),
         link: "",
@@ -2062,7 +2062,7 @@ const Mn = /* @__PURE__ */ y({
 }), ss = {
   key: 0,
   class: "text-success"
-}, Qe = /* @__PURE__ */ y({
+}, Qe = /* @__PURE__ */ _({
   __name: "VoSponsorshipsTimelineItem",
   props: {
     title: {},
@@ -2128,7 +2128,7 @@ const Mn = /* @__PURE__ */ y({
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), as = /* @__PURE__ */ y({
+}), as = /* @__PURE__ */ _({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(p) {
     const t = O();
@@ -2143,7 +2143,7 @@ const Mn = /* @__PURE__ */ y({
       }, null, 8, ["sponsorship"]);
     };
   }
-}), is = /* @__PURE__ */ y({
+}), is = /* @__PURE__ */ _({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(p) {
     const t = O();
@@ -2158,7 +2158,7 @@ const Mn = /* @__PURE__ */ y({
       }, null, 8, ["sponsorship"]);
     };
   }
-}), rs = /* @__PURE__ */ y({
+}), rs = /* @__PURE__ */ _({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(p) {
     const t = O();
@@ -2173,7 +2173,7 @@ const Mn = /* @__PURE__ */ y({
       }, null, 8, ["sponsorship"]);
     };
   }
-}), ls = /* @__PURE__ */ y({
+}), ls = /* @__PURE__ */ _({
   __name: "VoSponsorshipsTimeline",
   setup(p) {
     return (t, a) => {
@@ -2194,7 +2194,7 @@ const Mn = /* @__PURE__ */ y({
       });
     };
   }
-}), us = { class: "px-3 pb-5 d-flex flex-column h-100" }, cs = { class: "font-weight-black" }, ds = { class: "text-caption text-medium-emphasis" }, ps = /* @__PURE__ */ y({
+}), us = { class: "px-3 pb-5 d-flex flex-column h-100" }, cs = { class: "font-weight-black" }, ds = { class: "text-caption text-medium-emphasis" }, ps = /* @__PURE__ */ _({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2202,7 +2202,7 @@ const Mn = /* @__PURE__ */ y({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = W(p, "modelValue"), a = Ce(), o = O();
+    const t = G(p, "modelValue"), a = Ce(), o = O();
     return H(a, async () => {
       a.value.one === "sponsorships" && (o.isOpen = !0, await be(), t.value = !0);
     }, { immediate: !0 }), (i, u) => {
@@ -2219,7 +2219,7 @@ const Mn = /* @__PURE__ */ y({
               n(ce, { scrollable: "" }, {
                 default: s(() => [
                   g("div", us, [
-                    n(X, { class: "flex-0-0 mb-16 mb-sm-4" }, {
+                    n(J, { class: "flex-0-0 mb-16 mb-sm-4" }, {
                       default: s(() => [
                         n(r, {
                           text: "Support Vuetify through GitHub Sponsors or Discord to unlock exclusive benefits and content.",
@@ -2261,12 +2261,12 @@ const Mn = /* @__PURE__ */ y({
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), ms = /* @__PURE__ */ y({
+}), ms = /* @__PURE__ */ _({
   __name: "VoSponsorshipsListItem",
   setup(p) {
     const t = M(!1);
     return (a, o) => {
-      const i = ps, u = q;
+      const i = ps, u = W;
       return c(), m(u, {
         active: e(t),
         link: "",
@@ -2284,8 +2284,8 @@ const Mn = /* @__PURE__ */ y({
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), fs = K("downloads", () => {
-  const p = J(), t = oe(), a = F([]), o = M(!1);
+}), fs = q("downloads", () => {
+  const p = Y(), t = ee(), a = E([]), o = M(!1);
   async function i() {
     if (a.value.length > 0)
       return a.value;
@@ -2305,7 +2305,7 @@ const Mn = /* @__PURE__ */ y({
     isLoading: o,
     index: i
   };
-}), vs = /* @__PURE__ */ y({
+}), vs = /* @__PURE__ */ _({
   __name: "VoDownloadsTable",
   setup(p) {
     const t = me(), a = fs(), o = [
@@ -2360,7 +2360,7 @@ const Mn = /* @__PURE__ */ y({
                       S(V(e(t).format(l.created_at, "shortDate")), 1)
                     ]),
                     "item.download_items": s(({ item: l }) => [
-                      (c(!0), C(D, null, G(l.download_items, (d, f) => (c(), C("div", {
+                      (c(!0), C(D, null, K(l.download_items, (d, f) => (c(), C("div", {
                         key: f,
                         class: "text-truncate"
                       }, V(d.name), 1))), 128))
@@ -2388,12 +2388,12 @@ const Mn = /* @__PURE__ */ y({
       });
     };
   }
-}), gs = { class: "px-3" }, _s = /* @__PURE__ */ y({
+}), gs = { class: "px-3" }, ys = /* @__PURE__ */ _({
   __name: "VoDownloadsNavItem",
   setup(p) {
     const t = M(!1);
     return (a, o) => {
-      const i = vs, u = de, r = q;
+      const i = vs, u = de, r = W;
       return c(), m(r, {
         active: e(t),
         link: "",
@@ -2414,7 +2414,7 @@ const Mn = /* @__PURE__ */ y({
                   n(ce, { scrollable: "" }, {
                     default: s(() => [
                       g("div", gs, [
-                        n(X, null, {
+                        n(J, null, {
                           default: s(() => [
                             n(i)
                           ]),
@@ -2435,7 +2435,7 @@ const Mn = /* @__PURE__ */ y({
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), ys = { class: "px-3" }, hs = { class: "d-flex align-center" }, bs = { class: "d-flex align-center" }, Cs = /* @__PURE__ */ y({
+}), _s = { class: "px-3" }, hs = { class: "d-flex align-center" }, bs = { class: "d-flex align-center" }, Cs = /* @__PURE__ */ _({
   __name: "VoTeamDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2443,7 +2443,7 @@ const Mn = /* @__PURE__ */ y({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = O(), a = De(), o = J(), { copy: i, copied: u } = Oe(), r = b(() => a.team), l = Ce(), d = M(!1), f = [
+    const t = O(), a = De(), o = Y(), { copy: i, copied: u } = Oe(), r = b(() => a.team), l = Ce(), d = M(!1), f = [
       {
         title: "Name",
         key: "name"
@@ -2454,19 +2454,19 @@ const Mn = /* @__PURE__ */ y({
         align: "end",
         sortable: !1
       }
-    ], v = b(() => `https://one.vuetifyjs.com/?invite=${a.team?.inviteCode}`), _ = W(p, "modelValue");
+    ], v = b(() => `https://one.vuetifyjs.com/?invite=${a.team?.inviteCode}`), y = G(p, "modelValue");
     async function k() {
       d.value = !0;
       const $ = await o.post("/one/team/regen");
       a.team = $.team;
     }
     return H(l, async () => {
-      !t.sessionId || l.value.one === "subscribe" || l.value.team && (t.isOpen = !0, await be(), _.value = !0);
+      !t.sessionId || l.value.one === "subscribe" || l.value.team && (t.isOpen = !0, await be(), y.value = !0);
     }, { immediate: !0 }), ($, L) => {
-      const U = ie, Y = de;
-      return c(), m(Y, {
-        modelValue: _.value,
-        "onUpdate:modelValue": L[2] || (L[2] = (x) => _.value = x),
+      const U = ie, Q = de;
+      return c(), m(Q, {
+        modelValue: y.value,
+        "onUpdate:modelValue": L[2] || (L[2] = (x) => y.value = x),
         "prepend-icon": `svg:${e($o)}`,
         title: "Team"
       }, {
@@ -2475,8 +2475,8 @@ const Mn = /* @__PURE__ */ y({
             default: s(() => [
               n(ce, { scrollable: "" }, {
                 default: s(() => [
-                  g("div", ys, [
-                    n(X, null, {
+                  g("div", _s, [
+                    n(J, null, {
                       default: s(() => [
                         n(U, {
                           text: "Share access to Vuetify One with up to 25 team members.",
@@ -2492,7 +2492,7 @@ const Mn = /* @__PURE__ */ y({
                           rounded: "lg"
                         }, {
                           default: s(() => [
-                            n(Ee, {
+                            n(Fe, {
                               class: "bg-surface",
                               subtitle: `Team - ${e(r)?.members?.length} member(s)`,
                               title: "Members"
@@ -2521,7 +2521,7 @@ const Mn = /* @__PURE__ */ y({
                                         default: s(() => [
                                           n(P, { color: "surface-light" }, {
                                             default: s(() => [
-                                              n(Ee, {
+                                              n(Fe, {
                                                 class: "bg-surface",
                                                 "prepend-icon": `svg:${e(Lo)}`,
                                                 subtitle: "Provide this link to invite your team members",
@@ -2540,7 +2540,7 @@ const Mn = /* @__PURE__ */ y({
                                                 ]),
                                                 _: 1
                                               }, 8, ["prepend-icon"]),
-                                              n(X, { class: "pt-4" }, {
+                                              n(J, { class: "pt-4" }, {
                                                 default: s(() => [
                                                   n(Ct, {
                                                     flat: "",
@@ -2556,7 +2556,7 @@ const Mn = /* @__PURE__ */ y({
                                                         size: "small",
                                                         onClick: L[0] || (L[0] = (x) => e(i)(e(v)))
                                                       }, null, 8, ["icon"]), [
-                                                        [Q, "Copy Team link"]
+                                                        [X, "Copy Team link"]
                                                       ])
                                                     ]),
                                                     _: 1
@@ -2578,7 +2578,7 @@ const Mn = /* @__PURE__ */ y({
                               } : void 0
                             ]), 1032, ["subtitle"]),
                             n(N),
-                            n(X, { class: "pa-2" }, {
+                            n(J, { class: "pa-2" }, {
                               default: s(() => [
                                 n($e, {
                                   border: "",
@@ -2592,7 +2592,7 @@ const Mn = /* @__PURE__ */ y({
                                     }, {
                                       "item.name": s(({ item: x }) => [
                                         g("div", hs, [
-                                          n(te, {
+                                          n(oe, {
                                             image: x.picture,
                                             size: "x-small",
                                             start: ""
@@ -2642,7 +2642,7 @@ const Mn = /* @__PURE__ */ y({
                           rounded: "lg"
                         }, {
                           default: s(() => [
-                            n(Ee, {
+                            n(Fe, {
                               "prepend-icon": `svg:${e(ot)}`,
                               subtitle: "You are currently a member of a team with an All-access Pass.",
                               title: "My Team access"
@@ -2650,7 +2650,7 @@ const Mn = /* @__PURE__ */ y({
                               title: s(() => [
                                 g("div", bs, [
                                   L[4] || (L[4] = S(" My Team Access ", -1)),
-                                  n(ee, {
+                                  n(te, {
                                     border: "thin opacity-25 success",
                                     class: "ms-2",
                                     color: "success",
@@ -2689,12 +2689,12 @@ const Mn = /* @__PURE__ */ y({
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), ks = /* @__PURE__ */ y({
+}), ks = /* @__PURE__ */ _({
   __name: "VoTeamListItem",
   setup(p) {
     const t = M(!1);
     return (a, o) => {
-      const i = Cs, u = q;
+      const i = Cs, u = W;
       return c(), m(u, {
         active: e(t),
         link: "",
@@ -2803,10 +2803,10 @@ function Tt() {
     togglePin: o
   };
 }
-const at = /* @__PURE__ */ y({
+const at = /* @__PURE__ */ _({
   __name: "VoEcosystemMenu",
   setup(p) {
-    const t = E(), { actions: a, isPinned: o, togglePin: i } = Tt();
+    const t = F(), { actions: a, isPinned: o, togglePin: i } = Tt();
     return (u, r) => (c(), m(P, {
       border: "",
       "min-width": "240",
@@ -2818,7 +2818,7 @@ const at = /* @__PURE__ */ y({
           nav: ""
         }, {
           default: s(() => [
-            (c(!0), C(D, null, G(e(a), (l) => Z((c(), m(le, {
+            (c(!0), C(D, null, K(e(a), (l) => Z((c(), m(le, {
               key: l.id,
               href: l.href,
               "prepend-icon": l.icon,
@@ -2833,15 +2833,15 @@ const at = /* @__PURE__ */ y({
                     icon: `svg:${e(o)(l.id) ? e(Io) : e(Do)}`,
                     size: "x-small",
                     variant: "text",
-                    onClick: ye((d) => e(i)(l.id), ["prevent", "stop"])
+                    onClick: _e((d) => e(i)(l.id), ["prevent", "stop"])
                   }, null, 8, ["icon", "onClick"]), [
-                    [Q, e(o)(l.id) ? "Unpin" : "Pin", "top"]
+                    [X, e(o)(l.id) ? "Unpin" : "Pin", "top"]
                   ])
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["href", "prepend-icon", "title"])), [
-              [Q, l.description, "start"]
+              [X, l.description, "start"]
             ])), 128))
           ]),
           _: 1
@@ -2850,14 +2850,14 @@ const at = /* @__PURE__ */ y({
       _: 1
     }));
   }
-}), Vs = /* @__PURE__ */ y({
+}), Vs = /* @__PURE__ */ _({
   __name: "VoEcosystemListItem",
   setup(p) {
     const t = T(), { mobile: a } = ae(), o = M(!1);
     return H(o, (i) => {
       i && !t.one.ecosystem.seen && (t.one.ecosystem.seen = !0);
     }), (i, u) => {
-      const r = q;
+      const r = W;
       return c(), m(r, {
         link: "",
         "prepend-icon": "$vuetify-outline",
@@ -2896,7 +2896,7 @@ const at = /* @__PURE__ */ y({
         e(t).one.ecosystem.seen ? void 0 : {
           name: "append",
           fn: s(() => [
-            n(ee, {
+            n(te, {
               color: "success",
               size: "x-small",
               text: "NEW",
@@ -2914,7 +2914,7 @@ const at = /* @__PURE__ */ y({
 }, xs = {
   key: 1,
   class: "pa-5"
-}, Ls = { class: "text-subtitle-1 font-weight-bold" }, ws = { class: "text-caption font-weight-bold text-medium-emphasis" }, Ss = { class: "text-disabled text-caption mt-2 mb-3" }, Ms = /* @__PURE__ */ y({
+}, Ls = { class: "text-subtitle-1 font-weight-bold" }, ws = { class: "text-caption font-weight-bold text-medium-emphasis" }, Ss = { class: "text-disabled text-caption mt-2 mb-3" }, Ms = /* @__PURE__ */ _({
   __name: "VoNotificationsBannerList",
   props: {
     items: {}
@@ -2947,7 +2947,7 @@ const at = /* @__PURE__ */ y({
             _: 1
           })
         ])) : (c(), C("div", xs, [
-          (c(!0), C(D, null, G(r.items, (d) => (c(), C("div", {
+          (c(!0), C(D, null, K(r.items, (d) => (c(), C("div", {
             key: d.slug,
             class: "mb-4"
           }, [
@@ -2959,7 +2959,7 @@ const at = /* @__PURE__ */ y({
               title: d.title
             }, {
               prepend: s(() => [
-                n(te, {
+                n(oe, {
                   image: d.metadata.images.logo?.url
                 }, null, 8, ["image"])
               ]),
@@ -2980,10 +2980,10 @@ const at = /* @__PURE__ */ y({
                       location: "bottom",
                       text: i(d.slug) ? "Mark as unread" : "Mark as read"
                     }, {
-                      activator: s(({ props: _ }) => [
+                      activator: s(({ props: y }) => [
                         n(xe, { "hide-on-leave": "" }, {
                           default: s(() => [
-                            Z(n(A, R({ ref_for: !0 }, _, {
+                            Z(n(A, R({ ref_for: !0 }, y, {
                               class: "ms-auto float-right",
                               icon: `svg:${i(d.slug) ? e(We) : e(qe)}`,
                               size: "small",
@@ -3001,7 +3001,7 @@ const at = /* @__PURE__ */ y({
                     g("div", Ls, V(d.metadata.text), 1),
                     g("div", ws, V(e(t).format(d.created_at, "fullDateWithWeekday")), 1),
                     g("div", Ss, V(d.metadata.subtext), 1),
-                    n(ee, R({ ref_for: !0 }, {
+                    n(te, R({ ref_for: !0 }, {
                       href: d.metadata.link.startsWith("http") ? d.metadata.link : void 0,
                       target: d.metadata.link.startsWith("http") ? "_blank" : void 0,
                       to: d.metadata.link.startsWith("http") ? void 0 : d.metadata.link
@@ -3030,7 +3030,7 @@ const at = /* @__PURE__ */ y({
       _: 1
     }));
   }
-}), Is = { class: "ps-3 text-subtitle-2 pe-2" }, Ds = { class: "text-truncate" }, As = { class: "text-caption font-weight-bold text-medium-emphasis" }, Ts = { class: "text-disabled text-caption my-2" }, Us = /* @__PURE__ */ y({
+}), Is = { class: "ps-3 text-subtitle-2 pe-2" }, Ds = { class: "text-truncate" }, As = { class: "text-caption font-weight-bold text-medium-emphasis" }, Ts = { class: "text-disabled text-caption my-2" }, Us = /* @__PURE__ */ _({
   __name: "VoNotificationsListItem",
   props: {
     demo: { type: Boolean },
@@ -3056,9 +3056,9 @@ const at = /* @__PURE__ */ y({
       t.demo || (r(d.slug) ? a.one.notifications.read = a.one.notifications.read.filter((f) => f !== d.slug) : a.one.notifications.read.push(d.slug));
     }
     return (d, f) => {
-      const v = q;
+      const v = W;
       return c(), m(ve, null, {
-        default: s(({ isHovering: _, props: k }) => [
+        default: s(({ isHovering: y, props: k }) => [
           n(v, R(k, { class: "py-4 mb-0" }), {
             prepend: s(() => [
               g("div", Is, V(d.notification.metadata.emoji), 1)
@@ -3084,7 +3084,7 @@ const at = /* @__PURE__ */ y({
                             variant: "text",
                             onClick: f[0] || (f[0] = (L) => l(d.notification))
                           }), null, 16, ["icon"]), [
-                            [Ie, _ || e(i).mobile.value]
+                            [Ie, y || e(i).mobile.value]
                           ])
                         ]),
                         _: 2
@@ -3097,7 +3097,7 @@ const at = /* @__PURE__ */ y({
               }, 1024)
             ]),
             default: s(() => [
-              n(_t, { class: "text-wrap text-h6 mb-1" }, {
+              n(yt, { class: "text-wrap text-h6 mb-1" }, {
                 default: s(() => [
                   g("div", Ds, V(d.notification.title), 1)
                 ]),
@@ -3105,7 +3105,7 @@ const at = /* @__PURE__ */ y({
               }),
               g("div", As, V(e(o).format(d.notification.created_at, "fullDateWithWeekday")), 1),
               g("div", Ts, V(d.notification.metadata.text), 1),
-              n(ee, R({
+              n(te, R({
                 "append-icon": `svg:${e(Ae)}`
               }, e(u), {
                 border: "",
@@ -3130,7 +3130,7 @@ const at = /* @__PURE__ */ y({
 }), Ps = {
   key: 0,
   class: "pt-16"
-}, zs = /* @__PURE__ */ y({
+}, zs = /* @__PURE__ */ _({
   __name: "VoNotificationsList",
   props: {
     items: {}
@@ -3157,7 +3157,7 @@ const at = /* @__PURE__ */ y({
               ])]),
               _: 1
             })
-          ])) : (c(!0), C(D, { key: 1 }, G(t.items, (i, u) => (c(), C(D, {
+          ])) : (c(!0), C(D, { key: 1 }, K(t.items, (i, u) => (c(), C(D, {
             key: i.slug
           }, [
             u !== 0 ? (c(), m(N, { key: 0 })) : h("", !0),
@@ -3168,14 +3168,14 @@ const at = /* @__PURE__ */ y({
       });
     };
   }
-}), Ut = K("site", () => {
-  const p = F([]), t = F();
+}), Ut = q("site", () => {
+  const p = E([]), t = E();
   return {
     id: p,
     url: t
   };
-}), Be = K("banners", () => {
-  const p = J(), t = Ut(), a = T(), o = oe(), i = F([]), u = M(!1), r = b(() => {
+}), Be = q("banners", () => {
+  const p = Y(), t = Ut(), a = T(), o = ee(), i = E([]), u = M(!1), r = b(() => {
     if (l.value)
       return l.value;
     if (a.one.banners.enabled) {
@@ -3188,9 +3188,9 @@ const at = /* @__PURE__ */ y({
         slug: f,
         metadata: {
           site: v,
-          active: _
+          active: y
         }
-      }) => !_ || a.one.banners.read.includes(f) ? !1 : v.includes("dev") && !1 || v.includes("*") ? !0 : v.some((k) => t.id.includes(k)));
+      }) => !y || a.one.banners.read.includes(f) ? !1 : v.includes("dev") && !1 || v.includes("*") ? !0 : v.some((k) => t.id.includes(k)));
     }
   }), l = b(() => i.value.find(({
     metadata: {
@@ -3217,8 +3217,8 @@ const at = /* @__PURE__ */ y({
     banner: r,
     index: d
   };
-}), Fe = K("notifications", () => {
-  const p = J(), t = T(), a = oe(), o = F([]), i = M(!1), u = b(() => o.value.filter((d) => !t.one.notifications.read.includes(d.slug))), r = b(() => o.value.filter((d) => t.one.notifications.read.includes(d.slug)));
+}), Ee = q("notifications", () => {
+  const p = Y(), t = T(), a = ee(), o = E([]), i = M(!1), u = b(() => o.value.filter((d) => !t.one.notifications.read.includes(d.slug))), r = b(() => o.value.filter((d) => t.one.notifications.read.includes(d.slug)));
   async function l() {
     try {
       i.value = !0;
@@ -3238,7 +3238,7 @@ const at = /* @__PURE__ */ y({
     unread: u,
     index: l
   };
-}), Os = { class: "text-caption" }, Bs = { class: "text-caption" }, Fs = /* @__PURE__ */ y({
+}), Os = { class: "text-caption" }, Bs = { class: "text-caption" }, Es = /* @__PURE__ */ _({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -3246,10 +3246,10 @@ const at = /* @__PURE__ */ y({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = ae(), a = Ce(), o = Be(), i = Fe(), u = O(), r = T(), l = M(["read"]), d = W(p, "modelValue");
+    const t = ae(), a = Ce(), o = Be(), i = Ee(), u = O(), r = T(), l = M(["read"]), d = G(p, "modelValue");
     function f() {
-      const _ = i.unread.map((k) => k.slug);
-      r.one.notifications.read.push(..._);
+      const y = i.unread.map((k) => k.slug);
+      r.one.notifications.read.push(...y);
     }
     function v() {
       r.one.notifications.read = [];
@@ -3260,9 +3260,9 @@ const at = /* @__PURE__ */ y({
         return;
       }
       u.isOpen = !0, await be(), d.value = !0;
-    }, { immediate: !0 }), (_, k) => {
-      const $ = q, L = zs, U = Ms, Y = de;
-      return c(), m(Y, {
+    }, { immediate: !0 }), (y, k) => {
+      const $ = W, L = zs, U = Ms, Q = de;
+      return c(), m(Q, {
         modelValue: d.value,
         "onUpdate:modelValue": k[2] || (k[2] = (x) => d.value = x),
         "prepend-icon": `svg:${e(Ao)}`,
@@ -3279,7 +3279,7 @@ const at = /* @__PURE__ */ y({
             variant: "text",
             onClick: f
           }, null, 8, ["disabled", "icon"])), [
-            [Q, "Mark All as Read", "start"]
+            [X, "Mark All as Read", "start"]
           ]) : h("", !0),
           e(l)[0] === "unread" ? Z((c(), m(A, {
             key: 1,
@@ -3291,7 +3291,7 @@ const at = /* @__PURE__ */ y({
             variant: "text",
             onClick: v
           }, null, 8, ["disabled", "icon"])), [
-            [Q, "Mark All as Unread", "start"]
+            [X, "Mark All as Unread", "start"]
           ]) : h("", !0)
         ]),
         default: s(() => [
@@ -3365,7 +3365,7 @@ const at = /* @__PURE__ */ y({
                     "onUpdate:modelValue": k[1] || (k[1] = (x) => j(l) ? l.value = x : null)
                   }, {
                     default: s(() => [
-                      n(_e, { value: "read" }, {
+                      n(ye, { value: "read" }, {
                         default: s(() => [
                           n(L, {
                             items: e(i).unread
@@ -3373,7 +3373,7 @@ const at = /* @__PURE__ */ y({
                         ]),
                         _: 1
                       }),
-                      n(_e, { value: "unread" }, {
+                      n(ye, { value: "unread" }, {
                         default: s(() => [
                           n(L, {
                             items: e(i).read
@@ -3381,7 +3381,7 @@ const at = /* @__PURE__ */ y({
                         ]),
                         _: 1
                       }),
-                      n(_e, { value: "banners" }, {
+                      n(ye, { value: "banners" }, {
                         default: s(() => [
                           n(U, {
                             items: e(o).all
@@ -3403,10 +3403,10 @@ const at = /* @__PURE__ */ y({
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Es = /* @__PURE__ */ y({
+}), Fs = /* @__PURE__ */ _({
   __name: "VoNotificationsBadge",
   setup(p) {
-    const t = Fe(), a = T();
+    const t = Ee(), a = T();
     return (o, i) => (c(), m(Ye, {
       color: "error",
       content: e(t).unread.length,
@@ -3418,14 +3418,14 @@ const at = /* @__PURE__ */ y({
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), Zs = /* @__PURE__ */ y({
+}), Zs = /* @__PURE__ */ _({
   __name: "VoNotificationsNavItem",
   setup(p) {
-    const t = Be(), a = T(), o = Fe(), i = M(!1);
+    const t = Be(), a = T(), o = Ee(), i = M(!1);
     return He(async () => {
       o.index(), t.index();
     }), (u, r) => {
-      const l = Es, d = Fs, f = q;
+      const l = Fs, d = Es, f = W;
       return e(a).one.notifications.enabled ? (c(), m(f, {
         key: 0,
         active: e(i),
@@ -3457,7 +3457,7 @@ const at = /* @__PURE__ */ y({
       ]), 1032, ["active", "prepend-icon"])) : h("", !0);
     };
   }
-}), Ns = /* @__PURE__ */ y({
+}), Ns = /* @__PURE__ */ _({
   __name: "VoDashboardNavItem",
   setup(p) {
     const t = O();
@@ -3467,7 +3467,7 @@ const at = /* @__PURE__ */ y({
       }, 100);
     }
     return (o, i) => {
-      const u = q;
+      const u = W;
       return c(), m(u, {
         "prepend-icon": `svg:${e(Oo)}`,
         rounded: "lg",
@@ -3477,12 +3477,12 @@ const at = /* @__PURE__ */ y({
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), Hs = /* @__PURE__ */ y({
+}), Hs = /* @__PURE__ */ _({
   __name: "VoUserList",
   setup(p) {
-    const t = E(), a = O(), o = De();
+    const t = F(), a = O(), o = De();
     return (i, u) => {
-      const r = Ns, l = Zs, d = Vs, f = ks, v = _s, _ = ms, k = ns, $ = Bn, L = Sn, U = bn;
+      const r = Ns, l = Zs, d = Vs, f = ks, v = ys, y = ms, k = ns, $ = Bn, L = Sn, U = bn;
       return c(), m(ne, {
         density: "compact",
         nav: "",
@@ -3494,7 +3494,7 @@ const at = /* @__PURE__ */ y({
           n(d),
           e(o).hasTeamAccess ? (c(), m(f, { key: 1 })) : h("", !0),
           e(a).shopify ? (c(), m(v, { key: 2 })) : h("", !0),
-          n(_),
+          n(y),
           e(t).user ? (c(), m(k, { key: 3 })) : h("", !0),
           e(a).isSubscriber ? (c(), m($, { key: 4 })) : h("", !0),
           n(L),
@@ -3504,10 +3504,10 @@ const at = /* @__PURE__ */ y({
       });
     };
   }
-}), js = { class: "mb-2" }, Rs = { key: 0 }, qs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Ws = { class: "text-h6" }, Gs = /* @__PURE__ */ y({
+}), js = { class: "mb-2" }, Rs = { key: 0 }, qs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Ws = { class: "text-h6" }, Gs = /* @__PURE__ */ _({
   __name: "VoUserAvatar",
   setup(p) {
-    const t = E(), a = O(), o = T(), i = M(!1), u = b(() => {
+    const t = F(), a = O(), o = T(), i = M(!1), u = b(() => {
       const d = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/dark.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackguard.png",
@@ -3533,7 +3533,7 @@ const at = /* @__PURE__ */ y({
       a.isSubscriber && (i.value = !i.value);
     }
     return (d, f) => (c(), C("div", null, [
-      Z((c(), m(te, {
+      Z((c(), m(oe, {
         class: Nt([
           "border-md border-opacity-100 border-surface-light",
           {
@@ -3543,7 +3543,7 @@ const at = /* @__PURE__ */ y({
         color: "surface",
         size: "72",
         text: "Foobar",
-        onClick: ye(l, ["prevent", "stop"])
+        onClick: _e(l, ["prevent", "stop"])
       }, {
         default: s(() => [
           e(t).user && e(o).one.avatar ? (c(), m(se, {
@@ -3572,15 +3572,15 @@ const at = /* @__PURE__ */ y({
               }, {
                 default: s(() => [
                   g("div", qs, [
-                    (c(!0), C(D, null, G(e(u), (v, _) => (c(), m(A, {
-                      key: _,
+                    (c(!0), C(D, null, K(e(u), (v, y) => (c(), m(A, {
+                      key: y,
                       active: e(o).one.avatar === v,
                       icon: "",
                       variant: "flat",
                       onClick: (k) => r(v)
                     }, {
                       default: s(() => [
-                        n(te, {
+                        n(oe, {
                           eager: "",
                           image: v
                         }, null, 8, ["image"])
@@ -3599,7 +3599,7 @@ const at = /* @__PURE__ */ y({
       g("div", Ws, V(e(t).user?.name ?? "Guest"), 1)
     ]));
   }
-}), Ks = ["href"], Ys = /* @__PURE__ */ y({
+}), Ks = ["href"], Ys = /* @__PURE__ */ _({
   __name: "VoUserPinnedEcosystem",
   setup(p) {
     const t = T(), { pinned: a } = Tt();
@@ -3611,7 +3611,7 @@ const at = /* @__PURE__ */ y({
       style: { right: "0", top: "8px" }
     }, {
       default: s(() => [
-        (c(!0), C(D, null, G(e(a), (u) => (c(), m(ve, {
+        (c(!0), C(D, null, K(e(a), (u) => (c(), m(ve, {
           key: u.id
         }, {
           default: s(({ isHovering: r, props: l }) => [
@@ -3626,7 +3626,7 @@ const at = /* @__PURE__ */ y({
                 size: "16"
               }, null, 8, ["color", "icon"])
             ], 16, Ks)), [
-              [Q, u.name, "start"]
+              [X, u.name, "start"]
             ])
           ]),
           _: 2
@@ -3635,10 +3635,10 @@ const at = /* @__PURE__ */ y({
       _: 1
     })) : h("", !0);
   }
-}), Qs = /* @__PURE__ */ y({
+}), Qs = /* @__PURE__ */ _({
   __name: "VoUserBadges",
   setup(p) {
-    const t = E(), a = O(), o = b(() => a.github || a.discord || a.isSubscriber || t.user?.isAdmin);
+    const t = F(), a = O(), o = b(() => a.github || a.discord || a.isSubscriber || t.user?.isAdmin);
     return (i, u) => e(o) ? (c(), m($e, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
@@ -3653,7 +3653,7 @@ const at = /* @__PURE__ */ y({
           icon: "$vuetify",
           size: "16"
         }, null, 512)), [
-          [Q, "Vuetify Administrator", "bottom"]
+          [X, "Vuetify Administrator", "bottom"]
         ]) : h("", !0),
         e(a).isSubscriber ? Z((c(), m(I, {
           key: 1,
@@ -3661,7 +3661,7 @@ const at = /* @__PURE__ */ y({
           icon: `svg:${e(Bo)}`,
           size: "16"
         }, null, 8, ["icon"])), [
-          [Q, "Vuetify One Subscriber", "bottom"]
+          [X, "Vuetify One Subscriber", "bottom"]
         ]) : h("", !0),
         e(a).github ? Z((c(), m(I, {
           key: 2,
@@ -3669,7 +3669,7 @@ const at = /* @__PURE__ */ y({
           icon: "$github",
           size: "16"
         }, null, 512)), [
-          [Q, "GitHub Sponsor", "bottom"]
+          [X, "GitHub Sponsor", "bottom"]
         ]) : h("", !0),
         e(a).discord ? Z((c(), m(I, {
           key: 3,
@@ -3677,7 +3677,7 @@ const at = /* @__PURE__ */ y({
           icon: "$discord",
           size: "16"
         }, null, 512)), [
-          [Q, "Discord Subscriber", "bottom"]
+          [X, "Discord Subscriber", "bottom"]
         ]) : h("", !0)
       ]),
       _: 1
@@ -3686,10 +3686,10 @@ const at = /* @__PURE__ */ y({
 }), Xs = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Js = {
   key: "reset",
   class: "align-self-end"
-}, ea = /* @__PURE__ */ y({
+}, ea = /* @__PURE__ */ _({
   __name: "VoUserColors",
   setup(p) {
-    const t = E(), a = O(), o = T(), i = M(!1);
+    const t = F(), a = O(), o = T(), i = M(!1);
     function u() {
       o.one.colors.primary = "surface-light";
     }
@@ -3716,7 +3716,7 @@ const at = /* @__PURE__ */ y({
                       color: "inherit",
                       density: "comfortable",
                       disabled: e(o).one.colors.primary === "surface-light",
-                      icon: `svg:${e(Fo)}`,
+                      icon: `svg:${e(Eo)}`,
                       title: "Revert to Default",
                       variant: "text",
                       onClick: u
@@ -3736,7 +3736,7 @@ const at = /* @__PURE__ */ y({
                 icon: e(i) ? `svg:${e(ke)}` : "$edit",
                 title: "Edit One Header Color",
                 variant: e(i) ? "text" : "plain",
-                onClick: l[0] || (l[0] = (_) => i.value = !e(i))
+                onClick: l[0] || (l[0] = (y) => i.value = !e(i))
               }, {
                 default: s(() => [
                   n(xe, { "leave-absolute": "" }, {
@@ -3768,7 +3768,7 @@ const at = /* @__PURE__ */ y({
               "show-swatches": "",
               "swatches-max-height": "200",
               width: "278",
-              "onUpdate:modelValue": l[1] || (l[1] = (_) => e(o).one.colors.primary = _)
+              "onUpdate:modelValue": l[1] || (l[1] = (y) => e(o).one.colors.primary = y)
             }, null, 8, ["model-value"])) : h("", !0)
           ]),
           _: 1
@@ -3776,10 +3776,10 @@ const at = /* @__PURE__ */ y({
       ], 64);
     };
   }
-}), ta = { class: "text-center mt-n9 mb-4" }, oa = /* @__PURE__ */ y({
+}), ta = { class: "text-center mt-n9 mb-4" }, oa = /* @__PURE__ */ _({
   __name: "VoUserMenu",
   setup(p) {
-    const t = Be(), a = O(), o = F();
+    const t = Be(), a = O(), o = E();
     return H(() => t.banner, async () => {
       await new Promise((i) => setTimeout(i, 300)), a.isOpen && o.value?.updateLocation?.();
     }, { flush: "pre" }), (i, u) => {
@@ -3818,7 +3818,7 @@ const at = /* @__PURE__ */ y({
       }, 8, ["modelValue"]);
     };
   }
-}), na = { class: "me-n3" }, sa = /* @__PURE__ */ y({
+}), na = { class: "me-n3" }, sa = /* @__PURE__ */ _({
   __name: "VoTeamInvite",
   setup(p) {
     const t = De(), a = b(() => t.team?.name ?? `${t.team?.owner.name}'s team`);
@@ -3833,7 +3833,7 @@ const at = /* @__PURE__ */ y({
     }, {
       default: s(({ isActive: r }) => [
         n(P, {
-          "prepend-icon": `svg:${e(Eo)}`,
+          "prepend-icon": `svg:${e(Fo)}`,
           rounded: "lg",
           title: "Join a Team"
         }, {
@@ -3854,7 +3854,7 @@ const at = /* @__PURE__ */ y({
           ]),
           default: s(() => [
             n(N, { opacity: ".2" }),
-            n(yt, { class: "bg-surface-light" }, {
+            n(_t, { class: "bg-surface-light" }, {
               default: s(() => [
                 n(A, {
                   disabled: e(t).isLoading,
@@ -3883,21 +3883,21 @@ const at = /* @__PURE__ */ y({
       _: 1
     }, 8, ["modelValue"])) : h("", !0);
   }
-}), aa = { key: 0 }, Pt = /* @__PURE__ */ y({
+}), aa = { key: 0 }, Pt = /* @__PURE__ */ _({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(p) {
-    const t = E(), a = Fe(), o = O(), i = T(), { lgAndUp: u, smAndUp: r } = ae(), l = b(() => o.isOpen || !t.user ? i.one.colors.primary === "surface-light" ? "primary" : i.one.colors.primary : "surface-light"), d = ge(() => i.one.notifications.enabled && a.unread.length > 0), f = ge(() => o.isSubscriber && !i.ecosystem.mcp.seen), v = ge(() => !!t.user && (d.value || f.value)), _ = ge(() => f.value ? "success" : "error");
+    const t = F(), a = Ee(), o = O(), i = T(), { lgAndUp: u, smAndUp: r } = ae(), l = b(() => o.isOpen || !t.user ? i.one.colors.primary === "surface-light" ? "primary" : i.one.colors.primary : "surface-light"), d = ge(() => i.one.notifications.enabled && a.unread.length > 0), f = ge(() => o.isSubscriber && !i.ecosystem.mcp.seen), v = ge(() => !!t.user && (d.value || f.value)), y = ge(() => f.value ? "success" : "error");
     function k() {
       t.user || (t.dialog = !0);
     }
     return ($, L) => {
-      const U = oa, Y = we, x = It, pe = pn;
+      const U = oa, Q = we, x = It, pe = pn;
       return c(), C(D, null, [
         n(Ye, {
-          color: e(_),
+          color: e(y),
           dot: "",
           location: "end top",
           "model-value": e(v),
@@ -3905,7 +3905,7 @@ const at = /* @__PURE__ */ y({
           "offset-y": e(t).user ? 5 : 0
         }, {
           default: s(() => [
-            n(Y, R({
+            n(Q, R({
               [`${e(u) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(nt)}`
             }, {
               active: "",
@@ -3920,7 +3920,7 @@ const at = /* @__PURE__ */ y({
               onClick: k
             }), {
               default: s(() => [
-                e(t).user ? (c(), m(te, {
+                e(t).user ? (c(), m(oe, {
                   key: 0,
                   image: e(i).one.avatar || e(t).user.picture || ""
                 }, null, 8, ["image"])) : (c(), C(D, { key: 1 }, [
@@ -3948,7 +3948,7 @@ const at = /* @__PURE__ */ y({
 }, ra = { class: "text-h6 mb-3" }, la = {
   key: 3,
   class: "mt-2"
-}, ua = { class: "mt-2" }, ca = /* @__PURE__ */ y({
+}, ua = { class: "mt-2" }, ca = /* @__PURE__ */ _({
   __name: "VoMobileMenu",
   props: {
     modelValue: { type: Boolean },
@@ -3956,7 +3956,7 @@ const at = /* @__PURE__ */ y({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = W(p, "modelValue"), a = ut();
+    const t = G(p, "modelValue"), a = ut();
     return (o, i) => (c(), m(Ue, {
       modelValue: t.value,
       "onUpdate:modelValue": i[0] || (i[0] = (u) => t.value = u),
@@ -4007,7 +4007,7 @@ const at = /* @__PURE__ */ y({
       _: 3
     }, 8, ["modelValue"]));
   }
-}), da = /* @__PURE__ */ y({
+}), da = /* @__PURE__ */ _({
   __name: "VoAppBar",
   props: /* @__PURE__ */ rt({
     logo: {},
@@ -4018,17 +4018,17 @@ const at = /* @__PURE__ */ y({
   }),
   emits: ["update:mobileMenu"],
   setup(p) {
-    const t = p, a = W(p, "mobileMenu"), o = ut(), i = Te(), u = Pe(), { mobile: r } = ae(), l = b(() => t.responsive == !0 && r.value), d = b(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${t.logo}-logo-${i.current.value.dark ? "dark" : "light"}.png`);
+    const t = p, a = G(p, "mobileMenu"), o = ut(), i = Te(), u = Pe(), { mobile: r } = ae(), l = b(() => t.responsive == !0 && r.value), d = b(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${t.logo}-logo-${i.current.value.dark ? "dark" : "light"}.png`);
     return (f, v) => {
-      const _ = lt("router-link"), k = ca, $ = Pt;
+      const y = lt("router-link"), k = ca, $ = Pt;
       return c(), m(xt, {
         class: "border-b",
         image: e(u).suit["app-bar"],
         name: "vo-app-bar"
       }, z({
         prepend: s(() => [
-          n(_, {
-            class: "ps-2",
+          n(y, {
+            class: "ps-2 ps-md-5",
             to: "/"
           }, {
             default: s(() => [
@@ -4054,7 +4054,7 @@ const at = /* @__PURE__ */ y({
             ]),
             _: 2
           }, [
-            G(o, (L, U) => ({
+            K(o, (L, U) => ({
               name: U,
               fn: s(() => [
                 w(f.$slots, U)
@@ -4067,7 +4067,8 @@ const at = /* @__PURE__ */ y({
             length: "20",
             vertical: ""
           })) : h("", !0),
-          n($)
+          n($),
+          v[1] || (v[1] = g("div", { class: "pe-md-3" }, null, -1))
         ]),
         default: s(() => [
           e(l) ? h("", !0) : w(f.$slots, "default", { key: 0 })
@@ -4091,7 +4092,7 @@ const at = /* @__PURE__ */ y({
       ]), 1032, ["image"]);
     };
   }
-}), pa = ["id"], ma = /* @__PURE__ */ y({
+}), pa = ["id"], ma = /* @__PURE__ */ _({
   __name: "VoScript",
   props: {
     id: {
@@ -4109,7 +4110,7 @@ const at = /* @__PURE__ */ y({
   },
   emits: ["script:error", "script:load"],
   setup(p, { emit: t }) {
-    const a = p, o = t, i = F(), u = F();
+    const a = p, o = t, i = E(), u = E();
     return je(async () => {
       const r = document.createElement("script"), l = () => o("script:error");
       r.type = "text/javascript", r.id = a.scriptId, r.src = a.src, r.addEventListener("load", () => o("script:load")), r.onerror = l, u.value = r;
@@ -4126,7 +4127,7 @@ const at = /* @__PURE__ */ y({
 }), fa = {
   key: 0,
   class: "v-footer__image"
-}, va = /* @__PURE__ */ y({
+}, va = /* @__PURE__ */ _({
   __name: "VoFooter",
   props: {
     image: {}
@@ -4155,10 +4156,10 @@ const at = /* @__PURE__ */ y({
   for (const [o, i] of t)
     a[o] = i;
   return a;
-}, zt = /* @__PURE__ */ Xe(va, [["__scopeId", "data-v-31335c0a"]]), ga = ["href", "title"], _a = {
+}, zt = /* @__PURE__ */ Xe(va, [["__scopeId", "data-v-31335c0a"]]), ga = ["href", "title"], ya = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, ya = /* @__PURE__ */ y({
+}, _a = /* @__PURE__ */ _({
   __name: "VoSocialFooter",
   setup(p) {
     const t = Pe(), a = [
@@ -4201,7 +4202,7 @@ const at = /* @__PURE__ */ y({
         image: e(t).suit.footer
       }, z({
         default: s(() => [
-          (c(), C(D, null, G(a, (r) => g("a", {
+          (c(), C(D, null, K(a, (r) => g("a", {
             key: r.title,
             class: "d-inline-block mx-2 social-link",
             href: r.href,
@@ -4214,7 +4215,7 @@ const at = /* @__PURE__ */ y({
               size: r.icon === "$vuetify" ? 24 : 16
             }, null, 8, ["icon", "size"])
           ], 8, ga)), 64)),
-          g("div", _a, [
+          g("div", ya, [
             S(" © 2016-" + V((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
             i[0] || (i[0] = g("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1))
           ])
@@ -4231,7 +4232,7 @@ const at = /* @__PURE__ */ y({
       ]), 1032, ["image"]);
     };
   }
-}), ha = /* @__PURE__ */ Xe(ya, [["__scopeId", "data-v-7a9688b8"]]), ba = /* @__PURE__ */ y({
+}), ha = /* @__PURE__ */ Xe(_a, [["__scopeId", "data-v-7a9688b8"]]), ba = /* @__PURE__ */ _({
   __name: "VoNotificationsBanner",
   props: {
     demo: { type: Boolean }
@@ -4253,7 +4254,7 @@ const at = /* @__PURE__ */ y({
       const U = L.link.split("?one=")[1];
       o.push({ query: { one: U } });
     }
-    const _ = b(() => {
+    const y = b(() => {
       const $ = r.value?.metadata ?? { link: "" };
       return {
         href: $.link.startsWith("http") ? $.link : void 0,
@@ -4289,9 +4290,9 @@ const at = /* @__PURE__ */ y({
           active: !1,
           class: "flex-grow-1 py-6",
           lines: "two"
-        }, e(_), { onClick: v }), {
+        }, e(y), { onClick: v }), {
           prepend: s(() => [
-            e(r).metadata.images.logo ? (c(), m(te, {
+            e(r).metadata.images.logo ? (c(), m(oe, {
               key: 0,
               icon: "$vuetify",
               image: e(r).metadata.images.logo.url,
@@ -4302,7 +4303,7 @@ const at = /* @__PURE__ */ y({
           ]),
           append: s(() => [
             e(a) && e(r).metadata.link && e(r).metadata.link_text ? (c(), m(ve, { key: 0 }, {
-              default: s(({ isHovering: U, props: Y }) => [
+              default: s(({ isHovering: U, props: Q }) => [
                 n(A, R({
                   "append-icon": `svg:${e(Ae)}`,
                   class: "text-none me-2",
@@ -4310,11 +4311,11 @@ const at = /* @__PURE__ */ y({
                   elevation: U ? 8 : 0,
                   title: e(r).metadata.link_text
                 }, {
-                  ...Y,
-                  ...e(_)
+                  ...Q,
+                  ...e(y)
                 }, {
                   variant: "elevated",
-                  onClick: ye(v, ["stop"])
+                  onClick: _e(v, ["stop"])
                 }), {
                   default: s(() => [
                     S(V(e(r).metadata.link_text), 1)
@@ -4331,11 +4332,11 @@ const at = /* @__PURE__ */ y({
               icon: "$clear",
               size: "small",
               variant: "plain",
-              onClick: ye(f, ["prevent", "stop"])
+              onClick: _e(f, ["prevent", "stop"])
             })) : h("", !0)
           ]),
           default: s(() => [
-            e(r).metadata.text ? (c(), m(_t, {
+            e(r).metadata.text ? (c(), m(yt, {
               key: 0,
               class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
             }, {
@@ -4361,7 +4362,7 @@ const at = /* @__PURE__ */ y({
   key: 0,
   class: "text-uppercase position-absolute ms-auto font-weight-medium on-surface-light",
   style: { right: "12px", bottom: "8px", "font-size": "10px" }
-}, Ot = /* @__PURE__ */ y({
+}, Ot = /* @__PURE__ */ _({
   __name: "VoPromotionsCard",
   props: {
     caption: {},
@@ -4406,8 +4407,8 @@ const at = /* @__PURE__ */ y({
       } : void 0
     ]), 1024));
   }
-}), Je = K("promotions", () => {
-  const p = J(), t = oe(), a = F([]), o = M(!1), i = M(!1), u = b(() => a.value.filter((d) => d.metadata.discoverable));
+}), Je = q("promotions", () => {
+  const p = Y(), t = ee(), a = E([]), o = M(!1), i = M(!1), u = b(() => a.value.filter((d) => d.metadata.discoverable));
   je(l);
   function r(d) {
     const f = d.filter((v) => v.metadata.active);
@@ -4433,13 +4434,13 @@ const at = /* @__PURE__ */ y({
     index: l,
     random: r
   };
-}), Va = /* @__PURE__ */ y({
+}), Va = /* @__PURE__ */ _({
   __name: "VoPromotionsCardHighlight",
   props: {
     slug: {}
   },
   setup(p) {
-    const t = p, a = E(), o = Je(), i = Te(), u = T(), r = b(() => {
+    const t = p, a = F(), o = Je(), i = Te(), u = T(), r = b(() => {
       if (!(a.user && !u.one.ads.enabled))
         return t.slug ? o.all.find((f) => f.slug === t.slug) : o.random(o.all);
     }), l = b(() => {
@@ -4450,8 +4451,8 @@ const at = /* @__PURE__ */ y({
       return r.value?.metadata.images[f]?.url;
     });
     return (f, v) => {
-      const _ = Ot;
-      return e(r) || !e(o).hasLoaded ? (c(), m(_, {
+      const y = Ot;
+      return e(r) || !e(o).hasLoaded ? (c(), m(y, {
         key: 0,
         class: "vo-promotions-card-highlight",
         color: e(r)?.metadata.color ?? "surface",
@@ -4478,7 +4479,7 @@ const at = /* @__PURE__ */ y({
         e(r) ? {
           name: "prepend",
           fn: s(() => [
-            n(te, {
+            n(oe, {
               class: "my-n4 me-4",
               icon: "$vuetify",
               size: "36"
@@ -4496,13 +4497,13 @@ const at = /* @__PURE__ */ y({
       ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : h("", !0);
     };
   }
-}), $a = { class: "d-flex ga-4" }, xa = { class: "d-flex align-start ga-4" }, La = { class: "text-caption on-surface-light" }, wa = /* @__PURE__ */ y({
+}), $a = { class: "d-flex ga-4" }, xa = { class: "d-flex align-start ga-4" }, La = { class: "text-caption on-surface-light" }, wa = /* @__PURE__ */ _({
   __name: "VoPromotionsCardVuetify",
   props: {
     slug: {}
   },
   setup(p) {
-    const t = p, a = E(), o = Je(), i = T(), u = b(() => {
+    const t = p, a = F(), o = Je(), i = T(), u = b(() => {
       if (!(a.user && !i.one.ads.enabled && !i.one.ads.house))
         return t.slug ? o.all.find((r) => r.slug === t.slug) : o.random(!i.one.ads.enabled && i.one.ads.house ? o.discoverable : o.all);
     });
@@ -4554,13 +4555,13 @@ const at = /* @__PURE__ */ y({
       }, 8, ["href"])) : h("", !0);
     };
   }
-}), Sa = ["href"], Ma = /* @__PURE__ */ y({
+}), Sa = ["href"], Ma = /* @__PURE__ */ _({
   __name: "VoPromotionsFooter",
   props: {
     slug: {}
   },
   setup(p) {
-    const t = p, a = E(), o = Je(), i = T(), u = Te(), r = b(() => {
+    const t = p, a = F(), o = Je(), i = T(), u = Te(), r = b(() => {
       if (!(a.user && !i.one.ads.enabled))
         return t.slug ? o.all.find((f) => f.slug === t.slug) : o.random(o.all);
     }), l = b(() => {
@@ -4571,8 +4572,8 @@ const at = /* @__PURE__ */ y({
       return r.value?.metadata.images[f]?.url;
     });
     return (f, v) => {
-      const _ = zt;
-      return c(), m(_, {
+      const y = zt;
+      return c(), m(y, {
         color: e(r)?.metadata.color ?? "surface",
         image: e(d),
         style: { transform: "translateY(0)" }
@@ -4585,14 +4586,14 @@ const at = /* @__PURE__ */ y({
             style: { color: "inherit" },
             target: "_blank"
           }, [
-            n(te, {
+            n(oe, {
               class: "me-4",
               icon: "$vuetify",
               image: e(l),
               size: "24"
             }, null, 8, ["image"]),
             g("div", null, V(e(r)?.metadata.text), 1),
-            e(r)?.metadata.advertisement ? (c(), m(ee, {
+            e(r)?.metadata.advertisement ? (c(), m(te, {
               key: 0,
               class: "ms-auto me-n4 align-self-end mb-n2 py-1 ps-3",
               rounded: "0 ts-lg",
@@ -4606,8 +4607,8 @@ const at = /* @__PURE__ */ y({
       }, 8, ["color", "image"]);
     };
   }
-}), Ia = K("spots", () => {
-  const p = J(), t = Ut(), a = oe(), o = F([]), i = M(!1), u = b(() => o.value.find(({
+}), Ia = q("spots", () => {
+  const p = Y(), t = Ut(), a = ee(), o = E([]), i = M(!1), u = b(() => o.value.find(({
     metadata: {
       site: l,
       active: d
@@ -4631,7 +4632,7 @@ const at = /* @__PURE__ */ y({
     spot: u,
     index: r
   };
-}), Da = ["href"], Aa = /* @__PURE__ */ y({
+}), Da = ["href"], Aa = /* @__PURE__ */ _({
   __name: "VoSpot",
   setup(p) {
     const t = Ia();
@@ -4724,8 +4725,8 @@ const at = /* @__PURE__ */ y({
     ["M12.0886 19.775C9.85039 19.7657 7.8983 19.4309 6.39591 18.845C5.48629 18.4823 4.79131 18.0824 4.50514 17.4872C4.33139 17.1339 4.32117 15.5529 4.34161 14.5299C4.34161 13.5814 4.64822 10.8379 5.05704 10.466C5.68048 9.88937 9.75841 9.77777 12.1091 9.77777H12.1193C14.4598 9.77777 18.5479 9.88937 19.1714 10.466C19.57 10.8379 19.8766 13.5814 19.8868 14.5299C19.897 15.5529 19.8868 17.1339 19.713 17.4872C19.4269 18.0824 18.7319 18.4823 17.8223 18.845C16.0076 19.4951 14.0692 19.8112 12.1193 19.775H12.0886Z", 0.2],
     ["M8.57405 12C9.68004 12 10.5812 12.8658 10.5812 14.2222C10.5812 15.444 9.721 16.4444 8.57405 16.4444C7.45782 16.4348 6.55664 15.444 6.55664 14.2222C6.55664 12.8754 7.45782 12 8.57405 12ZM15.6606 12C14.5444 12 13.6432 12.8658 13.6432 14.2222C13.6432 15.444 14.5136 16.4444 15.6606 16.4444C16.7666 16.4348 17.6678 15.444 17.6678 14.2222C17.6678 12.8754 16.7666 12 15.6606 12Z", 1]
   ]
-}, wi = K("bins", () => {
-  const p = J(), t = oe(), a = F([]), o = M(!1), i = b(() => a.value.filter((l) => l.favorite)), u = b(() => a.value.filter((l) => l.pinned));
+}, wi = q("bins", () => {
+  const p = Y(), t = ee(), a = E([]), o = M(!1), i = b(() => a.value.filter((l) => l.favorite)), u = b(() => a.value.filter((l) => l.pinned));
   async function r() {
     try {
       o.value = !0;
@@ -4745,10 +4746,10 @@ const at = /* @__PURE__ */ y({
     all: a,
     index: r
   };
-}), Si = K("links", () => {
-  const p = J(), t = oe(), a = F([]), o = M(!1), i = M(!1), u = b(() => a.value.filter((v) => v.favorite)), r = b(() => a.value.filter((v) => v.pinned)), l = b(() => {
-    const v = E(), _ = O();
-    return v.user?.isAdmin || _.isSubscriber;
+}), Si = q("links", () => {
+  const p = Y(), t = ee(), a = E([]), o = M(!1), i = M(!1), u = b(() => a.value.filter((v) => v.favorite)), r = b(() => a.value.filter((v) => v.pinned)), l = b(() => {
+    const v = F(), y = O();
+    return v.user?.isAdmin || y.isSubscriber;
   });
   async function d() {
     try {
@@ -4769,7 +4770,7 @@ const at = /* @__PURE__ */ y({
     }
     try {
       i.value = !0;
-      const _ = await p.post("/one/links", {
+      const y = await p.post("/one/links", {
         link: {
           title: v.title,
           url: v.url,
@@ -4783,9 +4784,9 @@ const at = /* @__PURE__ */ y({
           expiresAt: v.expiresAt ?? null
         }
       });
-      return a.value.unshift(_.link), _.link;
-    } catch (_) {
-      t.showError(_?.message ?? "Error creating link");
+      return a.value.unshift(y.link), y.link;
+    } catch (y) {
+      t.showError(y?.message ?? "Error creating link");
     } finally {
       i.value = !1;
     }
@@ -4800,8 +4801,29 @@ const at = /* @__PURE__ */ y({
     index: d,
     create: f
   };
-}), Mi = K("products", () => {
-  const p = J(), t = oe(), a = F([]), o = b(() => a.value.filter((r) => r.product_type === "Themes"));
+}), Mi = q("plays", () => {
+  const p = Y(), t = ee(), a = E([]), o = M(!1), i = b(() => a.value.filter((l) => l.favorite)), u = b(() => a.value.filter((l) => l.pinned));
+  async function r() {
+    try {
+      o.value = !0;
+      const l = await p.get("/one/playgrounds");
+      a.value = l.playgrounds;
+    } catch (l) {
+      t.showError(l?.message ?? "Error fetching playgrounds");
+    } finally {
+      o.value = !1;
+    }
+    return a.value;
+  }
+  return {
+    isLoading: o,
+    pinned: u,
+    favorites: i,
+    all: a,
+    index: r
+  };
+}), Ii = q("products", () => {
+  const p = Y(), t = ee(), a = E([]), o = b(() => a.value.filter((r) => r.product_type === "Themes"));
   async function i() {
     if (a.value.length > 0)
       return a.value;
@@ -4822,8 +4844,8 @@ const at = /* @__PURE__ */ y({
     index: i,
     randomize: u
   };
-}), Ii = K("sponsors", () => {
-  const p = J(), t = oe(), a = F([]), o = F([]), i = F(!1), u = b(() => {
+}), Di = q("sponsors", () => {
+  const p = Y(), t = ee(), a = E([]), o = E([]), i = E(!1), u = b(() => {
     const d = {};
     for (const f of a.value) {
       const v = f.metadata.tier;
@@ -4856,13 +4878,13 @@ const at = /* @__PURE__ */ y({
     index: r
   };
 });
-function Di() {
+function Ai() {
   function p(t) {
     t.component("VoAppBar", da), t.component("VoAuthBtn", Pt), t.component("VoAuthCard", Mt), t.component("VoAuthDialog", It), t.component("VoAuthListItem", Dt), t.component("VoNotificationsBanner", Ca), t.component("VoPromotionsCardHighlight", Va), t.component("VoPromotionsCardVuetify", wa), t.component("VoPromotionsFooter", Ma), t.component("VoScript", ma), t.component("VoSocialFooter", ha), t.component("VoSpot", Aa);
   }
   return { install: p };
 }
-function Ai(p, t) {
+function Ti(p, t) {
   return function(a) {
     const o = a.store;
     o.url = t, o.$id === "site" && (o.id = p);
@@ -4870,22 +4892,23 @@ function Ai(p, t) {
 }
 export {
   Li as aliases,
-  Di as createOne,
-  Ai as one,
-  E as useAuthStore,
+  Ai as createOne,
+  Ti as one,
+  F as useAuthStore,
   Be as useBannersStore,
   wi as useBinsStore,
   fs as useDownloadsStore,
-  J as useHttpStore,
+  Y as useHttpStore,
   Si as useLinksStore,
-  Fe as useNotificationsStore,
+  Ee as useNotificationsStore,
   O as useOneStore,
-  Mi as useProductsStore,
+  Mi as usePlaysStore,
+  Ii as useProductsStore,
   Je as usePromotionsStore,
-  oe as useQueueStore,
+  ee as useQueueStore,
   Pe as useSettingsStore,
   Ut as useSiteStore,
-  Ii as useSponsorsStore,
+  Di as useSponsorsStore,
   Ia as useSpotsStore,
   De as useTeamStore,
   T as useUserStore