@vuetify/one 2.10.1 → 2.11.1

package/dist/index.js

@@ -1,74 +1,74 @@
-import { defineComponent as _, createBlock as m, openBlock as c, unref as e, computed as b, createSlots as z, withCtx as s, createElementVNode as g, toDisplayString as V, createVNode as n, createTextVNode as S, normalizeStyle as it, createCommentVNode as h, renderSlot as w, shallowRef as M, watch as H, withModifiers as _e, mergeModels as rt, useModel as G, createElementBlock as C, Fragment as D, nextTick as be, renderList as K, mergeProps as R, withDirectives as Z, vShow as Ie, isRef as j, ref as E, readonly as Se, resolveComponent as lt, watchEffect as Zt, onMounted as He, toRef as ge, normalizeClass as Nt, useSlots as ut, normalizeProps as ct, guardReactiveProps as dt, onBeforeMount as je, onBeforeUnmount as Ht, useCssVars as jt, onServerPrefetch as Rt } from "vue";
-import { u as ee, a as F, b as T, c as O, d as Ce, e as Y, f as De } from "./auth-DCDisIda.js";
-import { VSnackbarQueue as qt } from "vuetify/components/VSnackbarQueue";
-import { mdiStorefront as Wt, mdiSync as Gt, mdiSyncOff as Kt, mdiLogoutVariant as Yt, mdiFullscreenExit as Qt, mdiFullscreen as Xt, mdiCheck as ke, mdiSelect as Jt, mdiSpaceInvaders as pt, mdiImageFilterHdr as mt, mdiTransmissionTower as ft, mdiRocketLaunchOutline as vt, mdiHome as eo, mdiTextBox as to, mdiWhiteBalanceSunny as oo, mdiWeatherNight as no, mdiDesktopTowerMonitor as so, mdiContrastCircle as ao, mdiCog as io, mdiCogOutline as ro, mdiShieldKeyOutline as lo, mdiContentCopy as Re, mdiFileDocument as gt, mdiKey as uo, mdiPlus as co, mdiRefresh as po, mdiKeyOutline as mo, mdiCreditCardSettingsOutline as fo, mdiRocketOutline as vo, mdiCheckCircleOutline as Me, mdiCreditCard as go, mdiReload as yo, mdiPlaylistCheck as _o, mdiCreditCardOutline as ho, mdiOpenInNew as Ae, mdiMedal as bo, mdiHandHeart as Co, mdiHandHeartOutline as ko, mdiCloudDownload as Vo, mdiTrayArrowDown as tt, mdiAccountGroup as $o, mdiAccount as xo, mdiLinkVariant as Lo, mdiShieldLock as ot, mdiAccountRemoveOutline as wo, mdiExitToApp as So, mdiAccountGroupOutline as Mo, mdiPin as Io, mdiPinOutline as Do, mdiEmailOpenOutline as qe, mdiEmailVariant as We, mdiBell as Ao, mdiInboxOutline as To, mdiInboxFullOutline as Uo, mdiBillboard as Po, mdiBellOutline as zo, mdiViewDashboardOutline as Oo, mdiCrown as Bo, mdiArrowULeftBottom as Eo, mdiAtomVariant as Fo, mdiLogin as nt, mdiDotsVertical as Zo, mdiShieldStarOutline as No } from "@mdi/js";
-import { VListItem as le, VList as ne, VListSubheader as Ho, VListItemTitle as yt, VListItemSubtitle as jo } from "vuetify/components/VList";
+import { defineComponent as _, createBlock as m, openBlock as c, unref as e, computed as b, createSlots as P, withCtx as s, createElementVNode as g, toDisplayString as V, createVNode as n, createTextVNode as S, normalizeStyle as it, createCommentVNode as h, renderSlot as w, shallowRef as M, watch as H, withModifiers as _e, mergeModels as rt, useModel as W, createElementBlock as k, Fragment as D, nextTick as be, renderList as K, mergeProps as R, withDirectives as Z, vShow as Ie, isRef as j, ref as F, readonly as Se, resolveComponent as lt, watchEffect as Nt, onMounted as He, toRef as ge, normalizeClass as Ht, useSlots as ut, normalizeProps as ct, guardReactiveProps as dt, onBeforeMount as je, onBeforeUnmount as jt, useCssVars as Rt, onServerPrefetch as qt } from "vue";
+import { u as ee, a as E, b as T, c as B, d as Ce, e as Y, f as De } from "./auth-DCDisIda.js";
+import { VSnackbarQueue as Gt } from "vuetify/components/VSnackbarQueue";
+import { mdiStorefront as Wt, mdiSync as Kt, mdiSyncOff as Yt, mdiLogoutVariant as Qt, mdiFullscreenExit as Xt, mdiFullscreen as Jt, mdiCheck as ke, mdiSelect as eo, mdiSpaceInvaders as pt, mdiImageFilterHdr as mt, mdiTransmissionTower as ft, mdiRocketLaunchOutline as vt, mdiHome as to, mdiTextBox as oo, mdiWhiteBalanceSunny as no, mdiWeatherNight as so, mdiDesktopTowerMonitor as ao, mdiContrastCircle as io, mdiCog as ro, mdiCogOutline as lo, mdiShieldKeyOutline as uo, mdiContentCopy as Re, mdiFileDocument as gt, mdiKey as co, mdiPlus as po, mdiRefresh as mo, mdiKeyOutline as fo, mdiCreditCardSettingsOutline as vo, mdiRocketOutline as go, mdiCheckCircleOutline as Me, mdiCreditCard as yo, mdiReload as _o, mdiPlaylistCheck as ho, mdiCreditCardOutline as bo, mdiOpenInNew as Ae, mdiMedal as Co, mdiHandHeart as ko, mdiHandHeartOutline as Vo, mdiCloudDownload as $o, mdiTrayArrowDown as tt, mdiAccountGroup as xo, mdiAccount as Lo, mdiLinkVariant as wo, mdiShieldLock as ot, mdiAccountRemoveOutline as So, mdiExitToApp as Mo, mdiAccountGroupOutline as Io, mdiPin as Do, mdiPinOutline as Ao, mdiEmailOpenOutline as qe, mdiEmailVariant as Ge, mdiBell as To, mdiInboxOutline as Uo, mdiInboxFullOutline as Po, mdiBillboard as zo, mdiBellOutline as Bo, mdiViewDashboardOutline as Oo, mdiCrown as Eo, mdiArrowULeftBottom as Fo, mdiAtomVariant as Zo, mdiLogin as nt, mdiDotsVertical as No, mdiShieldStarOutline as Ho } from "@mdi/js";
+import { VListItem as ae, VList as ne, VListSubheader as jo, VListItemTitle as yt, VListItemSubtitle as Ro } from "vuetify/components/VList";
 import { VAvatar as oe } from "vuetify/components/VAvatar";
-import { VCard as P, VCardTitle as Ro, VCardSubtitle as qo, VCardText as J, VCardActions as _t, VCardItem as Fe } from "vuetify/components/VCard";
+import { VCard as z, VCardTitle as qo, VCardSubtitle as Go, VCardText as J, VCardActions as _t, VCardItem as Fe } from "vuetify/components/VCard";
 import { VDialog as Ve } from "vuetify/components/VDialog";
 import { VBtn as A } from "vuetify/components/VBtn";
 import { VProgressCircular as Wo } from "vuetify/components/VProgressCircular";
 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 { VSwitch as We } from "vuetify/components/VSwitch";
+import { VFadeTransition as xe, VExpandTransition as Le, VExpandXTransition as Ko } from "vuetify/components/transitions";
+import { useDisplay as ie, useTheme as Te, useDate as me } from "vuetify";
 import { VDivider as N } from "vuetify/components/VDivider";
 import { VIcon as I } from "vuetify/components/VIcon";
 import { VLabel as Ze } from "vuetify/components/VLabel";
 import { VChip as te } from "vuetify/components/VChip";
-import { VChipGroup as Ko } from "vuetify/components/VChipGroup";
-import { VSelect as Yo } from "vuetify/components/VSelect";
+import { VChipGroup as Yo } from "vuetify/components/VChipGroup";
+import { VSelect as Qo } from "vuetify/components/VSelect";
 import { defineStore as q } from "pinia";
-import { VRow as fe, VCol as re, VSpacer as ht } from "vuetify/components/VGrid";
+import { VRow as fe, VCol as le, VSpacer as ht } from "vuetify/components/VGrid";
 import { VHover as ve } from "vuetify/components/VHover";
 import { VImg as se } from "vuetify/components/VImg";
 import { VItemGroup as bt, VItem as Ne } from "vuetify/components/VItemGroup";
 import { VLayout as ue } from "vuetify/components/VLayout";
 import { VMain as ce } from "vuetify/components/VMain";
 import { VTextField as Ct } from "vuetify/components/VTextField";
-import { VTable as Qo } from "vuetify/components/VTable";
-import { Tooltip as X, Ripple as Xo } from "vuetify/directives";
-import { VExpansionPanels as Jo, VExpansionPanel as en, VExpansionPanelText as tn } from "vuetify/components/VExpansionPanel";
-import { VDataTableVirtual as kt, VDataTable as on } from "vuetify/components/VDataTable";
+import { VTable as Xo } from "vuetify/components/VTable";
+import { Tooltip as X, Ripple as Jo } from "vuetify/directives";
+import { VExpansionPanels as en, VExpansionPanel as tn, VExpansionPanelText as on } from "vuetify/components/VExpansionPanel";
+import { VDataTableVirtual as kt, VDataTable as nn } from "vuetify/components/VDataTable";
 import { VSkeletonLoader as he } from "vuetify/components/VSkeletonLoader";
 import { VWindow as Vt, VWindowItem as ye } from "vuetify/components/VWindow";
-import { VTimelineItem as nn, VTimeline as sn } from "vuetify/components/VTimeline";
+import { VTimelineItem as sn, VTimeline as an } from "vuetify/components/VTimeline";
 import { VEmptyState as Ke } from "vuetify/components/VEmptyState";
 import { VMenu as Ue } from "vuetify/components/VMenu";
 import { VTooltip as $t } from "vuetify/components/VTooltip";
-import { VResponsive as an } from "vuetify/components/VResponsive";
+import { VResponsive as rn } from "vuetify/components/VResponsive";
 import { VBadge as Ye } from "vuetify/components/VBadge";
-import { VNavigationDrawer as rn } from "vuetify/components/VNavigationDrawer";
-import { VColorPicker as ln } from "vuetify/components/VColorPicker";
+import { VNavigationDrawer as ln } from "vuetify/components/VNavigationDrawer";
+import { VColorPicker as un } from "vuetify/components/VColorPicker";
 import { VAppBar as xt } from "vuetify/components/VAppBar";
