@vuetify/one 3.1.0 → 3.1.2

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as y, openBlock as d, createBlock as p, unref as e, computed as _, createSlots as Z, withCtx as s, createElementVNode as b, toDisplayString as x, createVNode as a, createTextVNode as E, normalizeStyle as ze, createCommentVNode as h, renderSlot as $, shallowRef as A, watch as oe, withModifiers as ae, useModel as ie, mergeModels as Oe, createElementBlock as V, Fragment as S, renderList as q, mergeProps as z, withDirectives as N, vShow as de, nextTick as je, isRef as te, ref as F, onMounted as me, toRef as se, normalizeClass as Ct, useSlots as He, normalizeProps as Te, guardReactiveProps as Re, resolveComponent as kt, onBeforeMount as be, onBeforeUnmount as Vt, useCssVars as $t, onServerPrefetch as xt } from "vue";
+import { defineComponent as _, openBlock as d, createBlock as p, unref as e, computed as y, createSlots as Z, withCtx as s, createElementVNode as b, toDisplayString as x, createVNode as a, createTextVNode as E, normalizeStyle as ze, createCommentVNode as h, renderSlot as $, shallowRef as A, watch as oe, withModifiers as ae, useModel as ie, mergeModels as Oe, createElementBlock as V, Fragment as S, renderList as q, mergeProps as z, withDirectives as N, vShow as de, nextTick as je, isRef as te, ref as F, onMounted as me, toRef as se, normalizeClass as Ct, useSlots as He, normalizeProps as Te, guardReactiveProps as Re, resolveComponent as kt, onBeforeMount as be, onBeforeUnmount as Vt, useCssVars as $t, onServerPrefetch as xt } from "vue";
 import { u as R, a as D, b as M, c as O, d as qe, e as G, f as Lt } from "./auth-DK4fBwyp.js";
 import { g as ma, h as pa } from "./auth-DK4fBwyp.js";
 import { VSnackbarQueue as wt } from "vuetify/components/VSnackbarQueue";
@@ -23,7 +23,7 @@ import { defineStore as H } from "pinia";
 import { VRow as et, VCol as tt, VSpacer as ho } from "vuetify/components/VGrid";
 import { VHover as le } from "vuetify/components/VHover";
 import { VImg as J } from "vuetify/components/VImg";
-import { VItemGroup as _o, VItem as yo } from "vuetify/components/VItemGroup";
+import { VItemGroup as yo, VItem as _o } from "vuetify/components/VItemGroup";
 import { VLayout as xe } from "vuetify/components/VLayout";
 import { VMain as Le } from "vuetify/components/VMain";
 import { VDataTableVirtual as bo } from "vuetify/components/VDataTable";
@@ -34,14 +34,14 @@ import { VTooltip as nt } from "vuetify/components/VTooltip";
 import { VResponsive as ko } from "vuetify/components/VResponsive";
 import { VBadge as Se } from "vuetify/components/VBadge";
 import { VNavigationDrawer as Vo } from "vuetify/components/VNavigationDrawer";
-import { VWindow as $o, VWindowItem as _e } from "vuetify/components/VWindow";
+import { VWindow as $o, VWindowItem as ye } from "vuetify/components/VWindow";
 import { VColorPicker as xo } from "vuetify/components/VColorPicker";
 import { VAppBar as st } from "vuetify/components/VAppBar";
 import { VFooter as Lo } from "vuetify/components/VFooter";
 import { useRouter as wo } from "vue-router";
 import { VLazy as So } from "vuetify/components/VLazy";
