@vuetify/one 2.7.0 → 2.8.0

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 v, toDisplayString as C, createVNode as n, createTextVNode as S, normalizeStyle as it, createCommentVNode as h, renderSlot as w, shallowRef as I, watch as H, withModifiers as ye, mergeModels as rt, useModel as W, createElementBlock as k, Fragment as D, nextTick as be, renderList as G, mergeProps as R, withDirectives as F, vShow as Ie, isRef as j, ref as E, readonly as Se, resolveComponent as lt, watchEffect as Nt, onMounted as He, toRef as ge, normalizeClass as Zt, 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 ne, a as Z, b as T, c as O, d as ke, e as te, f as De } from "./auth-QWWxnYQv.js";
+import { defineComponent as y, createBlock as m, openBlock as c, unref as e, computed as k, createSlots as z, withCtx as s, createElementVNode as v, toDisplayString as $, createVNode as n, createTextVNode as S, normalizeStyle as it, createCommentVNode as b, renderSlot as w, shallowRef as M, watch as H, withModifiers as ye, mergeModels as rt, useModel as W, createElementBlock as V, Fragment as D, nextTick as be, renderList as G, mergeProps as R, withDirectives as N, vShow as Ie, isRef as j, ref as E, readonly as Se, resolveComponent as lt, watchEffect as Nt, onMounted as He, toRef as ge, normalizeClass as Zt, 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 F, b as T, c as O, d as ke, e as J, f as De } from "./auth-QWWxnYQv.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 Ve, 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 ko, mdiHandHeartOutline as Vo, mdiCloudDownload as Co, 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 No, mdiShieldStarOutline as Zo } from "@mdi/js";
-import { VListItem as le, VList as oe, VListSubheader as Ho, VListItemTitle as _t, VListItemSubtitle as jo } from "vuetify/components/VList";
-import { VAvatar as ee } from "vuetify/components/VAvatar";
-import { VCard as P, VCardTitle as Ro, VCardSubtitle as qo, VCardText as Q, 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 Ve, 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 ko, mdiHandHeartOutline as Vo, mdiCloudDownload as Co, 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 No, mdiShieldStarOutline as Zo } 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 Fe } from "vuetify/components/VCard";
 import { VDialog as Ce } from "vuetify/components/VDialog";
 import { VBtn as A } from "vuetify/components/VBtn";
 import { VProgressCircular as Wo } from "vuetify/components/VProgressCircular";
@@ -12,13 +12,13 @@ import { VSheet as $e } from "vuetify/components/VSheet";
 import { VSwitch as Ge } from "vuetify/components/VSwitch";
 import { VFadeTransition as xe, VExpandTransition as Le, VExpandXTransition as Go } from "vuetify/components/transitions";
 import { useDisplay as ae, useTheme as Te, useDate as me } from "vuetify";
-import { VDivider as N } from "vuetify/components/VDivider";
-import { VIcon as M } from "vuetify/components/VIcon";
+import { VDivider as Z } from "vuetify/components/VDivider";
+import { VIcon as I } from "vuetify/components/VIcon";
 import { VLabel as Ne } from "vuetify/components/VLabel";
-import { VChip as J } from "vuetify/components/VChip";
+import { VChip as ee } from "vuetify/components/VChip";
 import { VChipGroup as Ko } from "vuetify/components/VChipGroup";
 import { VSelect as Yo } from "vuetify/components/VSelect";
-import { defineStore as X } from "pinia";
+import { defineStore as K } 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,7 +27,7 @@ import { VLayout as ue } from "vuetify/components/VLayout";
 import { VMain as ce } from "vuetify/components/VMain";
 import { VTextField as kt } from "vuetify/components/VTextField";
 import { VTable as Qo } from "vuetify/components/VTable";
-import { Tooltip as Y, Ripple as Xo } from "vuetify/directives";
+import { Tooltip as Q, Ripple as Xo } from "vuetify/directives";
 import { VExpansionPanels as Jo, VExpansionPanel as en, VExpansionPanelText as tn } from "vuetify/components/VExpansionPanel";
 import { VDataTableVirtual as Vt, VDataTable as on } from "vuetify/components/VDataTable";
 import { VSkeletonLoader as he } from "vuetify/components/VSkeletonLoader";