-import { VFooter as un } from "vuetify/components/VFooter";
-import { useRouter as cn } from "vue-router";
-import { VLazy as dn } from "vuetify/components/VLazy";
-const pn = /* @__PURE__ */ _({
+import { VFooter as cn } from "vuetify/components/VFooter";
+import { useRouter as dn } from "vue-router";
+import { VLazy as pn } from "vuetify/components/VLazy";
+const mn = /* @__PURE__ */ _({
   __name: "VoSnackbarQueue",
   setup(p) {
     const t = ee();
-    return (a, o) => (c(), m(qt, {
+    return (a, o) => (c(), m(Gt, {
       modelValue: e(t).queue,
       "onUpdate:modelValue": o[0] || (o[0] = (i) => e(t).queue = i),
       closable: "",
       location: "bottom end"
     }, null, 8, ["modelValue"]));
   }
-}), mn = { class: "text-body-2" }, Lt = /* @__PURE__ */ _({
+}), fn = { class: "text-body-2" }, Lt = /* @__PURE__ */ _({
   __name: "VoAuthShopify",
   setup(p) {
-    const t = F(), a = b(() => t.user && t.findIdentity("shopify")), o = b(() => t.user ? a.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
-    return (i, u) => (c(), m(le, {
+    const t = E(), 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(ae, {
       "base-color": "#5b8a3c",
       "prepend-icon": `svg:${e(Wt)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: u[0] || (u[0] = (r) => e(t).login("shopify"))
-    }, z({
+    }, P({
       title: s(() => [
-        g("span", mn, V(e(o)), 1)
+        g("span", fn, V(e(o)), 1)
       ]),
       _: 2
     }, [
@@ -81,20 +81,20 @@ const pn = /* @__PURE__ */ _({
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), fn = { class: "text-body-2" }, wt = /* @__PURE__ */ _({
+}), vn = { class: "text-body-2" }, wt = /* @__PURE__ */ _({
   __name: "VoAuthDiscord",
   setup(p) {
-    const t = F(), a = b(() => t.user && t.findIdentity("discord")), o = b(() => t.user ? a.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
-    return (i, u) => (c(), m(le, {
+    const t = E(), 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(ae, {
       "base-color": "#5865F2",
       "prepend-icon": "$discord",
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: u[0] || (u[0] = (r) => e(t).login("discord"))
-    }, z({
+    }, P({
       title: s(() => [
-        g("span", fn, V(e(o)), 1)
+        g("span", vn, V(e(o)), 1)
       ]),
       _: 2
     }, [
@@ -107,20 +107,46 @@ const pn = /* @__PURE__ */ _({
       } : void 0
     ]), 1024));
   }
-}), vn = { class: "text-body-2" }, St = /* @__PURE__ */ _({
+}), gn = { class: "text-body-2" }, St = /* @__PURE__ */ _({
+  __name: "VoAuthGoogle",
+  setup(p) {
+    const t = E(), a = b(() => t.user && t.findIdentity("google")), o = b(() => t.user ? a.value ? "Connected to Google" : "Connect Google" : "Login with Google");
+    return (i, u) => (c(), m(ae, {
+      "base-color": "#4285F4",
+      "prepend-icon": "mdiGoogle",
+      rounded: "pill",
+      slim: "",
+      variant: "flat",
+      onClick: u[0] || (u[0] = (r) => e(t).login("google"))
+    }, P({
+      title: s(() => [
+        g("span", gn, V(e(o)), 1)
+      ]),
+      _: 2
+    }, [
+      !e(t).user && e(t).lastLoginProvider() === "google" ? {
+        name: "subtitle",
+        fn: s(() => [
+          u[1] || (u[1] = g("div", { class: "text-caption mt-n1" }, "Last Used", -1))
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1024));
+  }
+}), yn = { class: "text-body-2" }, Mt = /* @__PURE__ */ _({
   __name: "VoAuthGithub",
   setup(p) {
-    const t = F(), a = b(() => t.user && t.findIdentity("github")), o = b(() => t.user ? a.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
-    return (i, u) => (c(), m(le, {
+    const t = E(), 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(ae, {
       "base-color": "#2a2a2a",
       "prepend-icon": "$github",
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: u[0] || (u[0] = (r) => e(t).login("github"))
-    }, z({
+    }, P({
       title: s(() => [
-        g("span", vn, V(e(o)), 1)
+        g("span", yn, V(e(o)), 1)
       ]),
       _: 2
     }, [
@@ -133,34 +159,34 @@ const pn = /* @__PURE__ */ _({
       } : void 0
     ]), 1024));
   }
-}), gn = { class: "text-center" }, yn = { class: "text-center mb-6" }, _n = { class: "text-h6 font-weight-light" }, Mt = /* @__PURE__ */ _({
+}), _n = { class: "text-center" }, hn = { class: "text-center mb-6" }, bn = { class: "text-h6 font-weight-light" }, It = /* @__PURE__ */ _({
   __name: "VoAuthCard",
   setup(p) {
-    const t = F();
+    const t = E();
     return (a, o) => {
-      const i = St, u = wt, r = Lt;
-      return c(), m(P, {
+      const i = Mt, u = St, r = wt, l = Lt;
+      return c(), m(z, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480",
         rounded: "lg"
       }, {
         default: s(() => [
-          g("div", gn, [
+          g("div", _n, [
             n(oe, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
             })
           ]),
-          g("div", yn, [
-            n(Ro, { class: "text-h5 mb-1 text-md-h4" }, {
+          g("div", hn, [
+            n(qo, { class: "text-h5 mb-1 text-md-h4" }, {
               default: s(() => [
-                g("div", _n, V(e(t).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                g("div", bn, V(e(t).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
                 o[0] || (o[0] = g("span", { class: "text-h3 font-weight-bold" }, "Vuetify One", -1))
               ]),
               _: 1
             }),
-            n(qo, { class: "text-wrap" }, {
+            n(Go, { class: "text-wrap" }, {
               default: s(() => [...o[1] || (o[1] = [
                 S(" Login to save your settings and gain access to exclusive subscriber perks. ", -1)
               ])]),
@@ -175,7 +201,8 @@ const pn = /* @__PURE__ */ _({
             default: s(() => [
               n(i, { class: "mb-3" }),
               n(u, { class: "mb-3" }),
-              n(r)
+              n(r, { class: "mb-3" }),
+              n(l)
             ]),
             _: 1
           })
@@ -184,12 +211,12 @@ const pn = /* @__PURE__ */ _({
       });
     };
   }
-}), It = /* @__PURE__ */ _({
+}), Dt = /* @__PURE__ */ _({
   __name: "VoAuthDialog",
   setup(p) {
-    const t = F();
+    const t = E();
     return (a, o) => {
-      const i = Mt;
+      const i = It;
       return c(), m(Ve, {
         modelValue: e(t).dialog,
         "onUpdate:modelValue": o[0] || (o[0] = (u) => e(t).dialog = u),
@@ -218,7 +245,7 @@ const pn = /* @__PURE__ */ _({
       }),
       tabindex: t.readonly ? -1 : void 0,
       variant: "flat"
-    }, z({
+    }, P({
       loader: s(() => [
         a.$slots.loader ? h("", !0) : (c(), m(Wo, {
           key: 0,
@@ -246,10 +273,10 @@ const pn = /* @__PURE__ */ _({
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), hn = { class: "pa-4 d-flex flex-column ga-4" }, Dt = /* @__PURE__ */ _({
+}), Cn = { class: "pa-4 d-flex flex-column ga-4" }, At = /* @__PURE__ */ _({
   __name: "VoAuthListItem",
   setup(p) {
-    const t = F(), a = T(), o = M(!t.user && !t.isLoading);
+    const t = E(), a = T(), o = M(!t.user && !t.isLoading);
     H(() => t.user, (u) => {
       o.value = !u;
     });
@@ -257,8 +284,8 @@ const pn = /* @__PURE__ */ _({
       t.user && (o.value = !o.value);
     }
     return (u, r) => {
-      const l = St, d = wt, f = Lt;
-      return c(), m(P, {
+      const l = Mt, d = St, f = wt, y = Lt;
+      return c(), m(z, {
         class: "ma-2",
         rounded: "lg",
         variant: e(o) ? "tonal" : "text"
@@ -266,11 +293,11 @@ const pn = /* @__PURE__ */ _({
         default: s(() => [
           n(ne, { class: "py-0" }, {
             default: s(() => [
-              n(le, {
+              n(ae, {
                 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(a).one.sync ? e(Kt) : e(Yt)}`,
                 rounded: "b-0",
                 slim: "",
                 title: e(t).user && e(a).one.sync ? "Sync is on" : "Sync is paused",
@@ -279,7 +306,7 @@ const pn = /* @__PURE__ */ _({
                 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(a).one.sync) ? (c(), m(We, {
                         key: 0,
                         modelValue: e(a).one.sync,
                         "onUpdate:modelValue": r[0] || (r[0] = (v) => e(a).one.sync = v),
@@ -311,7 +338,7 @@ const pn = /* @__PURE__ */ _({
                     color: "transparent"
                   }, {
                     default: s(() => [
-                      g("div", hn, [
+                      g("div", Cn, [
                         n(l, {
                           onClick: r[2] || (r[2] = (v) => o.value = !1)
                         }),
@@ -320,6 +347,9 @@ const pn = /* @__PURE__ */ _({
                         }),
                         n(f, {
                           onClick: r[4] || (r[4] = (v) => o.value = !1)
+                        }),
+                        n(y, {
+                          onClick: r[5] || (r[5] = (v) => o.value = !1)
                         })
                       ])
                     ]),
@@ -336,10 +366,10 @@ const pn = /* @__PURE__ */ _({
       }, 8, ["variant"]);
     };
   }
-}), W = /* @__PURE__ */ _({
+}), G = /* @__PURE__ */ _({
   __name: "VoListItem",
   setup(p) {
-    return (t, a) => (c(), m(le, { slim: "" }, z({
+    return (t, a) => (c(), m(ae, { slim: "" }, P({
       default: s(() => [
         w(t.$slots, "default")
       ]),
@@ -368,21 +398,21 @@ const pn = /* @__PURE__ */ _({
       } : void 0
     ]), 1024));
   }
-}), bn = /* @__PURE__ */ _({
+}), kn = /* @__PURE__ */ _({
   __name: "VoAuthLogoutNavItem",
   setup(p) {
-    const t = F(), a = M(!1);
+    const t = E(), a = M(!1);
     async function o() {
       a.value = !0, await t.logout(), a.value = !1;
     }
     return (i, u) => {
-      const r = W;
+      const r = G;
       return c(), m(r, {
         class: "mb-0",
         disabled: e(a),
         link: "",
         loading: e(a),
-        "prepend-icon": `svg:${e(Yt)}`,
+        "prepend-icon": `svg:${e(Qt)}`,
         rounded: "lg",
         title: "Logout",
         onClick: o
@@ -400,7 +430,7 @@ const pn = /* @__PURE__ */ _({
   }),
   emits: ["update:modelValue"],
   setup(p) {
-    const t = G(p, "modelValue"), a = ae(), o = M(!1);
+    const t = W(p, "modelValue"), a = ie(), o = M(!1);
     return (i, u) => (c(), m(Ve, {
       modelValue: t.value,
       "onUpdate:modelValue": u[2] || (u[2] = (r) => t.value = r),
@@ -411,20 +441,20 @@ const pn = /* @__PURE__ */ _({
       "max-width": e(o) || e(a).xs.value ? "100%" : 800
     }, {
       default: s(({ isActive: r }) => [
-        n(P, {
+        n(z, {
           class: "overflow-hidden",
           height: "inherit",
           "prepend-icon": i.prependIcon,
           rounded: e(o) || e(a).xs.value ? 0 : "lg",
           title: i.title
-        }, z({
+        }, P({
           append: s(() => [
             w(i.$slots, "append"),
             e(a).xs.value ? h("", !0) : (c(), m(A, {
               key: 0,
               class: "me-2",
               density: "comfortable",
-              icon: `svg:${e(o) ? e(Qt) : e(Xt)}`,
+              icon: `svg:${e(o) ? e(Xt) : e(Jt)}`,
               size: "small",
               variant: "text",
               onClick: u[0] || (u[0] = (l) => o.value = !e(o))
@@ -462,19 +492,19 @@ const pn = /* @__PURE__ */ _({
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), At = /* @__PURE__ */ _({
+}), Tt = /* @__PURE__ */ _({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
   setup(p) {
-    return (t, a) => (c(), m(Ge, {
+    return (t, a) => (c(), m(We, {
       color: "primary",
       density: "compact",
       disabled: t.disabled,
       inset: "",
       "true-icon": `svg:${e(ke)}`
-    }, z({
+    }, P({
       thumb: s(() => [
         n(I, {
           color: t.disabled ? void 0 : "primary"
@@ -491,17 +521,17 @@ const pn = /* @__PURE__ */ _({
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), Cn = {
+}), Vn = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, ie = /* @__PURE__ */ _({
+}, re = /* @__PURE__ */ _({
   __name: "VoDialogSubheader",
   props: {
     title: {},
     text: {}
   },
   setup(p) {
-    return (t, a) => (c(), C(D, null, [
+    return (t, a) => (c(), k(D, null, [
       t.title ? (c(), m(Ze, {
         key: 0,
         class: "font-weight-black"
@@ -511,17 +541,17 @@ const pn = /* @__PURE__ */ _({
         ]),
         _: 1
       })) : h("", !0),
-      t.text ? (c(), C("div", Cn, V(t.text), 1)) : h("", !0)
+      t.text ? (c(), k("div", Vn, V(t.text), 1)) : h("", !0)
     ], 64));
   }
-}), kn = { key: 0 }, Vn = /* @__PURE__ */ _({
+}), $n = { key: 0 }, xn = /* @__PURE__ */ _({
   __name: "VoSettingsPageSuitOption",
   setup(p) {
     const t = T(), a = [
       {
         title: "Choose a page suit",
         value: "",
-        prependIcon: `svg:${Jt}`,
+        prependIcon: `svg:${eo}`,
         disabled: !0
       },
       {
@@ -546,8 +576,8 @@ const pn = /* @__PURE__ */ _({
       }
     ];
     return (o, i) => {
-      const u = At, r = ie;
-      return c(), C(D, null, [
+      const u = Tt, r = re;
+      return c(), k(D, null, [
         n(u, {
           modelValue: e(t).one.suits.enabled,
           "onUpdate:modelValue": i[0] || (i[0] = (l) => e(t).one.suits.enabled = l),
@@ -557,8 +587,8 @@ const pn = /* @__PURE__ */ _({
         }, null, 8, ["modelValue"]),
         n(Le, null, {
           default: s(() => [
-            e(t).one.suits.enabled ? (c(), C("div", kn, [
-              n(Yo, {
+            e(t).one.suits.enabled ? (c(), k("div", $n, [
+              n(Qo, {
                 modelValue: e(t).one.suits.suit,
                 "onUpdate:modelValue": i[1] || (i[1] = (l) => e(t).one.suits.suit = l),
                 clearable: "",
@@ -581,7 +611,7 @@ const pn = /* @__PURE__ */ _({
                 _: 1
               }, 8, ["modelValue"]),
               n(r, { text: "Select your suit elements to display the background image:" }),
-              n(Ko, {
+              n(Yo, {
                 modelValue: e(t).one.suits.elements,
                 "onUpdate:modelValue": i[2] || (i[2] = (l) => e(t).one.suits.elements = l),
                 color: "primary",
@@ -590,7 +620,7 @@ const pn = /* @__PURE__ */ _({
               }, {
                 default: s(() => [
                   n(te, {
-                    "append-icon": `svg:${e(eo)}`,
+                    "append-icon": `svg:${e(to)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
@@ -606,7 +636,7 @@ const pn = /* @__PURE__ */ _({
                     _: 1
                   }, 8, ["append-icon"]),
                   n(te, {
-                    "append-icon": `svg:${e(to)}`,
+                    "append-icon": `svg:${e(oo)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
@@ -648,7 +678,7 @@ const pn = /* @__PURE__ */ _({
     };
   }
 });
-function $n() {
+function Ln() {
   return {
     blackguard: {
       dark: !0,
@@ -842,7 +872,7 @@ function $n() {
   };
 }
 const Pe = q("settings", () => {
-  const p = "https://cdn.vuetifyjs.com/docs/images/one/", t = O(), a = T(), o = Te(), i = $n(), u = {
+  const p = "https://cdn.vuetifyjs.com/docs/images/one/", t = B(), a = T(), o = Te(), i = Ln(), u = {
     blackguard: {
       "app-bar": p + "suits/blackguard/blackguard-app-bar.png",
       drawer: p + "suits/blackguard/blackguard-app-drawer.png",
@@ -868,8 +898,8 @@ const Pe = q("settings", () => {
       return {};
     const l = u[a.one.suits.suit.toLowerCase()], d = {};
     for (const f of a.one.suits.elements) {
-      const v = f;
-      d[v] = l[v];
+      const y = f;
+      d[y] = l[y];
     }
     return d;
   });
@@ -882,7 +912,7 @@ const Pe = q("settings", () => {
     suit: r,
     CDN_URL: p
   };
-}), xn = { class: "ms-5" }, Ln = { class: "pb-2" }, wn = /* @__PURE__ */ _({
+}), wn = { class: "ms-5" }, Sn = { class: "pb-2" }, Mn = /* @__PURE__ */ _({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -890,33 +920,33 @@ const Pe = q("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = G(p, "modelValue"), a = O(), o = Pe(), i = T(), u = b(() => [
+    const t = W(p, "modelValue"), a = B(), o = Pe(), i = T(), u = b(() => [
       {
         title: "Light",
         subtitle: "A standard light theme.",
         image: o.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${oo}`,
+        prependIcon: `svg:${no}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
         image: o.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${no}`,
+        prependIcon: `svg:${so}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
         image: o.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${so}`,
+        prependIcon: `svg:${ao}`,
         value: "system"
       },
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
         image: o.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${ao}`,
+        prependIcon: `svg:${io}`,
         value: "highContrast",
         disabled: !a.isSubscriber
       }
@@ -958,22 +988,22 @@ const Pe = q("settings", () => {
       { title: "Releases", items: r.value }
     ]), d = b({
       get: () => !i.one.ads.enabled,
-      set: (y) => {
-        i.one.ads.enabled = !y;
+      set: (v) => {
+        i.one.ads.enabled = !v;
       }
     }), f = Ce();
     H(f, async () => {
       f.value.one === "settings" && (a.isOpen = !0, await be(), t.value = !0);
     }, { immediate: !0 });
-    function v(y, k) {
-      k.disabled || (i.one.theme = k.value, y?.());
+    function y(v, C) {
+      C.disabled || (i.one.theme = C.value, v?.());
     }
-    return (y, k) => {
-      const $ = ie, L = Vn, U = At, Q = de;
+    return (v, C) => {
+      const $ = re, L = xn, U = Tt, Q = de;
       return c(), m(Q, {
         modelValue: t.value,
-        "onUpdate:modelValue": k[6] || (k[6] = (x) => t.value = x),
-        "prepend-icon": `svg:${e(io)}`,
+        "onUpdate:modelValue": C[6] || (C[6] = (x) => t.value = x),
+        "prepend-icon": `svg:${e(ro)}`,
         title: "Settings"
       }, {
         default: s(() => [
@@ -989,49 +1019,49 @@ const Pe = q("settings", () => {
                       }),
                       n(bt, {
                         modelValue: e(i).one.theme,
-                        "onUpdate:modelValue": k[0] || (k[0] = (x) => e(i).one.theme = x),
+                        "onUpdate:modelValue": C[0] || (C[0] = (x) => e(i).one.theme = x),
                         mandatory: ""
                       }, {
                         default: s(() => [
                           n(fe, { dense: "" }, {
                             default: s(() => [
-                              (c(!0), C(D, null, K(l.value, (x, pe) => (c(), m(re, {
+                              (c(!0), k(D, null, K(l.value, (x, pe) => (c(), m(le, {
                                 key: pe,
                                 class: "d-flex flex-column ga-3",
                                 cols: "12",
                                 md: "6"
                               }, {
                                 default: s(() => [
-                                  n(Ho, { class: "mb-n4" }, {
+                                  n(jo, { class: "mb-n4" }, {
                                     default: s(() => [
                                       S(V(x.title), 1)
                                     ]),
                                     _: 2
                                   }, 1024),
-                                  (c(!0), C(D, null, K(x.items, (B) => (c(), m(Ne, {
-                                    key: B.value,
-                                    value: B.value
+                                  (c(!0), k(D, null, K(x.items, (O) => (c(), m(Ne, {
+                                    key: O.value,
+                                    value: O.value
                                   }, {
-                                    default: s(({ toggle: Bt, isSelected: et }) => [
+                                    default: s(({ toggle: Et, isSelected: et }) => [
                                       n(ve, null, {
-                                        default: s(({ props: Et, isHovering: Ft }) => [
-                                          n(P, R({
+                                        default: s(({ props: Ft, isHovering: Zt }) => [
+                                          n(z, R({
                                             color: et ? "primary" : "surface-variant",
                                             height: "76",
-                                            image: B.image,
-                                            "prepend-icon": B.prependIcon,
-                                            readonly: B.disabled,
-                                            ripple: !B.disabled,
-                                            subtitle: B.disabled ? "🔓 Unlock with Vuetify One" : B.subtitle,
-                                            title: B.title,
+                                            image: O.image,
+                                            "prepend-icon": O.prependIcon,
+                                            readonly: O.disabled,
+                                            ripple: !O.disabled,
+                                            subtitle: O.disabled ? "🔓 Unlock with Vuetify One" : O.subtitle,
+                                            title: O.title,
                                             variant: "tonal"
-                                          }, { ref_for: !0 }, Et, {
-                                            onClick: (Ta) => v(Bt, B)
+                                          }, { ref_for: !0 }, Ft, {
+                                            onClick: (Pa) => y(Et, O)
                                           }), {
                                             image: s(() => [
                                               n(se, {
                                                 style: it({
-                                                  filter: et || Ft ? "none" : "grayscale(100%)"
+                                                  filter: et || Zt ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -1052,7 +1082,7 @@ const Pe = q("settings", () => {
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      e(a).isSubscriber ? (c(), C(D, { key: 0 }, [
+                      e(a).isSubscriber ? (c(), k(D, { key: 0 }, [
                         n(N, { class: "mt-6 mb-4" }),
                         n(L)
                       ], 64)) : h("", !0)
@@ -1069,18 +1099,18 @@ const Pe = q("settings", () => {
                       e(a).isSubscriber ? (c(), m(U, {
                         key: 0,
                         modelValue: d.value,
-                        "onUpdate:modelValue": k[1] || (k[1] = (x) => d.value = x),
+                        "onUpdate:modelValue": C[1] || (C[1] = (x) => d.value = x),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
                       }, null, 8, ["modelValue"])) : h("", !0),
                       n(Le, null, {
                         default: s(() => [
-                          Z(g("div", xn, [
-                            g("div", Ln, [
+                          Z(g("div", wn, [
+                            g("div", Sn, [
                               n(U, {
                                 modelValue: e(i).one.ads.house,
-                                "onUpdate:modelValue": k[2] || (k[2] = (x) => e(i).one.ads.house = x),
+                                "onUpdate:modelValue": C[2] || (C[2] = (x) => e(i).one.ads.house = x),
                                 label: "Show House Ads",
                                 messages: "These advertisements are for Vuetify products and services only."
                               }, null, 8, ["modelValue"])
@@ -1093,7 +1123,7 @@ const Pe = q("settings", () => {
                       }),
                       n(U, {
                         modelValue: e(i).one.quicklinks,
-                        "onUpdate:modelValue": k[3] || (k[3] = (x) => e(i).one.quicklinks = x),
+                        "onUpdate:modelValue": C[3] || (C[3] = (x) => e(i).one.quicklinks = x),
                         label: "Show Pinned Ecosystem Links",
                         messages: "Display your pinned ecosystem links below your avatar in the user menu."
                       }, null, 8, ["modelValue"])
@@ -1112,14 +1142,14 @@ const Pe = q("settings", () => {
                       }),
                       n(U, {
                         modelValue: e(i).one.notifications.enabled,
-                        "onUpdate:modelValue": k[4] || (k[4] = (x) => e(i).one.notifications.enabled = x),
+                        "onUpdate:modelValue": C[4] || (C[4] = (x) => e(i).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": k[5] || (k[5] = (x) => e(i).one.banners.enabled = x),
+                        "onUpdate:modelValue": C[5] || (C[5] = (x) => e(i).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"])
@@ -1137,16 +1167,16 @@ const Pe = q("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Sn = /* @__PURE__ */ _({
+}), In = /* @__PURE__ */ _({
   __name: "VoSettingsListItem",
   setup(p) {
     const t = M(!1);
     return (a, o) => {
-      const i = wn, u = W;
+      const i = Mn, u = G;
       return c(), m(u, {
         active: e(t),
         link: "",
-        "prepend-icon": `svg:${e(ro)}`,
+        "prepend-icon": `svg:${e(lo)}`,
         rounded: "lg",
         title: "Settings"
       }, {
@@ -1161,7 +1191,7 @@ const Pe = q("settings", () => {
     };
   }
 }), ze = q("api-key", () => {
-  const p = Y(), t = E(null), a = M(!1), o = b(() => t.value?.apiKey || ""), i = b(() => {
+  const p = Y(), t = F(null), a = M(!1), o = b(() => t.value?.apiKey || ""), i = b(() => {
     if (!o.value)
       return "";
     const l = o.value;
@@ -1185,14 +1215,14 @@ const Pe = q("settings", () => {
     fetch: r
   };
 });
-function Oe(p = 1e3) {
+function Be(p = 1e3) {
   const t = M(!1);
   async function a(o) {
     await navigator.clipboard.writeText(o), t.value = !0, setTimeout(() => t.value = !1, p);
   }
   return { copied: t, copy: a };
 }
-const Mn = /* @__PURE__ */ _({
+const Dn = /* @__PURE__ */ _({
   __name: "VoMcpCopyDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1200,7 +1230,7 @@ const Mn = /* @__PURE__ */ _({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = ze(), { copy: a, copied: o } = Oe(), i = G(p, "modelValue");
+    const t = ze(), { copy: a, copied: o } = Be(), i = W(p, "modelValue");
     return (u, r) => {
       const l = lt("v-icon-btn");
       return c(), m(Ve, {
@@ -1209,8 +1239,8 @@ const Mn = /* @__PURE__ */ _({
         "max-width": "500"
       }, {
         default: s(({ isActive: d }) => [
-          n(P, {
-            "prepend-icon": `svg:${e(lo)}`,
+          n(z, {
+            "prepend-icon": `svg:${e(uo)}`,
             rounded: "lg",
             title: "Save your Key"
           }, {
@@ -1287,17 +1317,17 @@ const Mn = /* @__PURE__ */ _({
       }, 8, ["modelValue"]);
     };
   }
-}), In = { class: "d-flex align-center justify-end" }, Dn = { class: "text-end" }, An = /* @__PURE__ */ _({
+}), An = { class: "d-flex align-center justify-end" }, Tn = { class: "text-end" }, Un = /* @__PURE__ */ _({
   __name: "VoMcpTokenTable",
   setup(p) {
-    const t = ze(), { copy: a, copied: o } = Oe(2e3), i = me();
-    return (u, r) => (c(), m(Qo, { class: "rounded border mt-4" }, {
+    const t = ze(), { copy: a, copied: o } = Be(2e3), i = me();
+    return (u, r) => (c(), m(Xo, { class: "rounded border mt-4" }, {
       default: s(() => [
         g("thead", null, [
           g("tr", null, [
             r[2] || (r[2] = g("th", { class: "ps-6" }, "Secret Key", -1)),
             r[3] || (r[3] = g("th", null, "Created", -1)),
-            g("th", In, [
+            g("th", An, [
               r[1] || (r[1] = S(" Last Used ", -1)),
               Z(n(I, {
                 end: "",
@@ -1334,24 +1364,24 @@ const Mn = /* @__PURE__ */ _({
               })
             ]),
             g("td", null, V(e(t).accessToken ? e(i).format(e(t).accessToken.createdAt, "fullDate") : ""), 1),
-            g("td", Dn, V(e(t).accessToken ? e(i).format(e(t).accessToken.updatedAt, "fullDate") : ""), 1)
+            g("td", Tn, V(e(t).accessToken ? e(i).format(e(t).accessToken.updatedAt, "fullDate") : ""), 1)
           ])
         ])
       ]),
       _: 1
     }));
   }
-}), Tn = { class: "my-4" }, Un = { class: "bg-surface-variant rounded pa-2 d-block" }, Pn = /* @__PURE__ */ _({
+}), Pn = { class: "my-4" }, zn = { class: "bg-surface-variant rounded pa-2 d-block" }, Bn = /* @__PURE__ */ _({
   __name: "VoMcpHowTo",
   setup(p) {
-    const t = ze(), { copy: a, copied: o } = Oe(), i = b(() => `npx -y @vuetify/mcp config --api-key="${t.key || "YOUR_KEY"}"`), u = b(() => t.key ? `npx -y @vuetify/mcp config --api-key="${t.trim}"` : i.value);
-    return (r, l) => (c(), m(Jo, {
+    const t = ze(), { copy: a, copied: o } = Be(), 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);
+    return (r, l) => (c(), m(en, {
       "bg-color": "surface-variant",
       class: "mb-4",
       variant: "accordion"
     }, {
       default: s(() => [
-        n(en, null, {
+        n(tn, null, {
           title: s(() => [
             n(I, {
               icon: `svg:${e(gt)}`,
@@ -1361,12 +1391,12 @@ const Mn = /* @__PURE__ */ _({
             l[1] || (l[1] = S(" How to Use Your API Key with Vuetify MCP ", -1))
           ]),
           default: s(() => [
-            n(tn, { class: "bg-surface-light rounded-b" }, {
+            n(on, { class: "bg-surface-light rounded-b" }, {
               default: s(() => [
                 l[2] || (l[2] = g("strong", null, "Quick Setup", -1)),
                 l[3] || (l[3] = g("p", { class: "mb-4 mt-2" }, " Run the following command to configure your favorite IDE or AI agent: ", -1)),
-                g("div", Tn, [
-                  g("code", Un, [
+                g("div", Pn, [
+                  g("code", zn, [
                     S(V(e(u)) + " ", 1),
                     n(I, {
                       class: "ms-2",
@@ -1398,7 +1428,7 @@ const Mn = /* @__PURE__ */ _({
       _: 1
     }));
   }
-}), zn = { class: "px-3 py-3" }, On = /* @__PURE__ */ _({
+}), On = { class: "px-3 py-3" }, En = /* @__PURE__ */ _({
   __name: "VoMcpDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1406,19 +1436,19 @@ const Mn = /* @__PURE__ */ _({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = ze(), a = T(), o = M(!1), i = G(p, "modelValue");
+    const t = ze(), a = T(), o = M(!1), i = 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());
     }), (r, l) => {
-      const d = ie, f = Pn, v = An, y = Mn, k = de;
-      return c(), m(k, {
+      const d = re, f = Bn, y = Un, v = Dn, C = de;
+      return c(), m(C, {
         modelValue: i.value,
         "onUpdate:modelValue": l[3] || (l[3] = ($) => i.value = $),
         height: "auto",
-        "prepend-icon": `svg:${e(uo)}`,
+        "prepend-icon": `svg:${e(co)}`,
         title: "API Key"
       }, {
         default: s(() => [
@@ -1426,7 +1456,7 @@ const Mn = /* @__PURE__ */ _({
             default: s(() => [
               n(ce, null, {
                 default: s(() => [
-                  g("div", zn, [
+                  g("div", On, [
                     n(J, null, {
                       default: s(() => [
                         n(d, {
@@ -1441,19 +1471,19 @@ const Mn = /* @__PURE__ */ _({
                           justify: "center"
                         }, {
                           default: s(() => [
-                            n(re, { cols: "auto" }, {
+                            n(le, { cols: "auto" }, {
                               default: s(() => [
                                 e(t).key ? e(t).regenerated ? h("", !0) : (c(), m(A, {
                                   key: 1,
                                   color: "success",
-                                  "prepend-icon": `svg:${e(po)}`,
+                                  "prepend-icon": `svg:${e(mo)}`,
                                   text: "Regenerate API Key",
                                   variant: "flat",
                                   onClick: l[1] || (l[1] = ($) => u(!0))
                                 }, null, 8, ["prepend-icon"])) : (c(), m(A, {
                                   key: 0,
                                   color: "success",
-                                  "prepend-icon": `svg:${e(co)}`,
+                                  "prepend-icon": `svg:${e(po)}`,
                                   text: "Generate API Key",
                                   variant: "flat",
                                   onClick: l[0] || (l[0] = ($) => u(!1))
@@ -1464,9 +1494,9 @@ const Mn = /* @__PURE__ */ _({
                           ]),
                           _: 1
                         })) : h("", !0),
-                        e(t).key ? (c(), C(D, { key: 1 }, [
-                          n(v),
-                          n(y, {
+                        e(t).key ? (c(), k(D, { key: 1 }, [
+                          n(y),
+                          n(v, {
                             modelValue: e(o),
                             "onUpdate:modelValue": l[2] || (l[2] = ($) => j(o) ? o.value = $ : null)
                           }, null, 8, ["modelValue"])
@@ -1486,19 +1516,19 @@ const Mn = /* @__PURE__ */ _({
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Bn = /* @__PURE__ */ _({
+}), Fn = /* @__PURE__ */ _({
   __name: "VoMcpListItem",
   setup(p) {
     const t = T(), a = M(!1);
     return (o, i) => {
-      const u = On, r = W;
+      const u = En, r = G;
       return c(), m(r, {
         active: e(a),
         link: "",
-        "prepend-icon": `svg:${e(mo)}`,
+        "prepend-icon": `svg:${e(fo)}`,
         rounded: "lg",
         title: "MCP API Key"
-      }, z({
+      }, P({
         default: s(() => [
           n(u, {
             modelValue: e(a),
@@ -1526,21 +1556,21 @@ const Mn = /* @__PURE__ */ _({
       ]), 1032, ["active", "prepend-icon"]);
     };
   }
-}), En = { class: "text-caption" }, Fn = /* @__PURE__ */ _({
+}), Zn = { class: "text-caption" }, Nn = /* @__PURE__ */ _({
   __name: "VoSubscriptionInvoices",
   setup(p) {
-    const t = me(), a = O();
+    const t = me(), a = B();
     return (o, i) => {
-      const u = ie;
+      const u = re;
       return c(), m(fe, null, {
         default: s(() => [
-          n(re, { cols: "12" }, {
+          n(le, { cols: "12" }, {
             default: s(() => [
               n(u, {
                 text: "View and download your invoice history.",
                 title: "Invoice History"
               }),
-              n(P, {
+              n(z, {
                 border: "",
                 rounded: "lg"
               }, {
@@ -1553,7 +1583,7 @@ const Mn = /* @__PURE__ */ _({
                     sticky: ""
                   }, {
                     "item.date": s(({ item: r }) => [
-                      g("div", En, V(e(t).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
+                      g("div", Zn, V(e(t).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": s(({ item: r }) => [
                       S(" $" + V(r.amount / 100), 1)
@@ -1591,11 +1621,11 @@ const Mn = /* @__PURE__ */ _({
       });
     };
   }
-}), Zn = { class: "d-flex align-center" }, Nn = ["textContent"], Hn = { class: "me-1" }, jn = { class: "text-medium-emphasis text-caption" }, Rn = { class: "d-flex align-center" }, qn = { class: "d-flex align-start justify-space-between text-caption py-2" }, Wn = { class: "font-weight-bold" }, Gn = { class: "font-weight-bold" }, Kn = /* @__PURE__ */ _({
+}), Hn = { class: "d-flex align-center" }, jn = ["textContent"], Rn = { class: "me-1" }, qn = { class: "text-medium-emphasis text-caption" }, Gn = { class: "d-flex align-center" }, Wn = { class: "d-flex align-start justify-space-between text-caption py-2" }, Kn = { class: "font-weight-bold" }, Yn = { class: "font-weight-bold" }, Qn = /* @__PURE__ */ _({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(p, { emit: t }) {
-    const a = me(), o = O(), i = t, u = b(() => {
+    const a = me(), o = B(), i = t, u = b(() => {
       if (!o.info) return;
       const l = new Date(o.info.currentPeriodEnd * 1e3);
       return a.format(l, "keyboardDate");
@@ -1607,15 +1637,15 @@ const Mn = /* @__PURE__ */ _({
       const f = we;
       return c(), m(fe, null, {
         default: s(() => [
-          n(re, { cols: "12" }, {
+          n(le, { cols: "12" }, {
             default: s(() => [
-              n(P, {
+              n(z, {
                 border: "",
                 flat: "",
                 "prepend-icon": "$vuetify",
                 rounded: "lg",
                 title: "Subscription Status"
-              }, z({
+              }, P({
                 prepend: s(() => [
                   n(I, {
                     color: e(o).isSubscriber ? "success" : void 0
@@ -1635,7 +1665,7 @@ const Mn = /* @__PURE__ */ _({
                   e(o).hasBilling ? (c(), m(f, {
                     key: 1,
                     loading: e(o).isLoading,
-                    "prepend-icon": `svg:${e(fo)}`,
+                    "prepend-icon": `svg:${e(vo)}`,
                     text: "Billing",
                     onClick: e(o).manage
                   }, null, 8, ["loading", "prepend-icon", "onClick"])) : h("", !0)
@@ -1645,23 +1675,23 @@ const Mn = /* @__PURE__ */ _({
                 e(o).info ? {
                   name: "subtitle",
                   fn: s(() => [
-                    g("div", Zn, [
+                    g("div", Hn, [
                       g("strong", {
                         key: "status",
                         class: "text-capitalize hidden-sm-and-down",
                         textContent: V(e(o).info.status)
-                      }, null, 8, Nn),
-                      e(o).info.items.length > 0 ? (c(), C(D, { key: 0 }, [
+                      }, null, 8, jn),
+                      e(o).info.items.length > 0 ? (c(), k(D, { key: 0 }, [
                         d[1] || (d[1] = g("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1)),
-                        g("span", Hn, [
+                        g("span", Rn, [
                           S(" $" + V(e(o).info.items[0].plan.amount / 100), 1),
-                          g("span", jn, "/" + V(e(o).interval), 1)
+                          g("span", qn, "/" + V(e(o).interval), 1)
                         ]),
                         n(f, {
                           size: "x-small",
                           text: "(Change Subscription)",
                           variant: "text",
-                          onClick: d[0] || (d[0] = (v) => i("change:subscription"))
+                          onClick: d[0] || (d[0] = (y) => i("change:subscription"))
                         })
                       ], 64)) : h("", !0)
                     ])
@@ -1670,7 +1700,7 @@ const Mn = /* @__PURE__ */ _({
                 } : {
                   name: "subtitle",
                   fn: s(() => [
-                    g("div", Rn, [
+                    g("div", Gn, [
                       n(he, {
                         height: "16",
                         type: "ossein",
@@ -1687,15 +1717,15 @@ const Mn = /* @__PURE__ */ _({
                   key: "1"
                 }
               ]), 1024),
-              g("div", qn, [
+              g("div", Wn, [
                 g("div", null, [
-                  e(o).info?.status === "active" ? (c(), C(D, { key: 0 }, [
+                  e(o).info?.status === "active" ? (c(), k(D, { key: 0 }, [
                     d[3] || (d[3] = S(" Your plan renews on ", -1)),
-                    g("span", Wn, V(e(a).format(e(u), "fullDateWithWeekday")), 1),
+                    g("span", Kn, V(e(a).format(e(u), "fullDateWithWeekday")), 1),
                     d[4] || (d[4] = S(". ", -1))
-                  ], 64)) : (c(), C(D, { key: 1 }, [
+                  ], 64)) : (c(), k(D, { key: 1 }, [
                     d[5] || (d[5] = S(" Your plan ends on ", -1)),
-                    g("span", Gn, V(e(a).format(e(o).info?.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                    g("span", Yn, V(e(a).format(e(o).info?.currentPeriodEnd, "fullDateWithWeekday")), 1),
                     d[6] || (d[6] = S(". ", -1))
                   ], 64))
                 ])
@@ -1708,7 +1738,7 @@ const Mn = /* @__PURE__ */ _({
       });
     };
   }
-}), Yn = ["innerHTML"], Qn = ["innerHTML"], Xn = /* @__PURE__ */ _({
+}), Xn = ["innerHTML"], Jn = ["innerHTML"], es = /* @__PURE__ */ _({
   __name: "VoSubscriptionPerks",
   props: {
     type: {}
@@ -1718,7 +1748,7 @@ const Mn = /* @__PURE__ */ _({
       "Embeddable playgrounds for your own documentation",
       "Team shared workspaces for bins and playgrounds",
       "Real-time collaboration on bins and playgrounds"
-    ], a = M(!1), o = O(), i = b(() => {
+    ], a = M(!1), o = B(), i = b(() => {
       const u = [
         "Ad-free experience on all Vuetify properties",
         'Save and share across <a href="https://play.vuetifyjs.com" target="_blank">Vuetify Play</a>, <a href="https://bin.vuetifyjs.com" target="_blank">Vuetify Bin</a>, <a href="https://studio.vuetifyjs.com" target="_blank">Vuetify Studio</a>, and <a href="https://link.vuetifyjs.com" target="_blank">Vuetify Link</a>',
@@ -1730,8 +1760,8 @@ const Mn = /* @__PURE__ */ _({
     return H(a, async (u) => {
       u && o.subscriptionInfo();
     }), (u, r) => {
-      const l = W;
-      return c(), C(D, null, [
+      const l = G;
+      return c(), k(D, null, [
         n(Ze, { class: "font-weight-black" }, {
           default: s(() => [...r[0] || (r[0] = [
             S("Perks", -1)
@@ -1746,7 +1776,7 @@ const Mn = /* @__PURE__ */ _({
           nav: ""
         }, {
           default: s(() => [
-            (c(!0), C(D, null, K(e(i), (d, f) => (c(), m(l, {
+            (c(!0), k(D, null, K(e(i), (d, f) => (c(), m(l, {
               key: f,
               class: "mb-0",
               "prepend-icon": `svg:${e(ke)}`
@@ -1759,7 +1789,7 @@ const Mn = /* @__PURE__ */ _({
                 })
               ]),
               title: s(() => [
-                g("div", { innerHTML: d }, null, 8, Yn)
+                g("div", { innerHTML: d }, null, 8, Xn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"]))), 128))
@@ -1781,10 +1811,10 @@ const Mn = /* @__PURE__ */ _({
           nav: ""
         }, {
           default: s(() => [
-            (c(), C(D, null, K(t, (d, f) => n(l, {
+            (c(), k(D, null, K(t, (d, f) => n(l, {
               key: f,
               class: "mb-0",
-              "prepend-icon": `svg:${e(vo)}`
+              "prepend-icon": `svg:${e(go)}`
             }, {
               prepend: s(() => [
                 n(I, {
@@ -1793,7 +1823,7 @@ const Mn = /* @__PURE__ */ _({
                 })
               ]),
               title: s(() => [
-                g("div", { innerHTML: d }, null, 8, Qn)
+                g("div", { innerHTML: d }, null, 8, Jn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1803,7 +1833,7 @@ const Mn = /* @__PURE__ */ _({
       ], 64);
     };
   }
-}), Jn = /* @__PURE__ */ _({
+}), ts = /* @__PURE__ */ _({
   __name: "VoSubscriptionSubscribe",
   props: {
     interval: { default: "year" },
@@ -1813,7 +1843,7 @@ const Mn = /* @__PURE__ */ _({
   },
   emits: ["update:interval", "update:type"],
   setup(p) {
-    const t = M(!1), a = G(p, "interval"), o = G(p, "type"), i = O(), u = De(), r = b(() => u.hasTeamAccess && !u.isTeamOwner), l = {
+    const t = M(!1), a = W(p, "interval"), o = W(p, "type"), i = B(), u = De(), r = b(() => u.hasTeamAccess && !u.isTeamOwner), l = {
       solo: {
         month: "2.99 /month",
         year: "29.99 /year"
@@ -1825,32 +1855,32 @@ const Mn = /* @__PURE__ */ _({
     };
     return H(t, async (d) => {
       d && i.subscriptionInfo();
-    }), (d, f) => (c(), C(D, null, [
+    }), (d, f) => (c(), k(D, null, [
       n(bt, {
         modelValue: o.value,
-        "onUpdate:modelValue": f[0] || (f[0] = (v) => o.value = v),
+        "onUpdate:modelValue": f[0] || (f[0] = (y) => o.value = y),
         class: "mb-4",
         mandatory: ""
       }, {
         default: s(() => [
           n(fe, null, {
             default: s(() => [
-              n(re, {
+              n(le, {
                 cols: "12",
                 md: "6"
               }, {
                 default: s(() => [
                   n(Ne, { value: "solo" }, {
-                    default: s(({ toggle: v, isSelected: y }) => [
-                      n(P, {
-                        border: y ? "sm primary opacity-50" : "sm",
-                        color: y ? "primary" : void 0,
-                        "prepend-icon": y ? `svg:${e(Me)}` : "$radioOff",
+                    default: s(({ toggle: y, isSelected: v }) => [
+                      n(z, {
+                        border: v ? "sm primary opacity-50" : "sm",
+                        color: v ? "primary" : void 0,
+                        "prepend-icon": v ? `svg:${e(Me)}` : "$radioOff",
                         rounded: "lg",
                         subtitle: `$${l.solo[a.value]}`,
                         title: "Solo Developer",
-                        variant: y ? "tonal" : "text",
-                        onClick: v
+                        variant: v ? "tonal" : "text",
+                        onClick: y
                       }, {
                         prepend: s(() => [
                           n(I, { class: "mt-n6" })
@@ -1863,23 +1893,23 @@ const Mn = /* @__PURE__ */ _({
                 ]),
                 _: 1
               }),
-              n(re, {
+              n(le, {
                 cols: "12",
                 md: "6"
               }, {
                 default: s(() => [
                   n(Ne, { value: "team" }, {
-                    default: s(({ toggle: v, isSelected: y }) => [
-                      n(P, {
-                        border: y ? "sm primary opacity-50" : "sm",
-                        color: y ? "primary" : void 0,
+                    default: s(({ toggle: y, isSelected: v }) => [
+                      n(z, {
+                        border: v ? "sm primary opacity-50" : "sm",
+                        color: v ? "primary" : void 0,
                         disabled: e(r),
-                        "prepend-icon": y ? `svg:${e(Me)}` : "$radioOff",
+                        "prepend-icon": v ? `svg:${e(Me)}` : "$radioOff",
                         rounded: "lg",
                         subtitle: `$${l.team[a.value]}`,
                         title: "Team Access",
-                        variant: y ? "tonal" : "text",
-                        onClick: v
+                        variant: v ? "tonal" : "text",
+                        onClick: y
                       }, {
                         prepend: s(() => [
                           n(I, { class: "mt-n6" })
@@ -1898,9 +1928,9 @@ const Mn = /* @__PURE__ */ _({
         ]),
         _: 1
       }, 8, ["modelValue"]),
-      n(Ge, {
+      n(We, {
         modelValue: a.value,
-        "onUpdate:modelValue": f[1] || (f[1] = (v) => a.value = v),
+        "onUpdate:modelValue": f[1] || (f[1] = (y) => a.value = y),
         "false-value": "month",
         "hide-details": "",
         inset: "",
@@ -1909,7 +1939,7 @@ const Mn = /* @__PURE__ */ _({
       }, null, 8, ["modelValue"])
     ], 64));
   }
-}), es = { class: "px-3" }, ts = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, os = /* @__PURE__ */ _({
+}), os = { class: "px-3" }, ns = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, ss = /* @__PURE__ */ _({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1917,43 +1947,43 @@ const Mn = /* @__PURE__ */ _({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    function t(v) {
-      return new Promise((y) => setTimeout(y, v));
+    function t(y) {
+      return new Promise((v) => setTimeout(v, y));
     }
-    const a = G(p, "modelValue"), o = O(), i = Ce(), u = M(o.interval), r = M(o.subscriptionType), l = M(o.hasBilling ? "status" : "subscribe"), d = M(!1);
-    H([u, r], ([v, y]) => {
-      !o.isSubscriber || !o.interval || !o.subscriptionType || (d.value = v !== o.interval || y !== o.subscriptionType);
-    }), H(a, async (v) => {
-      if (!v || !o.isSubscriber) {
-        v || o.resetQuery();
+    const a = W(p, "modelValue"), o = B(), i = Ce(), u = M(o.interval), r = M(o.subscriptionType), l = M(o.hasBilling ? "status" : "subscribe"), d = M(!1);
+    H([u, r], ([y, v]) => {
+      !o.isSubscriber || !o.interval || !o.subscriptionType || (d.value = y !== o.interval || v !== o.subscriptionType);
+    }), H(a, async (y) => {
+      if (!y || !o.isSubscriber) {
+        y || 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);
-    }, { immediate: !0 }), Zt(() => {
+    }, { immediate: !0 }), Nt(() => {
       u.value = o.interval ?? "year", r.value = o.subscriptionType ?? "solo";
     });
     async function f() {
       await o.modify(u.value, r.value), await o.subscriptionInfo(), d.value = null, await t(3e3), l.value = "status", await t(300), d.value = !1;
     }
-    return (v, y) => {
-      const k = ie, $ = Jn, L = Xn, U = Kn, Q = Fn, x = we, pe = de;
+    return (y, v) => {
+      const C = re, $ = ts, L = es, U = Qn, Q = Nn, x = we, pe = de;
       return c(), m(pe, {
         modelValue: a.value,
-        "onUpdate:modelValue": y[5] || (y[5] = (B) => a.value = B),
-        "prepend-icon": `svg:${e(go)}`,
+        "onUpdate:modelValue": v[5] || (v[5] = (O) => a.value = O),
+        "prepend-icon": `svg:${e(yo)}`,
         title: "Subscriptions"
-      }, z({
+      }, P({
         default: s(() => [
           n(ue, null, {
             default: s(() => [
               n(ce, { scrollable: "" }, {
                 default: s(() => [
-                  g("div", es, [
+                  g("div", os, [
                     n(J, null, {
                       default: s(() => [
-                        n(k, {
+                        n(C, {
                           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"
                         }),
@@ -1963,11 +1993,11 @@ const Mn = /* @__PURE__ */ _({
                               default: s(() => [
                                 n($, {
                                   interval: e(u),
-                                  "onUpdate:interval": y[0] || (y[0] = (B) => j(u) ? u.value = B : null),
+                                  "onUpdate:interval": v[0] || (v[0] = (O) => j(u) ? u.value = O : null),
                                   type: e(r),
-                                  "onUpdate:type": y[1] || (y[1] = (B) => j(r) ? r.value = B : null)
+                                  "onUpdate:type": v[1] || (v[1] = (O) => j(r) ? r.value = O : null)
                                 }, null, 8, ["interval", "type"]),
-                                y[6] || (y[6] = g("br", null, null, -1)),
+                                v[6] || (v[6] = g("br", null, null, -1)),
                                 n(L, { type: e(r) }, null, 8, ["type"])
                               ]),
                               _: 1
@@ -1975,7 +2005,7 @@ const Mn = /* @__PURE__ */ _({
                             n(ye, { value: "status" }, {
                               default: s(() => [
                                 n(U, {
-                                  "onChange:subscription": y[2] || (y[2] = (B) => l.value = "subscribe")
+                                  "onChange:subscription": v[2] || (v[2] = (O) => l.value = "subscribe")
                                 }),
                                 n(Q)
                               ]),
@@ -2000,13 +2030,13 @@ const Mn = /* @__PURE__ */ _({
         e(l) === "subscribe" ? {
           name: "actions",
           fn: s(() => [
-            g("div", ts, [
+            g("div", ns, [
               e(d) !== !1 ? (c(), m(x, {
                 key: 0,
                 block: "",
                 color: "success",
                 loading: e(o).isLoading,
-                "prepend-icon": `svg:${e(d) !== null ? e(yo) : e(Me)}`,
+                "prepend-icon": `svg:${e(d) !== null ? e(_o) : e(Me)}`,
                 readonly: e(d) === null,
                 size: "default",
                 text: e(d) !== null ? "Modify Subscription" : "Success",
@@ -2014,10 +2044,10 @@ const Mn = /* @__PURE__ */ _({
               }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(o).one ? (c(), m(x, {
                 key: 2,
                 block: "",
-                "prepend-icon": `svg:${e(_o)}`,
+                "prepend-icon": `svg:${e(ho)}`,
                 size: "default",
                 text: "Manage Subscription",
-                onClick: y[4] || (y[4] = (B) => l.value = "status")
+                onClick: v[4] || (v[4] = (O) => l.value = "status")
               }, null, 8, ["prepend-icon"])) : (c(), m(x, {
                 key: 1,
                 block: "",
@@ -2027,7 +2057,7 @@ const Mn = /* @__PURE__ */ _({
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
-                onClick: y[3] || (y[3] = (B) => e(o).subscribe(e(u), e(r)))
+                onClick: v[3] || (v[3] = (O) => e(o).subscribe(e(u), e(r)))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -2036,16 +2066,16 @@ const Mn = /* @__PURE__ */ _({
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), ns = /* @__PURE__ */ _({
+}), as = /* @__PURE__ */ _({
   __name: "VoSubscriptionListItem",
   setup(p) {
     const t = M(!1);
     return (a, o) => {
-      const i = os, u = W;
+      const i = ss, u = G;
       return c(), m(u, {
         active: e(t),
         link: "",
-        "prepend-icon": `svg:${e(ho)}`,
+        "prepend-icon": `svg:${e(bo)}`,
         rounded: "lg",
         title: "Subscriptions"
       }, {
@@ -2059,7 +2089,7 @@ const Mn = /* @__PURE__ */ _({
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), ss = {
+}), is = {
   key: 0,
   class: "text-success"
 }, Qe = /* @__PURE__ */ _({
@@ -2077,14 +2107,14 @@ const Mn = /* @__PURE__ */ _({
     const t = p, a = Pe(), o = b(() => `$${Number.parseFloat(String((t.sponsorship?.amount ?? 0) / 100)).toFixed(2)} /${t.sponsorship?.interval}`);
     return (i, u) => {
       const r = we;
-      return c(), m(nn, {
+      return c(), m(sn, {
         "dot-color": i.sponsorship?.isActive ? "success" : "transparent",
         icon: i.sponsorship?.isActive ? `svg:${e(ke)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
         default: s(() => [
-          n(P, {
+          n(z, {
             border: "",
             "prepend-avatar": `${e(a).CDN_URL}logos/${i.logo}.png`,
             rounded: "lg",
@@ -2092,13 +2122,13 @@ const Mn = /* @__PURE__ */ _({
             variant: "text"
           }, {
             subtitle: s(() => [
-              i.sponsorship?.isActive ? (c(), C("div", ss, [
+              i.sponsorship?.isActive ? (c(), k("div", is, [
                 n(I, {
-                  icon: `svg:${e(bo)}`,
+                  icon: `svg:${e(Co)}`,
                   size: "x-small"
                 }, null, 8, ["icon"]),
                 S(" " + V(e(o)), 1)
-              ])) : (c(), C(D, { key: 1 }, [
+              ])) : (c(), k(D, { key: 1 }, [
                 S(V(i.text), 1)
               ], 64))
             ]),
@@ -2128,10 +2158,10 @@ const Mn = /* @__PURE__ */ _({
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), as = /* @__PURE__ */ _({
+}), rs = /* @__PURE__ */ _({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(p) {
-    const t = O();
+    const t = B();
     return (a, o) => {
       const i = Qe;
       return c(), m(i, {
@@ -2143,10 +2173,10 @@ const Mn = /* @__PURE__ */ _({
       }, null, 8, ["sponsorship"]);
     };
   }
-}), is = /* @__PURE__ */ _({
+}), ls = /* @__PURE__ */ _({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(p) {
-    const t = O();
+    const t = B();
     return (a, o) => {
       const i = Qe;
       return c(), m(i, {
@@ -2158,10 +2188,10 @@ const Mn = /* @__PURE__ */ _({
       }, null, 8, ["sponsorship"]);
     };
   }
-}), rs = /* @__PURE__ */ _({
+}), us = /* @__PURE__ */ _({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(p) {
-    const t = O();
+    const t = B();
     return (a, o) => {
       const i = Qe;
       return c(), m(i, {
@@ -2173,12 +2203,12 @@ const Mn = /* @__PURE__ */ _({
       }, null, 8, ["sponsorship"]);
     };
   }
-}), ls = /* @__PURE__ */ _({
+}), cs = /* @__PURE__ */ _({
   __name: "VoSponsorshipsTimeline",
   setup(p) {
     return (t, a) => {
-      const o = rs, i = is, u = as;
-      return c(), m(sn, {
+      const o = us, i = ls, u = rs;
+      return c(), m(an, {
         class: "justify-start ms-n7",
         "line-inset": "12",
         side: "end",
@@ -2194,7 +2224,7 @@ const Mn = /* @__PURE__ */ _({
       });
     };
   }
-}), us = { class: "px-3 pb-5 d-flex flex-column h-100" }, cs = { class: "font-weight-black" }, ds = { class: "text-caption text-medium-emphasis" }, ps = /* @__PURE__ */ _({
+}), ds = { class: "px-3 pb-5 d-flex flex-column h-100" }, ps = { class: "font-weight-black" }, ms = { class: "text-caption text-medium-emphasis" }, fs = /* @__PURE__ */ _({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2202,15 +2232,15 @@ const Mn = /* @__PURE__ */ _({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = G(p, "modelValue"), a = Ce(), o = O();
+    const t = W(p, "modelValue"), a = Ce(), o = B();
     return H(a, async () => {
       a.value.one === "sponsorships" && (o.isOpen = !0, await be(), t.value = !0);
     }, { immediate: !0 }), (i, u) => {
-      const r = ie, l = ls, d = de;
+      const r = re, l = cs, d = de;
       return c(), m(d, {
         modelValue: t.value,
         "onUpdate:modelValue": u[0] || (u[0] = (f) => t.value = f),
-        "prepend-icon": `svg:${e(Co)}`,
+        "prepend-icon": `svg:${e(ko)}`,
         title: "Sponsorships"
       }, {
         default: s(() => [
@@ -2218,7 +2248,7 @@ const Mn = /* @__PURE__ */ _({
             default: s(() => [
               n(ce, { scrollable: "" }, {
                 default: s(() => [
-                  g("div", us, [
+                  g("div", ds, [
                     n(J, { class: "flex-0-0 mb-16 mb-sm-4" }, {
                       default: s(() => [
                         n(r, {
@@ -2242,10 +2272,10 @@ const Mn = /* @__PURE__ */ _({
                       ]),
                       title: s(() => [
                         u[1] || (u[1] = S(" One Status: ", -1)),
-                        g("span", cs, V(e(o).isSubscriber ? "Active" : "Inactive"), 1)
+                        g("span", ps, V(e(o).isSubscriber ? "Active" : "Inactive"), 1)
                       ]),
                       text: s(() => [
-                        g("div", ds, V(e(o).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
+                        g("div", ms, V(e(o).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
                       ]),
                       _: 1
                     })
@@ -2261,16 +2291,16 @@ const Mn = /* @__PURE__ */ _({
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), ms = /* @__PURE__ */ _({
+}), vs = /* @__PURE__ */ _({
   __name: "VoSponsorshipsListItem",
   setup(p) {
     const t = M(!1);
     return (a, o) => {
-      const i = ps, u = W;
+      const i = fs, u = G;
       return c(), m(u, {
         active: e(t),
         link: "",
-        "prepend-icon": `svg:${e(ko)}`,
+        "prepend-icon": `svg:${e(Vo)}`,
         rounded: "lg",
         title: "Sponsorships"
       }, {
@@ -2284,8 +2314,8 @@ const Mn = /* @__PURE__ */ _({
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), fs = q("downloads", () => {
-  const p = Y(), t = ee(), a = E([]), o = M(!1);
+}), gs = q("downloads", () => {
+  const p = Y(), t = ee(), a = F([]), o = M(!1);
   async function i() {
     if (a.value.length > 0)
       return a.value;
@@ -2305,10 +2335,10 @@ const Mn = /* @__PURE__ */ _({
     isLoading: o,
     index: i
   };
-}), vs = /* @__PURE__ */ _({
+}), ys = /* @__PURE__ */ _({
   __name: "VoDownloadsTable",
   setup(p) {
-    const t = me(), a = fs(), o = [
+    const t = me(), a = gs(), o = [
       {
         title: "Order ID",
         value: "order_name"
@@ -2331,16 +2361,16 @@ const Mn = /* @__PURE__ */ _({
     return He(async () => {
       await a.index();
     }), (i, u) => {
-      const r = ie;
+      const r = re;
       return c(), m(fe, null, {
         default: s(() => [
-          n(re, { cols: "12" }, {
+          n(le, { cols: "12" }, {
             default: s(() => [
               n(r, {
                 text: "View and download your store purchases.",
                 title: "Download history"
               }),
-              n(P, {
+              n(z, {
                 border: "",
                 flat: "",
                 rounded: "lg"
@@ -2360,7 +2390,7 @@ const Mn = /* @__PURE__ */ _({
                       S(V(e(t).format(l.created_at, "shortDate")), 1)
                     ]),
                     "item.download_items": s(({ item: l }) => [
-                      (c(!0), C(D, null, K(l.download_items, (d, f) => (c(), C("div", {
+                      (c(!0), k(D, null, K(l.download_items, (d, f) => (c(), k("div", {
                         key: f,
                         class: "text-truncate"
                       }, V(d.name), 1))), 128))
@@ -2369,7 +2399,7 @@ const Mn = /* @__PURE__ */ _({
                       n(A, {
                         color: "medium-emphasis",
                         href: l.download_url,
-                        icon: `svg:${e(Vo)}`,
+                        icon: `svg:${e($o)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -2388,12 +2418,12 @@ const Mn = /* @__PURE__ */ _({
       });
     };
   }
-}), gs = { class: "px-3" }, ys = /* @__PURE__ */ _({
+}), _s = { class: "px-3" }, hs = /* @__PURE__ */ _({
   __name: "VoDownloadsNavItem",
   setup(p) {
     const t = M(!1);
     return (a, o) => {
-      const i = vs, u = de, r = W;
+      const i = ys, u = de, r = G;
       return c(), m(r, {
         active: e(t),
         link: "",
@@ -2413,7 +2443,7 @@ const Mn = /* @__PURE__ */ _({
                 default: s(() => [
                   n(ce, { scrollable: "" }, {
                     default: s(() => [
-                      g("div", gs, [
+                      g("div", _s, [
                         n(J, null, {
                           default: s(() => [
                             n(i)
@@ -2435,7 +2465,7 @@ const Mn = /* @__PURE__ */ _({
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), _s = { class: "px-3" }, hs = { class: "d-flex align-center" }, bs = { class: "d-flex align-center" }, Cs = /* @__PURE__ */ _({
+}), bs = { class: "px-3" }, Cs = { class: "d-flex align-center" }, ks = { class: "d-flex align-center" }, Vs = /* @__PURE__ */ _({
   __name: "VoTeamDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2443,7 +2473,7 @@ const Mn = /* @__PURE__ */ _({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = O(), a = De(), o = Y(), { copy: i, copied: u } = Oe(), r = b(() => a.team), l = Ce(), d = M(!1), f = [
+    const t = B(), a = De(), o = Y(), { copy: i, copied: u } = Be(), r = b(() => a.team), l = Ce(), d = M(!1), f = [
       {
         title: "Name",
         key: "name"
@@ -2454,20 +2484,20 @@ const Mn = /* @__PURE__ */ _({
         align: "end",
         sortable: !1
       }
-    ], v = b(() => `https://one.vuetifyjs.com/?invite=${a.team?.inviteCode}`), y = G(p, "modelValue");
-    async function k() {
+    ], y = b(() => `https://one.vuetifyjs.com/?invite=${a.team?.inviteCode}`), v = W(p, "modelValue");
+    async function C() {
       d.value = !0;
       const $ = await o.post("/one/team/regen");
       a.team = $.team;
     }
     return H(l, async () => {
-      !t.sessionId || l.value.one === "subscribe" || l.value.team && (t.isOpen = !0, await be(), y.value = !0);
+      !t.sessionId || l.value.one === "subscribe" || l.value.team && (t.isOpen = !0, await be(), v.value = !0);
     }, { immediate: !0 }), ($, L) => {
-      const U = ie, Q = de;
+      const U = re, Q = de;
       return c(), m(Q, {
-        modelValue: y.value,
-        "onUpdate:modelValue": L[2] || (L[2] = (x) => y.value = x),
-        "prepend-icon": `svg:${e($o)}`,
+        modelValue: v.value,
+        "onUpdate:modelValue": L[2] || (L[2] = (x) => v.value = x),
+        "prepend-icon": `svg:${e(xo)}`,
         title: "Team"
       }, {
         default: s(() => [
@@ -2475,14 +2505,14 @@ const Mn = /* @__PURE__ */ _({
             default: s(() => [
               n(ce, { scrollable: "" }, {
                 default: s(() => [
-                  g("div", _s, [
+                  g("div", bs, [
                     n(J, 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(a).isTeamOwner ? (c(), m(z, {
                           key: 0,
                           border: "",
                           class: "mb-4",
@@ -2496,7 +2526,7 @@ const Mn = /* @__PURE__ */ _({
                               class: "bg-surface",
                               subtitle: `Team - ${e(r)?.members?.length} member(s)`,
                               title: "Members"
-                            }, z({ _: 2 }, [
+                            }, P({ _: 2 }, [
                               e(a).isTeamOwner ? {
                                 name: "append",
                                 fn: s(() => [
@@ -2504,7 +2534,7 @@ const Mn = /* @__PURE__ */ _({
                                     border: "",
                                     class: "text-none",
                                     color: "primary",
-                                    "prepend-icon": `svg:${e(xo)}`,
+                                    "prepend-icon": `svg:${e(Lo)}`,
                                     rounded: "lg",
                                     variant: "flat"
                                   }, {
@@ -2519,11 +2549,11 @@ const Mn = /* @__PURE__ */ _({
                                         width: "100%"
                                       }, {
                                         default: s(() => [
-                                          n(P, { color: "surface-light" }, {
+                                          n(z, { color: "surface-light" }, {
                                             default: s(() => [
                                               n(Fe, {
                                                 class: "bg-surface",
-                                                "prepend-icon": `svg:${e(Lo)}`,
+                                                "prepend-icon": `svg:${e(wo)}`,
                                                 subtitle: "Provide this link to invite your team members",
                                                 title: "Member invite link"
                                               }, {
@@ -2535,7 +2565,7 @@ const Mn = /* @__PURE__ */ _({
                                                     flat: "",
                                                     slim: "",
                                                     text: "Reset",
-                                                    onClick: k
+                                                    onClick: C
                                                   }, null, 8, ["color", "disabled"])
                                                 ]),
                                                 _: 1
@@ -2546,7 +2576,7 @@ const Mn = /* @__PURE__ */ _({
                                                     flat: "",
                                                     "hide-details": "",
                                                     label: "Invite link",
-                                                    "model-value": e(v),
+                                                    "model-value": e(y),
                                                     readonly: "",
                                                     variant: "solo"
                                                   }, {
@@ -2554,7 +2584,7 @@ const Mn = /* @__PURE__ */ _({
                                                       Z(n(I, {
                                                         icon: `svg:${e(u) ? e(ke) : e(Re)}`,
                                                         size: "small",
-                                                        onClick: L[0] || (L[0] = (x) => e(i)(e(v)))
+                                                        onClick: L[0] || (L[0] = (x) => e(i)(e(y)))
                                                       }, null, 8, ["icon"]), [
                                                         [X, "Copy Team link"]
                                                       ])
@@ -2585,13 +2615,13 @@ const Mn = /* @__PURE__ */ _({
                                   rounded: "lg"
                                 }, {
                                   default: s(() => [
-                                    n(on, {
+                                    n(nn, {
                                       headers: f,
                                       "hide-default-footer": e(r)?.members?.length < 10,
                                       items: e(r)?.members
                                     }, {
                                       "item.name": s(({ item: x }) => [
-                                        g("div", hs, [
+                                        g("div", Cs, [
                                           n(oe, {
                                             image: x.picture,
                                             size: "x-small",
@@ -2616,7 +2646,7 @@ const Mn = /* @__PURE__ */ _({
                                           class: "me-n3",
                                           color: "medium-emphasis",
                                           density: "comfortable",
-                                          "prepend-icon": `svg:${e(wo)}`,
+                                          "prepend-icon": `svg:${e(So)}`,
                                           slim: "",
                                           text: "Revoke",
                                           variant: "text",
@@ -2633,7 +2663,7 @@ const Mn = /* @__PURE__ */ _({
                             })
                           ]),
                           _: 1
-                        })) : (c(), m(P, {
+                        })) : (c(), m(z, {
                           key: 1,
                           border: "",
                           color: "surface-light",
@@ -2648,7 +2678,7 @@ const Mn = /* @__PURE__ */ _({
                               title: "My Team access"
                             }, {
                               title: s(() => [
-                                g("div", bs, [
+                                g("div", ks, [
                                   L[4] || (L[4] = S(" My Team Access ", -1)),
                                   n(te, {
                                     border: "thin opacity-25 success",
@@ -2662,7 +2692,7 @@ const Mn = /* @__PURE__ */ _({
                               ]),
                               append: s(() => [
                                 n(A, {
-                                  "prepend-icon": `svg:${e(So)}`,
+                                  "prepend-icon": `svg:${e(Mo)}`,
                                   rounded: "lg",
                                   text: "Leave team",
                                   width: "145",
@@ -2689,16 +2719,16 @@ const Mn = /* @__PURE__ */ _({
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), ks = /* @__PURE__ */ _({
+}), $s = /* @__PURE__ */ _({
   __name: "VoTeamListItem",
   setup(p) {
     const t = M(!1);
     return (a, o) => {
-      const i = Cs, u = W;
+      const i = Vs, u = G;
       return c(), m(u, {
         active: e(t),
         link: "",
-        "prepend-icon": `svg:${e(Mo)}`,
+        "prepend-icon": `svg:${e(Io)}`,
         rounded: "lg",
         title: "My Team"
       }, {
@@ -2784,7 +2814,7 @@ const Mn = /* @__PURE__ */ _({
     icon: "$vuetify-figma"
   }
 ];
-function Tt() {
+function Ut() {
   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 = []);
@@ -2806,8 +2836,8 @@ function Tt() {
 const at = /* @__PURE__ */ _({
   __name: "VoEcosystemMenu",
   setup(p) {
-    const t = F(), { actions: a, isPinned: o, togglePin: i } = Tt();
-    return (u, r) => (c(), m(P, {
+    const t = E(), { actions: a, isPinned: o, togglePin: i } = Ut();
+    return (u, r) => (c(), m(z, {
       border: "",
       "min-width": "240",
       rounded: "lg"
@@ -2818,19 +2848,19 @@ const at = /* @__PURE__ */ _({
           nav: ""
         }, {
           default: s(() => [
-            (c(!0), C(D, null, K(e(a), (l) => Z((c(), m(le, {
+            (c(!0), k(D, null, K(e(a), (l) => Z((c(), m(ae, {
               key: l.id,
               href: l.href,
               "prepend-icon": l.icon,
               rounded: "lg",
               target: "_blank",
               title: l.name
-            }, z({ _: 2 }, [
+            }, P({ _: 2 }, [
               e(t).user ? {
                 name: "append",
                 fn: s(() => [
                   Z(n(A, {
-                    icon: `svg:${e(o)(l.id) ? e(Io) : e(Do)}`,
+                    icon: `svg:${e(o)(l.id) ? e(Do) : e(Ao)}`,
                     size: "x-small",
                     variant: "text",
                     onClick: _e((d) => e(i)(l.id), ["prevent", "stop"])
@@ -2850,20 +2880,20 @@ const at = /* @__PURE__ */ _({
       _: 1
     }));
   }
-}), Vs = /* @__PURE__ */ _({
+}), xs = /* @__PURE__ */ _({
   __name: "VoEcosystemListItem",
   setup(p) {
-    const t = T(), { mobile: a } = ae(), o = M(!1);
+    const t = T(), { mobile: a } = ie(), o = M(!1);
     return H(o, (i) => {
       i && !t.one.ecosystem.seen && (t.one.ecosystem.seen = !0);
     }), (i, u) => {
-      const r = W;
+      const r = G;
       return c(), m(r, {
         link: "",
         "prepend-icon": "$vuetify-outline",
         rounded: "lg",
         title: "Vuetify Ecosystem"
-      }, z({
+      }, P({
         default: s(() => [
           e(a) ? (c(), m(Ve, {
             key: 0,
@@ -2908,19 +2938,19 @@ const at = /* @__PURE__ */ _({
       ]), 1024);
     };
   }
-}), $s = {
+}), Ls = {
   key: 0,
   class: "pt-16"
-}, xs = {
+}, ws = {
   key: 1,
   class: "pa-5"
-}, Ls = { class: "text-subtitle-1 font-weight-bold" }, ws = { class: "text-caption font-weight-bold text-medium-emphasis" }, Ss = { class: "text-disabled text-caption mt-2 mb-3" }, Ms = /* @__PURE__ */ _({
+}, Ss = { class: "text-subtitle-1 font-weight-bold" }, Ms = { class: "text-caption font-weight-bold text-medium-emphasis" }, Is = { class: "text-disabled text-caption mt-2 mb-3" }, Ds = /* @__PURE__ */ _({
   __name: "VoNotificationsBannerList",
   props: {
     items: {}
   },
   setup(p) {
-    const t = me(), a = ae(), o = T();
+    const t = me(), a = ie(), o = T();
     function i(r) {
       return o.one.banners.read.includes(r);
     }
@@ -2933,7 +2963,7 @@ const at = /* @__PURE__ */ _({
       lines: "three"
     }, {
       default: s(() => [
-        r.items.length === 0 ? (c(), C("div", $s, [
+        r.items.length === 0 ? (c(), k("div", Ls, [
           n(Ke, {
             icon: "$vuetify",
             size: "256"
@@ -2946,12 +2976,12 @@ const at = /* @__PURE__ */ _({
             ])]),
             _: 1
           })
-        ])) : (c(), C("div", xs, [
-          (c(!0), C(D, null, K(r.items, (d) => (c(), C("div", {
+        ])) : (c(), k("div", ws, [
+          (c(!0), k(D, null, K(r.items, (d) => (c(), k("div", {
             key: d.slug,
             class: "mb-4"
           }, [
-            n(P, {
+            n(z, {
               color: d.metadata.color,
               flat: "",
               image: d.metadata.images.bg?.url,
@@ -2969,7 +2999,7 @@ const at = /* @__PURE__ */ _({
               _: 2
             }, 1032, ["color", "image", "title"]),
             n(ve, null, {
-              default: s(({ props: f, isHovering: v }) => [
+              default: s(({ props: f, isHovering: y }) => [
                 n($e, R({ ref_for: !0 }, f, {
                   border: "",
                   class: "px-8 pt-2 pb-4 position-relative",
@@ -2980,17 +3010,17 @@ const at = /* @__PURE__ */ _({
                       location: "bottom",
                       text: i(d.slug) ? "Mark as unread" : "Mark as read"
                     }, {
-                      activator: s(({ props: y }) => [
+                      activator: s(({ props: v }) => [
                         n(xe, { "hide-on-leave": "" }, {
                           default: s(() => [
-                            Z(n(A, R({ ref_for: !0 }, y, {
+                            Z(n(A, R({ ref_for: !0 }, v, {
                               class: "ms-auto float-right",
-                              icon: `svg:${i(d.slug) ? e(We) : e(qe)}`,
+                              icon: `svg:${i(d.slug) ? e(Ge) : e(qe)}`,
                               size: "small",
                               variant: "text",
-                              onClick: (k) => u(d)
+                              onClick: (C) => u(d)
                             }), null, 16, ["icon", "onClick"]), [
-                              [Ie, v || e(a).mobile.value]
+                              [Ie, y || e(a).mobile.value]
                             ])
                           ]),
                           _: 2
@@ -2998,9 +3028,9 @@ const at = /* @__PURE__ */ _({
                       ]),
                       _: 2
                     }, 1032, ["text"]),
-                    g("div", Ls, V(d.metadata.text), 1),
-                    g("div", ws, V(e(t).format(d.created_at, "fullDateWithWeekday")), 1),
-                    g("div", Ss, V(d.metadata.subtext), 1),
+                    g("div", Ss, V(d.metadata.text), 1),
+                    g("div", Ms, V(e(t).format(d.created_at, "fullDateWithWeekday")), 1),
+                    g("div", Is, V(d.metadata.subtext), 1),
                     n(te, R({ ref_for: !0 }, {
                       href: d.metadata.link.startsWith("http") ? d.metadata.link : void 0,
                       target: d.metadata.link.startsWith("http") ? "_blank" : void 0,
@@ -3030,14 +3060,14 @@ const at = /* @__PURE__ */ _({
       _: 1
     }));
   }
-}), Is = { class: "ps-3 text-subtitle-2 pe-2" }, Ds = { class: "text-truncate" }, As = { class: "text-caption font-weight-bold text-medium-emphasis" }, Ts = { class: "text-disabled text-caption my-2" }, Us = /* @__PURE__ */ _({
+}), As = { class: "ps-3 text-subtitle-2 pe-2" }, Ts = { class: "text-truncate" }, Us = { class: "text-caption font-weight-bold text-medium-emphasis" }, Ps = { class: "text-disabled text-caption my-2" }, zs = /* @__PURE__ */ _({
   __name: "VoNotificationsListItem",
   props: {
     demo: { type: Boolean },
     notification: {}
   },
   setup(p) {
-    const t = p, a = T(), o = me(), i = ae(), u = b(() => {
+    const t = p, a = T(), o = me(), i = ie(), u = b(() => {
       const d = t.notification.metadata ?? { action: "" };
       return {
         href: d.action.startsWith("http") ? d.action : void 0,
@@ -3056,15 +3086,15 @@ const at = /* @__PURE__ */ _({
       t.demo || (r(d.slug) ? a.one.notifications.read = a.one.notifications.read.filter((f) => f !== d.slug) : a.one.notifications.read.push(d.slug));
     }
     return (d, f) => {
-      const v = W;
+      const y = G;
       return c(), m(ve, null, {
-        default: s(({ isHovering: y, props: k }) => [
-          n(v, R(k, { class: "py-4 mb-0" }), {
+        default: s(({ isHovering: v, props: C }) => [
+          n(y, R(C, { class: "py-4 mb-0" }), {
             prepend: s(() => [
-              g("div", Is, V(d.notification.metadata.emoji), 1)
+              g("div", As, V(d.notification.metadata.emoji), 1)
             ]),
             append: s(() => [
-              n(an, {
+              n(rn, {
                 class: "mt-n3",
                 width: "56"
               }, {
@@ -3078,13 +3108,13 @@ const at = /* @__PURE__ */ _({
                         default: s(() => [
                           Z(n(A, R($, {
                             class: "ms-auto",
-                            icon: `svg:${r(d.notification.slug) ? e(We) : e(qe)}`,
+                            icon: `svg:${r(d.notification.slug) ? e(Ge) : e(qe)}`,
                             "mdi-email-variant": "",
                             size: "small",
                             variant: "text",
                             onClick: f[0] || (f[0] = (L) => l(d.notification))
                           }), null, 16, ["icon"]), [
-                            [Ie, y || e(i).mobile.value]
+                            [Ie, v || e(i).mobile.value]
                           ])
                         ]),
                         _: 2
@@ -3099,12 +3129,12 @@ const at = /* @__PURE__ */ _({
             default: s(() => [
               n(yt, { class: "text-wrap text-h6 mb-1" }, {
                 default: s(() => [
-                  g("div", Ds, V(d.notification.title), 1)
+                  g("div", Ts, V(d.notification.title), 1)
                 ]),
                 _: 1
               }),
-              g("div", As, V(e(o).format(d.notification.created_at, "fullDateWithWeekday")), 1),
-              g("div", Ts, V(d.notification.metadata.text), 1),
+              g("div", Us, V(e(o).format(d.notification.created_at, "fullDateWithWeekday")), 1),
+              g("div", Ps, V(d.notification.metadata.text), 1),
               n(te, R({
                 "append-icon": `svg:${e(Ae)}`
               }, e(u), {
@@ -3127,24 +3157,24 @@ const at = /* @__PURE__ */ _({
       });
     };
   }
-}), Ps = {
+}), Bs = {
   key: 0,
   class: "pt-16"
-}, zs = /* @__PURE__ */ _({
+}, Os = /* @__PURE__ */ _({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(p) {
     return (t, a) => {
-      const o = Us;
+      const o = zs;
       return c(), m(ne, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: s(() => [
-          t.items.length === 0 ? (c(), C("div", Ps, [
+          t.items.length === 0 ? (c(), k("div", Bs, [
             n(Ke, {
               icon: "$vuetify",
               size: "256"
@@ -3157,7 +3187,7 @@ const at = /* @__PURE__ */ _({
               ])]),
               _: 1
             })
-          ])) : (c(!0), C(D, { key: 1 }, K(t.items, (i, u) => (c(), C(D, {
+          ])) : (c(!0), k(D, { key: 1 }, K(t.items, (i, u) => (c(), k(D, {
             key: i.slug
           }, [
             u !== 0 ? (c(), m(N, { key: 0 })) : h("", !0),
@@ -3168,36 +3198,36 @@ const at = /* @__PURE__ */ _({
       });
     };
   }
-}), Ut = q("site", () => {
-  const p = E([]), t = E();
+}), Pt = q("site", () => {
+  const p = F([]), t = F();
   return {
     id: p,
     url: t
   };
-}), Be = q("banners", () => {
-  const p = Y(), t = Ut(), a = T(), o = ee(), i = E([]), u = M(!1), r = b(() => {
+}), Oe = q("banners", () => {
+  const p = Y(), t = Pt(), a = T(), o = ee(), i = F([]), u = M(!1), r = b(() => {
     if (l.value)
       return l.value;
     if (a.one.banners.enabled) {
       if (a.one.banners.last) {
-        const f = new Date(a.one.banners.last), v = new Date(Date.now() - 3 * 24 * 60 * 60 * 1e3);
-        if (f > v)
+        const f = new Date(a.one.banners.last), y = new Date(Date.now() - 3 * 24 * 60 * 60 * 1e3);
+        if (f > y)
           return;
       }
       return i.value.find(({
         slug: f,
         metadata: {
-          site: v,
-          active: y
+          site: y,
+          active: v
         }
-      }) => !y || a.one.banners.read.includes(f) ? !1 : v.includes("dev") && !1 || v.includes("*") ? !0 : v.some((k) => t.id.includes(k)));
+      }) => !v || a.one.banners.read.includes(f) ? !1 : y.includes("dev") && !1 || y.includes("*") ? !0 : y.some((C) => t.id.includes(C)));
     }
   }), l = b(() => i.value.find(({
     metadata: {
       site: f,
-      active: v
+      active: y
     }
-  }) => v ? f.includes("server") : !1));
+  }) => y ? f.includes("server") : !1));
   async function d() {
     try {
       u.value = !0;
@@ -3218,7 +3248,7 @@ const at = /* @__PURE__ */ _({
     index: d
   };
 }), Ee = q("notifications", () => {
-  const p = Y(), t = T(), a = ee(), o = E([]), i = M(!1), u = b(() => o.value.filter((d) => !t.one.notifications.read.includes(d.slug))), r = b(() => o.value.filter((d) => t.one.notifications.read.includes(d.slug)));
+  const p = Y(), t = T(), a = ee(), o = F([]), i = M(!1), u = b(() => o.value.filter((d) => !t.one.notifications.read.includes(d.slug))), r = b(() => o.value.filter((d) => t.one.notifications.read.includes(d.slug)));
   async function l() {
     try {
       i.value = !0;
@@ -3238,7 +3268,7 @@ const at = /* @__PURE__ */ _({
     unread: u,
     index: l
   };
-}), Os = { class: "text-caption" }, Bs = { class: "text-caption" }, Es = /* @__PURE__ */ _({
+}), Es = { class: "text-caption" }, Fs = { class: "text-caption" }, Zs = /* @__PURE__ */ _({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -3246,12 +3276,12 @@ const at = /* @__PURE__ */ _({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = ae(), a = Ce(), o = Be(), i = Ee(), u = O(), r = T(), l = M(["read"]), d = G(p, "modelValue");
+    const t = ie(), a = Ce(), o = Oe(), i = Ee(), u = B(), r = T(), l = M(["read"]), d = W(p, "modelValue");
     function f() {
-      const y = i.unread.map((k) => k.slug);
-      r.one.notifications.read.push(...y);
+      const v = i.unread.map((C) => C.slug);
+      r.one.notifications.read.push(...v);
     }
-    function v() {
+    function y() {
       r.one.notifications.read = [];
     }
     return H(a, async () => {
@@ -3260,12 +3290,12 @@ const at = /* @__PURE__ */ _({
         return;
       }
       u.isOpen = !0, await be(), d.value = !0;
-    }, { immediate: !0 }), (y, k) => {
-      const $ = W, L = zs, U = Ms, Q = de;
+    }, { immediate: !0 }), (v, C) => {
+      const $ = G, L = Os, U = Ds, Q = de;
       return c(), m(Q, {
         modelValue: d.value,
-        "onUpdate:modelValue": k[2] || (k[2] = (x) => d.value = x),
-        "prepend-icon": `svg:${e(Ao)}`,
+        "onUpdate:modelValue": C[2] || (C[2] = (x) => d.value = x),
+        "prepend-icon": `svg:${e(To)}`,
         title: "Notifications"
       }, {
         append: s(() => [
@@ -3286,10 +3316,10 @@ const at = /* @__PURE__ */ _({
             class: "me-2",
             density: "comfortable",
             disabled: e(i).read.length === 0,
-            icon: `svg:${e(We)}`,
+            icon: `svg:${e(Ge)}`,
             size: "small",
             variant: "text",
-            onClick: v
+            onClick: y
           }, null, 8, ["disabled", "icon"])), [
             [X, "Mark All as Unread", "start"]
           ]) : h("", !0)
@@ -3297,7 +3327,7 @@ const at = /* @__PURE__ */ _({
         default: s(() => [
           n(ue, null, {
             default: s(() => [
-              n(rn, {
+              n(ln, {
                 location: e(t).mobile.value ? "top" : "start",
                 permanent: "",
                 width: e(t).mobile.value ? 128 : 168
@@ -3305,7 +3335,7 @@ const at = /* @__PURE__ */ _({
                 default: s(() => [
                   n(ne, {
                     selected: e(l),
-                    "onUpdate:selected": k[0] || (k[0] = (x) => j(l) ? l.value = x : null),
+                    "onUpdate:selected": C[0] || (C[0] = (x) => j(l) ? l.value = x : null),
                     class: "px-4 pt-4",
                     density: "compact",
                     mandatory: "",
@@ -3313,34 +3343,34 @@ const at = /* @__PURE__ */ _({
                   }, {
                     default: s(() => [
                       n($, {
-                        "prepend-icon": `svg:${e(To)}`,
+                        "prepend-icon": `svg:${e(Uo)}`,
                         title: "Unread",
                         value: "read"
-                      }, z({ _: 2 }, [
+                      }, P({ _: 2 }, [
                         e(i).unread.length > 0 ? {
                           name: "append",
                           fn: s(() => [
-                            g("span", Os, V(e(i).unread.length), 1)
+                            g("span", Es, V(e(i).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       n($, {
-                        "prepend-icon": `svg:${e(Uo)}`,
+                        "prepend-icon": `svg:${e(Po)}`,
                         title: "Read",
                         value: "unread"
-                      }, z({ _: 2 }, [
+                      }, P({ _: 2 }, [
                         e(i).read.length > 0 ? {
                           name: "append",
                           fn: s(() => [
-                            g("span", Bs, V(e(i).read.length), 1)
+                            g("span", Fs, V(e(i).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       e(o).all.length > 0 && e(r).one.banners.enabled ? (c(), m($, {
                         key: 0,
-                        "prepend-icon": `svg:${e(Po)}`,
+                        "prepend-icon": `svg:${e(zo)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
@@ -3362,7 +3392,7 @@ const at = /* @__PURE__ */ _({
                 default: s(() => [
                   n(Vt, {
                     modelValue: e(l),
-                    "onUpdate:modelValue": k[1] || (k[1] = (x) => j(l) ? l.value = x : null)
+                    "onUpdate:modelValue": C[1] || (C[1] = (x) => j(l) ? l.value = x : null)
                   }, {
                     default: s(() => [
                       n(ye, { value: "read" }, {
@@ -3403,7 +3433,7 @@ const at = /* @__PURE__ */ _({
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Fs = /* @__PURE__ */ _({
+}), Ns = /* @__PURE__ */ _({
   __name: "VoNotificationsBadge",
   setup(p) {
     const t = Ee(), a = T();
@@ -3418,26 +3448,26 @@ const at = /* @__PURE__ */ _({
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), Zs = /* @__PURE__ */ _({
+}), Hs = /* @__PURE__ */ _({
   __name: "VoNotificationsNavItem",
   setup(p) {
-    const t = Be(), a = T(), o = Ee(), i = M(!1);
+    const t = Oe(), a = T(), o = Ee(), i = M(!1);
     return He(async () => {
       o.index(), t.index();
     }), (u, r) => {
-      const l = Fs, d = Es, f = W;
+      const l = Ns, d = Zs, f = G;
       return e(a).one.notifications.enabled ? (c(), m(f, {
         key: 0,
         active: e(i),
         link: "",
-        "prepend-icon": `svg:${e(zo)}`,
+        "prepend-icon": `svg:${e(Bo)}`,
         rounded: "lg",
         title: "Notifications"
-      }, z({
+      }, P({
         default: s(() => [
           n(d, {
             modelValue: e(i),
-            "onUpdate:modelValue": r[0] || (r[0] = (v) => j(i) ? i.value = v : null)
+            "onUpdate:modelValue": r[0] || (r[0] = (y) => j(i) ? i.value = y : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
@@ -3457,17 +3487,17 @@ const at = /* @__PURE__ */ _({
       ]), 1032, ["active", "prepend-icon"])) : h("", !0);
     };
   }
-}), Ns = /* @__PURE__ */ _({
+}), js = /* @__PURE__ */ _({
   __name: "VoDashboardNavItem",
   setup(p) {
-    const t = O();
+    const t = B();
     function a() {
       setTimeout(() => {
         t.isOpen = !1;
       }, 100);
     }
     return (o, i) => {
-      const u = W;
+      const u = G;
       return c(), m(u, {
         "prepend-icon": `svg:${e(Oo)}`,
         rounded: "lg",
@@ -3477,12 +3507,12 @@ const at = /* @__PURE__ */ _({
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), Hs = /* @__PURE__ */ _({
+}), Rs = /* @__PURE__ */ _({
   __name: "VoUserList",
   setup(p) {
-    const t = F(), a = O(), o = De();
+    const t = E(), a = B(), o = De();
     return (i, u) => {
-      const r = Ns, l = Zs, d = Vs, f = ks, v = ys, y = ms, k = ns, $ = Bn, L = Sn, U = bn;
+      const r = js, l = Hs, d = xs, f = $s, y = hs, v = vs, C = as, $ = Fn, L = In, U = kn;
       return c(), m(ne, {
         density: "compact",
         nav: "",
@@ -3493,9 +3523,9 @@ const at = /* @__PURE__ */ _({
           n(l),
           n(d),
           e(o).hasTeamAccess ? (c(), m(f, { key: 1 })) : h("", !0),
-          e(a).shopify ? (c(), m(v, { key: 2 })) : h("", !0),
-          n(y),
-          e(t).user ? (c(), m(k, { key: 3 })) : h("", !0),
+          e(a).shopify ? (c(), m(y, { key: 2 })) : h("", !0),
+          n(v),
+          e(t).user ? (c(), m(C, { key: 3 })) : h("", !0),
           e(a).isSubscriber ? (c(), m($, { key: 4 })) : h("", !0),
           n(L),
           e(t).user ? (c(), m(U, { key: 5 })) : h("", !0)
@@ -3504,10 +3534,10 @@ const at = /* @__PURE__ */ _({
       });
     };
   }
-}), 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__ */ _({
+}), qs = { class: "mb-2" }, Gs = { key: 0 }, Ws = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Ks = { class: "text-h6" }, Ys = /* @__PURE__ */ _({
   __name: "VoUserAvatar",
   setup(p) {
-    const t = F(), a = O(), o = T(), i = M(!1), u = b(() => {
+    const t = E(), a = B(), o = T(), i = M(!1), u = b(() => {
       const d = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/dark.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackguard.png",
@@ -3532,9 +3562,9 @@ const at = /* @__PURE__ */ _({
     function l() {
       a.isSubscriber && (i.value = !i.value);
     }
-    return (d, f) => (c(), C("div", null, [
+    return (d, f) => (c(), k("div", null, [
       Z((c(), m(oe, {
-        class: Nt([
+        class: Ht([
           "border-md border-opacity-100 border-surface-light",
           {
             "cursor-pointer": e(a).isSubscriber
@@ -3559,30 +3589,30 @@ const at = /* @__PURE__ */ _({
         ]),
         _: 1
       }, 8, ["class"])), [
-        [Xo, e(a).isSubscriber]
+        [Jo, e(a).isSubscriber]
       ]),
-      g("div", js, [
+      g("div", qs, [
         n(Le, null, {
           default: s(() => [
-            e(i) ? (c(), C("div", Rs, [
-              n(P, {
+            e(i) ? (c(), k("div", Gs, [
+              n(z, {
                 class: "pt-6 pb-1",
                 flat: "",
                 rounded: "0"
               }, {
                 default: s(() => [
-                  g("div", qs, [
-                    (c(!0), C(D, null, K(e(u), (v, y) => (c(), m(A, {
-                      key: y,
-                      active: e(o).one.avatar === v,
+                  g("div", Ws, [
+                    (c(!0), k(D, null, K(e(u), (y, v) => (c(), m(A, {
+                      key: v,
+                      active: e(o).one.avatar === y,
                       icon: "",
                       variant: "flat",
-                      onClick: (k) => r(v)
+                      onClick: (C) => r(y)
                     }, {
                       default: s(() => [
                         n(oe, {
                           eager: "",
-                          image: v
+                          image: y
                         }, null, 8, ["image"])
                       ]),
                       _: 2
@@ -3596,13 +3626,13 @@ const at = /* @__PURE__ */ _({
           _: 1
         })
       ]),
-      g("div", Ws, V(e(t).user?.name ?? "Guest"), 1)
+      g("div", Ks, V(e(t).user?.name ?? "Guest"), 1)
     ]));
   }
-}), Ks = ["href"], Ys = /* @__PURE__ */ _({
+}), Qs = ["href"], Xs = /* @__PURE__ */ _({
   __name: "VoUserPinnedEcosystem",
   setup(p) {
-    const t = T(), { pinned: a } = Tt();
+    const t = T(), { pinned: a } = Ut();
     return (o, i) => e(t).one.quicklinks && e(a).length > 0 ? (c(), m($e, {
       key: 0,
       class: "align-center position-absolute d-flex ga-2 pa-2 me-2",
@@ -3611,11 +3641,11 @@ const at = /* @__PURE__ */ _({
       style: { right: "0", top: "8px" }
     }, {
       default: s(() => [
-        (c(!0), C(D, null, K(e(a), (u) => (c(), m(ve, {
+        (c(!0), k(D, null, K(e(a), (u) => (c(), m(ve, {
           key: u.id
         }, {
           default: s(({ isHovering: r, props: l }) => [
-            Z((c(), C("a", R({
+            Z((c(), k("a", R({
               class: "d-inline-flex",
               href: u.href,
               target: "_blank"
@@ -3625,7 +3655,7 @@ const at = /* @__PURE__ */ _({
                 icon: u.icon,
                 size: "16"
               }, null, 8, ["color", "icon"])
-            ], 16, Ks)), [
+            ], 16, Qs)), [
               [X, u.name, "start"]
             ])
           ]),
@@ -3635,10 +3665,10 @@ const at = /* @__PURE__ */ _({
       _: 1
     })) : h("", !0);
   }
-}), Qs = /* @__PURE__ */ _({
+}), Js = /* @__PURE__ */ _({
   __name: "VoUserBadges",
   setup(p) {
-    const t = F(), a = O(), o = b(() => a.github || a.discord || a.isSubscriber || t.user?.isAdmin);
+    const t = E(), a = B(), o = b(() => a.github || a.discord || a.isSubscriber || t.user?.isAdmin);
     return (i, u) => e(o) ? (c(), m($e, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
@@ -3658,7 +3688,7 @@ const at = /* @__PURE__ */ _({
         e(a).isSubscriber ? Z((c(), m(I, {
           key: 1,
           color: "amber-darken-2",
-          icon: `svg:${e(Bo)}`,
+          icon: `svg:${e(Eo)}`,
           size: "16"
         }, null, 8, ["icon"])), [
           [X, "Vuetify One Subscriber", "bottom"]
@@ -3683,19 +3713,19 @@ const at = /* @__PURE__ */ _({
       _: 1
     })) : h("", !0);
   }
-}), Xs = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Js = {
+}), ea = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, ta = {
   key: "reset",
   class: "align-self-end"
-}, ea = /* @__PURE__ */ _({
+}, oa = /* @__PURE__ */ _({
   __name: "VoUserColors",
   setup(p) {
-    const t = F(), a = O(), o = T(), i = M(!1);
+    const t = E(), a = B(), o = T(), i = M(!1);
     function u() {
       o.one.colors.primary = "surface-light";
     }
     return (r, l) => {
-      const d = Qs, f = Ys, v = we;
-      return c(), C(D, null, [
+      const d = Js, f = Xs, y = we;
+      return c(), k(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",
@@ -3705,18 +3735,18 @@ const at = /* @__PURE__ */ _({
           rounded: "0"
         }, {
           default: s(() => [
-            g("div", Xs, [
+            g("div", ea, [
               n(d),
               n(f),
-              n(Go, null, {
+              n(Ko, null, {
                 default: s(() => [
-                  Z(g("div", Js, [
-                    n(v, {
+                  Z(g("div", ta, [
+                    n(y, {
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
                       disabled: e(o).one.colors.primary === "surface-light",
-                      icon: `svg:${e(Eo)}`,
+                      icon: `svg:${e(Fo)}`,
                       title: "Revert to Default",
                       variant: "text",
                       onClick: u
@@ -3727,7 +3757,7 @@ const at = /* @__PURE__ */ _({
                 ]),
                 _: 1
               }),
-              e(a).isSubscriber ? (c(), m(v, {
+              e(a).isSubscriber ? (c(), m(y, {
                 key: 0,
                 active: e(i),
                 class: "align-self-end",
@@ -3736,7 +3766,7 @@ const at = /* @__PURE__ */ _({
                 icon: e(i) ? `svg:${e(ke)}` : "$edit",
                 title: "Edit One Header Color",
                 variant: e(i) ? "text" : "plain",
-                onClick: l[0] || (l[0] = (y) => i.value = !e(i))
+                onClick: l[0] || (l[0] = (v) => i.value = !e(i))
               }, {
                 default: s(() => [
                   n(xe, { "leave-absolute": "" }, {
@@ -3756,7 +3786,7 @@ const at = /* @__PURE__ */ _({
         }, 8, ["color"]),
         n(Le, null, {
           default: s(() => [
-            e(i) ? (c(), m(ln, {
+            e(i) ? (c(), m(un, {
               key: 0,
               elevation: "0",
               height: "250",
@@ -3768,7 +3798,7 @@ const at = /* @__PURE__ */ _({
               "show-swatches": "",
               "swatches-max-height": "200",
               width: "278",
-              "onUpdate:modelValue": l[1] || (l[1] = (y) => e(o).one.colors.primary = y)
+              "onUpdate:modelValue": l[1] || (l[1] = (v) => e(o).one.colors.primary = v)
             }, null, 8, ["model-value"])) : h("", !0)
           ]),
           _: 1
@@ -3776,19 +3806,19 @@ const at = /* @__PURE__ */ _({
       ], 64);
     };
   }
-}), ta = { class: "text-center mt-n9 mb-4" }, oa = /* @__PURE__ */ _({
+}), na = { class: "text-center mt-n9 mb-4" }, sa = /* @__PURE__ */ _({
   __name: "VoUserMenu",
   setup(p) {
-    const t = Be(), a = O(), o = E();
+    const t = Oe(), a = B(), o = F();
     return H(() => t.banner, async () => {
       await new Promise((i) => setTimeout(i, 300)), a.isOpen && o.value?.updateLocation?.();
     }, { flush: "pre" }), (i, u) => {
-      const r = ea, l = Gs, d = Hs, f = Dt;
+      const r = oa, l = Ys, d = Rs, f = At;
       return c(), m(Ue, {
         ref_key: "menu",
         ref: o,
         modelValue: e(a).isOpen,
-        "onUpdate:modelValue": u[0] || (u[0] = (v) => e(a).isOpen = v),
+        "onUpdate:modelValue": u[0] || (u[0] = (y) => e(a).isOpen = y),
         activator: "parent",
         "close-on-click": !1,
         "close-on-content-click": !1,
@@ -3796,14 +3826,14 @@ const at = /* @__PURE__ */ _({
         location: "bottom end"
       }, {
         default: s(() => [
-          n(P, {
+          n(z, {
             border: "",
             rounded: "lg",
             width: "280"
           }, {
             default: s(() => [
               n(r),
-              g("div", ta, [
+              g("div", na, [
                 n(l)
               ]),
               n(N),
@@ -3818,7 +3848,7 @@ const at = /* @__PURE__ */ _({
       }, 8, ["modelValue"]);
     };
   }
-}), na = { class: "me-n3" }, sa = /* @__PURE__ */ _({
+}), aa = { class: "me-n3" }, ia = /* @__PURE__ */ _({
   __name: "VoTeamInvite",
   setup(p) {
     const t = De(), a = b(() => t.team?.name ?? `${t.team?.owner.name}'s team`);
@@ -3832,13 +3862,13 @@ const at = /* @__PURE__ */ _({
       "max-width": "500"
     }, {
       default: s(({ isActive: r }) => [
-        n(P, {
-          "prepend-icon": `svg:${e(Fo)}`,
+        n(z, {
+          "prepend-icon": `svg:${e(Zo)}`,
           rounded: "lg",
           title: "Join a Team"
         }, {
           append: s(() => [
-            g("div", na, [
+            g("div", aa, [
               n(A, {
                 icon: "$close",
                 size: "x-small",
@@ -3883,24 +3913,24 @@ const at = /* @__PURE__ */ _({
       _: 1
     }, 8, ["modelValue"])) : h("", !0);
   }
-}), aa = { key: 0 }, Pt = /* @__PURE__ */ _({
+}), ra = { key: 0 }, zt = /* @__PURE__ */ _({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(p) {
-    const t = F(), a = Ee(), o = O(), i = T(), { lgAndUp: u, smAndUp: r } = ae(), l = b(() => o.isOpen || !t.user ? i.one.colors.primary === "surface-light" ? "primary" : i.one.colors.primary : "surface-light"), d = ge(() => i.one.notifications.enabled && a.unread.length > 0), f = ge(() => o.isSubscriber && !i.ecosystem.mcp.seen), v = ge(() => !!t.user && (d.value || f.value)), y = ge(() => f.value ? "success" : "error");
-    function k() {
+    const t = E(), a = Ee(), o = B(), i = T(), { lgAndUp: u, smAndUp: r } = ie(), 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), y = ge(() => !!t.user && (d.value || f.value)), v = ge(() => f.value ? "success" : "error");
+    function C() {
       t.user || (t.dialog = !0);
     }
     return ($, L) => {
-      const U = oa, Q = we, x = It, pe = pn;
-      return c(), C(D, null, [
+      const U = sa, Q = we, x = Dt, pe = mn;
+      return c(), k(D, null, [
         n(Ye, {
-          color: e(y),
+          color: e(v),
           dot: "",
           location: "end top",
-          "model-value": e(v),
+          "model-value": e(y),
           "offset-x": e(t).user ? -2 : 0,
           "offset-y": e(t).user ? 5 : 0
         }, {
@@ -3917,14 +3947,14 @@ const at = /* @__PURE__ */ _({
               size: e(r) ? "default" : "small",
               style: { transition: ".2s ease" },
               variant: e(t).user ? e(o).isOpen ? "outlined" : "text" : "flat",
-              onClick: k
+              onClick: C
             }), {
               default: s(() => [
                 e(t).user ? (c(), m(oe, {
                   key: 0,
                   image: e(i).one.avatar || e(t).user.picture || ""
-                }, null, 8, ["image"])) : (c(), C(D, { key: 1 }, [
-                  e(r) ? (c(), C("span", aa, "Login")) : (c(), m(I, {
+                }, null, 8, ["image"])) : (c(), k(D, { key: 1 }, [
+                  e(r) ? (c(), k("span", ra, "Login")) : (c(), m(I, {
                     key: 1,
                     icon: `svg:${e(nt)}`
                   }, null, 8, ["icon"]))
@@ -3937,18 +3967,18 @@ const at = /* @__PURE__ */ _({
           _: 1
         }, 8, ["color", "model-value", "offset-x", "offset-y"]),
         n(x),
-        n(sa),
+        n(ia),
         n(pe)
       ], 64);
     };
   }
-}), ia = {
+}), la = {
   key: 0,
   class: "mb-3"
-}, ra = { class: "text-h6 mb-3" }, la = {
+}, ua = { class: "text-h6 mb-3" }, ca = {
   key: 3,
   class: "mt-2"
-}, ua = { class: "mt-2" }, ca = /* @__PURE__ */ _({
+}, da = { class: "mt-2" }, pa = /* @__PURE__ */ _({
   __name: "VoMobileMenu",
   props: {
     modelValue: { type: Boolean },
@@ -3956,7 +3986,7 @@ const at = /* @__PURE__ */ _({
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const t = G(p, "modelValue"), a = ut();
+    const t = W(p, "modelValue"), a = ut();
     return (o, i) => (c(), m(Ue, {
       modelValue: t.value,
       "onUpdate:modelValue": i[0] || (i[0] = (u) => t.value = u),
@@ -3967,36 +3997,36 @@ const at = /* @__PURE__ */ _({
       activator: s(({ props: u }) => [
         w(o.$slots, "activator", ct(dt(u)), () => [
           n(A, R(u, {
-            icon: `svg:${e(Zo)}`,
+            icon: `svg:${e(No)}`,
             size: "small"
           }), null, 16, ["icon"])
         ])
       ]),
       default: s(() => [
-        n(P, {
+        n(z, {
           class: "pa-4",
           rounded: "lg"
         }, {
           default: s(() => [
-            a.prepend ? (c(), C("div", ia, [
+            a.prepend ? (c(), k("div", la, [
               w(o.$slots, "prepend")
             ])) : h("", !0),
-            a.title ? (c(), C(D, { key: 1 }, [
+            a.title ? (c(), k(D, { key: 1 }, [
               a.prepend ? (c(), m(N, {
                 key: 0,
                 class: "mb-3"
               })) : h("", !0),
-              g("div", ra, [
+              g("div", ua, [
                 w(o.$slots, "title")
               ])
             ], 64)) : h("", !0),
             a.default ? w(o.$slots, "default", { key: 2 }) : h("", !0),
-            a.extension ? (c(), C("div", la, [
+            a.extension ? (c(), k("div", ca, [
               w(o.$slots, "extension")
             ])) : h("", !0),
-            a.append ? (c(), C(D, { key: 4 }, [
+            a.append ? (c(), k(D, { key: 4 }, [
               n(N, { class: "my-3" }),
-              g("div", ua, [
+              g("div", da, [
                 w(o.$slots, "append")
               ])
             ], 64)) : h("", !0)
@@ -4007,7 +4037,7 @@ const at = /* @__PURE__ */ _({
       _: 3
     }, 8, ["modelValue"]));
   }
-}), da = /* @__PURE__ */ _({
+}), ma = /* @__PURE__ */ _({
   __name: "VoAppBar",
   props: /* @__PURE__ */ rt({
     logo: {},
@@ -4018,16 +4048,16 @@ const at = /* @__PURE__ */ _({
   }),
   emits: ["update:mobileMenu"],
   setup(p) {
-    const t = p, a = G(p, "mobileMenu"), o = ut(), i = Te(), u = Pe(), { mobile: r } = ae(), l = b(() => t.responsive == !0 && r.value), d = b(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${t.logo}-logo-${i.current.value.dark ? "dark" : "light"}.png`);
-    return (f, v) => {
-      const y = lt("router-link"), k = ca, $ = Pt;
+    const t = p, a = W(p, "mobileMenu"), o = ut(), i = Te(), u = Pe(), { mobile: r } = ie(), l = b(() => t.responsive == !0 && r.value), d = b(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${t.logo}-logo-${i.current.value.dark ? "dark" : "light"}.png`);
+    return (f, y) => {
+      const v = lt("router-link"), C = pa, $ = zt;
       return c(), m(xt, {
         class: "border-b",
         image: e(u).suit["app-bar"],
         name: "vo-app-bar"
-      }, z({
+      }, P({
         prepend: s(() => [
-          n(y, {
+          n(v, {
             class: "ps-2 ps-md-5",
             to: "/"
           }, {
@@ -4044,11 +4074,11 @@ const at = /* @__PURE__ */ _({
         ]),
         append: s(() => [
           w(f.$slots, "append-fixed"),
-          e(l) ? (c(), m(k, {
+          e(l) ? (c(), m(C, {
             key: 0,
             modelValue: a.value,
-            "onUpdate:modelValue": v[0] || (v[0] = (L) => a.value = L)
-          }, z({
+            "onUpdate:modelValue": y[0] || (y[0] = (L) => a.value = L)
+          }, P({
             activator: s((L) => [
               w(f.$slots, "menu-activator", ct(dt(L)))
             ]),
@@ -4068,7 +4098,7 @@ const at = /* @__PURE__ */ _({
             vertical: ""
           })) : h("", !0),
           n($),
-          v[1] || (v[1] = g("div", { class: "pe-md-3" }, null, -1))
+          y[1] || (y[1] = g("div", { class: "pe-md-3" }, null, -1))
         ]),
         default: s(() => [
           e(l) ? h("", !0) : w(f.$slots, "default", { key: 0 })
@@ -4092,7 +4122,7 @@ const at = /* @__PURE__ */ _({
       ]), 1032, ["image"]);
     };
   }
-}), pa = ["id"], ma = /* @__PURE__ */ _({
+}), fa = ["id"], va = /* @__PURE__ */ _({
   __name: "VoScript",
   props: {
     id: {
@@ -4110,35 +4140,35 @@ const at = /* @__PURE__ */ _({
   },
   emits: ["script:error", "script:load"],
   setup(p, { emit: t }) {
-    const a = p, o = t, i = E(), u = E();
+    const a = p, o = t, i = F(), u = F();
     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;
     }), He(() => {
       u.value && i.value && i.value.append(u.value);
-    }), Ht(() => {
+    }), jt(() => {
       u.value && i.value && u.value.remove();
-    }), (r, l) => (c(), C("div", {
+    }), (r, l) => (c(), k("div", {
       id: p.id,
       ref_key: "rootEl",
       ref: i
-    }, null, 8, pa));
+    }, null, 8, fa));
   }
-}), fa = {
+}), ga = {
   key: 0,
   class: "v-footer__image"
-}, va = /* @__PURE__ */ _({
+}, ya = /* @__PURE__ */ _({
   __name: "VoFooter",
   props: {
     image: {}
   },
   setup(p) {
-    return (t, a) => (c(), m(un, {
+    return (t, a) => (c(), m(cn, {
       class: "vo-footer",
       height: "40"
     }, {
       default: s(() => [
-        t.image || t.$slots.image ? (c(), C("div", fa, [
+        t.image || t.$slots.image ? (c(), k("div", ga, [
           t.$slots.image ? w(t.$slots, "image", { key: 0 }, void 0, !0) : (c(), m(se, {
             key: 1,
             cover: "",
@@ -4156,10 +4186,10 @@ const at = /* @__PURE__ */ _({
   for (const [o, i] of t)
     a[o] = i;
   return a;
-}, zt = /* @__PURE__ */ Xe(va, [["__scopeId", "data-v-31335c0a"]]), ga = ["href", "title"], ya = {
+}, Bt = /* @__PURE__ */ Xe(ya, [["__scopeId", "data-v-31335c0a"]]), _a = ["href", "title"], ha = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, _a = /* @__PURE__ */ _({
+}, ba = /* @__PURE__ */ _({
   __name: "VoSocialFooter",
   setup(p) {
     const t = Pe(), a = [
@@ -4170,7 +4200,7 @@ const at = /* @__PURE__ */ _({
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${No}`,
+        icon: `svg:${Ho}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -4195,14 +4225,14 @@ const at = /* @__PURE__ */ _({
       }
     ];
     return (o, i) => {
-      const u = zt;
+      const u = Bt;
       return c(), m(u, {
         class: "vo-footer",
         height: "40",
         image: e(t).suit.footer
-      }, z({
+      }, P({
         default: s(() => [
-          (c(), C(D, null, K(a, (r) => g("a", {
+          (c(), k(D, null, K(a, (r) => g("a", {
             key: r.title,
             class: "d-inline-block mx-2 social-link",
             href: r.href,
@@ -4214,8 +4244,8 @@ const at = /* @__PURE__ */ _({
               icon: r.icon,
               size: r.icon === "$vuetify" ? 24 : 16
             }, null, 8, ["icon", "size"])
-          ], 8, ga)), 64)),
-          g("div", ya, [
+          ], 8, _a)), 64)),
+          g("div", ha, [
             S(" © 2016-" + V((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
             i[0] || (i[0] = g("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1))
           ])
@@ -4232,20 +4262,20 @@ const at = /* @__PURE__ */ _({
       ]), 1032, ["image"]);
     };
   }
-}), ha = /* @__PURE__ */ Xe(_a, [["__scopeId", "data-v-7a9688b8"]]), ba = /* @__PURE__ */ _({
+}), Ca = /* @__PURE__ */ Xe(ba, [["__scopeId", "data-v-7a9688b8"]]), ka = /* @__PURE__ */ _({
   __name: "VoNotificationsBanner",
   props: {
     demo: { type: Boolean }
   },
   setup(p) {
-    jt(($) => ({
+    Rt(($) => ({
       "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: a } = ie(), o = dn(), i = T(), u = Oe(), 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));
     function f() {
       t.demo || r.value && (i.one.banners.read.push(r.value.slug), i.one.banners.last = (/* @__PURE__ */ new Date()).toISOString());
     }
-    async function v($) {
+    async function y($) {
       if (!r.value) return;
       i.one.banners.last = (/* @__PURE__ */ new Date()).toISOString();
       const L = r.value?.metadata ?? { link: "" };
@@ -4254,7 +4284,7 @@ const at = /* @__PURE__ */ _({
       const U = L.link.split("?one=")[1];
       o.push({ query: { one: U } });
     }
-    const y = b(() => {
+    const v = b(() => {
       const $ = r.value?.metadata ?? { link: "" };
       return {
         href: $.link.startsWith("http") ? $.link : void 0,
@@ -4262,7 +4292,7 @@ const at = /* @__PURE__ */ _({
         to: $.link.startsWith("http") ? void 0 : $.link,
         ...r.value?.metadata.attributes
       };
-    }), k = b(() => {
+    }), C = b(() => {
       const $ = r.value?.metadata.images.bg?.url;
       if (!$?.startsWith("https://cdn.cosmicjs.com/")) return $;
       const L = new URL($);
@@ -4280,17 +4310,17 @@ const at = /* @__PURE__ */ _({
       color: e(r).metadata.color,
       flat: "",
       height: e(l),
-      image: e(k),
+      image: e(C),
       location: $.demo ? "bottom" : void 0,
       "model-value": e(d),
       order: "-1"
     }, {
       default: s(() => [
-        n(le, R({
+        n(ae, R({
           active: !1,
           class: "flex-grow-1 py-6",
           lines: "two"
-        }, e(y), { onClick: v }), {
+        }, e(v), { onClick: y }), {
           prepend: s(() => [
             e(r).metadata.images.logo ? (c(), m(oe, {
               key: 0,
@@ -4312,10 +4342,10 @@ const at = /* @__PURE__ */ _({
                   title: e(r).metadata.link_text
                 }, {
                   ...Q,
-                  ...e(y)
+                  ...e(v)
                 }, {
                   variant: "elevated",
-                  onClick: _e(v, ["stop"])
+                  onClick: _e(y, ["stop"])
                 }), {
                   default: s(() => [
                     S(V(e(r).metadata.link_text), 1)
@@ -4345,7 +4375,7 @@ const at = /* @__PURE__ */ _({
               ]),
               _: 1
             })) : h("", !0),
-            e(r).metadata.subtext ? (c(), m(jo, { key: 1 }, {
+            e(r).metadata.subtext ? (c(), m(Ro, { key: 1 }, {
               default: s(() => [
                 S(V(e(r).metadata.subtext), 1)
               ]),
@@ -4358,7 +4388,7 @@ const at = /* @__PURE__ */ _({
       _: 1
     }, 8, ["color", "height", "image", "location", "model-value"])) : h("", !0);
   }
-}), Ca = /* @__PURE__ */ Xe(ba, [["__scopeId", "data-v-dee53f67"]]), ka = {
+}), Va = /* @__PURE__ */ Xe(ka, [["__scopeId", "data-v-dee53f67"]]), $a = {
   key: 0,
   class: "text-uppercase position-absolute ms-auto font-weight-medium on-surface-light",
   style: { right: "12px", bottom: "8px", "font-size": "10px" }
@@ -4369,16 +4399,16 @@ const at = /* @__PURE__ */ _({
     minHeight: {}
   },
   setup(p) {
-    return (t, a) => (c(), m(P, {
+    return (t, a) => (c(), m(z, {
       class: "d-inline-flex flex-child-1 position-relative",
       color: "surface-light",
       flat: "",
       rel: "noopener",
       rounded: "",
       target: "_blank"
-    }, z({
+    }, P({
       default: s(() => [
-        n(dn, {
+        n(pn, {
           "min-height": t.minHeight,
           width: "100%"
         }, {
@@ -4387,7 +4417,7 @@ const at = /* @__PURE__ */ _({
           ]),
           _: 3
         }, 8, ["min-height"]),
-        t.caption ? (c(), C("div", ka, V(t.caption), 1)) : h("", !0)
+        t.caption ? (c(), k("div", $a, V(t.caption), 1)) : h("", !0)
       ]),
       _: 2
     }, [
@@ -4408,10 +4438,10 @@ const at = /* @__PURE__ */ _({
     ]), 1024));
   }
 }), Je = q("promotions", () => {
-  const p = Y(), t = ee(), a = E([]), o = M(!1), i = M(!1), u = b(() => a.value.filter((d) => d.metadata.discoverable));
+  const p = Y(), t = ee(), a = F([]), o = M(!1), i = M(!1), u = b(() => a.value.filter((d) => d.metadata.discoverable));
   je(l);
   function r(d) {
-    const f = d.filter((v) => v.metadata.active);
+    const f = d.filter((y) => y.metadata.active);
     return f[Math.floor(Math.random() * f.length)];
   }
   async function l() {
@@ -4434,13 +4464,13 @@ const at = /* @__PURE__ */ _({
     index: l,
     random: r
   };
-}), Va = /* @__PURE__ */ _({
+}), xa = /* @__PURE__ */ _({
   __name: "VoPromotionsCardHighlight",
   props: {
     slug: {}
   },
   setup(p) {
-    const t = p, a = F(), o = Je(), i = Te(), u = T(), r = b(() => {
+    const t = p, a = E(), o = Je(), i = Te(), u = T(), r = b(() => {
       if (!(a.user && !u.one.ads.enabled))
         return t.slug ? o.all.find((f) => f.slug === t.slug) : o.random(o.all);
     }), l = b(() => {
@@ -4450,9 +4480,9 @@ const at = /* @__PURE__ */ _({
       const f = i.current.value.dark ? "bgdark" : "bglight";
       return r.value?.metadata.images[f]?.url;
     });
-    return (f, v) => {
-      const y = Ot;
-      return e(r) || !e(o).hasLoaded ? (c(), m(y, {
+    return (f, y) => {
+      const v = Ot;
+      return e(r) || !e(o).hasLoaded ? (c(), m(v, {
         key: 0,
         class: "vo-promotions-card-highlight",
         color: e(r)?.metadata.color ?? "surface",
@@ -4463,7 +4493,7 @@ const at = /* @__PURE__ */ _({
         "prepend-avatar": e(l),
         title: e(r)?.metadata.short_text,
         width: "100%"
-      }, z({
+      }, P({
         default: s(() => [
           e(o).hasLoaded ? h("", !0) : (c(), m(he, {
             key: 0,
@@ -4497,13 +4527,13 @@ const at = /* @__PURE__ */ _({
       ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : h("", !0);
     };
   }
-}), $a = { class: "d-flex ga-4" }, xa = { class: "d-flex align-start ga-4" }, La = { class: "text-caption on-surface-light" }, wa = /* @__PURE__ */ _({
+}), La = { class: "d-flex ga-4" }, wa = { class: "d-flex align-start ga-4" }, Sa = { class: "text-caption on-surface-light" }, Ma = /* @__PURE__ */ _({
   __name: "VoPromotionsCardVuetify",
   props: {
     slug: {}
   },
   setup(p) {
-    const t = p, a = F(), o = Je(), i = T(), u = b(() => {
+    const t = p, a = E(), 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);
     });
@@ -4518,8 +4548,8 @@ const at = /* @__PURE__ */ _({
         width: "360"
       }, {
         default: s(() => [
-          g("div", $a, [
-            e(o).hasLoaded ? e(u) ? (c(), C(D, { key: 1 }, [
+          g("div", La, [
+            e(o).hasLoaded ? e(u) ? (c(), k(D, { key: 1 }, [
               n(se, {
                 cover: "",
                 height: "100",
@@ -4529,10 +4559,10 @@ const at = /* @__PURE__ */ _({
                 src: e(u).metadata?.images.default?.url,
                 width: "100%"
               }, null, 8, ["src"]),
-              g("div", xa, [
-                g("div", La, V(e(u).metadata?.text), 1)
+              g("div", wa, [
+                g("div", Sa, V(e(u).metadata?.text), 1)
               ])
-            ], 64)) : h("", !0) : (c(), C(D, { key: 0 }, [
+            ], 64)) : h("", !0) : (c(), k(D, { key: 0 }, [
               n(he, {
                 class: "flex-1-0 overflow-hidden",
                 color: "transparent",
@@ -4555,13 +4585,13 @@ const at = /* @__PURE__ */ _({
       }, 8, ["href"])) : h("", !0);
     };
   }
-}), Sa = ["href"], Ma = /* @__PURE__ */ _({
+}), Ia = ["href"], Da = /* @__PURE__ */ _({
   __name: "VoPromotionsFooter",
   props: {
     slug: {}
   },
   setup(p) {
-    const t = p, a = F(), o = Je(), i = T(), u = Te(), r = b(() => {
+    const t = p, a = E(), o = Je(), i = T(), u = Te(), r = b(() => {
       if (!(a.user && !i.one.ads.enabled))
         return t.slug ? o.all.find((f) => f.slug === t.slug) : o.random(o.all);
     }), l = b(() => {
@@ -4571,9 +4601,9 @@ const at = /* @__PURE__ */ _({
       const f = u.current.value.dark ? "bgdark" : "bglight";
       return r.value?.metadata.images[f]?.url;
     });
-    return (f, v) => {
-      const y = zt;
-      return c(), m(y, {
+    return (f, y) => {
+      const v = Bt;
+      return c(), m(v, {
         color: e(r)?.metadata.color ?? "surface",
         image: e(d),
         style: { transform: "translateY(0)" }
@@ -4601,14 +4631,14 @@ const at = /* @__PURE__ */ _({
               text: "SPONSORED",
               variant: "flat"
             })) : h("", !0)
-          ], 8, Sa)
+          ], 8, Ia)
         ]),
         _: 1
       }, 8, ["color", "image"]);
     };
   }
-}), Ia = q("spots", () => {
-  const p = Y(), t = Ut(), a = ee(), o = E([]), i = M(!1), u = b(() => o.value.find(({
+}), Aa = q("spots", () => {
+  const p = Y(), t = Pt(), a = ee(), o = F([]), i = M(!1), u = b(() => o.value.find(({
     metadata: {
       site: l,
       active: d
@@ -4632,11 +4662,11 @@ const at = /* @__PURE__ */ _({
     spot: u,
     index: r
   };
-}), Da = ["href"], Aa = /* @__PURE__ */ _({
+}), Ta = ["href"], Ua = /* @__PURE__ */ _({
   __name: "VoSpot",
   setup(p) {
-    const t = Ia();
-    return (a, o) => e(t).spot ? (c(), C("a", {
+    const t = Aa();
+    return (a, o) => e(t).spot ? (c(), k("a", {
       key: 0,
       href: e(t).spot.metadata.href,
       rel: "noopener noreferrer sponsored",
@@ -4649,9 +4679,9 @@ const at = /* @__PURE__ */ _({
         src: e(t).spot.metadata.image?.url,
         width: "225"
       }, null, 8, ["color", "src"])
-    ], 8, Da)) : h("", !0);
+    ], 8, Ta)) : h("", !0);
   }
-}), Li = {
+}), Si = {
   discord: ["M22,24L16.75,19L17.38,21H4.5A2.5,2.5 0 0,1 2,18.5V3.5A2.5,2.5 0 0,1 4.5,1H19.5A2.5,2.5 0 0,1 22,3.5V24M12,6.8C9.32,6.8 7.44,7.95 7.44,7.95C8.47,7.03 10.27,6.5 10.27,6.5L10.1,6.33C8.41,6.36 6.88,7.53 6.88,7.53C5.16,11.12 5.27,14.22 5.27,14.22C6.67,16.03 8.75,15.9 8.75,15.9L9.46,15C8.21,14.73 7.42,13.62 7.42,13.62C7.42,13.62 9.3,14.9 12,14.9C14.7,14.9 16.58,13.62 16.58,13.62C16.58,13.62 15.79,14.73 14.54,15L15.25,15.9C15.25,15.9 17.33,16.03 18.73,14.22C18.73,14.22 18.84,11.12 17.12,7.53C17.12,7.53 15.59,6.36 13.9,6.33L13.73,6.5C13.73,6.5 15.53,7.03 16.56,7.95C16.56,7.95 14.68,6.8 12,6.8M9.93,10.59C10.58,10.59 11.11,11.16 11.1,11.86C11.1,12.55 10.58,13.13 9.93,13.13C9.29,13.13 8.77,12.55 8.77,11.86C8.77,11.16 9.28,10.59 9.93,10.59M14.1,10.59C14.75,10.59 15.27,11.16 15.27,11.86C15.27,12.55 14.75,13.13 14.1,13.13C13.46,13.13 12.94,12.55 12.94,11.86C12.94,11.16 13.45,10.59 14.1,10.59Z"],
   github: ["M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"],
   reddit: "M14.5 15.41C14.58 15.5 14.58 15.69 14.5 15.8C13.77 16.5 12.41 16.56 12 16.56C11.61 16.56 10.25 16.5 9.54 15.8C9.44 15.69 9.44 15.5 9.54 15.41C9.65 15.31 9.82 15.31 9.92 15.41C10.38 15.87 11.33 16 12 16C12.69 16 13.66 15.87 14.1 15.41C14.21 15.31 14.38 15.31 14.5 15.41M10.75 13.04C10.75 12.47 10.28 12 9.71 12C9.14 12 8.67 12.47 8.67 13.04C8.67 13.61 9.14 14.09 9.71 14.08C10.28 14.08 10.75 13.61 10.75 13.04M14.29 12C13.72 12 13.25 12.5 13.25 13.05S13.72 14.09 14.29 14.09C14.86 14.09 15.33 13.61 15.33 13.05C15.33 12.5 14.86 12 14.29 12M22 12C22 17.5 17.5 22 12 22S2 17.5 2 12C2 6.5 6.5 2 12 2S22 6.5 22 12M18.67 12C18.67 11.19 18 10.54 17.22 10.54C16.82 10.54 16.46 10.7 16.2 10.95C15.2 10.23 13.83 9.77 12.3 9.71L12.97 6.58L15.14 7.05C15.16 7.6 15.62 8.04 16.18 8.04C16.75 8.04 17.22 7.57 17.22 7C17.22 6.43 16.75 5.96 16.18 5.96C15.77 5.96 15.41 6.2 15.25 6.55L12.82 6.03C12.75 6 12.68 6.03 12.63 6.07C12.57 6.11 12.54 6.17 12.53 6.24L11.79 9.72C10.24 9.77 8.84 10.23 7.82 10.96C7.56 10.71 7.2 10.56 6.81 10.56C6 10.56 5.35 11.21 5.35 12C5.35 12.61 5.71 13.11 6.21 13.34C6.19 13.5 6.18 13.62 6.18 13.78C6.18 16 8.79 17.85 12 17.85C15.23 17.85 17.85 16.03 17.85 13.78C17.85 13.64 17.84 13.5 17.81 13.34C18.31 13.11 18.67 12.6 18.67 12Z",
@@ -4725,8 +4755,8 @@ const at = /* @__PURE__ */ _({
     ["M12.0886 19.775C9.85039 19.7657 7.8983 19.4309 6.39591 18.845C5.48629 18.4823 4.79131 18.0824 4.50514 17.4872C4.33139 17.1339 4.32117 15.5529 4.34161 14.5299C4.34161 13.5814 4.64822 10.8379 5.05704 10.466C5.68048 9.88937 9.75841 9.77777 12.1091 9.77777H12.1193C14.4598 9.77777 18.5479 9.88937 19.1714 10.466C19.57 10.8379 19.8766 13.5814 19.8868 14.5299C19.897 15.5529 19.8868 17.1339 19.713 17.4872C19.4269 18.0824 18.7319 18.4823 17.8223 18.845C16.0076 19.4951 14.0692 19.8112 12.1193 19.775H12.0886Z", 0.2],
     ["M8.57405 12C9.68004 12 10.5812 12.8658 10.5812 14.2222C10.5812 15.444 9.721 16.4444 8.57405 16.4444C7.45782 16.4348 6.55664 15.444 6.55664 14.2222C6.55664 12.8754 7.45782 12 8.57405 12ZM15.6606 12C14.5444 12 13.6432 12.8658 13.6432 14.2222C13.6432 15.444 14.5136 16.4444 15.6606 16.4444C16.7666 16.4348 17.6678 15.444 17.6678 14.2222C17.6678 12.8754 16.7666 12 15.6606 12Z", 1]
   ]
-}, wi = q("bins", () => {
-  const p = Y(), t = ee(), a = E([]), o = M(!1), i = b(() => a.value.filter((l) => l.favorite)), u = b(() => a.value.filter((l) => l.pinned));
+}, Mi = q("bins", () => {
+  const p = Y(), t = ee(), a = F([]), o = M(!1), i = b(() => a.value.filter((l) => l.favorite)), u = b(() => a.value.filter((l) => l.pinned));
   async function r() {
     try {
       o.value = !0;
@@ -4746,12 +4776,12 @@ const at = /* @__PURE__ */ _({
     all: a,
     index: r
   };
-}), Si = q("links", () => {
-  const p = Y(), t = ee(), a = E([]), o = M(!1), i = M(!1), u = b(() => a.value.filter((v) => v.favorite)), r = b(() => a.value.filter((v) => v.pinned)), l = b(() => {
-    const v = F(), y = O();
-    return v.user?.isAdmin || y.isSubscriber;
+}), Ii = q("links", () => {
+  const p = Y(), t = ee(), a = F([]), o = M(!1), i = M(!1), u = b(() => a.value.filter((v) => v.favorite)), r = b(() => a.value.filter((v) => v.pinned)), l = b(() => !!E().user), d = b(() => {
+    const v = E(), C = B();
+    return v.user?.isAdmin || C.isSubscriber;
   });
-  async function d() {
+  async function f() {
     try {
       o.value = !0;
       const v = await p.get("/one/links");
@@ -4763,14 +4793,14 @@ const at = /* @__PURE__ */ _({
     }
     return a.value;
   }
-  async function f(v) {
+  async function y(v) {
     if (!l.value) {
-      t.showError("Must be a Vuetify One subscriber to create links");
+      t.showError("Must be signed in to create links");
       return;
     }
     try {
       i.value = !0;
-      const y = await p.post("/one/links", {
+      const C = await p.post("/one/links", {
         link: {
           title: v.title,
           url: v.url,
@@ -4781,12 +4811,17 @@ const at = /* @__PURE__ */ _({
           passwordProtection: v.passwordProtection ?? !1,
           password: v.password ?? null,
           timer: v.timer ?? null,
-          expiresAt: v.expiresAt ?? null
+          expiresAt: v.expiresAt ?? null,
+          // Content link fields
+          contentType: v.contentType,
+          payload: v.payload,
+          language: v.language,
+          source: v.source
         }
       });
-      return a.value.unshift(y.link), y.link;
-    } catch (y) {
-      t.showError(y?.message ?? "Error creating link");
+      return a.value.unshift(C.link), C.link;
+    } catch (C) {
+      t.showError(C?.message ?? "Error creating link");
     } finally {
       i.value = !1;
     }
@@ -4795,14 +4830,15 @@ const at = /* @__PURE__ */ _({
     isLoading: o,
     isSaving: i,
     canCreate: l,
+    canUseCustomSlug: d,
     pinned: r,
     favorites: u,
     all: a,
-    index: d,
-    create: f
+    index: f,
+    create: y
   };
-}), Mi = q("plays", () => {
-  const p = Y(), t = ee(), a = E([]), o = M(!1), i = b(() => a.value.filter((l) => l.favorite)), u = b(() => a.value.filter((l) => l.pinned));
+}), Di = q("plays", () => {
+  const p = Y(), t = ee(), a = F([]), o = M(!1), i = b(() => a.value.filter((l) => l.favorite)), u = b(() => a.value.filter((l) => l.pinned));
   async function r() {
     try {
       o.value = !0;
@@ -4822,8 +4858,8 @@ const at = /* @__PURE__ */ _({
     all: a,
     index: r
   };
-}), Ii = q("products", () => {
-  const p = Y(), t = ee(), a = E([]), o = b(() => a.value.filter((r) => r.product_type === "Themes"));
+}), Ai = q("products", () => {
+  const p = Y(), t = ee(), a = F([]), o = b(() => a.value.filter((r) => r.product_type === "Themes"));
   async function i() {
     if (a.value.length > 0)
       return a.value;
@@ -4844,16 +4880,16 @@ const at = /* @__PURE__ */ _({
     index: i,
     randomize: u
   };
-}), Di = q("sponsors", () => {
-  const p = Y(), t = ee(), a = E([]), o = E([]), i = E(!1), u = b(() => {
+}), Ti = q("sponsors", () => {
+  const p = Y(), t = ee(), a = F([]), o = F([]), i = F(!1), u = b(() => {
     const d = {};
     for (const f of a.value) {
-      const v = f.metadata.tier;
-      d[v] || (d[v] = []), d[v].push(f);
+      const y = f.metadata.tier;
+      d[y] || (d[y] = []), d[y].push(f);
     }
     return d;
   });
-  Rt(r), je(r);
+  qt(r), je(r);
   async function r() {
     try {
       i.value = !0;
@@ -4878,38 +4914,38 @@ const at = /* @__PURE__ */ _({
     index: r
   };
 });
-function Ai() {
+function Ui() {
   function p(t) {
-    t.component("VoAppBar", da), t.component("VoAuthBtn", Pt), t.component("VoAuthCard", Mt), t.component("VoAuthDialog", It), t.component("VoAuthListItem", Dt), t.component("VoNotificationsBanner", Ca), t.component("VoPromotionsCardHighlight", Va), t.component("VoPromotionsCardVuetify", wa), t.component("VoPromotionsFooter", Ma), t.component("VoScript", ma), t.component("VoSocialFooter", ha), t.component("VoSpot", Aa);
+    t.component("VoAppBar", ma), t.component("VoAuthBtn", zt), t.component("VoAuthCard", It), t.component("VoAuthDialog", Dt), t.component("VoAuthListItem", At), t.component("VoNotificationsBanner", Va), t.component("VoPromotionsCardHighlight", xa), t.component("VoPromotionsCardVuetify", Ma), t.component("VoPromotionsFooter", Da), t.component("VoScript", va), t.component("VoSocialFooter", Ca), t.component("VoSpot", Ua);
   }
   return { install: p };
 }
-function Ti(p, t) {
+function Pi(p, t) {
   return function(a) {
     const o = a.store;
     o.url = t, o.$id === "site" && (o.id = p);
   };
 }
 export {
-  Li as aliases,
-  Ai as createOne,
-  Ti as one,
-  F as useAuthStore,
-  Be as useBannersStore,
-  wi as useBinsStore,
-  fs as useDownloadsStore,
+  Si as aliases,
+  Ui as createOne,
+  Pi as one,
+  E as useAuthStore,
+  Oe as useBannersStore,
+  Mi as useBinsStore,
+  gs as useDownloadsStore,
   Y as useHttpStore,
-  Si as useLinksStore,
+  Ii as useLinksStore,
   Ee as useNotificationsStore,
-  O as useOneStore,
-  Mi as usePlaysStore,
-  Ii as useProductsStore,
+  B as useOneStore,
+  Di as usePlaysStore,
+  Ai as useProductsStore,
   Je as usePromotionsStore,
   ee as useQueueStore,
   Pe as useSettingsStore,
-  Ut as useSiteStore,
-  Di as useSponsorsStore,
-  Ia as useSpotsStore,
+  Pt as useSiteStore,
+  Ti as useSponsorsStore,
+  Aa as useSpotsStore,
   De as useTeamStore,
   T as useUserStore
 };