-import { VSkeletonLoader as ye } from "vuetify/components/VSkeletonLoader";
-const Mo = /* @__PURE__ */ y({
+import { VSkeletonLoader as _e } from "vuetify/components/VSkeletonLoader";
+const Mo = /* @__PURE__ */ _({
   __name: "VoSnackbarQueue",
   setup(u) {
     const t = R();
@@ -65,10 +65,10 @@ function ta(u) {
     piniaPlugin: Ao(u)
   };
 }
-const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
+const Do = { class: "text-body-medium" }, at = /* @__PURE__ */ _({
   __name: "VoAuthOpenCollective",
   setup(u) {
-    const t = D(), n = _(() => t.user && t.findIdentity("opencollective")), o = _(() => t.user ? n.value ? "Connected to Open Collective" : "Connect Open Collective" : "Login with Open Collective");
+    const t = D(), n = y(() => t.user && t.findIdentity("opencollective")), o = y(() => t.user ? n.value ? "Connected to Open Collective" : "Connect Open Collective" : "Login with Open Collective");
     return (i, l) => (d(), p(Y, {
       "base-color": "#1258e2",
       "prepend-icon": `svg:${e(St)}`,
@@ -85,16 +85,16 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
       !e(t).user && e(t).lastLoginProvider() === "openCollective" ? {
         name: "subtitle",
         fn: s(() => [
-          l[1] || (l[1] = b("div", { class: "text-caption mt-n1" }, "Last Used", -1))
+          l[1] || (l[1] = b("div", { class: "text-body-small mt-n1" }, "Last Used", -1))
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Io = { class: "text-body-2" }, it = /* @__PURE__ */ y({
+}), Io = { class: "text-body-medium" }, it = /* @__PURE__ */ _({
   __name: "VoAuthShopify",
   setup(u) {
-    const t = D(), n = _(() => t.user && t.findIdentity("shopify")), o = _(() => t.user ? n.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
+    const t = D(), n = y(() => t.user && t.findIdentity("shopify")), o = y(() => t.user ? n.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
     return (i, l) => (d(), p(Y, {
       "base-color": "#5b8a3c",
       "prepend-icon": `svg:${e(Mt)}`,
@@ -111,16 +111,16 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
       !e(t).user && e(t).lastLoginProvider() === "shopify" ? {
         name: "subtitle",
         fn: s(() => [
-          l[1] || (l[1] = b("div", { class: "text-caption mt-n1" }, "Last Used", -1))
+          l[1] || (l[1] = b("div", { class: "text-body-small mt-n1" }, "Last Used", -1))
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Uo = { class: "text-body-2" }, rt = /* @__PURE__ */ y({
+}), Uo = { class: "text-body-medium" }, rt = /* @__PURE__ */ _({
   __name: "VoAuthDiscord",
   setup(u) {
-    const t = D(), n = _(() => t.user && t.findIdentity("discord")), o = _(() => t.user ? n.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
+    const t = D(), n = y(() => t.user && t.findIdentity("discord")), o = y(() => t.user ? n.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
     return (i, l) => (d(), p(Y, {
       "base-color": "#5865F2",
       "prepend-icon": "$discord",
@@ -137,16 +137,16 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
       !e(t).user && e(t).lastLoginProvider() === "discord" ? {
         name: "subtitle",
         fn: s(() => [
-          l[1] || (l[1] = b("div", { class: "text-caption mt-n1" }, "Last Used", -1))
+          l[1] || (l[1] = b("div", { class: "text-body-small mt-n1" }, "Last Used", -1))
         ]),
         key: "0"
       } : void 0
     ]), 1024));
   }
-}), Zo = { class: "text-body-2" }, lt = /* @__PURE__ */ y({
+}), Zo = { class: "text-body-medium" }, lt = /* @__PURE__ */ _({
   __name: "VoAuthGoogle",
   setup(u) {
-    const t = D(), n = _(() => t.user && t.findIdentity("google")), o = _(() => t.user ? n.value ? "Connected to Google" : "Connect Google" : "Login with Google");
+    const t = D(), n = y(() => t.user && t.findIdentity("google")), o = y(() => t.user ? n.value ? "Connected to Google" : "Connect Google" : "Login with Google");
     return (i, l) => (d(), p(Y, {
       "base-color": "#4285F4",
       "prepend-icon": `svg:${e(At)}`,
@@ -163,16 +163,16 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
       !e(t).user && e(t).lastLoginProvider() === "google" ? {
         name: "subtitle",
         fn: s(() => [
-          l[1] || (l[1] = b("div", { class: "text-caption mt-n1" }, "Last Used", -1))
+          l[1] || (l[1] = b("div", { class: "text-body-small mt-n1" }, "Last Used", -1))
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Fo = { class: "text-body-2" }, ut = /* @__PURE__ */ y({
+}), Fo = { class: "text-body-medium" }, ut = /* @__PURE__ */ _({
   __name: "VoAuthGithub",
   setup(u) {
-    const t = D(), n = _(() => t.user && t.findIdentity("github")), o = _(() => t.user ? n.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
+    const t = D(), n = y(() => t.user && t.findIdentity("github")), o = y(() => t.user ? n.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
     return (i, l) => (d(), p(Y, {
       "base-color": "#2a2a2a",
       "prepend-icon": "$github",
@@ -189,13 +189,13 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
       !e(t).user && e(t).lastLoginProvider() === "github" ? {
         name: "subtitle",
         fn: s(() => [
-          l[1] || (l[1] = b("div", { class: "text-caption mt-n1" }, "Last Used", -1))
+          l[1] || (l[1] = b("div", { class: "text-body-small mt-n1" }, "Last Used", -1))
         ]),
         key: "0"
       } : void 0
     ]), 1024));
   }
-}), Bo = { class: "text-center" }, No = { class: "text-center mb-6" }, Po = { class: "text-h6 font-weight-light" }, ct = /* @__PURE__ */ y({
+}), Bo = { class: "text-center" }, No = { class: "text-center mb-6" }, Po = { class: "text-title-large font-weight-light" }, ct = /* @__PURE__ */ _({
   __name: "VoAuthCard",
   setup(u) {
     const t = D();
@@ -215,10 +215,10 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
             })
           ]),
           b("div", No, [
-            a(lo, { class: "text-h5 mb-1 text-md-h4" }, {
+            a(lo, { class: "text-headline-small mb-1 text-md-headline-large" }, {
               default: s(() => [
                 b("div", Po, x(e(t).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
-                o[0] || (o[0] = b("span", { class: "text-h3 font-weight-bold" }, "Vuetify One", -1))
+                o[0] || (o[0] = b("span", { class: "text-display-medium font-weight-bold" }, "Vuetify One", -1))
               ]),
               _: 1
             }),
@@ -248,7 +248,7 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
       });
     };
   }
-}), dt = /* @__PURE__ */ y({
+}), dt = /* @__PURE__ */ _({
   __name: "VoAuthDialog",
   setup(u) {
     const t = D();
@@ -266,7 +266,7 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
       }, 8, ["modelValue"]);
     };
   }
-}), mt = /* @__PURE__ */ y({
+}), mt = /* @__PURE__ */ _({
   __name: "VoBtn",
   props: {
     readonly: { type: Boolean }
@@ -274,7 +274,6 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
   setup(u) {
     const t = u;
     return (n, o) => (d(), p(B, {
-      class: "text-none font-weight-regular",
       color: "primary",
       size: "small",
       style: ze({
@@ -310,7 +309,7 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), Eo = { class: "pa-4 d-flex flex-column ga-4" }, pt = /* @__PURE__ */ y({
+}), Eo = { class: "pa-4 d-flex flex-column ga-4" }, pt = /* @__PURE__ */ _({
   __name: "VoAuthListItem",
   setup(u) {
     const t = D(), n = M(), o = A(!t.user && !t.isLoading);
@@ -406,7 +405,7 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
       }, 8, ["variant"]);
     };
   }
-}), K = /* @__PURE__ */ y({
+}), K = /* @__PURE__ */ _({
   __name: "VoListItem",
   setup(u) {
     return (t, n) => (d(), p(Y, { slim: "" }, Z({
@@ -438,7 +437,7 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
       } : void 0
     ]), 1024));
   }
-}), zo = /* @__PURE__ */ y({
+}), zo = /* @__PURE__ */ _({
   __name: "VoAuthLogoutNavItem",
   setup(u) {
     const t = D(), n = A(!1);
@@ -459,7 +458,7 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), Me = /* @__PURE__ */ y({
+}), Me = /* @__PURE__ */ _({
   __name: "VoDialog",
   props: /* @__PURE__ */ Oe({
     prependIcon: {},
@@ -532,7 +531,7 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), ft = /* @__PURE__ */ y({
+}), ft = /* @__PURE__ */ _({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
@@ -563,8 +562,8 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
   }
 }), Oo = {
   key: 1,
-  class: "mb-3 text-caption text-medium-emphasis"
-}, Ae = /* @__PURE__ */ y({
+  class: "mb-3 text-body-small text-medium-emphasis"
+}, Ae = /* @__PURE__ */ _({
   __name: "VoDialogSubheader",
   props: {
     title: {},
@@ -584,7 +583,7 @@ const Do = { class: "text-body-2" }, at = /* @__PURE__ */ y({
       u.text ? (d(), V("div", Oo, x(u.text), 1)) : h("", !0)
     ], 64));
   }
-}), jo = { key: 0 }, Ho = /* @__PURE__ */ y({
+}), jo = { key: 0 }, Ho = /* @__PURE__ */ _({
   __name: "VoSettingsPageSuitOption",
   setup(u) {
     const t = M(), n = [
@@ -933,7 +932,7 @@ const De = H("settings", () => {
       drawer: u + "suits/odyssey/odyssey-app-drawer.png",
       footer: u + "suits/odyssey/odyssey-app-footer.png"
     }
-  }, c = _(() => {
+  }, c = y(() => {
     if (!n.one.suits.suit || !n.one.suits.enabled || !t.isSubscriber)
       return {};
     const r = l[n.one.suits.suit.toLowerCase()], m = {};
@@ -952,10 +951,10 @@ const De = H("settings", () => {
     suit: c,
     CDN_URL: u
   };
-}), Ro = { class: "ms-5" }, qo = { class: "pb-2" }, Go = /* @__PURE__ */ y({
+}), Ro = { class: "ms-5" }, qo = { class: "pb-2" }, Go = /* @__PURE__ */ _({
   __name: "VoSettingsPanel",
   setup(u) {
-    const t = O(), n = De(), o = M(), i = _(() => [
+    const t = O(), n = De(), o = M(), i = y(() => [
       {
         title: "Light",
         subtitle: "A standard light theme.",
@@ -985,7 +984,7 @@ const De = H("settings", () => {
         value: "highContrast",
         disabled: !t.isSubscriber
       }
-    ]), l = _(() => [
+    ]), l = y(() => [
       {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
@@ -1018,10 +1017,10 @@ const De = H("settings", () => {
         value: "odyssey",
         disabled: !t.isSubscriber
       }
-    ]), c = _(() => [
+    ]), c = y(() => [
       { title: "Standard", items: i.value },
       { title: "Releases", items: l.value }
-    ]), r = _({
+    ]), r = y({
       get: () => !o.one.ads.enabled,
       set: (f) => {
         o.one.ads.enabled = !f;
@@ -1039,7 +1038,7 @@ const De = H("settings", () => {
               text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
               title: "Theme"
             }),
-            a(_o, {
+            a(yo, {
               modelValue: e(o).one.theme,
               "onUpdate:modelValue": v[0] || (v[0] = (C) => e(o).one.theme = C),
               mandatory: ""
@@ -1060,13 +1059,13 @@ const De = H("settings", () => {
                           ]),
                           _: 2
                         }, 1024),
-                        (d(!0), V(S, null, q(C.items, (L) => (d(), p(yo, {
+                        (d(!0), V(S, null, q(C.items, (L) => (d(), p(_o, {
                           key: L.value,
                           value: L.value
                         }, {
                           default: s(({ toggle: T, isSelected: ue }) => [
                             a(le, null, {
-                              default: s(({ props: yt, isHovering: bt }) => [
+                              default: s(({ props: _t, isHovering: bt }) => [
                                 a(j, z({
                                   color: ue ? "primary" : "surface-variant",
                                   height: "76",
@@ -1077,7 +1076,7 @@ const De = H("settings", () => {
                                   subtitle: L.disabled ? "Unlock with Vuetify One" : L.subtitle,
                                   title: L.title,
                                   variant: "tonal"
-                                }, { ref_for: !0 }, yt, {
+                                }, { ref_for: !0 }, _t, {
                                   onClick: (ms) => m(T, L)
                                 }), {
                                   image: s(() => [
@@ -1181,7 +1180,7 @@ const De = H("settings", () => {
       ], 64);
     };
   }
-}), Wo = /* @__PURE__ */ y({
+}), Wo = /* @__PURE__ */ _({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1217,7 +1216,7 @@ const De = H("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Qo = /* @__PURE__ */ y({
+}), Qo = /* @__PURE__ */ _({
   __name: "VoSettingsListItem",
   setup(u) {
     const t = A(!1);
@@ -1261,7 +1260,7 @@ const De = H("settings", () => {
     isLoading: o,
     index: i
   };
-}), Jo = /* @__PURE__ */ y({
+}), Jo = /* @__PURE__ */ _({
   __name: "VoDownloadsTable",
   setup(u) {
     const t = $e(), n = Yo(), o = [
@@ -1344,7 +1343,7 @@ const De = H("settings", () => {
       });
     };
   }
-}), Ko = { class: "px-3" }, Xo = /* @__PURE__ */ y({
+}), Ko = { class: "px-3" }, Xo = /* @__PURE__ */ _({
   __name: "VoDownloadsNavItem",
   setup(u) {
     const t = A(!1);
@@ -1482,7 +1481,7 @@ function gt() {
     togglePin: o
   };
 }
-const Ee = /* @__PURE__ */ y({
+const Ee = /* @__PURE__ */ _({
   __name: "VoEcosystemMenu",
   setup(u) {
     const t = D(), { actions: n, isPinned: o, togglePin: i } = gt();
@@ -1529,7 +1528,7 @@ const Ee = /* @__PURE__ */ y({
       _: 1
     }));
   }
-}), en = /* @__PURE__ */ y({
+}), en = /* @__PURE__ */ _({
   __name: "VoEcosystemListItem",
   setup(u) {
     const t = M(), { mobile: n } = X(), o = A(!1);
@@ -1593,7 +1592,7 @@ const Ee = /* @__PURE__ */ y({
 }, on = {
   key: 1,
   class: "pa-5"
-}, nn = { class: "text-subtitle-1 font-weight-bold" }, sn = { class: "text-caption font-weight-bold text-medium-emphasis" }, an = { class: "text-disabled text-caption mt-2 mb-3" }, rn = /* @__PURE__ */ y({
+}, nn = { class: "text-body-large font-weight-bold" }, sn = { class: "text-body-small font-weight-bold text-medium-emphasis" }, an = { class: "text-disabled text-body-small mt-2 mb-3" }, rn = /* @__PURE__ */ _({
   __name: "VoNotificationsBannerList",
   props: {
     items: {}
@@ -1709,14 +1708,14 @@ const Ee = /* @__PURE__ */ y({
       _: 1
     }));
   }
-}), ln = { class: "ps-3 text-subtitle-2 pe-2" }, un = { class: "text-truncate" }, cn = { class: "text-caption font-weight-bold text-medium-emphasis" }, dn = { class: "text-disabled text-caption my-2" }, mn = /* @__PURE__ */ y({
+}), ln = { class: "ps-3 text-title-small pe-2" }, un = { class: "text-truncate" }, cn = { class: "text-body-small font-weight-bold text-medium-emphasis" }, dn = { class: "text-disabled text-body-small my-2" }, mn = /* @__PURE__ */ _({
   __name: "VoNotificationsListItem",
   props: {
     demo: { type: Boolean },
     notification: {}
   },
   setup(u) {
-    const t = u, n = M(), o = $e(), i = X(), l = _(() => {
+    const t = u, n = M(), o = $e(), i = X(), l = y(() => {
       const m = t.notification.metadata ?? { action: "" };
       return {
         href: m.action.startsWith("http") ? m.action : void 0,
@@ -1776,7 +1775,7 @@ const Ee = /* @__PURE__ */ y({
               }, 1024)
             ]),
             default: s(() => [
-              a(Ke, { class: "text-wrap text-h6 mb-1" }, {
+              a(Ke, { class: "text-wrap text-title-large mb-1" }, {
                 default: s(() => [
                   b("div", un, x(u.notification.title), 1)
                 ]),
@@ -1809,7 +1808,7 @@ const Ee = /* @__PURE__ */ y({
 }), pn = {
   key: 0,
   class: "pt-16"
-}, fn = /* @__PURE__ */ y({
+}, fn = /* @__PURE__ */ _({
   __name: "VoNotificationsList",
   props: {
     items: {}
@@ -1854,7 +1853,7 @@ const Ee = /* @__PURE__ */ y({
     url: t
   };
 }), Ue = H("banners", () => {
-  const u = G(), t = Ie(), n = M(), o = R(), i = F([]), l = A(!1), c = _(() => {
+  const u = G(), t = Ie(), n = M(), o = R(), i = F([]), l = A(!1), c = y(() => {
     if (r.value)
       return r.value;
     if (!n.one.banners.enabled)
@@ -1877,7 +1876,7 @@ const Ee = /* @__PURE__ */ y({
       const C = w(g.metadata.priority), I = w(k.metadata.priority);
       return I !== C ? I - C : new Date(k.created_at).getTime() - new Date(g.created_at).getTime();
     })[0];
-  }), r = _(() => i.value.find(({
+  }), r = y(() => i.value.find(({
     metadata: {
       site: f,
       active: v
@@ -1903,7 +1902,7 @@ const Ee = /* @__PURE__ */ y({
     index: m
   };
 }), he = H("notifications", () => {
-  const u = G(), t = M(), n = R(), o = F([]), i = A(!1), l = _(() => o.value.filter((m) => !t.one.notifications.read.includes(m.slug))), c = _(() => o.value.filter((m) => t.one.notifications.read.includes(m.slug)));
+  const u = G(), t = M(), n = R(), o = F([]), i = A(!1), l = y(() => o.value.filter((m) => !t.one.notifications.read.includes(m.slug))), c = y(() => o.value.filter((m) => t.one.notifications.read.includes(m.slug)));
   async function r() {
     try {
       i.value = !0;
@@ -1923,7 +1922,7 @@ const Ee = /* @__PURE__ */ y({
     unread: l,
     index: r
   };
-}), gn = { class: "text-caption" }, vn = { class: "text-caption" }, hn = /* @__PURE__ */ y({
+}), gn = { class: "text-body-small" }, vn = { class: "text-body-small" }, hn = /* @__PURE__ */ _({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2050,7 +2049,7 @@ const Ee = /* @__PURE__ */ y({
                     "onUpdate:modelValue": k[1] || (k[1] = (T) => te(r) ? r.value = T : null)
                   }, {
                     default: s(() => [
-                      a(_e, { value: "read" }, {
+                      a(ye, { value: "read" }, {
                         default: s(() => [
                           a(C, {
                             items: e(i).unread
@@ -2058,7 +2057,7 @@ const Ee = /* @__PURE__ */ y({
                         ]),
                         _: 1
                       }),
-                      a(_e, { value: "unread" }, {
+                      a(ye, { value: "unread" }, {
                         default: s(() => [
                           a(C, {
                             items: e(i).read
@@ -2066,7 +2065,7 @@ const Ee = /* @__PURE__ */ y({
                         ]),
                         _: 1
                       }),
-                      a(_e, { value: "banners" }, {
+                      a(ye, { value: "banners" }, {
                         default: s(() => [
                           a(I, {
                             items: e(o).all
@@ -2088,7 +2087,7 @@ const Ee = /* @__PURE__ */ y({
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), _n = /* @__PURE__ */ y({
+}), yn = /* @__PURE__ */ _({
   __name: "VoNotificationsBadge",
   setup(u) {
     const t = he(), n = M();
@@ -2103,14 +2102,14 @@ const Ee = /* @__PURE__ */ y({
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), yn = /* @__PURE__ */ y({
+}), _n = /* @__PURE__ */ _({
   __name: "VoNotificationsNavItem",
   setup(u) {
     const t = M(), n = he(), o = A(!1);
     return me(() => {
       n.index();
     }), (i, l) => {
-      const c = _n, r = hn, m = K;
+      const c = yn, r = hn, m = K;
       return e(t).one.notifications.enabled ? (d(), p(m, {
         key: 0,
         active: e(o),
@@ -2142,7 +2141,7 @@ const Ee = /* @__PURE__ */ y({
       ]), 1032, ["active", "prepend-icon"])) : h("", !0);
     };
   }
-}), bn = /* @__PURE__ */ y({
+}), bn = /* @__PURE__ */ _({
   __name: "VoAccountNavItem",
   setup(u) {
     return (t, n) => {
@@ -2155,7 +2154,7 @@ const Ee = /* @__PURE__ */ y({
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), Cn = /* @__PURE__ */ y({
+}), Cn = /* @__PURE__ */ _({
   __name: "VoDashboardNavItem",
   setup(u) {
     const t = O();
@@ -2175,12 +2174,12 @@ const Ee = /* @__PURE__ */ y({
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), kn = /* @__PURE__ */ y({
+}), kn = /* @__PURE__ */ _({
   __name: "VoUserList",
   setup(u) {
     const t = D(), n = O();
     return (o, i) => {
-      const l = Cn, c = bn, r = yn, m = en, f = Xo, v = Qo, g = zo;
+      const l = Cn, c = bn, r = _n, m = en, f = Xo, v = Qo, g = zo;
       return d(), p(ne, {
         density: "compact",
         nav: "",
@@ -2199,10 +2198,10 @@ const Ee = /* @__PURE__ */ y({
       });
     };
   }
-}), Vn = { class: "mb-2" }, $n = { key: 0 }, xn = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Ln = { class: "text-h6" }, wn = /* @__PURE__ */ y({
+}), Vn = { class: "mb-2" }, $n = { key: 0 }, xn = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Ln = { class: "text-title-large" }, wn = /* @__PURE__ */ _({
   __name: "VoUserAvatar",
   setup(u) {
-    const t = D(), n = O(), o = M(), i = A(!1), l = _(() => {
+    const t = D(), n = O(), o = M(), i = A(!1), l = y(() => {
       const m = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/dark.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackguard.png",
@@ -2294,7 +2293,7 @@ const Ee = /* @__PURE__ */ y({
       b("div", Ln, x(e(t).user?.name ?? "Guest"), 1)
     ]));
   }
-}), Sn = ["href"], Mn = /* @__PURE__ */ y({
+}), Sn = ["href"], Mn = /* @__PURE__ */ _({
   __name: "VoUserPinnedEcosystem",
   setup(u) {
     const t = M(), { pinned: n } = gt();
@@ -2330,10 +2329,10 @@ const Ee = /* @__PURE__ */ y({
       _: 1
     })) : h("", !0);
   }
-}), An = /* @__PURE__ */ y({
+}), An = /* @__PURE__ */ _({
   __name: "VoUserBadges",
   setup(u) {
-    const t = D(), n = O(), o = _(() => n.github || n.discord || n.isSubscriber || t.user?.isAdmin);
+    const t = D(), n = O(), o = y(() => n.github || n.discord || n.isSubscriber || t.user?.isAdmin);
     return (i, l) => e(o) ? (d(), p(fe, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
@@ -2381,7 +2380,7 @@ const Ee = /* @__PURE__ */ y({
 }), Dn = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, In = {
   key: "reset",
   class: "align-self-end"
-}, Un = /* @__PURE__ */ y({
+}, Un = /* @__PURE__ */ _({
   __name: "VoUserColors",
   setup(u) {
     const t = D(), n = O(), o = M(), i = A(!1);
@@ -2471,7 +2470,7 @@ const Ee = /* @__PURE__ */ y({
       ], 64);
     };
   }
-}), Zn = { class: "text-center mt-n9 mb-4" }, Fn = /* @__PURE__ */ y({
+}), Zn = { class: "text-center mt-n9 mb-4" }, Fn = /* @__PURE__ */ _({
   __name: "VoUserMenu",
   setup(u) {
     const t = Ue(), n = O(), o = F();
@@ -2513,10 +2512,10 @@ const Ee = /* @__PURE__ */ y({
       }, 8, ["modelValue"]);
     };
   }
-}), Bn = { class: "me-n3" }, Nn = /* @__PURE__ */ y({
+}), Bn = { class: "me-n3" }, Nn = /* @__PURE__ */ _({
   __name: "VoTeamInvite",
   setup(u) {
-    const t = Lt(), n = _(() => t.team?.name ?? `${t.team?.owner.name}'s team`);
+    const t = Lt(), n = y(() => t.team?.name ?? `${t.team?.owner.name}'s team`);
     function o(i) {
       t.clearTeamQuery(), i.value = !1;
     }
@@ -2578,13 +2577,13 @@ const Ee = /* @__PURE__ */ y({
       _: 1
     }, 8, ["modelValue"])) : h("", !0);
   }
-}), Pn = { key: 0 }, vt = /* @__PURE__ */ y({
+}), Pn = { key: 0 }, vt = /* @__PURE__ */ _({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(u) {
-    const t = D(), n = he(), o = O(), i = M(), { lgAndUp: l, smAndUp: c } = X(), r = _(() => o.isOpen || !t.user ? i.one.colors.primary === "surface-light" ? "primary" : i.one.colors.primary : "surface-light"), m = se(() => i.one.notifications.enabled && n.unread.length > 0), f = se(() => o.isSubscriber && !i.ecosystem.mcp.seen), v = se(() => !!t.user && (m.value || f.value)), g = se(() => f.value ? "success" : "error");
+    const t = D(), n = he(), o = O(), i = M(), { lgAndUp: l, smAndUp: c } = X(), r = y(() => o.isOpen || !t.user ? i.one.colors.primary === "surface-light" ? "primary" : i.one.colors.primary : "surface-light"), m = se(() => i.one.notifications.enabled && n.unread.length > 0), f = se(() => o.isSubscriber && !i.ecosystem.mcp.seen), v = se(() => !!t.user && (m.value || f.value)), g = se(() => f.value ? "success" : "error");
     function k() {
       t.user || (t.dialog = !0);
     }
@@ -2640,10 +2639,10 @@ const Ee = /* @__PURE__ */ y({
 }), En = {
   key: 0,
   class: "mb-3"
-}, zn = { class: "text-h6 mb-3" }, On = {
+}, zn = { class: "text-title-large mb-3" }, On = {
   key: 3,
   class: "mt-2"
-}, jn = { class: "mt-2" }, Hn = /* @__PURE__ */ y({
+}, jn = { class: "mt-2" }, Hn = /* @__PURE__ */ _({
   __name: "VoMobileMenu",
   props: {
     modelValue: { type: Boolean },
@@ -2702,7 +2701,7 @@ const Ee = /* @__PURE__ */ y({
       _: 3
     }, 8, ["modelValue"]));
   }
-}), Tn = /* @__PURE__ */ y({
+}), Tn = /* @__PURE__ */ _({
   __name: "VoAppBar",
   props: /* @__PURE__ */ Oe({
     logo: {},
@@ -2713,7 +2712,7 @@ const Ee = /* @__PURE__ */ y({
   }),
   emits: ["update:mobileMenu"],
   setup(u) {
-    const t = u, n = ie(u, "mobileMenu"), o = He(), i = ve(), l = De(), { mobile: c } = X(), r = _(() => t.responsive == !0 && c.value), m = _(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${t.logo}-logo-${i.current.value.dark ? "dark" : "light"}.png`);
+    const t = u, n = ie(u, "mobileMenu"), o = He(), i = ve(), l = De(), { mobile: c } = X(), r = y(() => t.responsive == !0 && c.value), m = y(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${t.logo}-logo-${i.current.value.dark ? "dark" : "light"}.png`);
     return (f, v) => {
       const g = kt("router-link"), k = Hn, w = vt;
       return d(), p(st, {
@@ -2787,7 +2786,7 @@ const Ee = /* @__PURE__ */ y({
       ]), 1032, ["image"]);
     };
   }
-}), Rn = ["id"], qn = /* @__PURE__ */ y({
+}), Rn = ["id"], qn = /* @__PURE__ */ _({
   __name: "VoScript",
   props: {
     id: {
@@ -2822,7 +2821,7 @@ const Ee = /* @__PURE__ */ y({
 }), Gn = {
   key: 0,
   class: "v-footer__image"
-}, Wn = /* @__PURE__ */ y({
+}, Wn = /* @__PURE__ */ _({
   __name: "VoFooter",
   props: {
     image: {}
@@ -2852,9 +2851,9 @@ const Ee = /* @__PURE__ */ y({
     n[o] = i;
   return n;
 }, ht = /* @__PURE__ */ Ze(Wn, [["__scopeId", "data-v-31335c0a"]]), Qn = ["href", "title"], Yn = {
-  class: "text-caption text-disabled",
+  class: "text-body-small text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Jn = /* @__PURE__ */ y({
+}, Jn = /* @__PURE__ */ _({
   __name: "VoSocialFooter",
   setup(u) {
     const t = De(), n = [
@@ -2927,7 +2926,7 @@ const Ee = /* @__PURE__ */ y({
       ]), 1032, ["image"]);
     };
   }
-}), Kn = /* @__PURE__ */ Ze(Jn, [["__scopeId", "data-v-7a9688b8"]]), Xn = /* @__PURE__ */ y({
+}), Kn = /* @__PURE__ */ Ze(Jn, [["__scopeId", "data-v-a233ba74"]]), Xn = /* @__PURE__ */ _({
   __name: "VoNotificationsBanner",
   props: {
     demo: { type: Boolean },
@@ -2935,13 +2934,13 @@ const Ee = /* @__PURE__ */ y({
   },
   setup(u) {
     $t((C) => ({
-      v6f0c04ea: e(r)?.metadata.bg_blur
+      d7256c4c: e(r)?.metadata.bg_blur
     }));
     const t = u, { mdAndUp: n } = X(), o = wo(), i = M(), l = Ie(), c = Ue();
     me(() => {
       t.site && !l.id.includes(t.site) && l.id.push(t.site), c.index();
     });
-    const r = _(() => c.banner), m = _(() => r.value?.metadata.height || (r.value?.metadata.subtext ? 88 : 48)), f = _(() => t.demo ? !0 : !!r.value && !i.one.banners.read.includes(r.value.slug));
+    const r = y(() => c.banner), m = y(() => r.value?.metadata.height || (r.value?.metadata.subtext ? 88 : 48)), f = y(() => t.demo ? !0 : !!r.value && !i.one.banners.read.includes(r.value.slug));
     function v() {
       t.demo || r.value && (i.one.banners.read.push(r.value.slug), i.one.banners.last = (/* @__PURE__ */ new Date()).toISOString());
     }
@@ -2954,7 +2953,7 @@ const Ee = /* @__PURE__ */ y({
       const L = I.link.split("?one=")[1];
       o.push({ query: { one: L } });
     }
-    const k = _(() => {
+    const k = y(() => {
       const C = r.value?.metadata ?? { link: "" };
       return {
         href: C.link.startsWith("http") ? C.link : void 0,
@@ -2962,7 +2961,7 @@ const Ee = /* @__PURE__ */ y({
         to: C.link.startsWith("http") ? void 0 : C.link,
         ...r.value?.metadata.attributes
       };
-    }), w = _(() => {
+    }), w = y(() => {
       const C = r.value?.metadata.images.bg?.url;
       if (!C?.startsWith("https://cdn.cosmicjs.com/")) return C;
       const I = new URL(C);
@@ -3038,7 +3037,7 @@ const Ee = /* @__PURE__ */ y({
           default: s(() => [
             e(r).metadata.text ? (d(), p(Ke, {
               key: 0,
-              class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
+              class: "text-title-small text-md-body-large font-weight-medium"
             }, {
               default: s(() => [
                 E(x(e(r).metadata.text), 1)
@@ -3058,11 +3057,11 @@ const Ee = /* @__PURE__ */ y({
       _: 1
     }, 8, ["color", "height", "image", "location", "model-value"])) : h("", !0);
   }
-}), es = /* @__PURE__ */ Ze(Xn, [["__scopeId", "data-v-c46858ac"]]), ts = {
+}), es = /* @__PURE__ */ Ze(Xn, [["__scopeId", "data-v-d15c307f"]]), ts = {
   key: 0,
   class: "text-uppercase position-absolute ms-auto font-weight-medium on-surface-light",
   style: { right: "12px", bottom: "8px", "font-size": "10px" }
-}, _t = /* @__PURE__ */ y({
+}, yt = /* @__PURE__ */ _({
   __name: "VoPromotionsCard",
   props: {
     caption: {},
@@ -3108,7 +3107,7 @@ const Ee = /* @__PURE__ */ y({
     ]), 1024));
   }
 }), Fe = H("promotions", () => {
-  const u = G(), t = R(), n = F([]), o = A(!1), i = A(!1), l = _(() => n.value.filter((m) => m.metadata.discoverable));
+  const u = G(), t = R(), n = F([]), o = A(!1), i = A(!1), l = y(() => n.value.filter((m) => m.metadata.discoverable));
   be(r);
   function c(m) {
     const f = m.filter((v) => v.metadata.active);
@@ -3134,24 +3133,24 @@ const Ee = /* @__PURE__ */ y({
     index: r,
     random: c
   };
-}), os = /* @__PURE__ */ y({
+}), os = /* @__PURE__ */ _({
   __name: "VoPromotionsCardHighlight",
   props: {
     slug: {}
   },
   setup(u) {
-    const t = u, n = D(), o = Fe(), i = ve(), l = M(), c = _(() => {
+    const t = u, n = D(), o = Fe(), i = ve(), l = M(), c = y(() => {
       if (!(n.user && !l.one.ads.enabled))
         return t.slug ? o.all.find((f) => f.slug === t.slug) : o.random(o.all);
-    }), r = _(() => {
+    }), r = y(() => {
       const f = i.current.value.dark ? "logodark" : "logolight";
       return c.value?.metadata.images[f]?.url;
-    }), m = _(() => {
+    }), m = y(() => {
       const f = i.current.value.dark ? "bgdark" : "bglight";
       return c.value?.metadata.images[f]?.url;
     });
     return (f, v) => {
-      const g = _t;
+      const g = yt;
       return e(c) || !e(o).hasLoaded ? (d(), p(g, {
         key: 0,
         class: "vo-promotions-card-highlight",
@@ -3165,7 +3164,7 @@ const Ee = /* @__PURE__ */ y({
         width: "100%"
       }, Z({
         default: s(() => [
-          e(o).hasLoaded ? h("", !0) : (d(), p(ye, {
+          e(o).hasLoaded ? h("", !0) : (d(), p(_e, {
             key: 0,
             class: "flex-1-0 overflow-hidden",
             color: "transparent",
@@ -3197,18 +3196,18 @@ const Ee = /* @__PURE__ */ y({
       ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : h("", !0);
     };
   }
-}), ns = { class: "d-flex ga-4" }, ss = { class: "d-flex align-start ga-4" }, as = { class: "text-caption on-surface-light" }, is = /* @__PURE__ */ y({
+}), ns = { class: "d-flex ga-4" }, ss = { class: "d-flex align-start ga-4" }, as = { class: "text-body-small on-surface-light" }, is = /* @__PURE__ */ _({
   __name: "VoPromotionsCardVuetify",
   props: {
     slug: {}
   },
   setup(u) {
-    const t = u, n = D(), o = Fe(), i = M(), l = _(() => {
+    const t = u, n = D(), o = Fe(), i = M(), l = y(() => {
       if (!(n.user && !i.one.ads.enabled && !i.one.ads.house))
         return t.slug ? o.all.find((c) => c.slug === t.slug) : o.random(!i.one.ads.enabled && i.one.ads.house ? o.discoverable : o.all);
     });
     return (c, r) => {
-      const m = _t;
+      const m = yt;
       return e(l) || !e(o).hasLoaded ? (d(), p(m, {
         key: 0,
         border: "",
@@ -3233,7 +3232,7 @@ const Ee = /* @__PURE__ */ y({
                 b("div", as, x(e(l).metadata?.text), 1)
               ])
             ], 64)) : h("", !0) : (d(), V(S, { key: 0 }, [
-              a(ye, {
+              a(_e, {
                 class: "flex-1-0 overflow-hidden",
                 color: "transparent",
                 loading: "",
@@ -3241,7 +3240,7 @@ const Ee = /* @__PURE__ */ y({
                 "min-width": "130",
                 type: "image"
               }),
-              a(ye, {
+              a(_e, {
                 class: "flex-1-0 ms-n3 mt-n3",
                 color: "transparent",
                 loading: "",
@@ -3255,19 +3254,19 @@ const Ee = /* @__PURE__ */ y({
       }, 8, ["href"])) : h("", !0);
     };
   }
-}), rs = ["href"], ls = /* @__PURE__ */ y({
+}), rs = ["href"], ls = /* @__PURE__ */ _({
   __name: "VoPromotionsFooter",
   props: {
     slug: {}
   },
   setup(u) {
-    const t = u, n = D(), o = Fe(), i = M(), l = ve(), c = _(() => {
+    const t = u, n = D(), o = Fe(), i = M(), l = ve(), c = y(() => {
       if (!(n.user && !i.one.ads.enabled))
         return t.slug ? o.all.find((f) => f.slug === t.slug) : o.random(o.all);
-    }), r = _(() => {
+    }), r = y(() => {
       const f = l.current.value.dark ? "logodark" : "logolight";
       return c.value?.metadata.images[f]?.url;
-    }), m = _(() => {
+    }), m = y(() => {
       const f = l.current.value.dark ? "bgdark" : "bglight";
       return c.value?.metadata.images[f]?.url;
     });
@@ -3308,7 +3307,7 @@ const Ee = /* @__PURE__ */ y({
     };
   }
 }), us = H("spots", () => {
-  const u = G(), t = Ie(), n = R(), o = F([]), i = A(!1), l = _(() => o.value.find(({
+  const u = G(), t = Ie(), n = R(), o = F([]), i = A(!1), l = y(() => o.value.find(({
     metadata: {
       site: r,
       active: m
@@ -3332,7 +3331,7 @@ const Ee = /* @__PURE__ */ y({
     spot: l,
     index: c
   };
-}), cs = ["href"], ds = /* @__PURE__ */ y({
+}), cs = ["href"], ds = /* @__PURE__ */ _({
   __name: "VoSpot",
   setup(u) {
     const t = us();
@@ -3354,7 +3353,7 @@ const Ee = /* @__PURE__ */ y({
 }), oa = {
   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",
+  reddit: ["M14.5 15.41C14.58 15.5 14.58 15.69 14.5 15.8C13.77 16.5 12.41 16.56 12 16.56C11.61 16.56 10.25 16.5 9.54 15.8C9.44 15.69 9.44 15.5 9.54 15.41C9.65 15.31 9.82 15.31 9.92 15.41C10.38 15.87 11.33 16 12 16C12.69 16 13.66 15.87 14.1 15.41C14.21 15.31 14.38 15.31 14.5 15.41M10.75 13.04C10.75 12.47 10.28 12 9.71 12C9.14 12 8.67 12.47 8.67 13.04C8.67 13.61 9.14 14.09 9.71 14.08C10.28 14.08 10.75 13.61 10.75 13.04M14.29 12C13.72 12 13.25 12.5 13.25 13.05S13.72 14.09 14.29 14.09C14.86 14.09 15.33 13.61 15.33 13.05C15.33 12.5 14.86 12 14.29 12M22 12C22 17.5 17.5 22 12 22S2 17.5 2 12C2 6.5 6.5 2 12 2S22 6.5 22 12M18.67 12C18.67 11.19 18 10.54 17.22 10.54C16.82 10.54 16.46 10.7 16.2 10.95C15.2 10.23 13.83 9.77 12.3 9.71L12.97 6.58L15.14 7.05C15.16 7.6 15.62 8.04 16.18 8.04C16.75 8.04 17.22 7.57 17.22 7C17.22 6.43 16.75 5.96 16.18 5.96C15.77 5.96 15.41 6.2 15.25 6.55L12.82 6.03C12.75 6 12.68 6.03 12.63 6.07C12.57 6.11 12.54 6.17 12.53 6.24L11.79 9.72C10.24 9.77 8.84 10.23 7.82 10.96C7.56 10.71 7.2 10.56 6.81 10.56C6 10.56 5.35 11.21 5.35 12C5.35 12.61 5.71 13.11 6.21 13.34C6.19 13.5 6.18 13.62 6.18 13.78C6.18 16 8.79 17.85 12 17.85C15.23 17.85 17.85 16.03 17.85 13.78C17.85 13.64 17.84 13.5 17.81 13.34C18.31 13.11 18.67 12.6 18.67 12Z"],
   x: ["M2.04875 3.00002L9.77052 13.3248L1.99998 21.7192H3.74882L10.5519 14.3697L16.0486 21.7192H22L13.8437 10.8137L21.0765 3.00002H19.3277L13.0624 9.76874L8.0001 3.00002H2.04875ZM4.62054 4.28821H7.35461L19.4278 20.4308H16.6937L4.62054 4.28821Z"],
   "vuetify-bin": [
     ["M18.9112 5.03206L3.68692 8.88953C3.68692 8.88953 2.00252 6.21666 2 6.21428C2.02517 6.20794 18.6159 2.00476 18.6394 2L18.8944 4.8489L18.9095 5.01937L18.9112 5.03285V5.03206Z", 0.6],
@@ -3426,7 +3425,7 @@ const Ee = /* @__PURE__ */ y({
     ["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]
   ]
 }, na = H("bins", () => {
-  const u = G(), t = R(), n = F([]), o = A(!1), i = _(() => n.value.filter((r) => r.favorite)), l = _(() => n.value.filter((r) => r.pinned));
+  const u = G(), t = R(), n = F([]), o = A(!1), i = y(() => n.value.filter((r) => r.favorite)), l = y(() => n.value.filter((r) => r.pinned));
   async function c() {
     try {
       o.value = !0;
@@ -3447,7 +3446,7 @@ const Ee = /* @__PURE__ */ y({
     index: c
   };
 }), sa = H("links", () => {
-  const u = G(), t = R(), n = F([]), o = A(!1), i = A(!1), l = _(() => n.value.filter((g) => g.favorite)), c = _(() => n.value.filter((g) => g.pinned)), r = _(() => !!D().user), m = _(() => {
+  const u = G(), t = R(), n = F([]), o = A(!1), i = A(!1), l = y(() => n.value.filter((g) => g.favorite)), c = y(() => n.value.filter((g) => g.pinned)), r = y(() => !!D().user), m = y(() => {
     const g = D(), k = O();
     return g.user?.isAdmin || k.isSubscriber;
   });
@@ -3508,7 +3507,7 @@ const Ee = /* @__PURE__ */ y({
     create: v
   };
 }), aa = H("plays", () => {
-  const u = G(), t = R(), n = F([]), o = A(!1), i = _(() => n.value.filter((r) => r.favorite)), l = _(() => n.value.filter((r) => r.pinned));
+  const u = G(), t = R(), n = F([]), o = A(!1), i = y(() => n.value.filter((r) => r.favorite)), l = y(() => n.value.filter((r) => r.pinned));
   async function c() {
     try {
       o.value = !0;
@@ -3529,7 +3528,7 @@ const Ee = /* @__PURE__ */ y({
     index: c
   };
 }), ia = H("products", () => {
-  const u = G(), t = R(), n = F([]), o = _(() => n.value.filter((c) => c.product_type === "Themes"));
+  const u = G(), t = R(), n = F([]), o = y(() => n.value.filter((c) => c.product_type === "Themes"));
   async function i() {
     if (n.value.length > 0)
       return n.value;
@@ -3551,7 +3550,7 @@ const Ee = /* @__PURE__ */ y({
     randomize: l
   };
 }), ra = H("sponsors", () => {
-  const u = G(), t = R(), n = F([]), o = F([]), i = F(!1), l = _(() => {
+  const u = G(), t = R(), n = F([]), o = F([]), i = F(!1), l = y(() => {
     const m = {};
     for (const f of n.value) {
       const v = f.metadata.tier;

package/dist/one.css

@@ -1 +1 @@
-.v-footer__image[data-v-31335c0a]{display:flex;height:40px;flex:1 1 auto;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.social-link[data-v-7a9688b8] .v-icon{color:rgba(var(--v-theme-on-background),var(--v-disabled-opacity));text-decoration:none;transition:.2s ease-in-out}.social-link[data-v-7a9688b8] .v-icon:hover{color:rgb(var(--v-theme-primary))}.v-app-bar[data-v-c46858ac] .v-toolbar__image:after{content:"";position:absolute;inset:0;-webkit-backdrop-filter:blur(calc(var(--v6f0c04ea) * 1px));backdrop-filter:blur(calc(var(--v6f0c04ea) * 1px));background:linear-gradient(15deg,#000000a6,#00000092,#0000007f,#0000006d,#0000005d,#0000004e,#00000041,#00000034,#00000029,#00000020,#00000017,#00000010,#0000000a,#00000006,#00000003,#00000001,#0000)}.v-list-item-subtitle[data-v-c46858ac]{color:currentColor;opacity:var(--v-high-emphasis-opacity)}
+.v-footer__image[data-v-31335c0a]{display:flex;height:40px;flex:1 1 auto;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.social-link[data-v-a233ba74] .v-icon{color:rgba(var(--v-theme-on-background),var(--v-disabled-opacity));text-decoration:none;transition:.2s ease-in-out}.social-link[data-v-a233ba74] .v-icon:hover{color:rgb(var(--v-theme-primary))}.v-app-bar[data-v-d15c307f] .v-toolbar__image:after{content:"";position:absolute;inset:0;-webkit-backdrop-filter:blur(calc(var(--d7256c4c) * 1px));backdrop-filter:blur(calc(var(--d7256c4c) * 1px));background:linear-gradient(15deg,#000000a6,#00000092,#0000007f,#0000006d,#0000005d,#0000004e,#00000041,#00000034,#00000029,#00000020,#00000017,#00000010,#0000000a,#00000006,#00000003,#00000001,#0000)}.v-list-item-subtitle[data-v-d15c307f]{color:currentColor;opacity:var(--v-high-emphasis-opacity)}

package/dist/styles.d.ts

@@ -0,0 +1,2 @@
+/* eslint-disable unicorn/no-empty-file */
+// Empty declaration file for noUncheckedSideEffectImports

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/one",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -24,7 +24,10 @@
       "types": "./dist/stores/auth.d.ts",
       "default": "./dist/stores/auth.js"
     },
-    "./styles": "./dist/one.css"
+    "./styles": {
+      "types": "./dist/styles.d.ts",
+      "default": "./dist/one.css"
+    }
   },
   "peerDependencies": {
     "@mdi/js": "7.4.47",
@@ -36,7 +39,7 @@
   },
   "dependencies": {
     "jdenticon": "^3.3.0",
-    "@vuetify/auth": "0.1.0"
+    "@vuetify/auth": "0.1.8"
   },
   "devDependencies": {
     "@babel/types": "^7.28.4",
@@ -75,12 +78,13 @@
     "vue": "^3.5.13",
     "vue-router": "^4.5.1",
     "vue-tsc": "^3.0.6",
-    "vuetify": "^4.0.0"
+    "vuetify": "^4.0.6"
   },
   "scripts": {
     "dev": "vite",
     "build": "vite build --config vite.build.config.ts && pnpm build:types",
     "build:dev": "vite build --mode development --config vite.config.ts",
+    "build:site": "vite build --outDir dist-site",
     "build:types": "rimraf types-temp && vue-tsc --pretty -p tsconfig.json && rollup --config rollup.types.config.js && rimraf types-temp",
     "typecheck": "vue-tsc --noEmit -p tsconfig.json",
     "release": "pnpm build && bumpp",