@@ -47,10 +47,10 @@ import { VLazy as dn } from "vuetify/components/VLazy";
 const pn = /* @__PURE__ */ y({
   __name: "VoSnackbarQueue",
   setup(p) {
-    const t = ne();
-    return (a, o) => (c(), m(qt, {
+    const t = oe();
+    return (i, o) => (c(), m(qt, {
       modelValue: e(t).queue,
-      "onUpdate:modelValue": o[0] || (o[0] = (i) => e(t).queue = i),
+      "onUpdate:modelValue": o[0] || (o[0] = (a) => e(t).queue = a),
       closable: "",
       location: "bottom end"
     }, null, 8, ["modelValue"]));
@@ -58,8 +58,8 @@ const pn = /* @__PURE__ */ y({
 }), mn = { class: "text-body-2" }, Lt = /* @__PURE__ */ y({
   __name: "VoAuthShopify",
   setup(p) {
-    const t = Z(), 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, {
+    const t = F(), i = k(() => t.user && t.findIdentity("shopify")), o = k(() => t.user ? i.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
+    return (a, u) => (c(), m(le, {
       "base-color": "#5b8a3c",
       "prepend-icon": `svg:${e(Wt)}`,
       rounded: "pill",
@@ -68,7 +68,7 @@ const pn = /* @__PURE__ */ y({
       onClick: u[0] || (u[0] = (r) => e(t).login("shopify"))
     }, z({
       title: s(() => [
-        v("span", mn, C(e(o)), 1)
+        v("span", mn, $(e(o)), 1)
       ]),
       _: 2
     }, [
@@ -84,8 +84,8 @@ const pn = /* @__PURE__ */ y({
 }), fn = { class: "text-body-2" }, wt = /* @__PURE__ */ y({
   __name: "VoAuthDiscord",
   setup(p) {
-    const t = Z(), 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, {
+    const t = F(), i = k(() => t.user && t.findIdentity("discord")), o = k(() => t.user ? i.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
+    return (a, u) => (c(), m(le, {
       "base-color": "#5865F2",
       "prepend-icon": "$discord",
       rounded: "pill",
@@ -94,7 +94,7 @@ const pn = /* @__PURE__ */ y({
       onClick: u[0] || (u[0] = (r) => e(t).login("discord"))
     }, z({
       title: s(() => [
-        v("span", fn, C(e(o)), 1)
+        v("span", fn, $(e(o)), 1)
       ]),
       _: 2
     }, [
@@ -110,8 +110,8 @@ const pn = /* @__PURE__ */ y({
 }), vn = { class: "text-body-2" }, St = /* @__PURE__ */ y({
   __name: "VoAuthGithub",
   setup(p) {
-    const t = Z(), 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, {
+    const t = F(), i = k(() => t.user && t.findIdentity("github")), o = k(() => t.user ? i.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
+    return (a, u) => (c(), m(le, {
       "base-color": "#2a2a2a",
       "prepend-icon": "$github",
       rounded: "pill",
@@ -120,7 +120,7 @@ const pn = /* @__PURE__ */ y({
       onClick: u[0] || (u[0] = (r) => e(t).login("github"))
     }, z({
       title: s(() => [
-        v("span", vn, C(e(o)), 1)
+        v("span", vn, $(e(o)), 1)
       ]),
       _: 2
     }, [
@@ -136,9 +136,9 @@ const pn = /* @__PURE__ */ y({
 }), gn = { class: "text-center" }, _n = { class: "text-center mb-6" }, yn = { class: "text-h6 font-weight-light" }, Mt = /* @__PURE__ */ y({
   __name: "VoAuthCard",
   setup(p) {
-    const t = Z();
-    return (a, o) => {
-      const i = St, u = wt, r = Lt;
+    const t = F();
+    return (i, o) => {
+      const a = St, u = wt, r = Lt;
       return c(), m(P, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480",
@@ -146,7 +146,7 @@ const pn = /* @__PURE__ */ y({
       }, {
         default: s(() => [
           v("div", gn, [
-            n(ee, {
+            n(te, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
@@ -155,7 +155,7 @@ const pn = /* @__PURE__ */ y({
           v("div", _n, [
             n(Ro, { class: "text-h5 mb-1 text-md-h4" }, {
               default: s(() => [
-                v("div", yn, C(e(t).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                v("div", yn, $(e(t).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
                 o[0] || (o[0] = v("span", { class: "text-h3 font-weight-bold" }, "Vuetify One", -1))
               ]),
               _: 1
@@ -167,13 +167,13 @@ const pn = /* @__PURE__ */ y({
               _: 1
             })
           ]),
-          n(oe, {
+          n(ne, {
             class: "mx-auto",
             "max-width": "300",
             width: "100%"
           }, {
             default: s(() => [
-              n(i, { class: "mb-3" }),
+              n(a, { class: "mb-3" }),
               n(u, { class: "mb-3" }),
               n(r)
             ]),
@@ -187,16 +187,16 @@ const pn = /* @__PURE__ */ y({
 }), It = /* @__PURE__ */ y({
   __name: "VoAuthDialog",
   setup(p) {
-    const t = Z();
-    return (a, o) => {
-      const i = Mt;
+    const t = F();
+    return (i, o) => {
+      const a = Mt;
       return c(), m(Ce, {
         modelValue: e(t).dialog,
         "onUpdate:modelValue": o[0] || (o[0] = (u) => e(t).dialog = u),
         "max-width": "480"
       }, {
         default: s(() => [
-          n(i)
+          n(a)
         ]),
         _: 1
       }, 8, ["modelValue"]);
@@ -209,7 +209,7 @@ const pn = /* @__PURE__ */ y({
   },
   setup(p) {
     const t = p;
-    return (a, o) => (c(), m(A, {
+    return (i, o) => (c(), m(A, {
       class: "text-none font-weight-regular",
       color: "primary",
       size: "small",
@@ -220,27 +220,27 @@ const pn = /* @__PURE__ */ y({
       variant: "flat"
     }, z({
       loader: s(() => [
-        a.$slots.loader ? h("", !0) : (c(), m(Wo, {
+        i.$slots.loader ? b("", !0) : (c(), m(Wo, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
           width: "2"
         })),
-        w(a.$slots, "loader")
+        w(i.$slots, "loader")
       ]),
       _: 2
     }, [
-      a.$slots.prepend ? {
+      i.$slots.prepend ? {
         name: "prepend",
         fn: s(() => [
-          w(a.$slots, "prepend")
+          w(i.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      a.$slots.default ? {
+      i.$slots.default ? {
         name: "default",
         fn: s(() => [
-          w(a.$slots, "default")
+          w(i.$slots, "default")
         ]),
         key: "1"
       } : void 0
@@ -249,11 +249,11 @@ const pn = /* @__PURE__ */ y({
 }), hn = { class: "pa-4 d-flex flex-column ga-4" }, Dt = /* @__PURE__ */ y({
   __name: "VoAuthListItem",
   setup(p) {
-    const t = Z(), a = T(), o = I(!t.user && !t.isLoading);
+    const t = F(), i = T(), o = M(!t.user && !t.isLoading);
     H(() => t.user, (u) => {
       o.value = !u;
     });
-    function i() {
+    function a() {
       t.user && (o.value = !o.value);
     }
     return (u, r) => {
@@ -264,26 +264,26 @@ const pn = /* @__PURE__ */ y({
         variant: e(o) ? "tonal" : "text"
       }, {
         default: s(() => [
-          n(oe, { class: "py-0" }, {
+          n(ne, { class: "py-0" }, {
             default: s(() => [
               n(le, {
                 class: "mb-0",
                 link: !!e(t).user,
                 nav: "",
-                "prepend-icon": `svg:${e(t).user && e(a).one.sync ? e(Gt) : e(Kt)}`,
+                "prepend-icon": `svg:${e(t).user && e(i).one.sync ? e(Gt) : e(Kt)}`,
                 rounded: "b-0",
                 slim: "",
-                title: e(t).user && e(a).one.sync ? "Sync is on" : "Sync is paused",
-                onClick: i
+                title: e(t).user && e(i).one.sync ? "Sync is on" : "Sync is paused",
+                onClick: a
               }, {
                 append: s(() => [
                   n(xe, null, {
                     default: s(() => [
-                      e(t).user && (e(o) || !e(a).one.sync) ? (c(), m(Ge, {
+                      e(t).user && (e(o) || !e(i).one.sync) ? (c(), m(Ge, {
                         key: 0,
-                        modelValue: e(a).one.sync,
-                        "onUpdate:modelValue": r[0] || (r[0] = (g) => e(a).one.sync = g),
-                        color: e(a).one.sync ? "success" : void 0,
+                        modelValue: e(i).one.sync,
+                        "onUpdate:modelValue": r[0] || (r[0] = (g) => e(i).one.sync = g),
+                        color: e(i).one.sync ? "success" : void 0,
                         density: "compact",
                         "hide-details": "",
                         inset: "",
@@ -291,12 +291,12 @@ const pn = /* @__PURE__ */ y({
                         }, ["stop"]))
                       }, {
                         thumb: s(() => [
-                          n(ee, {
-                            color: e(a).one.sync ? "success" : void 0
+                          n(te, {
+                            color: e(i).one.sync ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
                         _: 1
-                      }, 8, ["modelValue", "color"])) : h("", !0)
+                      }, 8, ["modelValue", "color"])) : b("", !0)
                     ]),
                     _: 1
                   })
@@ -324,7 +324,7 @@ const pn = /* @__PURE__ */ y({
                       ])
                     ]),
                     _: 1
-                  })) : h("", !0)
+                  })) : b("", !0)
                 ]),
                 _: 1
               })
@@ -339,7 +339,7 @@ const pn = /* @__PURE__ */ y({
 }), q = /* @__PURE__ */ y({
   __name: "VoListItem",
   setup(p) {
-    return (t, a) => (c(), m(le, { slim: "" }, z({
+    return (t, i) => (c(), m(le, { slim: "" }, z({
       default: s(() => [
         w(t.$slots, "default")
       ]),
@@ -371,17 +371,17 @@ const pn = /* @__PURE__ */ y({
 }), bn = /* @__PURE__ */ y({
   __name: "VoAuthLogoutNavItem",
   setup(p) {
-    const t = Z(), a = I(!1);
+    const t = F(), i = M(!1);
     async function o() {
-      a.value = !0, await t.logout(), a.value = !1;
+      i.value = !0, await t.logout(), i.value = !1;
     }
-    return (i, u) => {
+    return (a, u) => {
       const r = q;
       return c(), m(r, {
         class: "mb-0",
-        disabled: e(a),
+        disabled: e(i),
         link: "",
-        loading: e(a),
+        loading: e(i),
         "prepend-icon": `svg:${e(Yt)}`,
         rounded: "lg",
         title: "Logout",
@@ -400,27 +400,27 @@ const pn = /* @__PURE__ */ y({
   }),
   emits: ["update:modelValue"],
   setup(p) {
-    const t = W(p, "modelValue"), a = ae(), o = I(!1);
-    return (i, u) => (c(), m(Ce, {
+    const t = W(p, "modelValue"), i = ae(), o = M(!1);
+    return (a, u) => (c(), m(Ce, {
       modelValue: t.value,
       "onUpdate:modelValue": u[2] || (u[2] = (r) => t.value = r),
       activator: "parent",
-      fullscreen: e(o) || e(a).xs.value,
+      fullscreen: e(o) || e(i).xs.value,
       height: "100%",
-      "max-height": e(o) || e(a).xs.value ? "100%" : 800,
-      "max-width": e(o) || e(a).xs.value ? "100%" : 800
+      "max-height": e(o) || e(i).xs.value ? "100%" : 800,
+      "max-width": e(o) || e(i).xs.value ? "100%" : 800
     }, {
       default: s(({ isActive: r }) => [
         n(P, {
           class: "overflow-hidden",
           height: "inherit",
-          "prepend-icon": i.prependIcon,
-          rounded: e(o) || e(a).xs.value ? 0 : "lg",
-          title: i.title
+          "prepend-icon": a.prependIcon,
+          rounded: e(o) || e(i).xs.value ? 0 : "lg",
+          title: a.title
         }, z({
           append: s(() => [
-            w(i.$slots, "append"),
-            e(a).xs.value ? h("", !0) : (c(), m(A, {
+            w(a.$slots, "append"),
+            e(i).xs.value ? b("", !0) : (c(), m(A, {
               key: 0,
               class: "me-2",
               density: "comfortable",
@@ -438,22 +438,22 @@ const pn = /* @__PURE__ */ y({
             })
           ]),
           default: s(() => [
-            n(N),
-            w(i.$slots, "default")
+            n(Z),
+            w(a.$slots, "default")
           ]),
           _: 2
         }, [
-          i.$slots.prepend ? {
+          a.$slots.prepend ? {
             name: "prepend",
             fn: s(() => [
-              w(i.$slots, "prepend")
+              w(a.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          i.$slots.actions ? {
+          a.$slots.actions ? {
             name: "actions",
             fn: s(() => [
-              w(i.$slots, "actions", { isActive: r })
+              w(a.$slots, "actions", { isActive: r })
             ]),
             key: "1"
           } : void 0
@@ -468,7 +468,7 @@ const pn = /* @__PURE__ */ y({
     disabled: { type: Boolean }
   },
   setup(p) {
-    return (t, a) => (c(), m(Ge, {
+    return (t, i) => (c(), m(Ge, {
       color: "primary",
       density: "compact",
       disabled: t.disabled,
@@ -476,7 +476,7 @@ const pn = /* @__PURE__ */ y({
       "true-icon": `svg:${e(Ve)}`
     }, z({
       thumb: s(() => [
-        n(M, {
+        n(I, {
           color: t.disabled ? void 0 : "primary"
         }, null, 8, ["color"])
       ]),
@@ -501,23 +501,23 @@ const pn = /* @__PURE__ */ y({
     text: {}
   },
   setup(p) {
-    return (t, a) => (c(), k(D, null, [
+    return (t, i) => (c(), V(D, null, [
       t.title ? (c(), m(Ne, {
         key: 0,
         class: "font-weight-black"
       }, {
         default: s(() => [
-          S(C(t.title), 1)
+          S($(t.title), 1)
         ]),
         _: 1
-      })) : h("", !0),
-      t.text ? (c(), k("div", kn, C(t.text), 1)) : h("", !0)
+      })) : b("", !0),
+      t.text ? (c(), V("div", kn, $(t.text), 1)) : b("", !0)
     ], 64));
   }
 }), Vn = { key: 0 }, Cn = /* @__PURE__ */ y({
   __name: "VoSettingsPageSuitOption",
   setup(p) {
-    const t = T(), a = [
+    const t = T(), i = [
       {
         title: "Choose a page suit",
         value: "",
@@ -545,51 +545,51 @@ const pn = /* @__PURE__ */ y({
         value: "odyssey"
       }
     ];
-    return (o, i) => {
+    return (o, a) => {
       const u = At, r = ie;
-      return c(), k(D, null, [
+      return c(), V(D, null, [
         n(u, {
           modelValue: e(t).one.suits.enabled,
-          "onUpdate:modelValue": i[0] || (i[0] = (l) => e(t).one.suits.enabled = l),
+          "onUpdate:modelValue": a[0] || (a[0] = (l) => e(t).one.suits.enabled = l),
           class: "mb-2",
           label: "Enable Page suits",
           messages: "Customize layout elements with a unique background, styled after one of our themed releases."
         }, null, 8, ["modelValue"]),
         n(Le, null, {
           default: s(() => [
-            e(t).one.suits.enabled ? (c(), k("div", Vn, [
+            e(t).one.suits.enabled ? (c(), V("div", Vn, [
               n(Yo, {
                 modelValue: e(t).one.suits.suit,
-                "onUpdate:modelValue": i[1] || (i[1] = (l) => e(t).one.suits.suit = l),
+                "onUpdate:modelValue": a[1] || (a[1] = (l) => e(t).one.suits.suit = l),
                 clearable: "",
                 density: "compact",
                 "item-props": "",
-                items: a,
+                items: i,
                 placeholder: "Choose a page suit",
                 "single-line": "",
                 style: { "max-width": "300px" },
                 variant: "outlined"
               }, {
                 selection: s(({ item: l }) => [
-                  n(M, {
+                  n(I, {
                     icon: l.props.prependIcon,
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  S(" " + C(l.title), 1)
+                  S(" " + $(l.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
               n(r, { text: "Select your suit elements to display the background image:" }),
               n(Ko, {
                 modelValue: e(t).one.suits.elements,
-                "onUpdate:modelValue": i[2] || (i[2] = (l) => e(t).one.suits.elements = l),
+                "onUpdate:modelValue": a[2] || (a[2] = (l) => e(t).one.suits.elements = l),
                 color: "primary",
                 filter: "",
                 multiple: ""
               }, {
                 default: s(() => [
-                  n(J, {
+                  n(ee, {
                     "append-icon": `svg:${e(eo)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
@@ -597,15 +597,15 @@ const pn = /* @__PURE__ */ y({
                     variant: "flat"
                   }, {
                     append: s(() => [
-                      n(N, {
+                      n(Z, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      n(M, { size: "x-small" })
+                      n(I, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  n(J, {
+                  n(ee, {
                     "append-icon": `svg:${e(to)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
@@ -613,15 +613,15 @@ const pn = /* @__PURE__ */ y({
                     variant: "flat"
                   }, {
                     append: s(() => [
-                      n(N, {
+                      n(Z, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      n(M, { size: "x-small" })
+                      n(I, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  n(J, {
+                  n(ee, {
                     "append-icon": "$info",
                     "filter-icon": "$success",
                     text: "Footer",
@@ -629,18 +629,18 @@ const pn = /* @__PURE__ */ y({
                     variant: "flat"
                   }, {
                     append: s(() => [
-                      n(N, {
+                      n(Z, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      n(M, { size: "x-small" })
+                      n(I, { size: "x-small" })
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["modelValue"])
-            ])) : h("", !0)
+            ])) : b("", !0)
           ]),
           _: 1
         })
@@ -841,8 +841,8 @@ function $n() {
     }
   };
 }
-const Pe = X("settings", () => {
-  const p = "https://cdn.vuetifyjs.com/docs/images/one/", t = O(), a = T(), o = Te(), i = $n(), u = {
+const Pe = K("settings", () => {
+  const p = "https://cdn.vuetifyjs.com/docs/images/one/", t = O(), i = T(), o = Te(), a = $n(), u = {
     blackguard: {
       "app-bar": p + "suits/blackguard/blackguard-app-bar.png",
       drawer: p + "suits/blackguard/blackguard-app-drawer.png",
@@ -863,11 +863,11 @@ const Pe = X("settings", () => {
       drawer: p + "suits/odyssey/odyssey-app-drawer.png",
       footer: p + "suits/odyssey/odyssey-app-footer.png"
     }
-  }, r = b(() => {
-    if (!a.one.suits.suit || !a.one.suits.enabled || !t.isSubscriber)
+  }, r = k(() => {
+    if (!i.one.suits.suit || !i.one.suits.enabled || !t.isSubscriber)
       return {};
-    const l = u[a.one.suits.suit.toLowerCase()], d = {};
-    for (const f of a.one.suits.elements) {
+    const l = u[i.one.suits.suit.toLowerCase()], d = {};
+    for (const f of i.one.suits.elements) {
       const g = f;
       d[g] = l[g];
     }
@@ -875,9 +875,9 @@ const Pe = X("settings", () => {
   });
   return o.themes.value = {
     ...o.themes.value,
-    ...i
-  }, H(() => a.one.theme, (l) => {
-    l === "system" ? o.change(window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") : (o.change(l), a.one.suits.suit = u[l] ? l : ""), a.one.theme = l;
+    ...a
+  }, H(() => i.one.theme, (l) => {
+    l === "system" ? o.change(window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") : (o.change(l), i.one.suits.suit = u[l] ? l : ""), i.one.theme = l;
   }, { immediate: !0 }), {
     suit: r,
     CDN_URL: p
@@ -890,7 +890,7 @@ const Pe = X("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = W(p, "modelValue"), a = O(), o = Pe(), i = T(), u = b(() => [
+    const t = W(p, "modelValue"), i = O(), o = Pe(), a = T(), u = k(() => [
       {
         title: "Light",
         subtitle: "A standard light theme.",
@@ -918,16 +918,16 @@ const Pe = X("settings", () => {
         image: o.CDN_URL + "themes/high-contrast.png",
         prependIcon: `svg:${ao}`,
         value: "highContrast",
-        disabled: !a.isSubscriber
+        disabled: !i.isSubscriber
       }
-    ]), r = b(() => [
+    ]), r = k(() => [
       {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
         image: o.CDN_URL + "themes/blackguard.png",
         prependIcon: `svg:${pt}`,
         value: "blackguard",
-        disabled: !a.isSubscriber
+        disabled: !i.isSubscriber
       },
       {
         title: "Polaris",
@@ -935,7 +935,7 @@ const Pe = X("settings", () => {
         image: o.CDN_URL + "themes/polaris.png",
         prependIcon: `svg:${mt}`,
         value: "polaris",
-        disabled: !a.isSubscriber
+        disabled: !i.isSubscriber
       },
       {
         title: "Nebula",
@@ -943,7 +943,7 @@ const Pe = X("settings", () => {
         image: o.CDN_URL + "themes/nebula.png",
         prependIcon: `svg:${ft}`,
         value: "nebula",
-        disabled: !a.isSubscriber
+        disabled: !i.isSubscriber
       },
       {
         title: "Odyssey",
@@ -951,28 +951,28 @@ const Pe = X("settings", () => {
         image: o.CDN_URL + "themes/odyssey.png",
         prependIcon: `svg:${vt}`,
         value: "odyssey",
-        disabled: !a.isSubscriber
+        disabled: !i.isSubscriber
       }
-    ]), l = b(() => [
+    ]), l = k(() => [
       { title: "Standard", items: u.value },
       { title: "Releases", items: r.value }
-    ]), d = b({
-      get: () => !i.one.ads.enabled,
+    ]), d = k({
+      get: () => !a.one.ads.enabled,
       set: (_) => {
-        i.one.ads.enabled = !_;
+        a.one.ads.enabled = !_;
       }
     }), f = ke();
     H(f, async () => {
-      f.value.one === "settings" && (a.isOpen = !0, await be(), t.value = !0);
+      f.value.one === "settings" && (i.isOpen = !0, await be(), t.value = !0);
     }, { immediate: !0 });
-    function g(_, V) {
-      V.disabled || (i.one.theme = V.value, _?.());
+    function g(_, h) {
+      h.disabled || (a.one.theme = h.value, _?.());
     }
-    return (_, V) => {
-      const $ = ie, L = Cn, U = At, K = de;
-      return c(), m(K, {
+    return (_, h) => {
+      const C = ie, L = Cn, U = At, Y = de;
+      return c(), m(Y, {
         modelValue: t.value,
-        "onUpdate:modelValue": V[6] || (V[6] = (x) => t.value = x),
+        "onUpdate:modelValue": h[6] || (h[6] = (x) => t.value = x),
         "prepend-icon": `svg:${e(io)}`,
         title: "Settings"
       }, {
@@ -981,21 +981,21 @@ const Pe = X("settings", () => {
             default: s(() => [
               n(ce, { scrollable: "" }, {
                 default: s(() => [
-                  n(Q, { class: "px-7" }, {
+                  n(X, { class: "px-7" }, {
                     default: s(() => [
-                      n($, {
+                      n(C, {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
                       n(bt, {
-                        modelValue: e(i).one.theme,
-                        "onUpdate:modelValue": V[0] || (V[0] = (x) => e(i).one.theme = x),
+                        modelValue: e(a).one.theme,
+                        "onUpdate:modelValue": h[0] || (h[0] = (x) => e(a).one.theme = x),
                         mandatory: ""
                       }, {
                         default: s(() => [
                           n(fe, { dense: "" }, {
                             default: s(() => [
-                              (c(!0), k(D, null, G(l.value, (x, pe) => (c(), m(re, {
+                              (c(!0), V(D, null, G(l.value, (x, pe) => (c(), m(re, {
                                 key: pe,
                                 class: "d-flex flex-column ga-3",
                                 cols: "12",
@@ -1004,17 +1004,17 @@ const Pe = X("settings", () => {
                                 default: s(() => [
                                   n(Ho, { class: "mb-n4" }, {
                                     default: s(() => [
-                                      S(C(x.title), 1)
+                                      S($(x.title), 1)
                                     ]),
                                     _: 2
                                   }, 1024),
-                                  (c(!0), k(D, null, G(x.items, (B) => (c(), m(Ze, {
+                                  (c(!0), V(D, null, G(x.items, (B) => (c(), m(Ze, {
                                     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 = X("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) => g(Bt, B)
                                           }), {
                                             image: s(() => [
                                               n(se, {
                                                 style: it({
-                                                  filter: et || Et ? "none" : "grayscale(100%)"
+                                                  filter: et || Ft ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -1052,35 +1052,35 @@ const Pe = X("settings", () => {
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      e(a).isSubscriber ? (c(), k(D, { key: 0 }, [
-                        n(N, { class: "mt-6 mb-4" }),
+                      e(i).isSubscriber ? (c(), V(D, { key: 0 }, [
+                        n(Z, { class: "mt-6 mb-4" }),
                         n(L)
-                      ], 64)) : h("", !0)
+                      ], 64)) : b("", !0)
                     ]),
                     _: 1
                   }),
-                  n(N),
-                  n(Q, { class: "px-7" }, {
+                  n(Z),
+                  n(X, { class: "px-7" }, {
                     default: s(() => [
-                      n($, {
+                      n(C, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
-                      e(a).isSubscriber ? (c(), m(U, {
+                      e(i).isSubscriber ? (c(), m(U, {
                         key: 0,
                         modelValue: d.value,
-                        "onUpdate:modelValue": V[1] || (V[1] = (x) => d.value = x),
+                        "onUpdate:modelValue": h[1] || (h[1] = (x) => d.value = x),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
-                      }, null, 8, ["modelValue"])) : h("", !0),
+                      }, null, 8, ["modelValue"])) : b("", !0),
                       n(Le, null, {
                         default: s(() => [
-                          F(v("div", xn, [
+                          N(v("div", xn, [
                             v("div", Ln, [
                               n(U, {
-                                modelValue: e(i).one.ads.house,
-                                "onUpdate:modelValue": V[2] || (V[2] = (x) => e(i).one.ads.house = x),
+                                modelValue: e(a).one.ads.house,
+                                "onUpdate:modelValue": h[2] || (h[2] = (x) => e(a).one.ads.house = x),
                                 label: "Show House Ads",
                                 messages: "These advertisements are for Vuetify products and services only."
                               }, null, 8, ["modelValue"])
@@ -1092,40 +1092,40 @@ const Pe = X("settings", () => {
                         _: 1
                       }),
                       n(U, {
-                        modelValue: e(i).one.quicklinks,
-                        "onUpdate:modelValue": V[3] || (V[3] = (x) => e(i).one.quicklinks = x),
+                        modelValue: e(a).one.quicklinks,
+                        "onUpdate:modelValue": h[3] || (h[3] = (x) => e(a).one.quicklinks = x),
                         label: "Show Pinned Ecosystem Links",
                         messages: "Display your pinned ecosystem links below your avatar in the user menu."
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
                   }),
-                  n(N),
-                  e(a).isSubscriber ? (c(), m(Q, {
+                  n(Z),
+                  e(i).isSubscriber ? (c(), m(X, {
                     key: 0,
                     class: "px-7"
                   }, {
                     default: s(() => [
-                      n($, {
+                      n(C, {
                         text: "Vuetify will communicate with you through banners and notifications. You can disable these features here or reset your local notification cache.",
                         title: "Communication"
                       }),
                       n(U, {
-                        modelValue: e(i).one.notifications.enabled,
-                        "onUpdate:modelValue": V[4] || (V[4] = (x) => e(i).one.notifications.enabled = x),
+                        modelValue: e(a).one.notifications.enabled,
+                        "onUpdate:modelValue": h[4] || (h[4] = (x) => e(a).one.notifications.enabled = x),
                         class: "mb-2",
                         label: "Enable Notifications",
                         messages: "Notifications are short form messages that provide information about new releases, updates, and other important information."
                       }, null, 8, ["modelValue"]),
                       n(U, {
-                        modelValue: e(i).one.banners.enabled,
-                        "onUpdate:modelValue": V[5] || (V[5] = (x) => e(i).one.banners.enabled = x),
+                        modelValue: e(a).one.banners.enabled,
+                        "onUpdate:modelValue": h[5] || (h[5] = (x) => e(a).one.banners.enabled = x),
                         label: "Enable Banners",
                         messages: "Banners are located at the top of the screen and provide a callout for important information."
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
-                  })) : h("", !0)
+                  })) : b("", !0)
                 ]),
                 _: 1
               })
@@ -1140,9 +1140,9 @@ const Pe = X("settings", () => {
 }), Sn = /* @__PURE__ */ y({
   __name: "VoSettingsListItem",
   setup(p) {
-    const t = I(!1);
-    return (a, o) => {
-      const i = wn, u = q;
+    const t = M(!1);
+    return (i, o) => {
+      const a = wn, u = q;
       return c(), m(u, {
         active: e(t),
         link: "",
@@ -1151,7 +1151,7 @@ const Pe = X("settings", () => {
         title: "Settings"
       }, {
         default: s(() => [
-          n(i, {
+          n(a, {
             modelValue: e(t),
             "onUpdate:modelValue": o[0] || (o[0] = (r) => j(t) ? t.value = r : null)
           }, null, 8, ["modelValue"])
@@ -1160,15 +1160,15 @@ const Pe = X("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), ze = X("api-key", () => {
-  const p = te(), t = E(null), a = I(!1), o = b(() => t.value?.apiKey || ""), i = b(() => {
+}), ze = K("api-key", () => {
+  const p = J(), t = E(null), i = M(!1), o = k(() => t.value?.apiKey || ""), a = k(() => {
     if (!o.value)
       return "";
     const l = o.value;
     return `${l.slice(0, 6)}...${l.slice(-6)}`;
   });
   async function u(l = !1) {
-    !a.value && l && (a.value = !0);
+    !i.value && l && (i.value = !0);
     const d = l ? "regenerate" : "generate", f = await p[l ? "post" : "fetch"](`/one/mcp/${d}`);
     return t.value = f, f;
   }
@@ -1179,18 +1179,18 @@ const Pe = X("settings", () => {
   return {
     accessToken: Se(t),
     key: Se(o),
-    regenerated: Se(a),
-    trim: Se(i),
+    regenerated: Se(i),
+    trim: Se(a),
     generate: u,
     fetch: r
   };
 });
 function Oe(p = 1e3) {
-  const t = I(!1);
-  async function a(o) {
+  const t = M(!1);
+  async function i(o) {
     await navigator.clipboard.writeText(o), t.value = !0, setTimeout(() => t.value = !1, p);
   }
-  return { copied: t, copy: a };
+  return { copied: t, copy: i };
 }
 const Mn = /* @__PURE__ */ y({
   __name: "VoMcpCopyDialog",
@@ -1200,12 +1200,12 @@ 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: i, copied: o } = Oe(), a = W(p, "modelValue");
     return (u, r) => {
       const l = lt("v-icon-btn");
       return c(), m(Ce, {
-        modelValue: i.value,
-        "onUpdate:modelValue": r[2] || (r[2] = (d) => i.value = d),
+        modelValue: a.value,
+        "onUpdate:modelValue": r[2] || (r[2] = (d) => a.value = d),
         "max-width": "500"
       }, {
         default: s(({ isActive: d }) => [
@@ -1221,8 +1221,8 @@ const Mn = /* @__PURE__ */ y({
               }, null, 8, ["onClick"])
             ]),
             default: s(() => [
-              n(N),
-              n(Q, null, {
+              n(Z),
+              n(X, null, {
                 default: s(() => [
                   r[4] || (r[4] = v("p", { class: "mb-4" }, [
                     S(" Please save your secret key in a safe place since "),
@@ -1242,12 +1242,12 @@ const Mn = /* @__PURE__ */ y({
                         "prepend-icon": e(o) ? "mdi-check" : "mdi-content-copy",
                         size: "small",
                         variant: "flat",
-                        onClick: r[0] || (r[0] = (f) => e(a)(e(t).key))
+                        onClick: r[0] || (r[0] = (f) => e(i)(e(t).key))
                       }, {
                         prepend: s(() => [
                           n(xe, { "hide-on-leave": "" }, {
                             default: s(() => [
-                              (c(), m(M, {
+                              (c(), m(I, {
                                 key: String(e(o))
                               }))
                             ]),
@@ -1261,7 +1261,7 @@ const Mn = /* @__PURE__ */ y({
                       }, 8, ["prepend-icon"])
                     ]),
                     _: 1
-                  }, 8, ["model-value"])) : h("", !0)
+                  }, 8, ["model-value"])) : b("", !0)
                 ]),
                 _: 1
               }),
@@ -1274,7 +1274,7 @@ const Mn = /* @__PURE__ */ y({
                     size: "small",
                     text: "Done",
                     variant: "flat",
-                    onClick: r[1] || (r[1] = (f) => i.value = !1)
+                    onClick: r[1] || (r[1] = (f) => a.value = !1)
                   })
                 ]),
                 _: 1
@@ -1290,7 +1290,7 @@ const Mn = /* @__PURE__ */ y({
 }), In = { class: "d-flex align-center justify-end" }, Dn = { class: "text-end" }, An = /* @__PURE__ */ y({
   __name: "VoMcpTokenTable",
   setup(p) {
-    const t = ze(), { copy: a, copied: o } = Oe(2e3), i = me();
+    const t = ze(), { copy: i, copied: o } = Oe(2e3), a = me();
     return (u, r) => (c(), m(Qo, { class: "rounded border mt-4" }, {
       default: s(() => [
         v("thead", null, [
@@ -1299,12 +1299,12 @@ const Mn = /* @__PURE__ */ y({
             r[3] || (r[3] = v("th", null, "Created", -1)),
             v("th", In, [
               r[1] || (r[1] = S(" Last Used ", -1)),
-              F(n(M, {
+              N(n(I, {
                 end: "",
                 icon: "$info",
                 size: "1em"
               }, null, 512), [
-                [Y, "This is updated within the last 10 minutes", "top"]
+                [Q, "This is updated within the last 10 minutes", "top"]
               ])
             ])
           ])
@@ -1319,10 +1319,10 @@ const Mn = /* @__PURE__ */ y({
                     slim: "",
                     text: e(t).key ? e(t).trim : "",
                     variant: l || e(o) ? "tonal" : "text",
-                    onClick: r[0] || (r[0] = (f) => e(a)(e(t).key))
+                    onClick: r[0] || (r[0] = (f) => e(i)(e(t).key))
                   }), {
                     append: s(() => [
-                      n(M, {
+                      n(I, {
                         icon: e(o) ? "$success" : `svg:${e(Re)}`,
                         opacity: l || e(o) ? 1 : 0
                       }, null, 8, ["icon", "opacity"])
@@ -1333,8 +1333,8 @@ const Mn = /* @__PURE__ */ y({
                 _: 1
               })
             ]),
-            v("td", null, C(e(t).accessToken ? e(i).format(e(t).accessToken.createdAt, "fullDate") : ""), 1),
-            v("td", Dn, C(e(t).accessToken ? e(i).format(e(t).accessToken.updatedAt, "fullDate") : ""), 1)
+            v("td", null, $(e(t).accessToken ? e(a).format(e(t).accessToken.createdAt, "fullDate") : ""), 1),
+            v("td", Dn, $(e(t).accessToken ? e(a).format(e(t).accessToken.updatedAt, "fullDate") : ""), 1)
           ])
         ])
       ]),
@@ -1344,7 +1344,7 @@ const Mn = /* @__PURE__ */ y({
 }), Tn = { class: "my-4" }, Un = { class: "bg-surface-variant rounded pa-2 d-block" }, Pn = /* @__PURE__ */ y({
   __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);
+    const t = ze(), { copy: i, copied: o } = Oe(), a = k(() => `npx -y @vuetify/mcp config --api-key="${t.key || "YOUR_KEY"}"`), u = k(() => t.key ? `npx -y @vuetify/mcp config --api-key="${t.trim}"` : a.value);
     return (r, l) => (c(), m(Jo, {
       "bg-color": "surface-variant",
       class: "mb-4",
@@ -1353,7 +1353,7 @@ const Mn = /* @__PURE__ */ y({
       default: s(() => [
         n(en, null, {
           title: s(() => [
-            n(M, {
+            n(I, {
               icon: `svg:${e(gt)}`,
               opacity: "0.6",
               start: ""
@@ -1367,13 +1367,13 @@ const Mn = /* @__PURE__ */ y({
                 l[3] || (l[3] = v("p", { class: "mb-4 mt-2" }, " Run the following command to configure your favorite IDE or AI agent: ", -1)),
                 v("div", Tn, [
                   v("code", Un, [
-                    S(C(e(u)) + " ", 1),
-                    n(M, {
+                    S($(e(u)) + " ", 1),
+                    n(I, {
                       class: "ms-2",
                       end: "",
                       icon: e(o) ? "$success" : `svg:${e(Re)}`,
                       size: "1em",
-                      onClick: l[0] || (l[0] = (d) => e(a)(e(i)))
+                      onClick: l[0] || (l[0] = (d) => e(i)(e(a)))
                     }, null, 8, ["icon"])
                   ])
                 ]),
@@ -1406,17 +1406,17 @@ const Mn = /* @__PURE__ */ y({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = ze(), a = T(), o = I(!1), i = W(p, "modelValue");
+    const t = ze(), i = T(), o = M(!1), a = W(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());
+    return H(a, async (r) => {
+      r && (i.ecosystem.mcp.seen = !0, await t.fetch());
     }), (r, l) => {
-      const d = ie, f = Pn, g = An, _ = Mn, V = de;
-      return c(), m(V, {
-        modelValue: i.value,
-        "onUpdate:modelValue": l[3] || (l[3] = ($) => i.value = $),
+      const d = ie, f = Pn, g = An, _ = Mn, h = de;
+      return c(), m(h, {
+        modelValue: a.value,
+        "onUpdate:modelValue": l[3] || (l[3] = (C) => a.value = C),
         height: "auto",
         "prepend-icon": `svg:${e(uo)}`,
         title: "API Key"
@@ -1427,7 +1427,7 @@ const Mn = /* @__PURE__ */ y({
               n(ce, null, {
                 default: s(() => [
                   v("div", zn, [
-                    n(Q, null, {
+                    n(X, null, {
                       default: s(() => [
                         n(d, {
                           text: "As a subscriber of Vuetify One, you have access to create a personal MCP API key.",
@@ -1443,34 +1443,34 @@ const Mn = /* @__PURE__ */ y({
                           default: s(() => [
                             n(re, { cols: "auto" }, {
                               default: s(() => [
-                                e(t).key ? e(t).regenerated ? h("", !0) : (c(), m(A, {
+                                e(t).key ? e(t).regenerated ? b("", !0) : (c(), m(A, {
                                   key: 1,
                                   color: "success",
                                   "prepend-icon": `svg:${e(po)}`,
                                   text: "Regenerate API Key",
                                   variant: "flat",
-                                  onClick: l[1] || (l[1] = ($) => u(!0))
+                                  onClick: l[1] || (l[1] = (C) => u(!0))
                                 }, null, 8, ["prepend-icon"])) : (c(), m(A, {
                                   key: 0,
                                   color: "success",
                                   "prepend-icon": `svg:${e(co)}`,
                                   text: "Generate API Key",
                                   variant: "flat",
-                                  onClick: l[0] || (l[0] = ($) => u(!1))
+                                  onClick: l[0] || (l[0] = (C) => u(!1))
                                 }, null, 8, ["prepend-icon"]))
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
-                        })) : h("", !0),
-                        e(t).key ? (c(), k(D, { key: 1 }, [
+                        })) : b("", !0),
+                        e(t).key ? (c(), V(D, { key: 1 }, [
                           n(g),
                           n(_, {
                             modelValue: e(o),
-                            "onUpdate:modelValue": l[2] || (l[2] = ($) => j(o) ? o.value = $ : null)
+                            "onUpdate:modelValue": l[2] || (l[2] = (C) => j(o) ? o.value = C : null)
                           }, null, 8, ["modelValue"])
-                        ], 64)) : h("", !0)
+                        ], 64)) : b("", !0)
                       ]),
                       _: 1
                     })
@@ -1489,11 +1489,11 @@ const Mn = /* @__PURE__ */ y({
 }), Bn = /* @__PURE__ */ y({
   __name: "VoMcpListItem",
   setup(p) {
-    const t = T(), a = I(!1);
-    return (o, i) => {
+    const t = T(), i = M(!1);
+    return (o, a) => {
       const u = On, r = q;
       return c(), m(r, {
-        active: e(a),
+        active: e(i),
         link: "",
         "prepend-icon": `svg:${e(mo)}`,
         rounded: "lg",
@@ -1501,8 +1501,8 @@ const Mn = /* @__PURE__ */ y({
       }, z({
         default: s(() => [
           n(u, {
-            modelValue: e(a),
-            "onUpdate:modelValue": i[0] || (i[0] = (l) => j(a) ? a.value = l : null)
+            modelValue: e(i),
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => j(i) ? i.value = l : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
@@ -1510,12 +1510,12 @@ const Mn = /* @__PURE__ */ y({
         e(t).ecosystem.mcp.seen ? void 0 : {
           name: "append",
           fn: s(() => [
-            n(J, {
+            n(ee, {
               color: "success",
               size: "x-small",
               variant: "flat"
             }, {
-              default: s(() => [...i[1] || (i[1] = [
+              default: s(() => [...a[1] || (a[1] = [
                 S("NEW", -1)
               ])]),
               _: 1
@@ -1526,11 +1526,11 @@ const Mn = /* @__PURE__ */ y({
       ]), 1032, ["active", "prepend-icon"]);
     };
   }
-}), Fn = { class: "text-caption" }, En = /* @__PURE__ */ y({
+}), En = { class: "text-caption" }, Fn = /* @__PURE__ */ y({
   __name: "VoSubscriptionInvoices",
   setup(p) {
-    const t = me(), a = O();
-    return (o, i) => {
+    const t = me(), i = O();
+    return (o, a) => {
       const u = ie;
       return c(), m(fe, null, {
         default: s(() => [
@@ -1548,18 +1548,18 @@ const Mn = /* @__PURE__ */ y({
                   n(Vt, {
                     "fixed-header": "",
                     height: "450",
-                    items: e(a).invoices,
-                    loading: e(a).isLoading,
+                    items: e(i).invoices,
+                    loading: e(i).isLoading,
                     sticky: ""
                   }, {
                     "item.date": s(({ item: r }) => [
-                      v("div", Fn, C(e(t).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
+                      v("div", En, $(e(t).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": s(({ item: r }) => [
-                      S(" $" + C(r.amount / 100), 1)
+                      S(" $" + $(r.amount / 100), 1)
                     ]),
                     "item.status": s(({ item: r }) => [
-                      n(J, {
+                      n(ee, {
                         border: "success sm",
                         class: "text-capitalize",
                         color: "success",
@@ -1595,10 +1595,10 @@ const Mn = /* @__PURE__ */ y({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(p, { emit: t }) {
-    const a = me(), o = O(), i = t, u = b(() => {
+    const i = me(), o = O(), a = t, u = k(() => {
       if (!o.info) return;
       const l = new Date(o.info.currentPeriodEnd * 1e3);
-      return a.format(l, "keyboardDate");
+      return i.format(l, "keyboardDate");
     });
     async function r() {
       !o.interval || !o.subscriptionType || (o.isLoading = !0, o.subscribe(o.interval, o.subscriptionType));
@@ -1617,7 +1617,7 @@ const Mn = /* @__PURE__ */ y({
                 title: "Subscription Status"
               }, z({
                 prepend: s(() => [
-                  n(M, {
+                  n(I, {
                     color: e(o).isSubscriber ? "success" : void 0
                   }, null, 8, ["color"])
                 ]),
@@ -1631,14 +1631,14 @@ const Mn = /* @__PURE__ */ y({
                     text: "Activate",
                     variant: "outlined",
                     onClick: r
-                  }, null, 8, ["loading"])) : h("", !0),
+                  }, null, 8, ["loading"])) : b("", !0),
                   e(o).hasBilling ? (c(), m(f, {
                     key: 1,
                     loading: e(o).isLoading,
                     "prepend-icon": `svg:${e(fo)}`,
                     text: "Billing",
                     onClick: e(o).manage
-                  }, null, 8, ["loading", "prepend-icon", "onClick"])) : h("", !0)
+                  }, null, 8, ["loading", "prepend-icon", "onClick"])) : b("", !0)
                 ]),
                 _: 2
               }, [
@@ -1649,21 +1649,21 @@ const Mn = /* @__PURE__ */ y({
                       v("strong", {
                         key: "status",
                         class: "text-capitalize hidden-sm-and-down",
-                        textContent: C(e(o).info.status)
+                        textContent: $(e(o).info.status)
                       }, null, 8, Zn),
-                      e(o).info.items.length > 0 ? (c(), k(D, { key: 0 }, [
+                      e(o).info.items.length > 0 ? (c(), V(D, { key: 0 }, [
                         d[1] || (d[1] = v("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1)),
                         v("span", Hn, [
-                          S(" $" + C(e(o).info.items[0].plan.amount / 100), 1),
-                          v("span", jn, "/" + C(e(o).interval), 1)
+                          S(" $" + $(e(o).info.items[0].plan.amount / 100), 1),
+                          v("span", jn, "/" + $(e(o).interval), 1)
                         ]),
                         n(f, {
                           size: "x-small",
                           text: "(Change Subscription)",
                           variant: "text",
-                          onClick: d[0] || (d[0] = (g) => i("change:subscription"))
+                          onClick: d[0] || (d[0] = (g) => a("change:subscription"))
                         })
-                      ], 64)) : h("", !0)
+                      ], 64)) : b("", !0)
                     ])
                   ]),
                   key: "0"
@@ -1689,13 +1689,13 @@ const Mn = /* @__PURE__ */ y({
               ]), 1024),
               v("div", qn, [
                 v("div", null, [
-                  e(o).info?.status === "active" ? (c(), k(D, { key: 0 }, [
+                  e(o).info?.status === "active" ? (c(), V(D, { key: 0 }, [
                     d[3] || (d[3] = S(" Your plan renews on ", -1)),
-                    v("span", Wn, C(e(a).format(e(u), "fullDateWithWeekday")), 1),
+                    v("span", Wn, $(e(i).format(e(u), "fullDateWithWeekday")), 1),
                     d[4] || (d[4] = S(". ", -1))
-                  ], 64)) : (c(), k(D, { key: 1 }, [
+                  ], 64)) : (c(), V(D, { key: 1 }, [
                     d[5] || (d[5] = S(" Your plan ends on ", -1)),
-                    v("span", Gn, C(e(a).format(e(o).info?.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                    v("span", Gn, $(e(i).format(e(o).info?.currentPeriodEnd, "fullDateWithWeekday")), 1),
                     d[6] || (d[6] = S(". ", -1))
                   ], 64))
                 ])
@@ -1718,7 +1718,7 @@ const Mn = /* @__PURE__ */ y({
       "Access to the Vuetify MCP server",
       "Team wide Playgrounds, Bins, and Studios",
       "Receive a special label on GitHub created issues and pull requests"
-    ], a = I(!1), o = O(), i = b(() => {
+    ], i = M(!1), o = O(), a = k(() => {
       const u = [
         "Ad Free Experience on all Vuetify properties",
         'Save and share across our platforms <a href="https://play.vuetifyjs.com" target="_blank">VPlay</a>, <a href="https://bin.vuetifyjs.com" target="_blank">VBin</a>, and <a href="https://studio.vuetifyjs.com" target="_blank">VStudio</a>',
@@ -1730,11 +1730,11 @@ const Mn = /* @__PURE__ */ y({
       ];
       return p.type === "team" && u.unshift("Invite up to 25 team members"), u;
     });
-    return H(a, async (u) => {
+    return H(i, async (u) => {
       u && o.subscriptionInfo();
     }), (u, r) => {
       const l = q;
-      return c(), k(D, null, [
+      return c(), V(D, null, [
         n(Ne, { class: "font-weight-black" }, {
           default: s(() => [...r[0] || (r[0] = [
             S("Perks", -1)
@@ -1742,20 +1742,20 @@ const Mn = /* @__PURE__ */ y({
           _: 1
         }),
         r[2] || (r[2] = v("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1)),
-        n(oe, {
+        n(ne, {
           class: "py-0",
           density: "compact",
           lines: !1,
           nav: ""
         }, {
           default: s(() => [
-            (c(!0), k(D, null, G(e(i), (d, f) => (c(), m(l, {
+            (c(!0), V(D, null, G(e(a), (d, f) => (c(), m(l, {
               key: f,
               class: "mb-0",
               "prepend-icon": `svg:${e(Ve)}`
             }, {
               prepend: s(() => [
-                n(M, {
+                n(I, {
                   class: "mx-n2",
                   color: "success",
                   size: "small"
@@ -1777,20 +1777,20 @@ const Mn = /* @__PURE__ */ y({
           _: 1
         }),
         r[4] || (r[4] = v("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1)),
-        n(oe, {
+        n(ne, {
           class: "py-0",
           density: "compact",
           lines: !1,
           nav: ""
         }, {
           default: s(() => [
-            (c(), k(D, null, G(t, (d, f) => n(l, {
+            (c(), V(D, null, G(t, (d, f) => n(l, {
               key: f,
               class: "mb-0",
               "prepend-icon": `svg:${e(vo)}`
             }, {
               prepend: s(() => [
-                n(M, {
+                n(I, {
                   class: "mx-n2",
                   size: "small"
                 })
@@ -1816,7 +1816,7 @@ const Mn = /* @__PURE__ */ y({
   },
   emits: ["update:interval", "update:type"],
   setup(p) {
-    const t = I(!1), a = W(p, "interval"), o = W(p, "type"), i = O(), u = De(), r = b(() => u.hasTeamAccess && !u.isTeamOwner), l = {
+    const t = M(!1), i = W(p, "interval"), o = W(p, "type"), a = O(), u = De(), r = k(() => u.hasTeamAccess && !u.isTeamOwner), l = {
       solo: {
         month: "2.99 /month",
         year: "29.99 /year"
@@ -1827,8 +1827,8 @@ const Mn = /* @__PURE__ */ y({
       }
     };
     return H(t, async (d) => {
-      d && i.subscriptionInfo();
-    }), (d, f) => (c(), k(D, null, [
+      d && a.subscriptionInfo();
+    }), (d, f) => (c(), V(D, null, [
       n(bt, {
         modelValue: o.value,
         "onUpdate:modelValue": f[0] || (f[0] = (g) => o.value = g),
@@ -1850,13 +1850,13 @@ const Mn = /* @__PURE__ */ y({
                         color: _ ? "primary" : void 0,
                         "prepend-icon": _ ? `svg:${e(Me)}` : "$radioOff",
                         rounded: "lg",
-                        subtitle: `$${l.solo[a.value]}`,
+                        subtitle: `$${l.solo[i.value]}`,
                         title: "Solo Developer",
                         variant: _ ? "tonal" : "text",
                         onClick: g
                       }, {
                         prepend: s(() => [
-                          n(M, { class: "mt-n6" })
+                          n(I, { class: "mt-n6" })
                         ]),
                         _: 1
                       }, 8, ["border", "color", "prepend-icon", "subtitle", "variant", "onClick"])
@@ -1879,13 +1879,13 @@ const Mn = /* @__PURE__ */ y({
                         disabled: e(r),
                         "prepend-icon": _ ? `svg:${e(Me)}` : "$radioOff",
                         rounded: "lg",
-                        subtitle: `$${l.team[a.value]}`,
+                        subtitle: `$${l.team[i.value]}`,
                         title: "Team Access",
                         variant: _ ? "tonal" : "text",
                         onClick: g
                       }, {
                         prepend: s(() => [
-                          n(M, { class: "mt-n6" })
+                          n(I, { class: "mt-n6" })
                         ]),
                         _: 1
                       }, 8, ["border", "color", "disabled", "prepend-icon", "subtitle", "variant", "onClick"])
@@ -1902,8 +1902,8 @@ const Mn = /* @__PURE__ */ y({
         _: 1
       }, 8, ["modelValue"]),
       n(Ge, {
-        modelValue: a.value,
-        "onUpdate:modelValue": f[1] || (f[1] = (g) => a.value = g),
+        modelValue: i.value,
+        "onUpdate:modelValue": f[1] || (f[1] = (g) => i.value = g),
         "false-value": "month",
         "hide-details": "",
         inset: "",
@@ -1923,17 +1923,17 @@ const Mn = /* @__PURE__ */ y({
     function t(g) {
       return new Promise((_) => setTimeout(_, g));
     }
-    const a = W(p, "modelValue"), o = O(), i = ke(), u = I(o.interval), r = I(o.subscriptionType), l = I(o.hasBilling ? "status" : "subscribe"), d = I(!1);
+    const i = W(p, "modelValue"), o = O(), a = ke(), u = M(o.interval), r = M(o.subscriptionType), l = M(o.hasBilling ? "status" : "subscribe"), d = M(!1);
     H([u, r], ([g, _]) => {
       !o.isSubscriber || !o.interval || !o.subscriptionType || (d.value = g !== o.interval || _ !== o.subscriptionType);
-    }), H(a, async (g) => {
+    }), H(i, async (g) => {
       if (!g || !o.isSubscriber) {
         g || o.resetQuery();
         return;
       }
       o.subscriptionInfo();
-    }), H(i, async () => {
-      !o.sessionId && !["subscribe", "status"].includes(i.value.one) || i.value.team || (l.value = o.sessionId || i.value.one === "status" ? "status" : "subscribe", o.isOpen = !0, await be(), a.value = !0);
+    }), H(a, async () => {
+      !o.sessionId && !["subscribe", "status"].includes(a.value.one) || a.value.team || (l.value = o.sessionId || a.value.one === "status" ? "status" : "subscribe", o.isOpen = !0, await be(), i.value = !0);
     }, { immediate: !0 }), Nt(() => {
       u.value = o.interval ?? "year", r.value = o.subscriptionType ?? "solo";
     });
@@ -1941,10 +1941,10 @@ const Mn = /* @__PURE__ */ y({
       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 (g, _) => {
-      const V = ie, $ = Jn, L = Xn, U = Kn, K = En, x = we, pe = de;
+      const h = ie, C = Jn, L = Xn, U = Kn, Y = Fn, x = we, pe = de;
       return c(), m(pe, {
-        modelValue: a.value,
-        "onUpdate:modelValue": _[5] || (_[5] = (B) => a.value = B),
+        modelValue: i.value,
+        "onUpdate:modelValue": _[5] || (_[5] = (B) => i.value = B),
         "prepend-icon": `svg:${e(go)}`,
         title: "Subscriptions"
       }, z({
@@ -1954,9 +1954,9 @@ const Mn = /* @__PURE__ */ y({
               n(ce, { scrollable: "" }, {
                 default: s(() => [
                   v("div", es, [
-                    n(Q, null, {
+                    n(X, null, {
                       default: s(() => [
-                        n(V, {
+                        n(h, {
                           text: "The Vuetify One subscription is a great way to support the Vuetify team and get access to exclusive features and content.",
                           title: "Vuetify One"
                         }),
@@ -1964,7 +1964,7 @@ const Mn = /* @__PURE__ */ y({
                           default: s(() => [
                             n(_e, { value: "subscribe" }, {
                               default: s(() => [
-                                n($, {
+                                n(C, {
                                   interval: e(u),
                                   "onUpdate:interval": _[0] || (_[0] = (B) => j(u) ? u.value = B : null),
                                   type: e(r),
@@ -1980,7 +1980,7 @@ const Mn = /* @__PURE__ */ y({
                                 n(U, {
                                   "onChange:subscription": _[2] || (_[2] = (B) => l.value = "subscribe")
                                 }),
-                                n(K)
+                                n(Y)
                               ]),
                               _: 1
                             })
@@ -2042,9 +2042,9 @@ const Mn = /* @__PURE__ */ y({
 }), ns = /* @__PURE__ */ y({
   __name: "VoSubscriptionListItem",
   setup(p) {
-    const t = I(!1);
-    return (a, o) => {
-      const i = os, u = q;
+    const t = M(!1);
+    return (i, o) => {
+      const a = os, u = q;
       return c(), m(u, {
         active: e(t),
         link: "",
@@ -2053,7 +2053,7 @@ const Mn = /* @__PURE__ */ y({
         title: "Subscriptions"
       }, {
         default: s(() => [
-          n(i, {
+          n(a, {
             modelValue: e(t),
             "onUpdate:modelValue": o[0] || (o[0] = (r) => j(t) ? t.value = r : null)
           }, null, 8, ["modelValue"])
@@ -2077,36 +2077,36 @@ const Mn = /* @__PURE__ */ y({
     sponsorship: {}
   },
   setup(p) {
-    const t = p, a = Pe(), o = b(() => `$${Number.parseFloat(String((t.sponsorship?.amount ?? 0) / 100)).toFixed(2)} /${t.sponsorship?.interval}`);
-    return (i, u) => {
+    const t = p, i = Pe(), o = k(() => `$${Number.parseFloat(String((t.sponsorship?.amount ?? 0) / 100)).toFixed(2)} /${t.sponsorship?.interval}`);
+    return (a, u) => {
       const r = we;
       return c(), m(nn, {
-        "dot-color": i.sponsorship?.isActive ? "success" : "transparent",
-        icon: i.sponsorship?.isActive ? `svg:${e(Ve)}` : void 0,
+        "dot-color": a.sponsorship?.isActive ? "success" : "transparent",
+        icon: a.sponsorship?.isActive ? `svg:${e(Ve)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
         default: s(() => [
           n(P, {
             border: "",
-            "prepend-avatar": `${e(a).CDN_URL}logos/${i.logo}.png`,
+            "prepend-avatar": `${e(i).CDN_URL}logos/${a.logo}.png`,
             rounded: "lg",
-            title: i.title,
+            title: a.title,
             variant: "text"
           }, {
             subtitle: s(() => [
-              i.sponsorship?.isActive ? (c(), k("div", ss, [
-                n(M, {
+              a.sponsorship?.isActive ? (c(), V("div", ss, [
+                n(I, {
                   icon: `svg:${e(bo)}`,
                   size: "x-small"
                 }, null, 8, ["icon"]),
-                S(" " + C(e(o)), 1)
-              ])) : (c(), k(D, { key: 1 }, [
-                S(C(i.text), 1)
+                S(" " + $(e(o)), 1)
+              ])) : (c(), V(D, { key: 1 }, [
+                S($(a.text), 1)
               ], 64))
             ]),
             append: s(() => [
-              i.disabled ? (c(), m(r, {
+              a.disabled ? (c(), m(r, {
                 key: 1,
                 color: "surface-variant",
                 readonly: "",
@@ -2114,13 +2114,13 @@ const Mn = /* @__PURE__ */ y({
               })) : (c(), m(r, {
                 key: 0,
                 active: !1,
-                color: i.sponsorship?.isActive ? "success" : "primary",
-                href: i.sponsorship?.isActive || i.to ? void 0 : i.href,
-                "prepend-icon": `svg:${i.sponsorship?.isActive ? e(Me) : e(Ae)}`,
-                readonly: i.sponsorship?.isActive,
-                target: i.sponsorship?.isActive || i.to ? void 0 : "_blank",
-                text: i.sponsorship?.isActive ? "Active" : "Info",
-                to: i.to,
+                color: a.sponsorship?.isActive ? "success" : "primary",
+                href: a.sponsorship?.isActive || a.to ? void 0 : a.href,
+                "prepend-icon": `svg:${a.sponsorship?.isActive ? e(Me) : e(Ae)}`,
+                readonly: a.sponsorship?.isActive,
+                target: a.sponsorship?.isActive || a.to ? void 0 : "_blank",
+                text: a.sponsorship?.isActive ? "Active" : "Info",
+                to: a.to,
                 width: "88"
               }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text", "to"]))
             ]),
@@ -2135,9 +2135,9 @@ const Mn = /* @__PURE__ */ y({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(p) {
     const t = O();
-    return (a, o) => {
-      const i = Qe;
-      return c(), m(i, {
+    return (i, o) => {
+      const a = Qe;
+      return c(), m(a, {
         href: "https://discord.com/servers/vuetify-340160225338195969",
         logo: "discord",
         sponsorship: e(t).discord,
@@ -2150,9 +2150,9 @@ const Mn = /* @__PURE__ */ y({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(p) {
     const t = O();
-    return (a, o) => {
-      const i = Qe;
-      return c(), m(i, {
+    return (i, o) => {
+      const a = Qe;
+      return c(), m(a, {
         href: "https://github.com/sponsors/johnleider",
         logo: "github",
         sponsorship: e(t).github,
@@ -2165,9 +2165,9 @@ const Mn = /* @__PURE__ */ y({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(p) {
     const t = O();
-    return (a, o) => {
-      const i = Qe;
-      return c(), m(i, {
+    return (i, o) => {
+      const a = Qe;
+      return c(), m(a, {
         logo: "one",
         sponsorship: e(t).one,
         text: "Support Vuetify through Vuetify One.",
@@ -2179,8 +2179,8 @@ const Mn = /* @__PURE__ */ y({
 }), ls = /* @__PURE__ */ y({
   __name: "VoSponsorshipsTimeline",
   setup(p) {
-    return (t, a) => {
-      const o = rs, i = is, u = as;
+    return (t, i) => {
+      const o = rs, a = is, u = as;
       return c(), m(sn, {
         class: "justify-start ms-n7",
         "line-inset": "12",
@@ -2190,7 +2190,7 @@ const Mn = /* @__PURE__ */ y({
       }, {
         default: s(() => [
           n(o),
-          n(i),
+          n(a),
           n(u)
         ]),
         _: 1
@@ -2205,10 +2205,10 @@ const Mn = /* @__PURE__ */ y({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = W(p, "modelValue"), a = ke(), o = O();
-    return H(a, async () => {
-      a.value.one === "sponsorships" && (o.isOpen = !0, await be(), t.value = !0);
-    }, { immediate: !0 }), (i, u) => {
+    const t = W(p, "modelValue"), i = ke(), o = O();
+    return H(i, async () => {
+      i.value.one === "sponsorships" && (o.isOpen = !0, await be(), t.value = !0);
+    }, { immediate: !0 }), (a, u) => {
       const r = ie, l = ls, d = de;
       return c(), m(d, {
         modelValue: t.value,
@@ -2222,7 +2222,7 @@ const Mn = /* @__PURE__ */ y({
               n(ce, { scrollable: "" }, {
                 default: s(() => [
                   v("div", us, [
-                    n(Q, { class: "flex-0-0 mb-16 mb-sm-4" }, {
+                    n(X, { 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.",
@@ -2239,16 +2239,16 @@ const Mn = /* @__PURE__ */ y({
                       size: "128"
                     }, {
                       media: s(() => [
-                        n(M, {
+                        n(I, {
                           color: e(o).isSubscriber ? "success" : "error"
                         }, null, 8, ["color"])
                       ]),
                       title: s(() => [
                         u[1] || (u[1] = S(" One Status: ", -1)),
-                        v("span", cs, C(e(o).isSubscriber ? "Active" : "Inactive"), 1)
+                        v("span", cs, $(e(o).isSubscriber ? "Active" : "Inactive"), 1)
                       ]),
                       text: s(() => [
-                        v("div", ds, C(e(o).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
+                        v("div", ds, $(e(o).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
                       ]),
                       _: 1
                     })
@@ -2267,9 +2267,9 @@ const Mn = /* @__PURE__ */ y({
 }), ms = /* @__PURE__ */ y({
   __name: "VoSponsorshipsListItem",
   setup(p) {
-    const t = I(!1);
-    return (a, o) => {
-      const i = ps, u = q;
+    const t = M(!1);
+    return (i, o) => {
+      const a = ps, u = q;
       return c(), m(u, {
         active: e(t),
         link: "",
@@ -2278,7 +2278,7 @@ const Mn = /* @__PURE__ */ y({
         title: "Sponsorships"
       }, {
         default: s(() => [
-          n(i, {
+          n(a, {
             modelValue: e(t),
             "onUpdate:modelValue": o[0] || (o[0] = (r) => j(t) ? t.value = r : null)
           }, null, 8, ["modelValue"])
@@ -2287,31 +2287,31 @@ const Mn = /* @__PURE__ */ y({
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), fs = X("downloads", () => {
-  const p = te(), t = ne(), a = E([]), o = I(!1);
-  async function i() {
-    if (a.value.length > 0)
-      return a.value;
+}), fs = K("downloads", () => {
+  const p = J(), t = oe(), i = E([]), o = M(!1);
+  async function a() {
+    if (i.value.length > 0)
+      return i.value;
     o.value = !0;
     try {
       const u = await p.get("/one/sendowl/downloads");
-      a.value = u.downloads;
+      i.value = u.downloads;
     } catch (u) {
       t.showError(u?.message ?? "Error fetching downloads");
     } finally {
       o.value = !1;
     }
-    return a.value;
+    return i.value;
   }
   return {
-    all: a,
+    all: i,
     isLoading: o,
-    index: i
+    index: a
   };
 }), vs = /* @__PURE__ */ y({
   __name: "VoDownloadsTable",
   setup(p) {
-    const t = me(), a = fs(), o = [
+    const t = me(), i = fs(), o = [
       {
         title: "Order ID",
         value: "order_name"
@@ -2332,8 +2332,8 @@ const Mn = /* @__PURE__ */ y({
       }
     ];
     return He(async () => {
-      await a.index();
-    }), (i, u) => {
+      await i.index();
+    }), (a, u) => {
       const r = ie;
       return c(), m(fe, null, {
         default: s(() => [
@@ -2353,20 +2353,20 @@ const Mn = /* @__PURE__ */ y({
                     "fixed-header": "",
                     headers: o,
                     height: "640",
-                    items: e(a).all,
-                    loading: e(a).isLoading
+                    items: e(i).all,
+                    loading: e(i).isLoading
                   }, {
                     "item.order_name": s(({ item: l }) => [
-                      S(" #" + C(l.order_name), 1)
+                      S(" #" + $(l.order_name), 1)
                     ]),
                     "item.created_at": s(({ item: l }) => [
-                      S(C(e(t).format(l.created_at, "shortDate")), 1)
+                      S($(e(t).format(l.created_at, "shortDate")), 1)
                     ]),
                     "item.download_items": s(({ item: l }) => [
-                      (c(!0), k(D, null, G(l.download_items, (d, f) => (c(), k("div", {
+                      (c(!0), V(D, null, G(l.download_items, (d, f) => (c(), V("div", {
                         key: f,
                         class: "text-truncate"
-                      }, C(d.name), 1))), 128))
+                      }, $(d.name), 1))), 128))
                     ]),
                     "item.download_url": s(({ item: l }) => [
                       n(A, {
@@ -2394,9 +2394,9 @@ const Mn = /* @__PURE__ */ y({
 }), gs = { class: "px-3" }, _s = /* @__PURE__ */ y({
   __name: "VoDownloadsNavItem",
   setup(p) {
-    const t = I(!1);
-    return (a, o) => {
-      const i = vs, u = de, r = q;
+    const t = M(!1);
+    return (i, o) => {
+      const a = vs, u = de, r = q;
       return c(), m(r, {
         active: e(t),
         link: "",
@@ -2417,9 +2417,9 @@ const Mn = /* @__PURE__ */ y({
                   n(ce, { scrollable: "" }, {
                     default: s(() => [
                       v("div", gs, [
-                        n(Q, null, {
+                        n(X, null, {
                           default: s(() => [
-                            n(i)
+                            n(a)
                           ]),
                           _: 1
                         })
@@ -2446,7 +2446,7 @@ const Mn = /* @__PURE__ */ y({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = O(), a = De(), o = te(), { copy: i, copied: u } = Oe(), r = b(() => a.team), l = ke(), d = I(!1), f = [
+    const t = O(), i = De(), o = J(), { copy: a, copied: u } = Oe(), r = k(() => i.team), l = ke(), d = M(!1), f = [
       {
         title: "Name",
         key: "name"
@@ -2457,17 +2457,17 @@ const Mn = /* @__PURE__ */ y({
         align: "end",
         sortable: !1
       }
-    ], g = b(() => `https://one.vuetifyjs.com/?invite=${a.team?.inviteCode}`), _ = W(p, "modelValue");
-    async function V() {
+    ], g = k(() => `https://one.vuetifyjs.com/?invite=${i.team?.inviteCode}`), _ = W(p, "modelValue");
+    async function h() {
       d.value = !0;
-      const $ = await o.post("/one/team/regen");
-      a.team = $.team;
+      const C = await o.post("/one/team/regen");
+      i.team = C.team;
     }
     return H(l, async () => {
       !t.sessionId || l.value.one === "subscribe" || l.value.team && (t.isOpen = !0, await be(), _.value = !0);
-    }, { immediate: !0 }), ($, L) => {
-      const U = ie, K = de;
-      return c(), m(K, {
+    }, { immediate: !0 }), (C, L) => {
+      const U = ie, Y = de;
+      return c(), m(Y, {
         modelValue: _.value,
         "onUpdate:modelValue": L[2] || (L[2] = (x) => _.value = x),
         "prepend-icon": `svg:${e($o)}`,
@@ -2479,13 +2479,13 @@ const Mn = /* @__PURE__ */ y({
               n(ce, { scrollable: "" }, {
                 default: s(() => [
                   v("div", ys, [
-                    n(Q, null, {
+                    n(X, null, {
                       default: s(() => [
                         n(U, {
                           text: "Share access to Vuetify One with up to 25 team members.",
                           title: "Manage your team"
                         }),
-                        e(a).isTeamOwner ? (c(), m(P, {
+                        e(i).isTeamOwner ? (c(), m(P, {
                           key: 0,
                           border: "",
                           class: "mb-4",
@@ -2495,12 +2495,12 @@ 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"
                             }, z({ _: 2 }, [
-                              e(a).isTeamOwner ? {
+                              e(i).isTeamOwner ? {
                                 name: "append",
                                 fn: s(() => [
                                   n(A, {
@@ -2524,7 +2524,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",
@@ -2538,12 +2538,12 @@ const Mn = /* @__PURE__ */ y({
                                                     flat: "",
                                                     slim: "",
                                                     text: "Reset",
-                                                    onClick: V
+                                                    onClick: h
                                                   }, null, 8, ["color", "disabled"])
                                                 ]),
                                                 _: 1
                                               }, 8, ["prepend-icon"]),
-                                              n(Q, { class: "pt-4" }, {
+                                              n(X, { class: "pt-4" }, {
                                                 default: s(() => [
                                                   n(kt, {
                                                     flat: "",
@@ -2554,12 +2554,12 @@ const Mn = /* @__PURE__ */ y({
                                                     variant: "solo"
                                                   }, {
                                                     "append-inner": s(() => [
-                                                      F(n(M, {
+                                                      N(n(I, {
                                                         icon: `svg:${e(u) ? e(Ve) : e(Re)}`,
                                                         size: "small",
-                                                        onClick: L[0] || (L[0] = (x) => e(i)(e(g)))
+                                                        onClick: L[0] || (L[0] = (x) => e(a)(e(g)))
                                                       }, null, 8, ["icon"]), [
-                                                        [Y, "Copy Team link"]
+                                                        [Q, "Copy Team link"]
                                                       ])
                                                     ]),
                                                     _: 1
@@ -2580,8 +2580,8 @@ const Mn = /* @__PURE__ */ y({
                                 key: "0"
                               } : void 0
                             ]), 1032, ["subtitle"]),
-                            n(N),
-                            n(Q, { class: "pa-2" }, {
+                            n(Z),
+                            n(X, { class: "pa-2" }, {
                               default: s(() => [
                                 n($e, {
                                   border: "",
@@ -2595,12 +2595,12 @@ const Mn = /* @__PURE__ */ y({
                                     }, {
                                       "item.name": s(({ item: x }) => [
                                         v("div", hs, [
-                                          n(ee, {
+                                          n(te, {
                                             image: x.picture,
                                             size: "x-small",
                                             start: ""
                                           }, null, 8, ["image"]),
-                                          v("span", null, C(x.name), 1)
+                                          v("span", null, $(x.name), 1)
                                         ])
                                       ]),
                                       "item.actions": s(({ item: x }) => [
@@ -2623,7 +2623,7 @@ const Mn = /* @__PURE__ */ y({
                                           slim: "",
                                           text: "Revoke",
                                           variant: "text",
-                                          onClick: (pe) => e(a).removeFromTeam(x.id)
+                                          onClick: (pe) => e(i).removeFromTeam(x.id)
                                         }, null, 8, ["prepend-icon", "onClick"]))
                                       ]),
                                       _: 1
@@ -2645,7 +2645,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"
@@ -2653,7 +2653,7 @@ const Mn = /* @__PURE__ */ y({
                               title: s(() => [
                                 v("div", bs, [
                                   L[4] || (L[4] = S(" My Team Access ", -1)),
-                                  n(J, {
+                                  n(ee, {
                                     border: "thin opacity-25 success",
                                     class: "ms-2",
                                     color: "success",
@@ -2669,7 +2669,7 @@ const Mn = /* @__PURE__ */ y({
                                   rounded: "lg",
                                   text: "Leave team",
                                   width: "145",
-                                  onClick: L[1] || (L[1] = (x) => e(a).leaveTeam())
+                                  onClick: L[1] || (L[1] = (x) => e(i).leaveTeam())
                                 }, null, 8, ["prepend-icon"])
                               ]),
                               _: 1
@@ -2695,9 +2695,9 @@ const Mn = /* @__PURE__ */ y({
 }), Vs = /* @__PURE__ */ y({
   __name: "VoTeamListItem",
   setup(p) {
-    const t = I(!1);
-    return (a, o) => {
-      const i = ks, u = q;
+    const t = M(!1);
+    return (i, o) => {
+      const a = ks, u = q;
       return c(), m(u, {
         active: e(t),
         link: "",
@@ -2706,7 +2706,7 @@ const Mn = /* @__PURE__ */ y({
         title: "My Team"
       }, {
         default: s(() => [
-          n(i, {
+          n(a, {
             modelValue: e(t),
             "onUpdate:modelValue": o[0] || (o[0] = (r) => j(t) ? t.value = r : null)
           }, null, 8, ["modelValue"])
@@ -2767,40 +2767,40 @@ const Mn = /* @__PURE__ */ y({
   }
 ];
 function Tt() {
-  const p = T(), t = ge(() => st.filter((i) => p.one.ecosystem.pinned.includes(i.id)));
-  H(() => p.one.quicklinks, (i) => {
-    !i && p.one.ecosystem.pinned.length > 0 && (p.one.ecosystem.pinned = []);
+  const p = T(), t = ge(() => st.filter((a) => p.one.ecosystem.pinned.includes(a.id)));
+  H(() => p.one.quicklinks, (a) => {
+    !a && p.one.ecosystem.pinned.length > 0 && (p.one.ecosystem.pinned = []);
   });
-  function a(i) {
-    return p.one.ecosystem.pinned.includes(i);
+  function i(a) {
+    return p.one.ecosystem.pinned.includes(a);
   }
-  function o(i) {
-    const u = p.one.ecosystem.pinned.indexOf(i);
-    u === -1 ? (p.one.ecosystem.pinned.push(i), p.one.quicklinks || (p.one.quicklinks = !0)) : p.one.ecosystem.pinned.splice(u, 1);
+  function o(a) {
+    const u = p.one.ecosystem.pinned.indexOf(a);
+    u === -1 ? (p.one.ecosystem.pinned.push(a), p.one.quicklinks || (p.one.quicklinks = !0)) : p.one.ecosystem.pinned.splice(u, 1);
   }
   return {
     actions: st,
     pinned: t,
-    isPinned: a,
+    isPinned: i,
     togglePin: o
   };
 }
 const at = /* @__PURE__ */ y({
   __name: "VoEcosystemMenu",
   setup(p) {
-    const t = Z(), { actions: a, isPinned: o, togglePin: i } = Tt();
+    const t = F(), { actions: i, isPinned: o, togglePin: a } = Tt();
     return (u, r) => (c(), m(P, {
       border: "",
       "min-width": "240",
       rounded: "lg"
     }, {
       default: s(() => [
-        n(oe, {
+        n(ne, {
           density: "compact",
           nav: ""
         }, {
           default: s(() => [
-            (c(!0), k(D, null, G(e(a), (l) => F((c(), m(le, {
+            (c(!0), V(D, null, G(e(i), (l) => N((c(), m(le, {
               key: l.id,
               href: l.href,
               "prepend-icon": l.icon,
@@ -2811,19 +2811,19 @@ const at = /* @__PURE__ */ y({
               e(t).user ? {
                 name: "append",
                 fn: s(() => [
-                  F(n(A, {
+                  N(n(A, {
                     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: ye((d) => e(a)(l.id), ["prevent", "stop"])
                   }, null, 8, ["icon", "onClick"]), [
-                    [Y, e(o)(l.id) ? "Unpin" : "Pin", "top"]
+                    [Q, e(o)(l.id) ? "Unpin" : "Pin", "top"]
                   ])
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["href", "prepend-icon", "title"])), [
-              [Y, l.description, "start"]
+              [Q, l.description, "start"]
             ])), 128))
           ]),
           _: 1
@@ -2835,10 +2835,10 @@ const at = /* @__PURE__ */ y({
 }), Cs = /* @__PURE__ */ y({
   __name: "VoEcosystemListItem",
   setup(p) {
-    const t = T(), { mobile: a } = ae(), o = I(!1);
-    return H(o, (i) => {
-      i && !t.one.ecosystem.seen && (t.one.ecosystem.seen = !0);
-    }), (i, u) => {
+    const t = T(), { mobile: i } = ae(), o = M(!1);
+    return H(o, (a) => {
+      a && !t.one.ecosystem.seen && (t.one.ecosystem.seen = !0);
+    }), (a, u) => {
       const r = q;
       return c(), m(r, {
         link: "",
@@ -2847,7 +2847,7 @@ const at = /* @__PURE__ */ y({
         title: "Vuetify Ecosystem"
       }, z({
         default: s(() => [
-          e(a) ? (c(), m(Ce, {
+          e(i) ? (c(), m(Ce, {
             key: 0,
             modelValue: e(o),
             "onUpdate:modelValue": u[0] || (u[0] = (l) => j(o) ? o.value = l : null),
@@ -2878,7 +2878,7 @@ const at = /* @__PURE__ */ y({
         e(t).one.ecosystem.seen ? void 0 : {
           name: "append",
           fn: s(() => [
-            n(J, {
+            n(ee, {
               color: "success",
               size: "x-small",
               text: "NEW",
@@ -2902,34 +2902,34 @@ const at = /* @__PURE__ */ y({
     items: {}
   },
   setup(p) {
-    const t = me(), a = ae(), o = T();
-    function i(r) {
+    const t = me(), i = ae(), o = T();
+    function a(r) {
       return o.one.banners.read.includes(r);
     }
     function u(r) {
-      i(r.slug) ? o.one.banners.read = o.one.banners.read.filter((l) => l !== r.slug) : o.one.banners.read.push(r.slug);
+      a(r.slug) ? o.one.banners.read = o.one.banners.read.filter((l) => l !== r.slug) : o.one.banners.read.push(r.slug);
     }
-    return (r, l) => (c(), m(oe, {
+    return (r, l) => (c(), m(ne, {
       class: "py-0",
       height: "100%",
       lines: "three"
     }, {
       default: s(() => [
-        r.items.length === 0 ? (c(), k("div", $s, [
+        r.items.length === 0 ? (c(), V("div", $s, [
           n(Ke, {
             icon: "$vuetify",
             size: "256"
           }, {
             media: s(() => [
-              n(M, { color: "medium-emphasis" })
+              n(I, { color: "medium-emphasis" })
             ]),
             title: s(() => [...l[0] || (l[0] = [
               v("div", { class: "text-medium-emphasis" }, " All caught up ", -1)
             ])]),
             _: 1
           })
-        ])) : (c(), k("div", xs, [
-          (c(!0), k(D, null, G(r.items, (d) => (c(), k("div", {
+        ])) : (c(), V("div", xs, [
+          (c(!0), V(D, null, G(r.items, (d) => (c(), V("div", {
             key: d.slug,
             class: "mb-4"
           }, [
@@ -2941,7 +2941,7 @@ const at = /* @__PURE__ */ y({
               title: d.title
             }, {
               prepend: s(() => [
-                n(ee, {
+                n(te, {
                   image: d.metadata.images.logo?.url
                 }, null, 8, ["image"])
               ]),
@@ -2960,19 +2960,19 @@ const at = /* @__PURE__ */ y({
                   default: s(() => [
                     n($t, {
                       location: "bottom",
-                      text: i(d.slug) ? "Mark as unread" : "Mark as read"
+                      text: a(d.slug) ? "Mark as unread" : "Mark as read"
                     }, {
                       activator: s(({ props: _ }) => [
                         n(xe, { "hide-on-leave": "" }, {
                           default: s(() => [
-                            F(n(A, R({ ref_for: !0 }, _, {
+                            N(n(A, R({ ref_for: !0 }, _, {
                               class: "ms-auto float-right",
-                              icon: `svg:${i(d.slug) ? e(We) : e(qe)}`,
+                              icon: `svg:${a(d.slug) ? e(We) : e(qe)}`,
                               size: "small",
                               variant: "text",
-                              onClick: (V) => u(d)
+                              onClick: (h) => u(d)
                             }), null, 16, ["icon", "onClick"]), [
-                              [Ie, g || e(a).mobile.value]
+                              [Ie, g || e(i).mobile.value]
                             ])
                           ]),
                           _: 2
@@ -2980,10 +2980,10 @@ const at = /* @__PURE__ */ y({
                       ]),
                       _: 2
                     }, 1032, ["text"]),
-                    v("div", Ls, C(d.metadata.text), 1),
-                    v("div", ws, C(e(t).format(d.created_at, "fullDateWithWeekday")), 1),
-                    v("div", Ss, C(d.metadata.subtext), 1),
-                    n(J, R({ ref_for: !0 }, {
+                    v("div", Ls, $(d.metadata.text), 1),
+                    v("div", ws, $(e(t).format(d.created_at, "fullDateWithWeekday")), 1),
+                    v("div", Ss, $(d.metadata.subtext), 1),
+                    n(ee, 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
@@ -2996,7 +2996,7 @@ const at = /* @__PURE__ */ y({
                       variant: "text"
                     }), {
                       append: s(() => [
-                        n(M, { size: "12" })
+                        n(I, { size: "12" })
                       ]),
                       _: 1
                     }, 16, ["append-icon", "text"])
@@ -3019,7 +3019,7 @@ const at = /* @__PURE__ */ y({
     notification: {}
   },
   setup(p) {
-    const t = p, a = T(), o = me(), i = ae(), u = b(() => {
+    const t = p, i = T(), o = me(), a = ae(), u = k(() => {
       const d = t.notification.metadata ?? { action: "" };
       return {
         href: d.action.startsWith("http") ? d.action : void 0,
@@ -3027,23 +3027,23 @@ const at = /* @__PURE__ */ y({
         to: d.action.startsWith("http") ? void 0 : d.action,
         ...t.notification.metadata.attributes,
         onClick() {
-          t.demo || a.one.notifications.read.includes(t.notification.slug) || a.one.notifications.read.push(t.notification.slug);
+          t.demo || i.one.notifications.read.includes(t.notification.slug) || i.one.notifications.read.push(t.notification.slug);
         }
       };
     });
     function r(d) {
-      return a.one.notifications.read.includes(d);
+      return i.one.notifications.read.includes(d);
     }
     function l(d) {
-      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));
+      t.demo || (r(d.slug) ? i.one.notifications.read = i.one.notifications.read.filter((f) => f !== d.slug) : i.one.notifications.read.push(d.slug));
     }
     return (d, f) => {
       const g = q;
       return c(), m(ve, null, {
-        default: s(({ isHovering: _, props: V }) => [
-          n(g, R(V, { class: "py-4 mb-0" }), {
+        default: s(({ isHovering: _, props: h }) => [
+          n(g, R(h, { class: "py-4 mb-0" }), {
             prepend: s(() => [
-              v("div", Is, C(d.notification.metadata.emoji), 1)
+              v("div", Is, $(d.notification.metadata.emoji), 1)
             ]),
             append: s(() => [
               n(an, {
@@ -3055,10 +3055,10 @@ const at = /* @__PURE__ */ y({
                     location: "bottom",
                     text: r(d.notification.slug) ? "Mark as unread" : "Mark as read"
                   }, {
-                    activator: s(({ props: $ }) => [
+                    activator: s(({ props: C }) => [
                       n(xe, { "hide-on-leave": "" }, {
                         default: s(() => [
-                          F(n(A, R($, {
+                          N(n(A, R(C, {
                             class: "ms-auto",
                             icon: `svg:${r(d.notification.slug) ? e(We) : e(qe)}`,
                             "mdi-email-variant": "",
@@ -3066,7 +3066,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, _ || e(a).mobile.value]
                           ])
                         ]),
                         _: 2
@@ -3081,13 +3081,13 @@ const at = /* @__PURE__ */ y({
             default: s(() => [
               n(_t, { class: "text-wrap text-h6 mb-1" }, {
                 default: s(() => [
-                  v("div", Ds, C(d.notification.title), 1)
+                  v("div", Ds, $(d.notification.title), 1)
                 ]),
                 _: 1
               }),
-              v("div", As, C(e(o).format(d.notification.created_at, "fullDateWithWeekday")), 1),
-              v("div", Ts, C(d.notification.metadata.text), 1),
-              n(J, R({
+              v("div", As, $(e(o).format(d.notification.created_at, "fullDateWithWeekday")), 1),
+              v("div", Ts, $(d.notification.metadata.text), 1),
+              n(ee, R({
                 "append-icon": `svg:${e(Ae)}`
               }, e(u), {
                 border: "",
@@ -3097,7 +3097,7 @@ const at = /* @__PURE__ */ y({
                 variant: "text"
               }), {
                 append: s(() => [
-                  n(M, { size: "12" })
+                  n(I, { size: "12" })
                 ]),
                 _: 1
               }, 16, ["append-icon", "text"])
@@ -3118,63 +3118,63 @@ const at = /* @__PURE__ */ y({
     items: {}
   },
   setup(p) {
-    return (t, a) => {
+    return (t, i) => {
       const o = Us;
-      return c(), m(oe, {
+      return c(), m(ne, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: s(() => [
-          t.items.length === 0 ? (c(), k("div", Ps, [
+          t.items.length === 0 ? (c(), V("div", Ps, [
             n(Ke, {
               icon: "$vuetify",
               size: "256"
             }, {
               media: s(() => [
-                n(M, { color: "medium-emphasis" })
+                n(I, { color: "medium-emphasis" })
               ]),
-              title: s(() => [...a[0] || (a[0] = [
+              title: s(() => [...i[0] || (i[0] = [
                 v("div", { class: "text-medium-emphasis" }, " All caught up ", -1)
               ])]),
               _: 1
             })
-          ])) : (c(!0), k(D, { key: 1 }, G(t.items, (i, u) => (c(), k(D, {
-            key: i.slug
+          ])) : (c(!0), V(D, { key: 1 }, G(t.items, (a, u) => (c(), V(D, {
+            key: a.slug
           }, [
-            u !== 0 ? (c(), m(N, { key: 0 })) : h("", !0),
-            n(o, { notification: i }, null, 8, ["notification"])
+            u !== 0 ? (c(), m(Z, { key: 0 })) : b("", !0),
+            n(o, { notification: a }, null, 8, ["notification"])
           ], 64))), 128))
         ]),
         _: 1
       });
     };
   }
-}), Ut = X("site", () => {
+}), Ut = K("site", () => {
   const p = E([]), t = E();
   return {
     id: p,
     url: t
   };
-}), Be = X("banners", () => {
-  const p = te(), t = Ut(), a = T(), o = ne(), i = E([]), u = I(!1), r = b(() => {
+}), Be = K("banners", () => {
+  const p = J(), t = Ut(), i = T(), o = oe(), a = E([]), u = M(!1), r = k(() => {
     if (l.value)
       return l.value;
-    if (a.one.banners.enabled) {
-      if (a.one.banners.last) {
-        const f = new Date(a.one.banners.last), g = new Date(Date.now() - 3 * 24 * 60 * 60 * 1e3);
+    if (i.one.banners.enabled) {
+      if (i.one.banners.last) {
+        const f = new Date(i.one.banners.last), g = new Date(Date.now() - 3 * 24 * 60 * 60 * 1e3);
         if (f > g)
           return;
       }
-      return i.value.find(({
+      return a.value.find(({
         slug: f,
         metadata: {
           site: g,
           active: _
         }
-      }) => !_ || a.one.banners.read.includes(f) ? !1 : g.includes("dev") && !1 || g.includes("*") ? !0 : g.some((V) => t.id.includes(V)));
+      }) => !_ || i.one.banners.read.includes(f) ? !1 : g.includes("dev") && !1 || g.includes("*") ? !0 : g.some((h) => t.id.includes(h)));
     }
-  }), l = b(() => i.value.find(({
+  }), l = k(() => a.value.find(({
     metadata: {
       site: f,
       active: g
@@ -3184,43 +3184,43 @@ const at = /* @__PURE__ */ y({
     try {
       u.value = !0;
       const f = await p.get("/one/banners");
-      i.value = f.banners;
+      a.value = f.banners;
     } catch (f) {
       o.showError(f?.message ?? "Error fetching banners");
     } finally {
       u.value = !1;
     }
-    return i.value;
+    return a.value;
   }
   return {
-    all: i,
+    all: a,
     isLoading: u,
     server: l,
     banner: r,
     index: d
   };
-}), Fe = X("notifications", () => {
-  const p = te(), t = T(), a = ne(), o = E([]), i = I(!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 = K("notifications", () => {
+  const p = J(), t = T(), i = oe(), o = E([]), a = M(!1), u = k(() => o.value.filter((d) => !t.one.notifications.read.includes(d.slug))), r = k(() => o.value.filter((d) => t.one.notifications.read.includes(d.slug)));
   async function l() {
     try {
-      i.value = !0;
+      a.value = !0;
       const d = await p.get("/one/notifications");
       o.value = d.notifications;
     } catch (d) {
-      a.showError(d?.message ?? "Error fetching notifications");
+      i.showError(d?.message ?? "Error fetching notifications");
     } finally {
-      i.value = !1;
+      a.value = !1;
     }
     return o.value;
   }
   return {
-    isLoading: i,
+    isLoading: a,
     all: o,
     read: r,
     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__ */ y({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -3228,53 +3228,53 @@ const at = /* @__PURE__ */ y({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = ae(), a = ke(), o = Be(), i = Fe(), u = O(), r = T(), l = I(["read"]), d = W(p, "modelValue");
+    const t = ae(), i = ke(), o = Be(), a = Ee(), u = O(), r = T(), l = M(["read"]), d = W(p, "modelValue");
     function f() {
-      const _ = i.unread.map((V) => V.slug);
+      const _ = a.unread.map((h) => h.slug);
       r.one.notifications.read.push(..._);
     }
     function g() {
       r.one.notifications.read = [];
     }
-    return H(a, async () => {
-      if (a.value.one !== "notifications") {
+    return H(i, async () => {
+      if (i.value.one !== "notifications") {
         d.value && (d.value = !1);
         return;
       }
       u.isOpen = !0, await be(), d.value = !0;
-    }, { immediate: !0 }), (_, V) => {
-      const $ = q, L = zs, U = Ms, K = de;
-      return c(), m(K, {
+    }, { immediate: !0 }), (_, h) => {
+      const C = q, L = zs, U = Ms, Y = de;
+      return c(), m(Y, {
         modelValue: d.value,
-        "onUpdate:modelValue": V[2] || (V[2] = (x) => d.value = x),
+        "onUpdate:modelValue": h[2] || (h[2] = (x) => d.value = x),
         "prepend-icon": `svg:${e(Ao)}`,
         title: "Notifications"
       }, {
         append: s(() => [
-          e(l)[0] === "read" ? F((c(), m(A, {
+          e(l)[0] === "read" ? N((c(), m(A, {
             key: 0,
             class: "me-2",
             density: "comfortable",
-            disabled: e(i).unread.length === 0,
+            disabled: e(a).unread.length === 0,
             icon: `svg:${e(qe)}`,
             size: "small",
             variant: "text",
             onClick: f
           }, null, 8, ["disabled", "icon"])), [
-            [Y, "Mark All as Read", "start"]
-          ]) : h("", !0),
-          e(l)[0] === "unread" ? F((c(), m(A, {
+            [Q, "Mark All as Read", "start"]
+          ]) : b("", !0),
+          e(l)[0] === "unread" ? N((c(), m(A, {
             key: 1,
             class: "me-2",
             density: "comfortable",
-            disabled: e(i).read.length === 0,
+            disabled: e(a).read.length === 0,
             icon: `svg:${e(We)}`,
             size: "small",
             variant: "text",
             onClick: g
           }, null, 8, ["disabled", "icon"])), [
-            [Y, "Mark All as Unread", "start"]
-          ]) : h("", !0)
+            [Q, "Mark All as Unread", "start"]
+          ]) : b("", !0)
         ]),
         default: s(() => [
           n(ue, null, {
@@ -3285,42 +3285,42 @@ const at = /* @__PURE__ */ y({
                 width: e(t).mobile.value ? 128 : 168
               }, {
                 default: s(() => [
-                  n(oe, {
+                  n(ne, {
                     selected: e(l),
-                    "onUpdate:selected": V[0] || (V[0] = (x) => j(l) ? l.value = x : null),
+                    "onUpdate:selected": h[0] || (h[0] = (x) => j(l) ? l.value = x : null),
                     class: "px-4 pt-4",
                     density: "compact",
                     mandatory: "",
                     nav: ""
                   }, {
                     default: s(() => [
-                      n($, {
+                      n(C, {
                         "prepend-icon": `svg:${e(To)}`,
                         title: "Unread",
                         value: "read"
                       }, z({ _: 2 }, [
-                        e(i).unread.length > 0 ? {
+                        e(a).unread.length > 0 ? {
                           name: "append",
                           fn: s(() => [
-                            v("span", Os, C(e(i).unread.length), 1)
+                            v("span", Os, $(e(a).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      n($, {
+                      n(C, {
                         "prepend-icon": `svg:${e(Uo)}`,
                         title: "Read",
                         value: "unread"
                       }, z({ _: 2 }, [
-                        e(i).read.length > 0 ? {
+                        e(a).read.length > 0 ? {
                           name: "append",
                           fn: s(() => [
-                            v("span", Bs, C(e(i).read.length), 1)
+                            v("span", Bs, $(e(a).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      e(o).all.length > 0 && e(r).one.banners.enabled ? (c(), m($, {
+                      e(o).all.length > 0 && e(r).one.banners.enabled ? (c(), m(C, {
                         key: 0,
                         "prepend-icon": `svg:${e(Po)}`,
                         title: "Banners",
@@ -3333,7 +3333,7 @@ const at = /* @__PURE__ */ y({
                           })
                         ]),
                         _: 1
-                      }, 8, ["prepend-icon"])) : h("", !0)
+                      }, 8, ["prepend-icon"])) : b("", !0)
                     ]),
                     _: 1
                   }, 8, ["selected"])
@@ -3344,13 +3344,13 @@ const at = /* @__PURE__ */ y({
                 default: s(() => [
                   n(Ct, {
                     modelValue: e(l),
-                    "onUpdate:modelValue": V[1] || (V[1] = (x) => j(l) ? l.value = x : null)
+                    "onUpdate:modelValue": h[1] || (h[1] = (x) => j(l) ? l.value = x : null)
                   }, {
                     default: s(() => [
                       n(_e, { value: "read" }, {
                         default: s(() => [
                           n(L, {
-                            items: e(i).unread
+                            items: e(a).unread
                           }, null, 8, ["items"])
                         ]),
                         _: 1
@@ -3358,7 +3358,7 @@ const at = /* @__PURE__ */ y({
                       n(_e, { value: "unread" }, {
                         default: s(() => [
                           n(L, {
-                            items: e(i).read
+                            items: e(a).read
                           }, null, 8, ["items"])
                         ]),
                         _: 1
@@ -3385,14 +3385,14 @@ const at = /* @__PURE__ */ y({
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Es = /* @__PURE__ */ y({
+}), Fs = /* @__PURE__ */ y({
   __name: "VoNotificationsBadge",
   setup(p) {
-    const t = Fe(), a = T();
-    return (o, i) => (c(), m(Ye, {
+    const t = Ee(), i = T();
+    return (o, a) => (c(), m(Ye, {
       color: "error",
       content: e(t).unread.length,
-      "model-value": e(a).one.notifications.enabled && e(t).unread.length > 0
+      "model-value": e(i).one.notifications.enabled && e(t).unread.length > 0
     }, {
       default: s(() => [
         w(o.$slots, "default")
@@ -3403,14 +3403,14 @@ const at = /* @__PURE__ */ y({
 }), Ns = /* @__PURE__ */ y({
   __name: "VoNotificationsNavItem",
   setup(p) {
-    const t = Be(), a = T(), o = Fe(), i = I(!1);
+    const t = Be(), i = T(), o = Ee(), a = M(!1);
     return He(async () => {
       o.index(), t.index();
     }), (u, r) => {
-      const l = Es, d = Fs, f = q;
-      return e(a).one.notifications.enabled ? (c(), m(f, {
+      const l = Fs, d = Es, f = q;
+      return e(i).one.notifications.enabled ? (c(), m(f, {
         key: 0,
-        active: e(i),
+        active: e(a),
         link: "",
         "prepend-icon": `svg:${e(zo)}`,
         rounded: "lg",
@@ -3418,8 +3418,8 @@ const at = /* @__PURE__ */ y({
       }, z({
         default: s(() => [
           n(d, {
-            modelValue: e(i),
-            "onUpdate:modelValue": r[0] || (r[0] = (g) => j(i) ? i.value = g : null)
+            modelValue: e(a),
+            "onUpdate:modelValue": r[0] || (r[0] = (g) => j(a) ? a.value = g : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
@@ -3429,58 +3429,58 @@ const at = /* @__PURE__ */ y({
           fn: s(() => [
             n(l, null, {
               default: s(() => [
-                n(M)
+                n(I)
               ]),
               _: 1
             })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["active", "prepend-icon"])) : h("", !0);
+      ]), 1032, ["active", "prepend-icon"])) : b("", !0);
     };
   }
 }), Zs = /* @__PURE__ */ y({
   __name: "VoDashboardNavItem",
   setup(p) {
     const t = O();
-    function a() {
+    function i() {
       setTimeout(() => {
         t.isOpen = !1;
       }, 100);
     }
-    return (o, i) => {
+    return (o, a) => {
       const u = q;
       return c(), m(u, {
         "prepend-icon": `svg:${e(Oo)}`,
         rounded: "lg",
         title: "Dashboard",
         to: "/user/dashboard",
-        onClick: a
+        onClick: i
       }, null, 8, ["prepend-icon"]);
     };
   }
 }), Hs = /* @__PURE__ */ y({
   __name: "VoUserList",
   setup(p) {
-    const t = Z(), a = O(), o = De();
-    return (i, u) => {
-      const r = Zs, l = Ns, d = Cs, f = Vs, g = _s, _ = ms, V = ns, $ = Bn, L = Sn, U = bn;
-      return c(), m(oe, {
+    const t = F(), i = O(), o = De();
+    return (a, u) => {
+      const r = Zs, l = Ns, d = Cs, f = Vs, g = _s, _ = ms, h = ns, C = Bn, L = Sn, U = bn;
+      return c(), m(ne, {
         density: "compact",
         nav: "",
         slim: ""
       }, {
         default: s(() => [
-          e(t).user ? (c(), m(r, { key: 0 })) : h("", !0),
+          e(t).user ? (c(), m(r, { key: 0 })) : b("", !0),
           n(l),
           n(d),
-          e(o).hasTeamAccess ? (c(), m(f, { key: 1 })) : h("", !0),
-          e(a).shopify ? (c(), m(g, { key: 2 })) : h("", !0),
+          e(o).hasTeamAccess ? (c(), m(f, { key: 1 })) : b("", !0),
+          e(i).shopify ? (c(), m(g, { key: 2 })) : b("", !0),
           n(_),
-          e(t).user ? (c(), m(V, { key: 3 })) : h("", !0),
-          e(a).isSubscriber ? (c(), m($, { key: 4 })) : h("", !0),
+          e(t).user ? (c(), m(h, { key: 3 })) : b("", !0),
+          e(i).isSubscriber ? (c(), m(C, { key: 4 })) : b("", !0),
           n(L),
-          e(t).user ? (c(), m(U, { key: 5 })) : h("", !0)
+          e(t).user ? (c(), m(U, { key: 5 })) : b("", !0)
         ]),
         _: 1
       });
@@ -3489,7 +3489,7 @@ 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({
   __name: "VoUserAvatar",
   setup(p) {
-    const t = Z(), a = O(), o = T(), i = I(!1), u = b(() => {
+    const t = F(), i = O(), o = T(), a = M(!1), u = k(() => {
       const d = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/dark.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackguard.png",
@@ -3506,20 +3506,20 @@ const at = /* @__PURE__ */ y({
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackhole.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/meteor.png"
       ];
-      return a.isSubscriber && d.unshift("https://cdn.vuetifyjs.com/docs/images/avatars/one.png"), t.user && d.unshift(t.user.picture), d;
+      return i.isSubscriber && d.unshift("https://cdn.vuetifyjs.com/docs/images/avatars/one.png"), t.user && d.unshift(t.user.picture), d;
     });
     function r(d) {
       o.one.avatar = d;
     }
     function l() {
-      a.isSubscriber && (i.value = !i.value);
+      i.isSubscriber && (a.value = !a.value);
     }
-    return (d, f) => (c(), k("div", null, [
-      F((c(), m(ee, {
+    return (d, f) => (c(), V("div", null, [
+      N((c(), m(te, {
         class: Zt([
           "border-md border-opacity-100 border-surface-light",
           {
-            "cursor-pointer": e(a).isSubscriber
+            "cursor-pointer": e(i).isSubscriber
           }
         ]),
         color: "surface",
@@ -3532,7 +3532,7 @@ const at = /* @__PURE__ */ y({
             key: 0,
             alt: "User avatar",
             src: e(o).one.avatar
-          }, null, 8, ["src"])) : (c(), m(M, {
+          }, null, 8, ["src"])) : (c(), m(I, {
             key: 1,
             class: "mt-1",
             icon: "$vuetify",
@@ -3541,12 +3541,12 @@ const at = /* @__PURE__ */ y({
         ]),
         _: 1
       }, 8, ["class"])), [
-        [Xo, e(a).isSubscriber]
+        [Xo, e(i).isSubscriber]
       ]),
       v("div", js, [
         n(Le, null, {
           default: s(() => [
-            e(i) ? (c(), k("div", Rs, [
+            e(a) ? (c(), V("div", Rs, [
               n(P, {
                 class: "pt-6 pb-1",
                 flat: "",
@@ -3554,15 +3554,15 @@ const at = /* @__PURE__ */ y({
               }, {
                 default: s(() => [
                   v("div", qs, [
-                    (c(!0), k(D, null, G(e(u), (g, _) => (c(), m(A, {
+                    (c(!0), V(D, null, G(e(u), (g, _) => (c(), m(A, {
                       key: _,
                       active: e(o).one.avatar === g,
                       icon: "",
                       variant: "flat",
-                      onClick: (V) => r(g)
+                      onClick: (h) => r(g)
                     }, {
                       default: s(() => [
-                        n(ee, {
+                        n(te, {
                           eager: "",
                           image: g
                         }, null, 8, ["image"])
@@ -3573,19 +3573,19 @@ const at = /* @__PURE__ */ y({
                 ]),
                 _: 1
               })
-            ])) : h("", !0)
+            ])) : b("", !0)
           ]),
           _: 1
         })
       ]),
-      v("div", Ws, C(e(t).user?.name ?? "Guest"), 1)
+      v("div", Ws, $(e(t).user?.name ?? "Guest"), 1)
     ]));
   }
 }), Ks = ["href"], Ys = /* @__PURE__ */ y({
   __name: "VoUserPinnedEcosystem",
   setup(p) {
-    const t = T(), { pinned: a } = Tt();
-    return (o, i) => e(t).one.quicklinks && e(a).length > 0 ? (c(), m($e, {
+    const t = T(), { pinned: i } = Tt();
+    return (o, a) => e(t).one.quicklinks && e(i).length > 0 ? (c(), m($e, {
       key: 0,
       class: "align-center position-absolute d-flex ga-2 pa-2 me-2",
       color: "rgba(0,0,0,.54)",
@@ -3593,35 +3593,35 @@ const at = /* @__PURE__ */ y({
       style: { right: "0", top: "8px" }
     }, {
       default: s(() => [
-        (c(!0), k(D, null, G(e(a), (u) => (c(), m(ve, {
+        (c(!0), V(D, null, G(e(i), (u) => (c(), m(ve, {
           key: u.id
         }, {
           default: s(({ isHovering: r, props: l }) => [
-            F((c(), k("a", R({
+            N((c(), V("a", R({
               class: "d-inline-flex",
               href: u.href,
               target: "_blank"
             }, { ref_for: !0 }, l), [
-              n(M, {
+              n(I, {
                 color: r ? "primary" : "white",
                 icon: u.icon,
                 size: "16"
               }, null, 8, ["color", "icon"])
             ], 16, Ks)), [
-              [Y, u.name, "start"]
+              [Q, u.name, "start"]
             ])
           ]),
           _: 2
         }, 1024))), 128))
       ]),
       _: 1
-    })) : h("", !0);
+    })) : b("", !0);
   }
 }), Qs = /* @__PURE__ */ y({
   __name: "VoUserBadges",
   setup(p) {
-    const t = Z(), a = O(), o = b(() => a.github || a.discord || a.isSubscriber || t.user?.isAdmin);
-    return (i, u) => e(o) ? (c(), m($e, {
+    const t = F(), i = O(), o = k(() => i.github || i.discord || i.isSubscriber || t.user?.isAdmin);
+    return (a, u) => e(o) ? (c(), m($e, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
       color: "rgba(0,0,0,.54)",
@@ -3629,41 +3629,41 @@ const at = /* @__PURE__ */ y({
       style: { left: "0", top: "8px" }
     }, {
       default: s(() => [
-        e(t).user?.isAdmin ? F((c(), m(M, {
+        e(t).user?.isAdmin ? N((c(), m(I, {
           key: 0,
           color: "blue",
           icon: "$vuetify",
           size: "16"
         }, null, 512)), [
-          [Y, "Vuetify Administrator", "bottom"]
-        ]) : h("", !0),
-        e(a).isSubscriber ? F((c(), m(M, {
+          [Q, "Vuetify Administrator", "bottom"]
+        ]) : b("", !0),
+        e(i).isSubscriber ? N((c(), m(I, {
           key: 1,
           color: "amber-darken-2",
           icon: `svg:${e(Bo)}`,
           size: "16"
         }, null, 8, ["icon"])), [
-          [Y, "Vuetify One Subscriber", "bottom"]
-        ]) : h("", !0),
-        e(a).github ? F((c(), m(M, {
+          [Q, "Vuetify One Subscriber", "bottom"]
+        ]) : b("", !0),
+        e(i).github ? N((c(), m(I, {
           key: 2,
           color: "white",
           icon: "$github",
           size: "16"
         }, null, 512)), [
-          [Y, "GitHub Sponsor", "bottom"]
-        ]) : h("", !0),
-        e(a).discord ? F((c(), m(M, {
+          [Q, "GitHub Sponsor", "bottom"]
+        ]) : b("", !0),
+        e(i).discord ? N((c(), m(I, {
           key: 3,
           color: "white",
           icon: "$discord",
           size: "16"
         }, null, 512)), [
-          [Y, "Discord Subscriber", "bottom"]
-        ]) : h("", !0)
+          [Q, "Discord Subscriber", "bottom"]
+        ]) : b("", !0)
       ]),
       _: 1
-    })) : h("", !0);
+    })) : b("", !0);
   }
 }), Xs = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Js = {
   key: "reset",
@@ -3671,13 +3671,13 @@ const at = /* @__PURE__ */ y({
 }, ea = /* @__PURE__ */ y({
   __name: "VoUserColors",
   setup(p) {
-    const t = Z(), a = O(), o = T(), i = I(!1);
+    const t = F(), i = O(), o = T(), a = M(!1);
     function u() {
       o.one.colors.primary = "surface-light";
     }
     return (r, l) => {
       const d = Qs, f = Ys, g = we;
-      return c(), k(D, null, [
+      return c(), V(D, null, [
         n(se, {
           color: e(t).user ? e(o).one.colors.primary : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
@@ -3692,53 +3692,53 @@ const at = /* @__PURE__ */ y({
               n(f),
               n(Go, null, {
                 default: s(() => [
-                  F(v("div", Js, [
+                  N(v("div", Js, [
                     n(g, {
                       class: "ms-2 me-1",
                       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
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
-                    [Ie, e(i)]
+                    [Ie, e(a)]
                   ])
                 ]),
                 _: 1
               }),
-              e(a).isSubscriber ? (c(), m(g, {
+              e(i).isSubscriber ? (c(), m(g, {
                 key: 0,
-                active: e(i),
+                active: e(a),
                 class: "align-self-end",
                 color: "inherit",
                 density: "comfortable",
-                icon: e(i) ? `svg:${e(Ve)}` : "$edit",
+                icon: e(a) ? `svg:${e(Ve)}` : "$edit",
                 title: "Edit One Header Color",
-                variant: e(i) ? "text" : "plain",
-                onClick: l[0] || (l[0] = (_) => i.value = !e(i))
+                variant: e(a) ? "text" : "plain",
+                onClick: l[0] || (l[0] = (_) => a.value = !e(a))
               }, {
                 default: s(() => [
                   n(xe, { "leave-absolute": "" }, {
                     default: s(() => [
-                      (c(), m(M, {
-                        key: String(e(i))
+                      (c(), m(I, {
+                        key: String(e(a))
                       }))
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
-              }, 8, ["active", "icon", "variant"])) : h("", !0)
+              }, 8, ["active", "icon", "variant"])) : b("", !0)
             ])
           ]),
           _: 1
         }, 8, ["color"]),
         n(Le, null, {
           default: s(() => [
-            e(i) ? (c(), m(ln, {
+            e(a) ? (c(), m(ln, {
               key: 0,
               elevation: "0",
               height: "250",
@@ -3751,7 +3751,7 @@ const at = /* @__PURE__ */ y({
               "swatches-max-height": "200",
               width: "278",
               "onUpdate:modelValue": l[1] || (l[1] = (_) => e(o).one.colors.primary = _)
-            }, null, 8, ["model-value"])) : h("", !0)
+            }, null, 8, ["model-value"])) : b("", !0)
           ]),
           _: 1
         })
@@ -3761,16 +3761,16 @@ const at = /* @__PURE__ */ y({
 }), ta = { class: "text-center mt-n9 mb-4" }, oa = /* @__PURE__ */ y({
   __name: "VoUserMenu",
   setup(p) {
-    const t = Be(), a = O(), o = E();
+    const t = Be(), i = O(), o = E();
     return H(() => t.banner, async () => {
-      await new Promise((i) => setTimeout(i, 300)), a.isOpen && o.value?.updateLocation?.();
-    }, { flush: "pre" }), (i, u) => {
+      await new Promise((a) => setTimeout(a, 300)), i.isOpen && o.value?.updateLocation?.();
+    }, { flush: "pre" }), (a, u) => {
       const r = ea, l = Gs, d = Hs, f = Dt;
       return c(), m(Ue, {
         ref_key: "menu",
         ref: o,
-        modelValue: e(a).isOpen,
-        "onUpdate:modelValue": u[0] || (u[0] = (g) => e(a).isOpen = g),
+        modelValue: e(i).isOpen,
+        "onUpdate:modelValue": u[0] || (u[0] = (g) => e(i).isOpen = g),
         activator: "parent",
         "close-on-click": !1,
         "close-on-content-click": !1,
@@ -3788,9 +3788,9 @@ const at = /* @__PURE__ */ y({
               v("div", ta, [
                 n(l)
               ]),
-              n(N),
+              n(Z),
               n(d),
-              n(N),
+              n(Z),
               n(f)
             ]),
             _: 1
@@ -3803,11 +3803,11 @@ const at = /* @__PURE__ */ y({
 }), na = { class: "me-n3" }, sa = /* @__PURE__ */ y({
   __name: "VoTeamInvite",
   setup(p) {
-    const t = De(), a = b(() => t.team?.name ?? `${t.team?.owner.name}'s team`);
-    function o(i) {
-      t.clearTeamQuery(), i.value = !1;
+    const t = De(), i = k(() => t.team?.name ?? `${t.team?.owner.name}'s team`);
+    function o(a) {
+      t.clearTeamQuery(), a.value = !1;
     }
-    return (i, u) => e(t).teamInviteDialog ? (c(), m(Ce, {
+    return (a, u) => e(t).teamInviteDialog ? (c(), m(Ce, {
       key: 0,
       modelValue: e(t).teamInviteDialog,
       "onUpdate:modelValue": u[1] || (u[1] = (r) => e(t).teamInviteDialog = r),
@@ -3815,7 +3815,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"
         }, {
@@ -3831,11 +3831,11 @@ const at = /* @__PURE__ */ y({
           ]),
           text: s(() => [
             u[2] || (u[2] = S(" You have been invited to join ", -1)),
-            v("strong", null, C(e(a)), 1),
+            v("strong", null, $(e(i)), 1),
             u[3] || (u[3] = S("! ", -1))
           ]),
           default: s(() => [
-            n(N, { opacity: ".2" }),
+            n(Z, { opacity: ".2" }),
             n(yt, { class: "bg-surface-light" }, {
               default: s(() => [
                 n(A, {
@@ -3863,7 +3863,7 @@ const at = /* @__PURE__ */ y({
         }, 1032, ["prepend-icon"])
       ]),
       _: 1
-    }, 8, ["modelValue"])) : h("", !0);
+    }, 8, ["modelValue"])) : b("", !0);
   }
 }), aa = { key: 0 }, Pt = /* @__PURE__ */ y({
   __name: "VoAuthBtn",
@@ -3871,13 +3871,13 @@ const at = /* @__PURE__ */ y({
     external: Boolean
   },
   setup(p) {
-    const t = Z(), 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), g = ge(() => !!t.user && (d.value || f.value)), _ = ge(() => f.value ? "success" : "error");
-    function V() {
+    const t = F(), i = Ee(), o = O(), a = T(), { lgAndUp: u, smAndUp: r } = ae(), l = k(() => o.isOpen || !t.user ? a.one.colors.primary === "surface-light" ? "primary" : a.one.colors.primary : "surface-light"), d = ge(() => a.one.notifications.enabled && i.unread.length > 0), f = ge(() => o.isSubscriber && !a.ecosystem.mcp.seen), g = ge(() => !!t.user && (d.value || f.value)), _ = ge(() => f.value ? "success" : "error");
+    function h() {
       t.user || (t.dialog = !0);
     }
-    return ($, L) => {
-      const U = oa, K = we, x = It, pe = pn;
-      return c(), k(D, null, [
+    return (C, L) => {
+      const U = oa, Y = we, x = It, pe = pn;
+      return c(), V(D, null, [
         n(Ye, {
           color: e(_),
           dot: "",
@@ -3887,7 +3887,7 @@ const at = /* @__PURE__ */ y({
           "offset-y": e(t).user ? 5 : 0
         }, {
           default: s(() => [
-            n(K, R({
+            n(Y, R({
               [`${e(u) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(nt)}`
             }, {
               active: "",
@@ -3899,19 +3899,19 @@ const at = /* @__PURE__ */ y({
               size: e(r) ? "default" : "small",
               style: { transition: ".2s ease" },
               variant: e(t).user ? e(o).isOpen ? "outlined" : "text" : "flat",
-              onClick: V
+              onClick: h
             }), {
               default: s(() => [
-                e(t).user ? (c(), m(ee, {
+                e(t).user ? (c(), m(te, {
                   key: 0,
-                  image: e(i).one.avatar || e(t).user.picture || ""
-                }, null, 8, ["image"])) : (c(), k(D, { key: 1 }, [
-                  e(r) ? (c(), k("span", aa, "Login")) : (c(), m(M, {
+                  image: e(a).one.avatar || e(t).user.picture || ""
+                }, null, 8, ["image"])) : (c(), V(D, { key: 1 }, [
+                  e(r) ? (c(), V("span", aa, "Login")) : (c(), m(I, {
                     key: 1,
                     icon: `svg:${e(nt)}`
                   }, null, 8, ["icon"]))
                 ], 64)),
-                e(t).user ? (c(), m(U, { key: 2 })) : h("", !0)
+                e(t).user ? (c(), m(U, { key: 2 })) : b("", !0)
               ]),
               _: 1
             }, 16, ["border", "color", "icon", "loading", "size", "variant"])
@@ -3938,10 +3938,10 @@ const at = /* @__PURE__ */ y({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = W(p, "modelValue"), a = ut();
-    return (o, i) => (c(), m(Ue, {
+    const t = W(p, "modelValue"), i = ut();
+    return (o, a) => (c(), m(Ue, {
       modelValue: t.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (u) => t.value = u),
+      "onUpdate:modelValue": a[0] || (a[0] = (u) => t.value = u),
       "close-on-content-click": !1,
       "max-height": 500,
       "min-width": 300
@@ -3960,28 +3960,28 @@ const at = /* @__PURE__ */ y({
           rounded: "lg"
         }, {
           default: s(() => [
-            a.prepend ? (c(), k("div", ia, [
+            i.prepend ? (c(), V("div", ia, [
               w(o.$slots, "prepend")
-            ])) : h("", !0),
-            a.title ? (c(), k(D, { key: 1 }, [
-              a.prepend ? (c(), m(N, {
+            ])) : b("", !0),
+            i.title ? (c(), V(D, { key: 1 }, [
+              i.prepend ? (c(), m(Z, {
                 key: 0,
                 class: "mb-3"
-              })) : h("", !0),
+              })) : b("", !0),
               v("div", ra, [
                 w(o.$slots, "title")
               ])
-            ], 64)) : h("", !0),
-            a.default ? w(o.$slots, "default", { key: 2 }) : h("", !0),
-            a.extension ? (c(), k("div", la, [
+            ], 64)) : b("", !0),
+            i.default ? w(o.$slots, "default", { key: 2 }) : b("", !0),
+            i.extension ? (c(), V("div", la, [
               w(o.$slots, "extension")
-            ])) : h("", !0),
-            a.append ? (c(), k(D, { key: 4 }, [
-              n(N, { class: "my-3" }),
+            ])) : b("", !0),
+            i.append ? (c(), V(D, { key: 4 }, [
+              n(Z, { class: "my-3" }),
               v("div", ua, [
                 w(o.$slots, "append")
               ])
-            ], 64)) : h("", !0)
+            ], 64)) : b("", !0)
           ]),
           _: 3
         })
@@ -4000,9 +4000,9 @@ 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, i = W(p, "mobileMenu"), o = ut(), a = Te(), u = Pe(), { mobile: r } = ae(), l = k(() => t.responsive == !0 && r.value), d = k(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${t.logo}-logo-${a.current.value.dark ? "dark" : "light"}.png`);
     return (f, g) => {
-      const _ = lt("router-link"), V = ca, $ = Pt;
+      const _ = lt("router-link"), h = ca, C = Pt;
       return c(), m(xt, {
         class: "border-b",
         image: e(u).suit["app-bar"],
@@ -4022,14 +4022,14 @@ const at = /* @__PURE__ */ y({
             _: 1
           }),
           w(f.$slots, "prepend-fixed"),
-          e(l) ? h("", !0) : w(f.$slots, "prepend", { key: 0 })
+          e(l) ? b("", !0) : w(f.$slots, "prepend", { key: 0 })
         ]),
         append: s(() => [
           w(f.$slots, "append-fixed"),
-          e(l) ? (c(), m(V, {
+          e(l) ? (c(), m(h, {
             key: 0,
-            modelValue: a.value,
-            "onUpdate:modelValue": g[0] || (g[0] = (L) => a.value = L)
+            modelValue: i.value,
+            "onUpdate:modelValue": g[0] || (g[0] = (L) => i.value = L)
           }, z({
             activator: s((L) => [
               w(f.$slots, "menu-activator", ct(dt(L)))
@@ -4043,16 +4043,16 @@ const at = /* @__PURE__ */ y({
               ])
             }))
           ]), 1032, ["modelValue"])) : w(f.$slots, "append", { key: 1 }),
-          "append" in o || "append-fixed" in o ? (c(), m(N, {
+          "append" in o || "append-fixed" in o ? (c(), m(Z, {
             key: 2,
             class: "align-self-center h-100 mx-2 mx-sm-4",
             length: "20",
             vertical: ""
-          })) : h("", !0),
-          n($)
+          })) : b("", !0),
+          n(C)
         ]),
         default: s(() => [
-          e(l) ? h("", !0) : w(f.$slots, "default", { key: 0 })
+          e(l) ? b("", !0) : w(f.$slots, "default", { key: 0 })
         ]),
         _: 2
       }, [
@@ -4091,18 +4091,18 @@ const at = /* @__PURE__ */ y({
   },
   emits: ["script:error", "script:load"],
   setup(p, { emit: t }) {
-    const a = p, o = t, i = E(), u = E();
+    const i = p, o = t, a = 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;
+      r.type = "text/javascript", r.id = i.scriptId, r.src = i.src, r.addEventListener("load", () => o("script:load")), r.onerror = l, u.value = r;
     }), He(() => {
-      u.value && i.value && i.value.append(u.value);
+      u.value && a.value && a.value.append(u.value);
     }), Ht(() => {
-      u.value && i.value && u.value.remove();
-    }), (r, l) => (c(), k("div", {
+      u.value && a.value && u.value.remove();
+    }), (r, l) => (c(), V("div", {
       id: p.id,
       ref_key: "rootEl",
-      ref: i
+      ref: a
     }, null, 8, pa));
   }
 }), fa = {
@@ -4114,36 +4114,36 @@ const at = /* @__PURE__ */ y({
     image: {}
   },
   setup(p) {
-    return (t, a) => (c(), m(un, {
+    return (t, i) => (c(), m(un, {
       class: "vo-footer",
       height: "40"
     }, {
       default: s(() => [
-        t.image || t.$slots.image ? (c(), k("div", fa, [
+        t.image || t.$slots.image ? (c(), V("div", fa, [
           t.$slots.image ? w(t.$slots, "image", { key: 0 }, void 0, !0) : (c(), m(se, {
             key: 1,
             cover: "",
             position: "left",
             src: t.image
           }, null, 8, ["src"]))
-        ])) : h("", !0),
+        ])) : b("", !0),
         w(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }));
   }
 }), Xe = (p, t) => {
-  const a = p.__vccOpts || p;
-  for (const [o, i] of t)
-    a[o] = i;
-  return a;
+  const i = p.__vccOpts || p;
+  for (const [o, a] of t)
+    i[o] = a;
+  return i;
 }, zt = /* @__PURE__ */ Xe(va, [["__scopeId", "data-v-31335c0a"]]), ga = ["href", "title"], _a = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
 }, ya = /* @__PURE__ */ y({
   __name: "VoSocialFooter",
   setup(p) {
-    const t = Pe(), a = [
+    const t = Pe(), i = [
       {
         title: "Vuetify Documentation",
         icon: "$vuetify",
@@ -4175,7 +4175,7 @@ const at = /* @__PURE__ */ y({
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (o, i) => {
+    return (o, a) => {
       const u = zt;
       return c(), m(u, {
         class: "vo-footer",
@@ -4183,7 +4183,7 @@ const at = /* @__PURE__ */ y({
         image: e(t).suit.footer
       }, z({
         default: s(() => [
-          (c(), k(D, null, G(a, (r) => v("a", {
+          (c(), V(D, null, G(i, (r) => v("a", {
             key: r.title,
             class: "d-inline-block mx-2 social-link",
             href: r.href,
@@ -4191,14 +4191,14 @@ const at = /* @__PURE__ */ y({
             target: "_blank",
             title: r.title
           }, [
-            n(M, {
+            n(I, {
               icon: r.icon,
               size: r.icon === "$vuetify" ? 24 : 16
             }, null, 8, ["icon", "size"])
           ], 8, ga)), 64)),
           v("div", _a, [
-            S(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-            i[0] || (i[0] = v("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1))
+            S(" © 2016-" + $((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+            a[0] || (a[0] = v("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1))
           ])
         ]),
         _: 2
@@ -4219,34 +4219,34 @@ const at = /* @__PURE__ */ y({
     demo: { type: Boolean }
   },
   setup(p) {
-    jt(($) => ({
+    jt((C) => ({
       "581d2818": e(r)?.metadata.bg_blur
     }));
-    const t = p, { mdAndUp: a } = ae(), o = cn(), i = T(), u = Be(), r = b(() => u.banner), l = b(() => r.value?.metadata.height || (r.value?.metadata.subtext ? 88 : 48)), d = b(() => t.demo ? !0 : !!r.value && !i.one.banners.read.includes(r.value.slug));
+    const t = p, { mdAndUp: i } = ae(), o = cn(), a = T(), u = Be(), r = k(() => u.banner), l = k(() => r.value?.metadata.height || (r.value?.metadata.subtext ? 88 : 48)), d = k(() => t.demo ? !0 : !!r.value && !a.one.banners.read.includes(r.value.slug));
     function f() {
-      t.demo || r.value && (i.one.banners.read.push(r.value.slug), i.one.banners.last = (/* @__PURE__ */ new Date()).toISOString());
+      t.demo || r.value && (a.one.banners.read.push(r.value.slug), a.one.banners.last = (/* @__PURE__ */ new Date()).toISOString());
     }
-    async function g($) {
+    async function g(C) {
       if (!r.value) return;
-      i.one.banners.last = (/* @__PURE__ */ new Date()).toISOString();
+      a.one.banners.last = (/* @__PURE__ */ new Date()).toISOString();
       const L = r.value?.metadata ?? { link: "" };
       if (!L.link.includes("?one=")) return;
-      $.preventDefault(), $.stopPropagation();
+      C.preventDefault(), C.stopPropagation();
       const U = L.link.split("?one=")[1];
       o.push({ query: { one: U } });
     }
-    const _ = b(() => {
-      const $ = r.value?.metadata ?? { link: "" };
+    const _ = k(() => {
+      const C = r.value?.metadata ?? { link: "" };
       return {
-        href: $.link.startsWith("http") ? $.link : void 0,
-        target: $.link.startsWith("http") ? "_blank" : void 0,
-        to: $.link.startsWith("http") ? void 0 : $.link,
+        href: C.link.startsWith("http") ? C.link : void 0,
+        target: C.link.startsWith("http") ? "_blank" : void 0,
+        to: C.link.startsWith("http") ? void 0 : C.link,
         ...r.value?.metadata.attributes
       };
-    }), V = b(() => {
-      const $ = r.value?.metadata.images.bg?.url;
-      if (!$?.startsWith("https://cdn.cosmicjs.com/")) return $;
-      const L = new URL($);
+    }), h = k(() => {
+      const C = r.value?.metadata.images.bg?.url;
+      if (!C?.startsWith("https://cdn.cosmicjs.com/")) return C;
+      const L = new URL(C);
       return L.host = "imgix.cosmicjs.com", L.search = new URLSearchParams({
         auto: "format,compress",
         q: "10",
@@ -4255,14 +4255,14 @@ const at = /* @__PURE__ */ y({
         h: "256"
       }).toString(), L.toString();
     });
-    return ($, L) => e(r) ? (c(), m(xt, {
+    return (C, L) => e(r) ? (c(), m(xt, {
       key: 0,
       class: "vo-notifications-banner",
       color: e(r).metadata.color,
       flat: "",
       height: e(l),
-      image: e(V),
-      location: $.demo ? "bottom" : void 0,
+      image: e(h),
+      location: C.demo ? "bottom" : void 0,
       "model-value": e(d),
       order: "-1"
     }, {
@@ -4273,18 +4273,18 @@ const at = /* @__PURE__ */ y({
           lines: "two"
         }, e(_), { onClick: g }), {
           prepend: s(() => [
-            e(r).metadata.images.logo ? (c(), m(ee, {
+            e(r).metadata.images.logo ? (c(), m(te, {
               key: 0,
               icon: "$vuetify",
               image: e(r).metadata.images.logo.url,
               size: "x-large",
               tile: "",
               variant: "text"
-            }, null, 8, ["image"])) : h("", !0)
+            }, null, 8, ["image"])) : b("", !0)
           ]),
           append: s(() => [
-            e(a) && e(r).metadata.link && e(r).metadata.link_text ? (c(), m(ve, { key: 0 }, {
-              default: s(({ isHovering: U, props: K }) => [
+            e(i) && e(r).metadata.link && e(r).metadata.link_text ? (c(), m(ve, { key: 0 }, {
+              default: s(({ isHovering: U, props: Y }) => [
                 n(A, R({
                   "append-icon": `svg:${e(Ae)}`,
                   class: "text-none me-2",
@@ -4292,20 +4292,20 @@ const at = /* @__PURE__ */ y({
                   elevation: U ? 8 : 0,
                   title: e(r).metadata.link_text
                 }, {
-                  ...K,
+                  ...Y,
                   ...e(_)
                 }, {
                   variant: "elevated",
                   onClick: ye(g, ["stop"])
                 }), {
                   default: s(() => [
-                    S(C(e(r).metadata.link_text), 1)
+                    S($(e(r).metadata.link_text), 1)
                   ]),
                   _: 1
                 }, 16, ["append-icon", "color", "elevation", "title"])
               ]),
               _: 1
-            })) : h("", !0),
+            })) : b("", !0),
             e(r).metadata.closable ? (c(), m(A, {
               key: 1,
               class: "ms-6 me-2",
@@ -4314,7 +4314,7 @@ const at = /* @__PURE__ */ y({
               size: "small",
               variant: "plain",
               onClick: ye(f, ["prevent", "stop"])
-            })) : h("", !0)
+            })) : b("", !0)
           ]),
           default: s(() => [
             e(r).metadata.text ? (c(), m(_t, {
@@ -4322,22 +4322,22 @@ const at = /* @__PURE__ */ y({
               class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
             }, {
               default: s(() => [
-                S(C(e(r).metadata.text), 1)
+                S($(e(r).metadata.text), 1)
               ]),
               _: 1
-            })) : h("", !0),
+            })) : b("", !0),
             e(r).metadata.subtext ? (c(), m(jo, { key: 1 }, {
               default: s(() => [
-                S(C(e(r).metadata.subtext), 1)
+                S($(e(r).metadata.subtext), 1)
               ]),
               _: 1
-            })) : h("", !0)
+            })) : b("", !0)
           ]),
           _: 1
         }, 16)
       ]),
       _: 1
-    }, 8, ["color", "height", "image", "location", "model-value"])) : h("", !0);
+    }, 8, ["color", "height", "image", "location", "model-value"])) : b("", !0);
   }
 }), ka = /* @__PURE__ */ Xe(ba, [["__scopeId", "data-v-dee53f67"]]), Va = {
   key: 0,
@@ -4350,7 +4350,7 @@ const at = /* @__PURE__ */ y({
     minHeight: {}
   },
   setup(p) {
-    return (t, a) => (c(), m(P, {
+    return (t, i) => (c(), m(P, {
       class: "d-inline-flex flex-child-1 position-relative",
       color: "surface-light",
       flat: "",
@@ -4368,7 +4368,7 @@ const at = /* @__PURE__ */ y({
           ]),
           _: 3
         }, 8, ["min-height"]),
-        t.caption ? (c(), k("div", Va, C(t.caption), 1)) : h("", !0)
+        t.caption ? (c(), V("div", Va, $(t.caption), 1)) : b("", !0)
       ]),
       _: 2
     }, [
@@ -4388,8 +4388,8 @@ const at = /* @__PURE__ */ y({
       } : void 0
     ]), 1024));
   }
-}), Je = X("promotions", () => {
-  const p = te(), t = ne(), a = E([]), o = I(!1), i = I(!1), u = b(() => a.value.filter((d) => d.metadata.discoverable));
+}), Je = K("promotions", () => {
+  const p = J(), t = oe(), i = E([]), o = M(!1), a = M(!1), u = k(() => i.value.filter((d) => d.metadata.discoverable));
   je(l);
   function r(d) {
     const f = d.filter((g) => g.metadata.active);
@@ -4399,18 +4399,18 @@ const at = /* @__PURE__ */ y({
     try {
       o.value = !0;
       const d = await p.get("/one/promotions");
-      a.value = d.promotions;
+      i.value = d.promotions;
     } catch (d) {
       t.showError(d?.message ?? "Error fetching promotions");
     } finally {
-      o.value = !1, i.value = !0;
+      o.value = !1, a.value = !0;
     }
-    return a.value;
+    return i.value;
   }
   return {
-    all: a,
+    all: i,
     isLoading: o,
-    hasLoaded: i,
+    hasLoaded: a,
     discoverable: u,
     index: l,
     random: r
@@ -4421,14 +4421,14 @@ const at = /* @__PURE__ */ y({
     slug: {}
   },
   setup(p) {
-    const t = p, a = Z(), o = Je(), i = Te(), u = T(), r = b(() => {
-      if (!(a.user && !u.one.ads.enabled))
+    const t = p, i = F(), o = Je(), a = Te(), u = T(), r = k(() => {
+      if (!(i.user && !u.one.ads.enabled))
         return t.slug ? o.all.find((f) => f.slug === t.slug) : o.random(o.all);
-    }), l = b(() => {
-      const f = i.current.value.dark ? "logodark" : "logolight";
+    }), l = k(() => {
+      const f = a.current.value.dark ? "logodark" : "logolight";
       return r.value?.metadata.images[f]?.url;
-    }), d = b(() => {
-      const f = i.current.value.dark ? "bgdark" : "bglight";
+    }), d = k(() => {
+      const f = a.current.value.dark ? "bgdark" : "bglight";
       return r.value?.metadata.images[f]?.url;
     });
     return (f, g) => {
@@ -4446,7 +4446,7 @@ const at = /* @__PURE__ */ y({
         width: "100%"
       }, z({
         default: s(() => [
-          e(o).hasLoaded ? h("", !0) : (c(), m(he, {
+          e(o).hasLoaded ? b("", !0) : (c(), m(he, {
             key: 0,
             class: "flex-1-0 overflow-hidden",
             color: "transparent",
@@ -4460,7 +4460,7 @@ const at = /* @__PURE__ */ y({
         e(r) ? {
           name: "prepend",
           fn: s(() => [
-            n(ee, {
+            n(te, {
               class: "my-n4 me-4",
               icon: "$vuetify",
               size: "36"
@@ -4475,7 +4475,7 @@ const at = /* @__PURE__ */ y({
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : h("", !0);
+      ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : b("", !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({
@@ -4484,9 +4484,9 @@ const at = /* @__PURE__ */ y({
     slug: {}
   },
   setup(p) {
-    const t = p, a = Z(), 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);
+    const t = p, i = F(), o = Je(), a = T(), u = k(() => {
+      if (!(i.user && !a.one.ads.enabled && !a.one.ads.house))
+        return t.slug ? o.all.find((r) => r.slug === t.slug) : o.random(!a.one.ads.enabled && a.one.ads.house ? o.discoverable : o.all);
     });
     return (r, l) => {
       const d = Ot;
@@ -4500,7 +4500,7 @@ const at = /* @__PURE__ */ y({
       }, {
         default: s(() => [
           v("div", $a, [
-            e(o).hasLoaded ? e(u) ? (c(), k(D, { key: 1 }, [
+            e(o).hasLoaded ? e(u) ? (c(), V(D, { key: 1 }, [
               n(se, {
                 cover: "",
                 height: "100",
@@ -4511,9 +4511,9 @@ const at = /* @__PURE__ */ y({
                 width: "100%"
               }, null, 8, ["src"]),
               v("div", xa, [
-                v("div", La, C(e(u).metadata?.text), 1)
+                v("div", La, $(e(u).metadata?.text), 1)
               ])
-            ], 64)) : h("", !0) : (c(), k(D, { key: 0 }, [
+            ], 64)) : b("", !0) : (c(), V(D, { key: 0 }, [
               n(he, {
                 class: "flex-1-0 overflow-hidden",
                 color: "transparent",
@@ -4533,7 +4533,7 @@ const at = /* @__PURE__ */ y({
           ])
         ]),
         _: 1
-      }, 8, ["href"])) : h("", !0);
+      }, 8, ["href"])) : b("", !0);
     };
   }
 }), Sa = ["href"], Ma = /* @__PURE__ */ y({
@@ -4542,13 +4542,13 @@ const at = /* @__PURE__ */ y({
     slug: {}
   },
   setup(p) {
-    const t = p, a = Z(), o = Je(), i = T(), u = Te(), r = b(() => {
-      if (!(a.user && !i.one.ads.enabled))
+    const t = p, i = F(), o = Je(), a = T(), u = Te(), r = k(() => {
+      if (!(i.user && !a.one.ads.enabled))
         return t.slug ? o.all.find((f) => f.slug === t.slug) : o.random(o.all);
-    }), l = b(() => {
+    }), l = k(() => {
       const f = u.current.value.dark ? "logodark" : "logolight";
       return r.value?.metadata.images[f]?.url;
-    }), d = b(() => {
+    }), d = k(() => {
       const f = u.current.value.dark ? "bgdark" : "bglight";
       return r.value?.metadata.images[f]?.url;
     });
@@ -4567,29 +4567,29 @@ const at = /* @__PURE__ */ y({
             style: { color: "inherit" },
             target: "_blank"
           }, [
-            n(ee, {
+            n(te, {
               class: "me-4",
               icon: "$vuetify",
               image: e(l),
               size: "24"
             }, null, 8, ["image"]),
-            v("div", null, C(e(r)?.metadata.text), 1),
-            e(r)?.metadata.advertisement ? (c(), m(J, {
+            v("div", null, $(e(r)?.metadata.text), 1),
+            e(r)?.metadata.advertisement ? (c(), m(ee, {
               key: 0,
               class: "ms-auto me-n4 align-self-end mb-n2 py-1 ps-3",
               rounded: "0 ts-lg",
               size: "x-small",
               text: "SPONSORED",
               variant: "flat"
-            })) : h("", !0)
+            })) : b("", !0)
           ], 8, Sa)
         ]),
         _: 1
       }, 8, ["color", "image"]);
     };
   }
-}), Ia = X("spots", () => {
-  const p = te(), t = Ut(), a = ne(), o = E([]), i = I(!1), u = b(() => o.value.find(({
+}), Ia = K("spots", () => {
+  const p = J(), t = Ut(), i = oe(), o = E([]), a = M(!1), u = k(() => o.value.find(({
     metadata: {
       site: l,
       active: d
@@ -4597,19 +4597,19 @@ const at = /* @__PURE__ */ y({
   }) => d ? l.includes("dev") && !1 || l.includes("*") ? !0 : l.some((f) => t.id.includes(f)) : !1));
   async function r() {
     try {
-      i.value = !0;
+      a.value = !0;
       const l = await p.get("/one/spots");
       o.value = l.spots;
     } catch (l) {
-      a.showError(l?.message ?? "Error fetching spots");
+      i.showError(l?.message ?? "Error fetching spots");
     } finally {
-      i.value = !1;
+      a.value = !1;
     }
     return o.value;
   }
   return {
     all: o,
-    isLoading: i,
+    isLoading: a,
     spot: u,
     index: r
   };
@@ -4617,7 +4617,7 @@ const at = /* @__PURE__ */ y({
   __name: "VoSpot",
   setup(p) {
     const t = Ia();
-    return (a, o) => e(t).spot ? (c(), k("a", {
+    return (i, o) => e(t).spot ? (c(), V("a", {
       key: 0,
       href: e(t).spot.metadata.href,
       rel: "noopener noreferrer sponsored",
@@ -4630,7 +4630,7 @@ const at = /* @__PURE__ */ y({
         src: e(t).spot.metadata.image?.url,
         width: "225"
       }, null, 8, ["color", "src"])
-    ], 8, Da)) : h("", !0);
+    ], 8, Da)) : b("", !0);
   }
 }), Li = {
   discord: ["M22,24L16.75,19L17.38,21H4.5A2.5,2.5 0 0,1 2,18.5V3.5A2.5,2.5 0 0,1 4.5,1H19.5A2.5,2.5 0 0,1 22,3.5V24M12,6.8C9.32,6.8 7.44,7.95 7.44,7.95C8.47,7.03 10.27,6.5 10.27,6.5L10.1,6.33C8.41,6.36 6.88,7.53 6.88,7.53C5.16,11.12 5.27,14.22 5.27,14.22C6.67,16.03 8.75,15.9 8.75,15.9L9.46,15C8.21,14.73 7.42,13.62 7.42,13.62C7.42,13.62 9.3,14.9 12,14.9C14.7,14.9 16.58,13.62 16.58,13.62C16.58,13.62 15.79,14.73 14.54,15L15.25,15.9C15.25,15.9 17.33,16.03 18.73,14.22C18.73,14.22 18.84,11.12 17.12,7.53C17.12,7.53 15.59,6.36 13.9,6.33L13.73,6.5C13.73,6.5 15.53,7.03 16.56,7.95C16.56,7.95 14.68,6.8 12,6.8M9.93,10.59C10.58,10.59 11.11,11.16 11.1,11.86C11.1,12.55 10.58,13.13 9.93,13.13C9.29,13.13 8.77,12.55 8.77,11.86C8.77,11.16 9.28,10.59 9.93,10.59M14.1,10.59C14.75,10.59 15.27,11.16 15.27,11.86C15.27,12.55 14.75,13.13 14.1,13.13C13.46,13.13 12.94,12.55 12.94,11.86C12.94,11.16 13.45,10.59 14.1,10.59Z"],
@@ -4700,53 +4700,105 @@ const at = /* @__PURE__ */ y({
     ["M10.1201 9.28459H7.99586V4.02767L10.1201 2H14.9586L17.0828 4.02767V9.28459H14.9586V4.02767H10.1201V9.28459Z", 0.6],
     ["M22 21L18.3734 17.675L14.3133 21H22Z", 0.4]
   ]
-}, wi = X("bins", () => {
-  const p = te(), t = ne(), a = E([]), o = I(!1), i = b(() => a.value.filter((l) => l.favorite)), u = b(() => a.value.filter((l) => l.pinned));
+}, wi = K("bins", () => {
+  const p = J(), t = oe(), i = E([]), o = M(!1), a = k(() => i.value.filter((l) => l.favorite)), u = k(() => i.value.filter((l) => l.pinned));
   async function r() {
     try {
       o.value = !0;
       const l = await p.get("/one/bins");
-      a.value = l.bins;
+      i.value = l.bins;
     } catch (l) {
       t.showError(l?.message ?? "Error fetching bins");
     } finally {
       o.value = !1;
     }
-    return a.value;
+    return i.value;
   }
   return {
     isLoading: o,
     pinned: u,
-    favorites: i,
-    all: a,
+    favorites: a,
+    all: i,
     index: r
   };
-}), Si = X("products", () => {
-  const p = te(), t = ne(), a = E([]), o = b(() => a.value.filter((r) => r.product_type === "Themes"));
-  async function i() {
-    if (a.value.length > 0)
-      return a.value;
+}), Si = K("links", () => {
+  const p = J(), t = oe(), i = F(), o = O(), a = E([]), u = M(!1), r = M(!1), l = k(() => a.value.filter((h) => h.favorite)), d = k(() => a.value.filter((h) => h.pinned)), f = k(() => i.user?.isAdmin || o.isSubscriber);
+  async function g() {
+    try {
+      u.value = !0;
+      const h = await p.get("/one/links");
+      a.value = h.links;
+    } catch (h) {
+      t.showError(h?.message ?? "Error fetching links");
+    } finally {
+      u.value = !1;
+    }
+    return a.value;
+  }
+  async function _(h) {
+    if (!f.value) {
+      t.showError("Must be a Vuetify One subscriber to create links");
+      return;
+    }
+    try {
+      r.value = !0;
+      const C = await p.post("/one/links", {
+        link: {
+          title: h.title,
+          url: h.url,
+          slug: h.slug || "",
+          favorite: h.favorite ?? !1,
+          pinned: h.pinned ?? !1,
+          scoped: h.scoped ?? !1,
+          passwordProtection: h.passwordProtection ?? !1,
+          password: h.password ?? null,
+          timer: h.timer ?? null,
+          expiresAt: h.expiresAt ?? null
+        }
+      });
+      return a.value.unshift(C.link), C.link;
+    } catch (C) {
+      t.showError(C?.message ?? "Error creating link");
+    } finally {
+      r.value = !1;
+    }
+  }
+  return {
+    isLoading: u,
+    isSaving: r,
+    canCreate: f,
+    pinned: d,
+    favorites: l,
+    all: a,
+    index: g,
+    create: _
+  };
+}), Mi = K("products", () => {
+  const p = J(), t = oe(), i = E([]), o = k(() => i.value.filter((r) => r.product_type === "Themes"));
+  async function a() {
+    if (i.value.length > 0)
+      return i.value;
     try {
       const r = await p.get("/one/shopify/products");
-      a.value = r.products;
+      i.value = r.products;
     } catch (r) {
       t.showError(r?.message ?? "Error fetching products");
     }
-    return a.value;
+    return i.value;
   }
   function u(r) {
     return r.slice().sort(() => Math.random() - 0.5);
   }
   return {
-    all: a,
+    all: i,
     themes: o,
-    index: i,
+    index: a,
     randomize: u
   };
-}), Mi = X("sponsors", () => {
-  const p = te(), t = ne(), a = E([]), o = E([]), i = E(!1), u = b(() => {
+}), Ii = K("sponsors", () => {
+  const p = J(), t = oe(), i = E([]), o = E([]), a = E(!1), u = k(() => {
     const d = {};
-    for (const f of a.value) {
+    for (const f of i.value) {
       const g = f.metadata.tier;
       d[g] || (d[g] = []), d[g].push(f);
     }
@@ -4755,57 +4807,58 @@ const at = /* @__PURE__ */ y({
   Rt(r), je(r);
   async function r() {
     try {
-      i.value = !0;
+      a.value = !0;
       const d = await p.get("/one/sponsors");
       o.value = d.sponsors;
     } catch (d) {
       t.showError(d?.message ?? "Error fetching sponsors");
     } finally {
-      i.value = !1;
+      a.value = !1;
     }
     return o.value;
   }
   function l(d) {
-    return a.value.find((f) => f.slug === d);
+    return i.value.find((f) => f.slug === d);
   }
   return {
-    isLoading: i,
+    isLoading: a,
     all: o,
-    sponsors: a,
+    sponsors: i,
     byTier: u,
     bySlug: l,
     index: r
   };
 });
-function Ii() {
+function Di() {
   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", ka), t.component("VoPromotionsCardHighlight", Ca), t.component("VoPromotionsCardVuetify", wa), t.component("VoPromotionsFooter", Ma), t.component("VoScript", ma), t.component("VoSocialFooter", ha), t.component("VoSpot", Aa);
   }
   return { install: p };
 }
-function Di(p, t) {
-  return function(a) {
-    const o = a.store;
+function Ai(p, t) {
+  return function(i) {
+    const o = i.store;
     o.url = t, o.$id === "site" && (o.id = p);
   };
 }
 export {
   Li as aliases,
-  Ii as createOne,
-  Di as one,
-  Z as useAuthStore,
+  Di as createOne,
+  Ai as one,
+  F as useAuthStore,
   Be as useBannersStore,
   wi as useBinsStore,
   fs as useDownloadsStore,
-  te as useHttpStore,
-  Fe as useNotificationsStore,
+  J as useHttpStore,
+  Si as useLinksStore,
+  Ee as useNotificationsStore,
   O as useOneStore,
-  Si as useProductsStore,
+  Mi as useProductsStore,
   Je as usePromotionsStore,
-  ne as useQueueStore,
+  oe as useQueueStore,
   Pe as useSettingsStore,
   Ut as useSiteStore,
-  Mi as useSponsorsStore,
+  Ii as useSponsorsStore,
   Ia as useSpotsStore,
   De as useTeamStore,
   T as useUserStore