@vuetify/one 1.0.10 → 1.0.12

package/dist/index.js

@@ -1,42 +1,42 @@
-import { reactive as Xe, toRefs as Ze, ref as K, shallowRef as F, computed as L, defineComponent as V, openBlock as d, createBlock as v, withCtx as i, renderSlot as B, normalizeStyle as Be, createSlots as G, createCommentVNode as $, watch as W, unref as e, createElementVNode as _, toDisplayString as C, createVNode as o, withModifiers as ze, mergeModels as Ke, useModel as me, createElementBlock as w, Fragment as N, createTextVNode as j, renderList as oe, mergeProps as Q, onBeforeMount as et, onMounted as Te, resolveComponent as Re, withDirectives as Le, vShow as He, normalizeClass as tt, pushScopeId as ot, popScopeId as st } from "vue";
-import { defineStore as ee } from "pinia";
+import { reactive as Ze, toRefs as Ke, ref as ee, shallowRef as F, computed as L, defineComponent as V, openBlock as d, createBlock as v, withCtx as i, renderSlot as B, normalizeStyle as Be, createSlots as G, createCommentVNode as $, watch as W, unref as e, createElementVNode as _, toDisplayString as I, createVNode as o, withModifiers as ze, mergeModels as et, useModel as fe, createElementBlock as w, Fragment as N, createTextVNode as j, renderList as se, mergeProps as Q, onBeforeMount as tt, onMounted as Te, resolveComponent as Re, withDirectives as Le, vShow as He, normalizeClass as ot, pushScopeId as st, popScopeId as nt } from "vue";
+import { defineStore as te } from "pinia";
 import { merge as ke } from "lodash-es";
 import { VBadge as Me } from "vuetify/lib/components/VBadge/index.mjs";
 import { VBtn as Z } from "vuetify/lib/components/VBtn/index.mjs";
-import { VProgressCircular as nt } from "vuetify/lib/components/VProgressCircular/index.mjs";
-import { mdiDiscord as Ie, mdiGithub as Ae, mdiSync as it, mdiSyncOff as at, mdiLogoutVariant as rt, mdiCheck as te, mdiHome as lt, mdiTextBox as ct, mdiSpaceInvaders as Pe, mdiWhiteBalanceSunny as ut, mdiWeatherNight as dt, mdiDesktopTowerMonitor as pt, mdiImageFilterHdr as mt, mdiRocketLaunchOutline as ft, mdiContrastCircle as vt, mdiCog as _t, mdiCogOutline as ht, mdiFileDocument as gt, mdiCreditCardSettingsOutline as bt, mdiRocketOutline as yt, mdiCheckCircleOutline as ie, mdiCreditCard as Vt, mdiReload as kt, mdiPlaylistCheck as $t, mdiCreditCardOutline as xt, mdiHandHeart as wt, mdiInformationOutline as je, mdiMedal as $e, mdiChartLine as St, mdiHandHeartOutline as Ct, mdiEmailOpenOutline as Lt, mdiEmailVariant as It, mdiOpenInNew as At, mdiBell as Dt, mdiInboxOutline as Ut, mdiInboxFullOutline as Ft, mdiBellOutline as Nt, mdiViewDashboardOutline as jt, mdiTrashCan as Ot, mdiBug as Bt, mdiCrown as zt, mdiArrowULeftBottom as Tt, mdiLogin as Rt, mdiShieldStarOutline as Ht, mdiReddit as Mt } from "@mdi/js";
-import { VListItem as fe, VList as se, VListItemTitle as Pt } from "vuetify/lib/components/VList/index.mjs";
-import { VAvatar as de } from "vuetify/lib/components/VAvatar/index.mjs";
+import { VProgressCircular as it } from "vuetify/lib/components/VProgressCircular/index.mjs";
+import { mdiDiscord as Ie, mdiGithub as Ae, mdiSync as at, mdiSyncOff as rt, mdiLogoutVariant as lt, mdiCheck as oe, mdiHome as ct, mdiTextBox as ut, mdiSpaceInvaders as Pe, mdiWhiteBalanceSunny as dt, mdiWeatherNight as pt, mdiDesktopTowerMonitor as mt, mdiImageFilterHdr as ft, mdiRocketLaunchOutline as vt, mdiContrastCircle as _t, mdiCog as ht, mdiCogOutline as gt, mdiFileDocument as bt, mdiCreditCardSettingsOutline as yt, mdiRocketOutline as Vt, mdiCheckCircleOutline as ae, mdiCreditCard as kt, mdiReload as $t, mdiPlaylistCheck as xt, mdiCreditCardOutline as wt, mdiHandHeart as St, mdiInformationOutline as je, mdiMedal as $e, mdiChartLine as Ct, mdiHandHeartOutline as Lt, mdiEmailOpenOutline as It, mdiEmailVariant as At, mdiOpenInNew as Dt, mdiBell as Ut, mdiInboxOutline as Ft, mdiInboxFullOutline as Nt, mdiBellOutline as jt, mdiViewDashboardOutline as Ot, mdiTrashCan as Bt, mdiBug as zt, mdiCrown as Tt, mdiArrowULeftBottom as Rt, mdiLogin as Ht, mdiShieldStarOutline as Mt, mdiReddit as Pt } from "@mdi/js";
+import { VListItem as ve, VList as ne, VListItemTitle as Et } from "vuetify/lib/components/VList/index.mjs";
+import { VAvatar as pe } from "vuetify/lib/components/VAvatar/index.mjs";
 import { VCard as R, VCardText as X } from "vuetify/lib/components/VCard/index.mjs";
 import { VSheet as Ee } from "vuetify/lib/components/VSheet/index.mjs";
 import { VSwitch as We } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as De, VExpandTransition as re, VExpandXTransition as Et } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as ve, useTheme as Wt, useDate as _e } from "vuetify";
-import { VDialog as Gt } from "vuetify/lib/components/VDialog/index.mjs";
+import { VFadeTransition as De, VExpandTransition as le, VExpandXTransition as Wt } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as _e, useTheme as Gt, useDate as he } from "vuetify";
+import { VDialog as qt } from "vuetify/lib/components/VDialog/index.mjs";
 import { VDivider as H } from "vuetify/lib/components/VDivider/index.mjs";
 import { VIcon as U } from "vuetify/lib/components/VIcon/index.mjs";
 import { VLabel as Se } from "vuetify/lib/components/VLabel/index.mjs";
 import { VChip as q } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as qt } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as Yt } from "vuetify/lib/components/VSelect/index.mjs";
-import { VRow as he, VCol as ae } from "vuetify/lib/components/VGrid/index.mjs";
+import { VChipGroup as Yt } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VSelect as Jt } from "vuetify/lib/components/VSelect/index.mjs";
+import { VRow as ge, VCol as re } from "vuetify/lib/components/VGrid/index.mjs";
 import { VHover as Ge } from "vuetify/lib/components/VHover/index.mjs";
 import { VImg as Ue } from "vuetify/lib/components/VImg/index.mjs";
 import { VItemGroup as qe, VItem as Ce } from "vuetify/lib/components/VItemGroup/index.mjs";
 import { VLayout as Fe } from "vuetify/lib/components/VLayout/index.mjs";
 import { VMain as Ne } from "vuetify/lib/components/VMain/index.mjs";
-import { VDataTableVirtual as Jt } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VDataTableVirtual as Qt } from "vuetify/lib/components/VDataTable/index.mjs";
 import { VSkeletonLoader as Oe } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { VWindow as Ye, VWindowItem as pe } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimeline as Qt, VTimelineItem as xe } from "vuetify/lib/components/VTimeline/index.mjs";
-import { VResponsive as Xt } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VTooltip as ne } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VNavigationDrawer as Zt } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as Kt } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as eo } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as to } from "vuetify/lib/components/VMenu/index.mjs";
-import { VFooter as oo } from "vuetify/lib/components/VFooter/index.mjs";
-const ge = ee("http", {
+import { VWindow as Ye, VWindowItem as me } from "vuetify/lib/components/VWindow/index.mjs";
+import { VTimeline as Xt, VTimelineItem as xe } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VResponsive as Zt } from "vuetify/lib/components/VResponsive/index.mjs";
+import { VTooltip as ie } from "vuetify/lib/components/VTooltip/index.mjs";
+import { VNavigationDrawer as Kt } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
+import { Ripple as eo } from "vuetify/lib/directives/index.mjs";
+import { VColorPicker as to } from "vuetify/lib/components/VColorPicker/index.mjs";
+import { VMenu as oo } from "vuetify/lib/components/VMenu/index.mjs";
+import { VFooter as so } from "vuetify/lib/components/VFooter/index.mjs";
+const be = te("http", {
   state: () => ({
     url: ""
   }),
@@ -68,7 +68,7 @@ const ge = ee("http", {
       });
     }
   }
-}), we = typeof window < "u", ue = {
+}), we = typeof window < "u", de = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -106,29 +106,29 @@ const ge = ee("http", {
       jobs: null
     }
   }
-}, M = ee("user", () => {
-  const u = Xe(ke({}, ue));
+}, M = te("user", () => {
+  const u = Ze(ke({}, de));
   function t() {
     if (!we)
       return;
     const n = localStorage.getItem("vuetify@user"), r = n ? JSON.parse(n) : {};
     let c = r.v === u.v;
-    r.v || (r.pwaRefresh = !0, typeof r.api == "boolean" && (r.api = r.api ? "inline" : "link-only"), typeof r.rtl == "boolean" && (r.direction = r.rtl ? "rtl" : "ltr", delete r.rtl), typeof r.theme == "object" && (r.mixedTheme = r.theme.mixed, r.theme = r.theme.system ? "system" : r.theme.dark ? "dark" : "light"), Array.isArray(r.notifications) && (r.notifications = { read: r.notifications }), typeof r.last == "object" && (r.notifications.last = r.last, delete r.last)), r.v === 1 && (Array.isArray(r.composition) && (r.composition = "composition"), Array.isArray(r.notifications.last.banner) || (r.notifications = r.notifications || {}, r.notifications.last = r.notifications.last || {}, r.notifications.last.banner = [])), r.v === 2 && (r.syncSettings = !0, r.disableAds = !1, r.v = 3), r.v === 3 && (r.quickbar = !1), r.v === 4 && (r.suits = ue.suits, r.notifications.banners = ue.notifications.banners, c = !0), r.v = u.v, Object.assign(u, ke(u, r)), c && a();
+    r.v || (r.pwaRefresh = !0, typeof r.api == "boolean" && (r.api = r.api ? "inline" : "link-only"), typeof r.rtl == "boolean" && (r.direction = r.rtl ? "rtl" : "ltr", delete r.rtl), typeof r.theme == "object" && (r.mixedTheme = r.theme.mixed, r.theme = r.theme.system ? "system" : r.theme.dark ? "dark" : "light"), Array.isArray(r.notifications) && (r.notifications = { read: r.notifications }), typeof r.last == "object" && (r.notifications.last = r.last, delete r.last)), r.v === 1 && (Array.isArray(r.composition) && (r.composition = "composition"), Array.isArray(r.notifications.last.banner) || (r.notifications = r.notifications || {}, r.notifications.last = r.notifications.last || {}, r.notifications.last.banner = [])), r.v === 2 && (r.syncSettings = !0, r.disableAds = !1, r.v = 3), r.v === 3 && (r.quickbar = !1), r.v === 4 && (r.suits = de.suits, r.notifications.banners = de.notifications.banners, c = !0), r.v = u.v, Object.assign(u, ke(u, r)), c && a();
   }
   function a() {
     we && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
   }
   function s() {
-    we && (Object.assign(u, ke({}, ue)), a());
+    we && (Object.assign(u, ke({}, de)), a());
   }
   return t(), {
-    ...Ze(u),
+    ...Ke(u),
     load: t,
     save: a,
     reset: s
   };
-}), be = ee("notifications", () => {
-  const u = ge(), t = M(), a = K([]), s = F(!1), n = L(() => a.value.filter((l) => !t.notifications.read.includes(l.slug))), r = L(() => a.value.filter((l) => t.notifications.read.includes(l.slug)));
+}), ye = te("notifications", () => {
+  const u = be(), t = M(), a = ee([]), s = F(!1), n = L(() => a.value.filter((l) => !t.notifications.read.includes(l.slug))), r = L(() => a.value.filter((l) => t.notifications.read.includes(l.slug)));
   async function c() {
     try {
       s.value = !0;
@@ -147,10 +147,10 @@ const ge = ee("http", {
     read: r,
     unread: n
   };
-}), so = /* @__PURE__ */ V({
+}), no = /* @__PURE__ */ V({
   __name: "VoNotificationsTotalBadge",
   setup(u) {
-    const t = be(), a = L(() => t.unread.length);
+    const t = ye(), a = L(() => t.unread.length);
     return (s, n) => (d(), v(Me, {
       content: a.value,
       "model-value": a.value > 0,
@@ -163,7 +163,7 @@ const ge = ee("http", {
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), le = /* @__PURE__ */ V({
+}), ce = /* @__PURE__ */ V({
   __name: "VoBtn",
   props: {
     readonly: { type: Boolean }
@@ -181,7 +181,7 @@ const ge = ee("http", {
       variant: "flat"
     }, G({
       loader: i(() => [
-        a.$slots.loader ? $("", !0) : (d(), v(nt, {
+        a.$slots.loader ? $("", !0) : (d(), v(it, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
@@ -200,8 +200,8 @@ const ge = ee("http", {
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), z = ee("auth", () => {
-  const u = K(null), t = ge(), a = M(), s = F(!1), n = L(() => {
+}), z = te("auth", () => {
+  const u = ee(null), t = be(), a = M(), s = F(!1), n = L(() => {
     var m, k;
     return !t.url || ((m = u.value) == null ? void 0 : m.isAdmin) || !!((k = u.value) != null && k.sponsorships.some((D) => D.isActive));
   });
@@ -281,10 +281,10 @@ const ge = ee("http", {
     var k;
     return (k = u.value) == null ? void 0 : k.identities.find((D) => D.provider === m);
   }
-  function I() {
+  function C() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return I() && l(), {
+  return C() && l(), {
     user: u,
     url: t.url,
     isLoading: s,
@@ -293,14 +293,14 @@ const ge = ee("http", {
     login: h,
     logout: p,
     isSubscriber: n,
-    lastLoginProvider: I,
+    lastLoginProvider: C,
     sync: c
   };
-}), no = { class: "text-body-2" }, io = /* @__PURE__ */ _("div", { class: "text-caption mt-n1" }, "Last Used", -1), ao = /* @__PURE__ */ V({
+}), io = { class: "text-body-2" }, ao = /* @__PURE__ */ _("div", { class: "text-caption mt-n1" }, "Last Used", -1), ro = /* @__PURE__ */ V({
   __name: "VoAuthDiscord",
   setup(u) {
     const t = z(), a = L(() => t.user && t.findIdentity("discord")), s = L(() => t.user ? a.value ? "Connected to Discord" : "Connect Discord" : "Log in with Discord");
-    return (n, r) => (d(), v(fe, {
+    return (n, r) => (d(), v(ve, {
       "prepend-icon": `svg:${e(Ie)}`,
       "base-color": "#5865F2",
       rounded: "pill",
@@ -309,24 +309,24 @@ const ge = ee("http", {
       onClick: r[0] || (r[0] = (c) => e(t).login("discord"))
     }, G({
       title: i(() => [
-        _("span", no, C(s.value), 1)
+        _("span", io, I(s.value), 1)
       ]),
       _: 2
     }, [
       !e(t).user && e(t).lastLoginProvider() === "discord" ? {
         name: "subtitle",
         fn: i(() => [
-          io
+          ao
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), ro = { class: "text-body-2" }, lo = /* @__PURE__ */ _("div", { class: "text-caption mt-n1" }, "Last Used", -1), co = /* @__PURE__ */ V({
+}), lo = { class: "text-body-2" }, co = /* @__PURE__ */ _("div", { class: "text-caption mt-n1" }, "Last Used", -1), uo = /* @__PURE__ */ V({
   __name: "VoAuthGithub",
   setup(u) {
     const t = z(), a = L(() => t.user && t.findIdentity("github")), s = L(() => t.user ? a.value ? "Connected to GitHub" : "Connect GitHub" : "Log in with GitHub");
-    return (n, r) => (d(), v(fe, {
+    return (n, r) => (d(), v(ve, {
       "prepend-icon": `svg:${e(Ae)}`,
       "base-color": "#2a2a2a",
       rounded: "pill",
@@ -335,20 +335,20 @@ const ge = ee("http", {
       onClick: r[0] || (r[0] = (c) => e(t).login("github"))
     }, G({
       title: i(() => [
-        _("span", ro, C(s.value), 1)
+        _("span", lo, I(s.value), 1)
       ]),
       _: 2
     }, [
       !e(t).user && e(t).lastLoginProvider() === "github" ? {
         name: "subtitle",
         fn: i(() => [
-          lo
+          co
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), uo = { class: "pa-4 d-flex flex-column ga-4" }, po = /* @__PURE__ */ V({
+}), po = { class: "pa-4 d-flex flex-column ga-4" }, mo = /* @__PURE__ */ V({
   __name: "VoAuthListItem",
   setup(u) {
     const t = z(), a = M(), s = F(!t.user && !t.isLoading);
@@ -359,18 +359,18 @@ const ge = ee("http", {
       t.user && (s.value = !s.value);
     }
     return (r, c) => {
-      const l = co, h = ao;
+      const l = uo, h = ro;
       return d(), v(R, {
         variant: s.value ? "tonal" : "text",
         class: "ma-2",
         rounded: "lg"
       }, {
         default: i(() => [
-          o(se, { class: "py-0" }, {
+          o(ne, { class: "py-0" }, {
             default: i(() => [
-              o(fe, {
+              o(ve, {
                 link: !!e(t).user,
-                "prepend-icon": `svg:${e(t).user && e(a).syncSettings ? e(it) : e(at)}`,
+                "prepend-icon": `svg:${e(t).user && e(a).syncSettings ? e(at) : e(rt)}`,
                 title: e(t).user && e(a).syncSettings ? "Sync is on" : "Sync is paused",
                 class: "mb-0",
                 rounded: "b-0",
@@ -393,7 +393,7 @@ const ge = ee("http", {
                         }, ["stop"]))
                       }, {
                         thumb: i(() => [
-                          o(de, {
+                          o(pe, {
                             color: e(a).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
@@ -405,7 +405,7 @@ const ge = ee("http", {
                 ]),
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
-              o(re, null, {
+              o(le, null, {
                 default: i(() => [
                   !e(t).user && !e(t).isLoading || s.value ? (d(), v(Ee, {
                     key: 0,
@@ -413,7 +413,7 @@ const ge = ee("http", {
                     color: "transparent"
                   }, {
                     default: i(() => [
-                      _("div", uo, [
+                      _("div", po, [
                         o(l, {
                           onClick: c[2] || (c[2] = (p) => s.value = !1)
                         }),
@@ -438,7 +438,7 @@ const ge = ee("http", {
 }), Y = /* @__PURE__ */ V({
   __name: "VoListItem",
   setup(u) {
-    return (t, a) => (d(), v(fe, { slim: "" }, G({
+    return (t, a) => (d(), v(ve, { slim: "" }, G({
       default: i(() => [
         B(t.$slots, "default")
       ]),
@@ -467,7 +467,7 @@ const ge = ee("http", {
       } : void 0
     ]), 1024));
   }
-}), mo = /* @__PURE__ */ V({
+}), fo = /* @__PURE__ */ V({
   __name: "VoAuthLogoutListItem",
   setup(u) {
     const t = z(), a = F(!1);
@@ -479,7 +479,7 @@ const ge = ee("http", {
       return d(), v(c, {
         disabled: a.value,
         loading: a.value,
-        "prepend-icon": `svg:${e(rt)}`,
+        "prepend-icon": `svg:${e(lt)}`,
         class: "mb-0",
         title: "Logout",
         link: "",
@@ -487,9 +487,9 @@ const ge = ee("http", {
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), ye = /* @__PURE__ */ V({
+}), Ve = /* @__PURE__ */ V({
   __name: "VoDialog",
-  props: /* @__PURE__ */ Ke({
+  props: /* @__PURE__ */ et({
     prependIcon: {},
     title: {}
   }, {
@@ -498,8 +498,8 @@ const ge = ee("http", {
   }),
   emits: ["update:modelValue"],
   setup(u) {
-    const t = me(u, "modelValue"), a = ve();
-    return (s, n) => (d(), v(Gt, {
+    const t = fe(u, "modelValue"), a = _e();
+    return (s, n) => (d(), v(qt, {
       modelValue: t.value,
       "onUpdate:modelValue": n[1] || (n[1] = (r) => t.value = r),
       fullscreen: e(a).xs.value,
@@ -558,7 +558,7 @@ const ge = ee("http", {
   setup(u) {
     return (t, a) => (d(), v(We, {
       disabled: t.disabled,
-      "true-icon": `svg:${e(te)}`,
+      "true-icon": `svg:${e(oe)}`,
       color: "primary",
       density: "compact",
       inset: ""
@@ -579,10 +579,10 @@ const ge = ee("http", {
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), fo = {
+}), vo = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, ce = /* @__PURE__ */ V({
+}, ue = /* @__PURE__ */ V({
   __name: "VoDialogSubheader",
   props: {
     title: {},
@@ -595,14 +595,14 @@ const ge = ee("http", {
         class: "font-weight-black"
       }, {
         default: i(() => [
-          j(C(t.title), 1)
+          j(I(t.title), 1)
         ]),
         _: 1
       })) : $("", !0),
-      t.text ? (d(), w("div", fo, C(t.text), 1)) : $("", !0)
+      t.text ? (d(), w("div", vo, I(t.text), 1)) : $("", !0)
     ], 64));
   }
-}), vo = { key: 0 }, _o = /* @__PURE__ */ V({
+}), _o = { key: 0 }, ho = /* @__PURE__ */ V({
   __name: "VoSettingsPageSuitOption",
   setup(u) {
     const t = M(), a = [
@@ -628,7 +628,7 @@ const ge = ee("http", {
       // },
     ];
     return (s, n) => {
-      const r = Je, c = ce;
+      const r = Je, c = ue;
       return d(), w(N, null, [
         o(r, {
           modelValue: e(t).suits.show,
@@ -637,10 +637,10 @@ const ge = ee("http", {
           label: "Enable Page suits",
           messages: "Customize layout elements with a unique background, styled after one of our themed releases."
         }, null, 8, ["modelValue"]),
-        o(re, null, {
+        o(le, null, {
           default: i(() => [
-            e(t).suits.show ? (d(), w("div", vo, [
-              o(Yt, {
+            e(t).suits.show ? (d(), w("div", _o, [
+              o(Jt, {
                 modelValue: e(t).suits.suit,
                 "onUpdate:modelValue": n[1] || (n[1] = (l) => e(t).suits.suit = l),
                 items: a,
@@ -658,12 +658,12 @@ const ge = ee("http", {
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  j(" " + C(l.title), 1)
+                  j(" " + I(l.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
               o(c, { text: "Select your suit elements to display the background image:" }),
-              o(qt, {
+              o(Yt, {
                 modelValue: e(t).suits.elements,
                 "onUpdate:modelValue": n[2] || (n[2] = (l) => e(t).suits.elements = l),
                 color: "primary",
@@ -672,7 +672,7 @@ const ge = ee("http", {
               }, {
                 default: i(() => [
                   o(q, {
-                    "append-icon": `svg:${e(lt)}`,
+                    "append-icon": `svg:${e(ct)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
@@ -688,7 +688,7 @@ const ge = ee("http", {
                     _: 1
                   }, 8, ["append-icon"]),
                   o(q, {
-                    "append-icon": `svg:${e(ct)}`,
+                    "append-icon": `svg:${e(ut)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
@@ -730,7 +730,7 @@ const ge = ee("http", {
     };
   }
 });
-function ho() {
+function go() {
   return {
     blackguard: {
       dark: !0,
@@ -846,8 +846,8 @@ function ho() {
     }
   };
 }
-const Qe = ee("settings", () => {
-  const u = "https://cdn.vuetifyjs.com/docs/images/one/", t = z(), a = M(), s = Wt(), n = ho(), r = {
+const Qe = te("settings", () => {
+  const u = "https://cdn.vuetifyjs.com/docs/images/one/", t = z(), a = M(), s = Gt(), n = go(), r = {
     blackguard: {
       "app-bar": u + "suits/blackguard/blackguard-app-bar.png",
       drawer: u + "suits/blackguard/blackguard-app-drawer.png",
@@ -880,7 +880,7 @@ const Qe = ee("settings", () => {
     suit: c,
     CDN_URL: u
   };
-}), go = /* @__PURE__ */ V({
+}), bo = /* @__PURE__ */ V({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -888,26 +888,26 @@ const Qe = ee("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = me(u, "modelValue"), a = z(), s = Qe(), n = M(), r = [
+    const t = fe(u, "modelValue"), a = z(), s = Qe(), n = M(), r = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
         image: s.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${ut}`,
+        prependIcon: `svg:${dt}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
         image: s.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${dt}`,
+        prependIcon: `svg:${pt}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
         image: s.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${pt}`,
+        prependIcon: `svg:${mt}`,
         value: "system"
       },
       {
@@ -921,7 +921,7 @@ const Qe = ee("settings", () => {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
         image: s.CDN_URL + "themes/polaris.png",
-        prependIcon: `svg:${mt}`,
+        prependIcon: `svg:${ft}`,
         value: "polaris",
         disabled: !0
       },
@@ -929,7 +929,7 @@ const Qe = ee("settings", () => {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
         image: s.CDN_URL + "themes/nebula.png",
-        prependIcon: `svg:${ft}`,
+        prependIcon: `svg:${vt}`,
         value: "nebula",
         disabled: !0
       },
@@ -937,17 +937,17 @@ const Qe = ee("settings", () => {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
         image: s.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${vt}`,
+        prependIcon: `svg:${_t}`,
         value: "highContrast",
         disabled: !0
       }
     ];
     return (c, l) => {
-      const h = ce, p = _o, g = Je, I = ye;
-      return d(), v(I, {
+      const h = ue, p = ho, g = Je, C = Ve;
+      return d(), v(C, {
         modelValue: t.value,
         "onUpdate:modelValue": l[5] || (l[5] = (m) => t.value = m),
-        "prepend-icon": `svg:${e(_t)}`,
+        "prepend-icon": `svg:${e(ht)}`,
         title: "Settings"
       }, {
         default: i(() => [
@@ -967,11 +967,12 @@ const Qe = ee("settings", () => {
                         mandatory: ""
                       }, {
                         default: i(() => [
-                          o(he, { dense: "" }, {
+                          o(ge, { dense: "" }, {
                             default: i(() => [
-                              (d(), w(N, null, oe(r, (m, k) => o(ae, {
+                              (d(), w(N, null, se(r, (m, k) => o(re, {
                                 key: k,
-                                cols: "6"
+                                cols: "12",
+                                md: "6"
                               }, {
                                 default: i(() => [
                                   o(Ce, {
@@ -1085,15 +1086,15 @@ const Qe = ee("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), bo = /* @__PURE__ */ V({
+}), yo = /* @__PURE__ */ V({
   __name: "VoSettingsListItem",
   setup(u) {
     const t = F(!1);
     return (a, s) => {
-      const n = go, r = Y;
+      const n = bo, r = Y;
       return d(), v(r, {
         active: t.value,
-        "prepend-icon": `svg:${e(ht)}`,
+        "prepend-icon": `svg:${e(gt)}`,
         title: "Settings",
         link: ""
       }, {
@@ -1107,8 +1108,8 @@ const Qe = ee("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), J = ee("one", () => {
-  const t = new URLSearchParams(window.location.search).get("session_id"), a = z(), s = ge(), n = F(!1), r = K(!1), c = K(), l = K([]), h = L(() => {
+}), J = te("one", () => {
+  const t = new URLSearchParams(window.location.search).get("session_id"), a = z(), s = be(), n = F(!1), r = ee(!1), c = ee(), l = ee([]), h = L(() => {
     var f;
     return (f = c.value) == null ? void 0 : f.items[0].plan.interval;
   }), p = L(() => {
@@ -1117,7 +1118,7 @@ const Qe = ee("settings", () => {
   }), g = L(() => {
     var f;
     return !!((f = p.value) != null && f.tierName);
-  }), I = L(() => {
+  }), C = L(() => {
     var f;
     return (f = p.value) == null ? void 0 : f.isActive;
   }), m = L(() => {
@@ -1131,11 +1132,16 @@ const Qe = ee("settings", () => {
     return (f = a.user) == null ? void 0 : f.sponsorships.find((y) => y.platform === "patreon");
   }), b = L(() => {
     var f;
-    return (f = a.user) == null ? void 0 : f.sponsorships.reduce((y, Ve) => (Ve.platform !== "stripe" && (y += Ve.amount), y), 0);
+    return (f = a.user) == null ? void 0 : f.sponsorships.reduce((y, K) => {
+      if (!K.isActive || K.interval === "once" || K.platform === "stripe")
+        return y;
+      const Xe = K.interval === "month" ? K.amount : K.amount / 12;
+      return y + Xe / 100;
+    }, 0);
   });
-  et(async () => {
+  tt(async () => {
     t && await x();
-  }), W(I, (f, y) => {
+  }), W(C, (f, y) => {
     f === !1 && y !== !0 || P();
   });
   async function x() {
@@ -1218,7 +1224,7 @@ const Qe = ee("settings", () => {
     hasBilling: g,
     isLoading: n,
     isOpen: r,
-    isSubscriber: I,
+    isSubscriber: C,
     github: m,
     patreon: D,
     discord: k,
@@ -1230,15 +1236,15 @@ const Qe = ee("settings", () => {
     subscriptionInfo: T,
     verify: P
   };
-}), yo = { class: "text-caption" }, Vo = /* @__PURE__ */ V({
+}), Vo = { class: "text-caption" }, ko = /* @__PURE__ */ V({
   __name: "VoSubscriptionInvoices",
   setup(u) {
-    const t = _e(), a = J();
+    const t = he(), a = J();
     return (s, n) => {
-      const r = ce;
-      return d(), v(he, null, {
+      const r = ue;
+      return d(), v(ge, null, {
         default: i(() => [
-          o(ae, { cols: "12" }, {
+          o(re, { cols: "12" }, {
             default: i(() => [
               o(r, {
                 text: "View and download your invoice history.",
@@ -1250,16 +1256,16 @@ const Qe = ee("settings", () => {
                 border: ""
               }, {
                 default: i(() => [
-                  o(Jt, {
+                  o(Qt, {
                     items: e(a).invoices,
                     loading: e(a).isLoading,
                     sticky: ""
                   }, {
                     "item.date": i(({ item: c }) => [
-                      _("div", yo, C(e(t).format(new Date(c.date * 1e3), "fullDateWithWeekday")), 1)
+                      _("div", Vo, I(e(t).format(new Date(c.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": i(({ item: c }) => [
-                      j(" $" + C(c.amount / 100), 1)
+                      j(" $" + I(c.amount / 100), 1)
                     ]),
                     "item.status": i(({ item: c }) => [
                       o(q, {
@@ -1275,7 +1281,7 @@ const Qe = ee("settings", () => {
                     "item.pdf": i(({ item: c }) => [
                       o(Z, {
                         href: c.pdf,
-                        icon: `svg:${e(gt)}`,
+                        icon: `svg:${e(bt)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1294,14 +1300,14 @@ const Qe = ee("settings", () => {
       });
     };
   }
-}), ko = { class: "d-flex align-center" }, $o = {
+}), $o = { class: "d-flex align-center" }, xo = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, xo = /* @__PURE__ */ _("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), wo = { class: "me-1" }, So = { class: "text-medium-emphasis text-caption" }, Co = { class: "d-flex align-start justify-space-between text-caption py-2" }, Lo = { class: "font-weight-bold" }, Io = { class: "font-weight-bold" }, Ao = /* @__PURE__ */ V({
+}, wo = /* @__PURE__ */ _("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), So = { class: "me-1" }, Co = { class: "text-medium-emphasis text-caption" }, Lo = { class: "d-flex align-start justify-space-between text-caption py-2" }, Io = { class: "font-weight-bold" }, Ao = { class: "font-weight-bold" }, Do = /* @__PURE__ */ V({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(u, { emit: t }) {
-    const a = _e(), s = J(), n = t, r = L(() => {
+    const a = he(), s = J(), n = t, r = L(() => {
       if (!s.info)
         return;
       const l = new Date(s.info.currentPeriodEnd * 1e3);
@@ -1311,12 +1317,12 @@ const Qe = ee("settings", () => {
       s.interval && (s.isLoading = !0, s.subscribe(s.interval));
     }
     return (l, h) => {
-      const p = le;
-      return d(), v(he, null, {
+      const p = ce;
+      return d(), v(ge, null, {
         default: i(() => [
-          o(ae, { cols: "12" }, {
+          o(re, { cols: "12" }, {
             default: i(() => {
-              var g, I;
+              var g, C;
               return [
                 o(R, {
                   "prepend-icon": "$vuetify",
@@ -1341,7 +1347,7 @@ const Qe = ee("settings", () => {
                       e(s).hasBilling ? (d(), v(p, {
                         key: 1,
                         loading: e(s).isLoading,
-                        "prepend-icon": `svg:${e(bt)}`,
+                        "prepend-icon": `svg:${e(yt)}`,
                         text: "Billing",
                         onClick: e(s).manage
                       }, null, 8, ["loading", "prepend-icon", "onClick"])) : $("", !0)
@@ -1352,13 +1358,13 @@ const Qe = ee("settings", () => {
                   e(s).info ? {
                     name: "subtitle",
                     fn: i(() => [
-                      _("div", ko, [
-                        _("span", $o, C(e(s).info.status), 1),
+                      _("div", $o, [
+                        _("span", xo, I(e(s).info.status), 1),
                         e(s).info.items.length ? (d(), w(N, { key: 0 }, [
-                          xo,
-                          _("span", wo, [
-                            j(" $" + C(e(s).info.items[0].plan.amount / 100), 1),
-                            _("span", So, "/" + C(e(s).interval), 1)
+                          wo,
+                          _("span", So, [
+                            j(" $" + I(e(s).info.items[0].plan.amount / 100), 1),
+                            _("span", Co, "/" + I(e(s).interval), 1)
                           ]),
                           o(p, {
                             size: "x-small",
@@ -1390,15 +1396,15 @@ const Qe = ee("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                _("div", Co, [
+                _("div", Lo, [
                   _("div", null, [
                     ((g = e(s).info) == null ? void 0 : g.status) === "active" ? (d(), w(N, { key: 0 }, [
                       j(" Your plan renews on "),
-                      _("span", Lo, C(e(a).format(r.value, "fullDateWithWeekday")), 1),
+                      _("span", Io, I(e(a).format(r.value, "fullDateWithWeekday")), 1),
                       j(". ")
                     ], 64)) : (d(), w(N, { key: 1 }, [
                       j(" Your plan ends on "),
-                      _("span", Io, C(e(a).format((I = e(s).info) == null ? void 0 : I.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      _("span", Ao, I(e(a).format((C = e(s).info) == null ? void 0 : C.currentPeriodEnd, "fullDateWithWeekday")), 1),
                       j(". ")
                     ], 64))
                   ])
@@ -1412,7 +1418,7 @@ const Qe = ee("settings", () => {
       });
     };
   }
-}), Do = /* @__PURE__ */ _("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Uo = ["innerHTML"], Fo = /* @__PURE__ */ _("br", null, null, -1), No = /* @__PURE__ */ _("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), jo = ["innerHTML"], Oo = /* @__PURE__ */ V({
+}), Uo = /* @__PURE__ */ _("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Fo = ["innerHTML"], No = /* @__PURE__ */ _("br", null, null, -1), jo = /* @__PURE__ */ _("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), Oo = ["innerHTML"], Bo = /* @__PURE__ */ V({
   __name: "VoSubscriptionPerks",
   setup(u) {
     const t = [
@@ -1437,17 +1443,17 @@ const Qe = ee("settings", () => {
           ]),
           _: 1
         }),
-        Do,
-        o(se, {
+        Uo,
+        o(ne, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
           default: i(() => [
-            (d(), w(N, null, oe(t, (h, p) => o(l, {
+            (d(), w(N, null, se(t, (h, p) => o(l, {
               key: p,
-              "prepend-icon": `svg:${e(te)}`,
+              "prepend-icon": `svg:${e(oe)}`,
               class: "mb-0"
             }, {
               prepend: i(() => [
@@ -1458,31 +1464,31 @@ const Qe = ee("settings", () => {
                 })
               ]),
               title: i(() => [
-                _("div", { innerHTML: h }, null, 8, Uo)
+                _("div", { innerHTML: h }, null, 8, Fo)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        Fo,
+        No,
         o(Se, { class: "font-weight-black" }, {
           default: i(() => [
             j("Up Next")
           ]),
           _: 1
         }),
-        No,
-        o(se, {
+        jo,
+        o(ne, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
           default: i(() => [
-            (d(), w(N, null, oe(a, (h, p) => o(l, {
+            (d(), w(N, null, se(a, (h, p) => o(l, {
               key: p,
-              "prepend-icon": `svg:${e(yt)}`,
+              "prepend-icon": `svg:${e(Vt)}`,
               class: "mb-0"
             }, {
               prepend: i(() => [
@@ -1492,7 +1498,7 @@ const Qe = ee("settings", () => {
                 })
               ]),
               title: i(() => [
-                _("div", { innerHTML: h }, null, 8, jo)
+                _("div", { innerHTML: h }, null, 8, Oo)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1502,7 +1508,7 @@ const Qe = ee("settings", () => {
       ], 64);
     };
   }
-}), Bo = /* @__PURE__ */ V({
+}), zo = /* @__PURE__ */ V({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1512,7 +1518,7 @@ const Qe = ee("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = F(!1), a = me(u, "modelValue"), s = J();
+    const t = F(!1), a = fe(u, "modelValue"), s = J();
     return W(t, async (n) => {
       n && s.subscriptionInfo();
     }), W(() => s.interval, (n) => {
@@ -1522,9 +1528,9 @@ const Qe = ee("settings", () => {
       "onUpdate:modelValue": r[0] || (r[0] = (c) => a.value = c)
     }, {
       default: i(() => [
-        o(he, null, {
+        o(ge, null, {
           default: i(() => [
-            o(ae, {
+            o(re, {
               cols: "12",
               md: "6"
             }, {
@@ -1534,7 +1540,7 @@ const Qe = ee("settings", () => {
                     o(R, {
                       border: l ? "sm primary opacity-100" : "sm",
                       color: l ? "primary" : void 0,
-                      "prepend-icon": l ? `svg:${e(ie)}` : "$radioOff",
+                      "prepend-icon": l ? `svg:${e(ae)}` : "$radioOff",
                       variant: l ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$2.99/month",
@@ -1552,7 +1558,7 @@ const Qe = ee("settings", () => {
               ]),
               _: 1
             }),
-            o(ae, {
+            o(re, {
               cols: "12",
               md: "6"
             }, {
@@ -1562,7 +1568,7 @@ const Qe = ee("settings", () => {
                     o(R, {
                       border: l ? "sm primary opacity-100" : "sm",
                       color: l ? "primary" : void 0,
-                      "prepend-icon": l ? `svg:${e(ie)}` : "$radioOff",
+                      "prepend-icon": l ? `svg:${e(ae)}` : "$radioOff",
                       variant: l ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$29.99/year",
@@ -1596,7 +1602,7 @@ const Qe = ee("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), zo = { class: "px-3 h-screen" }, To = /* @__PURE__ */ _("br", null, null, -1), Ro = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Ho = /* @__PURE__ */ V({
+}), To = { class: "px-3 h-screen" }, Ro = /* @__PURE__ */ _("br", null, null, -1), Ho = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Mo = /* @__PURE__ */ V({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1607,7 +1613,7 @@ const Qe = ee("settings", () => {
     function t(h) {
       return new Promise((p) => setTimeout(p, h));
     }
-    const a = me(u, "modelValue"), s = J(), n = F(s.interval), r = F(s.hasBilling ? "status" : "subscribe"), c = F(!1);
+    const a = fe(u, "modelValue"), s = J(), n = F(s.interval), r = F(s.hasBilling ? "status" : "subscribe"), c = F(!1);
     W(n, (h) => {
       !s.isSubscriber || !s.interval || (c.value = h !== s.interval);
     }), W(a, async (h) => {
@@ -1619,15 +1625,15 @@ const Qe = ee("settings", () => {
       await s.modify(n.value), await s.subscriptionInfo(), c.value = null, await t(3e3), r.value = "status", await t(300), c.value = !1;
     }
     return (h, p) => {
-      const g = ce, I = Bo, m = Oo, k = Ao, D = Vo, b = le, x = ye;
+      const g = ue, C = zo, m = Bo, k = Do, D = ko, b = ce, x = Ve;
       return d(), v(x, {
         modelValue: a.value,
         "onUpdate:modelValue": p[4] || (p[4] = (A) => a.value = A),
-        "prepend-icon": `svg:${e(Vt)}`,
+        "prepend-icon": `svg:${e(kt)}`,
         title: "Subscriptions"
       }, G({
         default: i(() => [
-          _("div", zo, [
+          _("div", To, [
             o(X, null, {
               default: i(() => [
                 o(g, {
@@ -1636,18 +1642,18 @@ const Qe = ee("settings", () => {
                 }),
                 o(Ye, { "model-value": r.value }, {
                   default: i(() => [
-                    o(pe, { value: "subscribe" }, {
+                    o(me, { value: "subscribe" }, {
                       default: i(() => [
-                        o(I, {
+                        o(C, {
                           modelValue: n.value,
                           "onUpdate:modelValue": p[0] || (p[0] = (A) => n.value = A)
                         }, null, 8, ["modelValue"]),
-                        To,
+                        Ro,
                         o(m)
                       ]),
                       _: 1
                     }),
-                    o(pe, { value: "status" }, {
+                    o(me, { value: "status" }, {
                       default: i(() => [
                         o(k, {
                           "onChange:subscription": p[1] || (p[1] = (A) => r.value = "subscribe")
@@ -1669,11 +1675,11 @@ const Qe = ee("settings", () => {
         r.value === "subscribe" ? {
           name: "actions",
           fn: i(() => [
-            _("div", Ro, [
+            _("div", Ho, [
               c.value !== !1 ? (d(), v(b, {
                 key: 0,
                 loading: e(s).isLoading,
-                "prepend-icon": `svg:${c.value !== null ? e(kt) : e(ie)}`,
+                "prepend-icon": `svg:${c.value !== null ? e($t) : e(ae)}`,
                 readonly: c.value === null,
                 text: c.value !== null ? "Modify Subscription" : "Success",
                 color: "success",
@@ -1682,7 +1688,7 @@ const Qe = ee("settings", () => {
                 onClick: l
               }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(s).isSubscriber ? (d(), v(b, {
                 key: 2,
-                "prepend-icon": `svg:${e($t)}`,
+                "prepend-icon": `svg:${e(xt)}`,
                 size: "default",
                 text: "Manage Subscription",
                 block: "",
@@ -1705,15 +1711,15 @@ const Qe = ee("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), Mo = /* @__PURE__ */ V({
+}), Po = /* @__PURE__ */ V({
   __name: "VoSubscriptionListItem",
   setup(u) {
     const t = F(!1);
     return (a, s) => {
-      const n = Ho, r = Y;
+      const n = Mo, r = Y;
       return d(), v(r, {
         active: t.value,
-        "prepend-icon": `svg:${e(xt)}`,
+        "prepend-icon": `svg:${e(wt)}`,
         title: "Subscriptions",
         link: ""
       }, {
@@ -1727,22 +1733,22 @@ const Qe = ee("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Po = { class: "px-3 pb-5 d-flex flex-column" }, Eo = { class: "ps-16" }, Wo = { class: "text-caption text-end" }, Go = { class: "font-weight-bold" }, qo = { class: "ps-16" }, Yo = { class: "text-caption text-end" }, Jo = { class: "font-weight-bold" }, Qo = { class: "ps-16" }, Xo = { class: "text-caption text-end" }, Zo = { class: "font-weight-bold" }, Ko = { class: "py-4" }, es = /* @__PURE__ */ _("div", { class: "text-caption text-medium-emphasis" }, [
+}), Eo = { class: "px-3 pb-5 d-flex flex-column" }, Wo = { class: "ps-16" }, Go = { class: "text-caption text-end" }, qo = { class: "font-weight-bold" }, Yo = { class: "ps-16" }, Jo = { class: "text-caption text-end" }, Qo = { class: "font-weight-bold" }, Xo = { class: "ps-16" }, Zo = { class: "text-caption text-end" }, Ko = { class: "font-weight-bold" }, es = { class: "py-4" }, ts = /* @__PURE__ */ _("div", { class: "text-caption text-medium-emphasis" }, [
   /* @__PURE__ */ j(" A total of $2.99 or more unlocks "),
   /* @__PURE__ */ _("span", { class: "font-weight-black" }, "all"),
   /* @__PURE__ */ j(" Vuetify One benefits ")
-], -1), ts = /* @__PURE__ */ V({
+], -1), os = /* @__PURE__ */ V({
   __name: "VoSponsorshipsDialog",
   setup(u) {
-    const t = _e(), a = ve(), s = z(), n = J(), r = Qe();
+    const t = he(), a = _e(), s = z(), n = J(), r = Qe();
     function c(l) {
       return t.format(l, "fullDateWithWeekday");
     }
     return (l, h) => {
-      const p = ce, g = le, I = Re("v-empty-state"), m = ye;
+      const p = ue, g = ce, C = Re("v-empty-state"), m = Ve;
       return d(), v(m, {
         "max-height": e(a).xs.value ? void 0 : 820,
-        "prepend-icon": `svg:${e(wt)}`,
+        "prepend-icon": `svg:${e(St)}`,
         title: "Sponsorships"
       }, {
         default: i(() => [
@@ -1750,14 +1756,14 @@ const Qe = ee("settings", () => {
             default: i(() => [
               o(Ne, { scrollable: "" }, {
                 default: i(() => [
-                  _("div", Po, [
+                  _("div", Eo, [
                     o(X, null, {
                       default: i(() => [
                         o(p, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
                           title: "Support Vuetify"
                         }),
-                        o(Qt, {
+                        o(Xt, {
                           class: "justify-start ms-n7",
                           "line-inset": "12",
                           side: "end",
@@ -1769,7 +1775,7 @@ const Qe = ee("settings", () => {
                             return [
                               o(xe, {
                                 "dot-color": (k = e(n).github) != null && k.isActive ? "success" : "transparent",
-                                icon: (D = e(n).github) != null && D.isActive ? `svg:${e(te)}` : void 0,
+                                icon: (D = e(n).github) != null && D.isActive ? `svg:${e(oe)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
@@ -1785,11 +1791,11 @@ const Qe = ee("settings", () => {
                                     append: i(() => {
                                       var S, E, P, T, f, y;
                                       return [
-                                        _("div", Eo, [
+                                        _("div", Wo, [
                                           o(g, {
                                             color: (S = e(n).github) != null && S.isActive ? "success" : "primary",
                                             href: (E = e(n).github) != null && E.isActive ? void 0 : "https://github.com/sponsors/johnleider",
-                                            "prepend-icon": `svg:${(P = e(n).github) != null && P.isActive ? e(ie) : e(je)}`,
+                                            "prepend-icon": `svg:${(P = e(n).github) != null && P.isActive ? e(ae) : e(je)}`,
                                             readonly: (T = e(n).github) == null ? void 0 : T.isActive,
                                             target: (f = e(n).github) != null && f.isActive ? void 0 : "_blank",
                                             text: (y = e(n).github) != null && y.isActive ? "Active" : "Info",
@@ -1813,9 +1819,9 @@ const Qe = ee("settings", () => {
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              _("div", Wo, [
+                                              _("div", Go, [
                                                 j(" Sponsor since "),
-                                                _("span", Go, C(c(e(n).github.createdAt)), 1)
+                                                _("span", qo, I(c(e(n).github.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
@@ -1830,7 +1836,7 @@ const Qe = ee("settings", () => {
                               }, 8, ["dot-color", "icon"]),
                               o(xe, {
                                 "dot-color": (b = e(n).discord) != null && b.isActive ? "success" : "transparent",
-                                icon: (x = e(n).discord) != null && x.isActive ? `svg:${e(te)}` : void 0,
+                                icon: (x = e(n).discord) != null && x.isActive ? `svg:${e(oe)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
@@ -1846,11 +1852,11 @@ const Qe = ee("settings", () => {
                                     append: i(() => {
                                       var S, E, P, T, f, y;
                                       return [
-                                        _("div", qo, [
+                                        _("div", Yo, [
                                           o(g, {
                                             color: (S = e(n).discord) != null && S.isActive ? "success" : "primary",
                                             href: (E = e(n).discord) != null && E.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
-                                            "prepend-icon": `svg:${(P = e(n).discord) != null && P.isActive ? e(ie) : e(je)}`,
+                                            "prepend-icon": `svg:${(P = e(n).discord) != null && P.isActive ? e(ae) : e(je)}`,
                                             readonly: (T = e(n).discord) == null ? void 0 : T.isActive,
                                             target: (f = e(n).discord) != null && f.isActive ? void 0 : "_blank",
                                             text: (y = e(n).discord) != null && y.isActive ? "Active" : "Info",
@@ -1874,9 +1880,9 @@ const Qe = ee("settings", () => {
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              _("div", Yo, [
+                                              _("div", Jo, [
                                                 j(" Subscriber since "),
-                                                _("span", Jo, C(c(e(n).discord.createdAt)), 1)
+                                                _("span", Qo, I(c(e(n).discord.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
@@ -1891,7 +1897,7 @@ const Qe = ee("settings", () => {
                               }, 8, ["dot-color", "icon"]),
                               o(xe, {
                                 "dot-color": (A = e(n).patreon) != null && A.isActive ? "success" : "transparent",
-                                icon: (O = e(n).patreon) != null && O.isActive ? `svg:${e(te)}` : void 0,
+                                icon: (O = e(n).patreon) != null && O.isActive ? `svg:${e(oe)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
@@ -1907,7 +1913,7 @@ const Qe = ee("settings", () => {
                                     append: i(() => {
                                       var S;
                                       return [
-                                        _("div", Qo, [
+                                        _("div", Xo, [
                                           o(g, {
                                             text: (S = e(n).patreon) != null && S.isActive ? "Active" : "Coming Soon",
                                             color: "surface-variant",
@@ -1930,9 +1936,9 @@ const Qe = ee("settings", () => {
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              _("div", Xo, [
+                                              _("div", Zo, [
                                                 j(" Sponsor since "),
-                                                _("span", Zo, C(c(e(n).patreon.createdAt)), 1)
+                                                _("span", Ko, I(c(e(n).patreon.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
@@ -1952,8 +1958,8 @@ const Qe = ee("settings", () => {
                       ]),
                       _: 1
                     }),
-                    o(I, {
-                      icon: `svg:${e(St)}`,
+                    o(C, {
+                      icon: `svg:${e(Ct)}`,
                       class: "mt-auto",
                       "min-height": "auto",
                       size: "64",
@@ -1963,16 +1969,16 @@ const Qe = ee("settings", () => {
                         o(U, { color: "success" })
                       ]),
                       headline: i(() => [
-                        _("div", Ko, [
+                        _("div", es, [
                           e(s).isSubscriber ? (d(), w(N, { key: 0 }, [
-                            j(" $" + C(parseFloat(String(e(n).monthlyTotal)).toFixed(2)), 1)
+                            j(" $" + I(parseFloat(String(e(n).monthlyTotal)).toFixed(2)), 1)
                           ], 64)) : (d(), w(N, { key: 1 }, [
                             j(" $0.00 ")
                           ], 64))
                         ])
                       ]),
                       text: i(() => [
-                        es
+                        ts
                       ]),
                       _: 1
                     }, 8, ["icon"])
@@ -1988,15 +1994,15 @@ const Qe = ee("settings", () => {
       }, 8, ["max-height", "prepend-icon"]);
     };
   }
-}), os = /* @__PURE__ */ V({
+}), ss = /* @__PURE__ */ V({
   __name: "VoSponsorshipsListItem",
   setup(u) {
     const t = F(!1);
     return (a, s) => {
-      const n = ts, r = Y;
+      const n = os, r = Y;
       return d(), v(r, {
         active: t.value,
-        "prepend-icon": `svg:${e(Ct)}`,
+        "prepend-icon": `svg:${e(Lt)}`,
         title: "Sponsorships",
         link: ""
       }, {
@@ -2010,16 +2016,16 @@ const Qe = ee("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), ss = {
+}), ns = {
   key: 0,
   class: "pt-16"
-}, ns = /* @__PURE__ */ _("div", { class: "text-medium-emphasis" }, " All caught up ", -1), is = { class: "ps-3 text-subtitle-2 pe-2" }, as = { class: "text-truncate" }, rs = { class: "text-caption font-weight-bold text-medium-emphasis" }, ls = { class: "text-disabled text-caption my-2" }, cs = /* @__PURE__ */ V({
+}, is = /* @__PURE__ */ _("div", { class: "text-medium-emphasis" }, " All caught up ", -1), as = { class: "ps-3 text-subtitle-2 pe-2" }, rs = { class: "text-truncate" }, ls = { class: "text-caption font-weight-bold text-medium-emphasis" }, cs = { class: "text-disabled text-caption my-2" }, us = /* @__PURE__ */ V({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(u) {
-    const t = M(), a = _e();
+    const t = M(), a = he();
     function s(r) {
       return t.notifications.read.includes(r);
     }
@@ -2028,30 +2034,30 @@ const Qe = ee("settings", () => {
     }
     return (r, c) => {
       const l = Re("v-empty-state"), h = Y;
-      return d(), v(se, {
+      return d(), v(ne, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: i(() => [
-          r.items.length ? (d(!0), w(N, { key: 1 }, oe(r.items, (p, g) => (d(), v(Ge, {
+          r.items.length ? (d(!0), w(N, { key: 1 }, se(r.items, (p, g) => (d(), v(Ge, {
             key: p.slug
           }, {
-            default: i(({ isHovering: I, props: m }) => [
+            default: i(({ isHovering: C, props: m }) => [
               o(h, Q(m, {
                 border: g !== 0 && "t",
                 class: "py-4 mb-0"
               }), {
                 prepend: i(() => [
-                  _("div", is, C(p.metadata.emoji), 1)
+                  _("div", as, I(p.metadata.emoji), 1)
                 ]),
                 append: i(() => [
-                  o(Xt, {
+                  o(Zt, {
                     class: "mt-n3",
                     width: "56"
                   }, {
                     default: i(() => [
-                      o(ne, {
+                      o(ie, {
                         text: s(p.slug) ? "Mark as unread" : "Mark as read",
                         location: "bottom"
                       }, {
@@ -2059,14 +2065,14 @@ const Qe = ee("settings", () => {
                           o(De, { "hide-on-leave": "" }, {
                             default: i(() => [
                               Le(o(Z, Q(k, {
-                                icon: `svg:${s(p.slug) ? e(It) : e(Lt)}`,
+                                icon: `svg:${s(p.slug) ? e(At) : e(It)}`,
                                 class: "ms-auto",
                                 size: "small",
                                 variant: "text",
                                 "mdi-email-variant": "",
                                 onClick: (D) => n(p)
                               }), null, 16, ["icon", "onClick"]), [
-                                [He, I]
+                                [He, C]
                               ])
                             ]),
                             _: 2
@@ -2079,16 +2085,16 @@ const Qe = ee("settings", () => {
                   }, 1024)
                 ]),
                 default: i(() => [
-                  o(Pt, { class: "text-wrap text-h6 mb-1" }, {
+                  o(Et, { class: "text-wrap text-h6 mb-1" }, {
                     default: i(() => [
-                      _("div", as, C(p.title), 1)
+                      _("div", rs, I(p.title), 1)
                     ]),
                     _: 2
                   }, 1024),
-                  _("div", rs, C(e(a).format(p.created_at, "fullDateWithWeekday")), 1),
-                  _("div", ls, C(p.metadata.text), 1),
+                  _("div", ls, I(e(a).format(p.created_at, "fullDateWithWeekday")), 1),
+                  _("div", cs, I(p.metadata.text), 1),
                   o(q, {
-                    "append-icon": `svg:${e(At)}`,
+                    "append-icon": `svg:${e(Dt)}`,
                     href: p.metadata.action,
                     text: p.metadata.action_text,
                     size: "small",
@@ -2108,7 +2114,7 @@ const Qe = ee("settings", () => {
               }, 1040, ["border"])
             ]),
             _: 2
-          }, 1024))), 128)) : (d(), w("div", ss, [
+          }, 1024))), 128)) : (d(), w("div", ns, [
             o(l, {
               icon: "$vuetify",
               size: "256"
@@ -2117,7 +2123,7 @@ const Qe = ee("settings", () => {
                 o(U, { color: "medium-emphasis" })
               ]),
               title: i(() => [
-                ns
+                is
               ]),
               _: 1
             })
@@ -2127,28 +2133,28 @@ const Qe = ee("settings", () => {
       });
     };
   }
-}), us = { class: "text-caption" }, ds = /* @__PURE__ */ V({
+}), ds = { class: "text-caption" }, ps = /* @__PURE__ */ V({
   __name: "VoNotificationsDialog",
   setup(u) {
-    const t = be(), a = ve(), s = F(["0"]), n = F(!1);
+    const t = ye(), a = _e(), s = F(["0"]), n = F(!1);
     return (r, c) => {
-      const l = Y, h = cs, p = ye;
+      const l = Y, h = us, p = Ve;
       return d(), v(p, {
         modelValue: n.value,
         "onUpdate:modelValue": c[2] || (c[2] = (g) => n.value = g),
-        "prepend-icon": `svg:${e(Dt)}`,
+        "prepend-icon": `svg:${e(Ut)}`,
         title: "Notifications"
       }, {
         default: i(() => [
           o(Fe, null, {
             default: i(() => [
-              o(Zt, {
+              o(Kt, {
                 location: e(a).mobile.value ? "top" : "start",
                 width: e(a).mobile.value ? 128 : 168,
                 permanent: ""
               }, {
                 default: i(() => [
-                  o(se, {
+                  o(ne, {
                     selected: s.value,
                     "onUpdate:selected": c[0] || (c[0] = (g) => s.value = g),
                     class: "px-4 pt-4",
@@ -2158,20 +2164,20 @@ const Qe = ee("settings", () => {
                   }, {
                     default: i(() => [
                       o(l, {
-                        "prepend-icon": `svg:${e(Ut)}`,
+                        "prepend-icon": `svg:${e(Ft)}`,
                         title: "Unread",
                         value: "0"
                       }, G({ _: 2 }, [
                         e(t).unread.length > 0 ? {
                           name: "append",
                           fn: i(() => [
-                            _("span", us, C(e(t).unread.length), 1)
+                            _("span", ds, I(e(t).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       o(l, {
-                        "prepend-icon": `svg:${e(Ft)}`,
+                        "prepend-icon": `svg:${e(Nt)}`,
                         title: "Read",
                         value: "1",
                         "mdi-archive-outline": ""
@@ -2189,7 +2195,7 @@ const Qe = ee("settings", () => {
                     "onUpdate:modelValue": c[1] || (c[1] = (g) => s.value = g)
                   }, {
                     default: i(() => [
-                      o(pe, { value: "0" }, {
+                      o(me, { value: "0" }, {
                         default: i(() => [
                           o(h, {
                             items: e(t).unread
@@ -2197,7 +2203,7 @@ const Qe = ee("settings", () => {
                         ]),
                         _: 1
                       }),
-                      o(pe, { value: "1" }, {
+                      o(me, { value: "1" }, {
                         default: i(() => [
                           o(h, {
                             items: e(t).read
@@ -2219,10 +2225,10 @@ const Qe = ee("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), ps = /* @__PURE__ */ V({
+}), ms = /* @__PURE__ */ V({
   __name: "VoNotificationsBadge",
   setup(u) {
-    const t = be();
+    const t = ye();
     return (a, s) => (d(), v(Me, {
       content: e(t).unread.length,
       "model-value": e(t).unread.length > 0,
@@ -2234,18 +2240,18 @@ const Qe = ee("settings", () => {
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), ms = /* @__PURE__ */ V({
+}), fs = /* @__PURE__ */ V({
   __name: "VoNotificationsListItem",
   setup(u) {
-    const t = M(), a = be(), s = F(!1);
+    const t = M(), a = ye(), s = F(!1);
     return Te(async () => {
       await a.get();
     }), (n, r) => {
-      const c = ps, l = ds, h = Y;
+      const c = ms, l = ps, h = Y;
       return e(t).notifications.show ? (d(), v(h, {
         key: 0,
         active: s.value,
-        "prepend-icon": `svg:${e(Nt)}`,
+        "prepend-icon": `svg:${e(jt)}`,
         title: "Notifications",
         link: ""
       }, G({
@@ -2272,25 +2278,25 @@ const Qe = ee("settings", () => {
       ]), 1032, ["active", "prepend-icon"])) : $("", !0);
     };
   }
-}), fs = /* @__PURE__ */ V({
+}), vs = /* @__PURE__ */ V({
   __name: "VoDashboardListItem",
   setup(u) {
     return (t, a) => {
       const s = Y;
       return d(), v(s, {
-        "prepend-icon": `svg:${e(jt)}`,
+        "prepend-icon": `svg:${e(Ot)}`,
         title: "Dashboard",
         to: "/user/dashboard"
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), vs = /* @__PURE__ */ V({
+}), _s = /* @__PURE__ */ V({
   __name: "VoUserList",
   setup(u) {
     const t = z();
     return (a, s) => {
-      const n = fs, r = ms, c = os, l = Mo, h = bo, p = mo;
-      return d(), v(se, {
+      const n = vs, r = fs, c = ss, l = Po, h = yo, p = fo;
+      return d(), v(ne, {
         density: "compact",
         nav: "",
         slim: ""
@@ -2307,14 +2313,14 @@ const Qe = ee("settings", () => {
       });
     };
   }
-}), _s = { key: 0 }, hs = { class: "d-flex align-center justify-center pa-1 ga-2" }, gs = /* @__PURE__ */ V({
+}), hs = { key: 0 }, gs = { class: "d-flex align-center justify-center pa-1 ga-2" }, bs = /* @__PURE__ */ V({
   __name: "VoUserQuickActions",
   setup(u) {
     const t = M();
-    return (a, s) => (d(), v(re, null, {
+    return (a, s) => (d(), v(le, null, {
       default: i(() => [
-        e(t).quickbar ? (d(), w("div", _s, [
-          _("div", hs, [
+        e(t).quickbar ? (d(), w("div", hs, [
+          _("div", gs, [
             o(Z, {
               color: e(t).colors.one,
               class: "text-caption",
@@ -2325,7 +2331,7 @@ const Qe = ee("settings", () => {
             }, null, 8, ["color"]),
             o(Z, {
               color: e(t).colors.one,
-              icon: `svg:${e(Ot)}`,
+              icon: `svg:${e(Bt)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://bin.vuetifyjs.com",
@@ -2333,7 +2339,7 @@ const Qe = ee("settings", () => {
             }, null, 8, ["color", "icon"]),
             o(Z, {
               color: e(t).colors.one,
-              icon: `svg:${e(Bt)}`,
+              icon: `svg:${e(zt)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://issues.vuetifyjs.com",
@@ -2345,7 +2351,7 @@ const Qe = ee("settings", () => {
       _: 1
     }));
   }
-}), bs = { class: "mb-2" }, ys = { key: 0 }, Vs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, ks = { class: "text-h6" }, $s = /* @__PURE__ */ V({
+}), ys = { class: "mb-2" }, Vs = { key: 0 }, ks = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, $s = { class: "text-h6" }, xs = /* @__PURE__ */ V({
   __name: "VoUserAvatar",
   setup(u) {
     const t = z(), a = M(), s = F(!1), n = L(() => {
@@ -2376,8 +2382,8 @@ const Qe = ee("settings", () => {
     return (l, h) => {
       var p;
       return d(), w("div", null, [
-        Le((d(), v(de, {
-          class: tt([
+        Le((d(), v(pe, {
+          class: ot([
             "border-md border-opacity-100 border-surface-variant",
             {
               "cursor-pointer": e(t).isSubscriber
@@ -2402,28 +2408,28 @@ const Qe = ee("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [Kt, e(t).isSubscriber]
+          [eo, e(t).isSubscriber]
         ]),
-        _("div", bs, [
-          o(re, null, {
+        _("div", ys, [
+          o(le, null, {
             default: i(() => [
-              s.value ? (d(), w("div", ys, [
+              s.value ? (d(), w("div", Vs, [
                 o(R, {
                   class: "pt-6 pb-1",
                   rounded: "0",
                   flat: ""
                 }, {
                   default: i(() => [
-                    _("div", Vs, [
-                      (d(!0), w(N, null, oe(n.value, (g, I) => (d(), v(Z, {
-                        key: I,
+                    _("div", ks, [
+                      (d(!0), w(N, null, se(n.value, (g, C) => (d(), v(Z, {
+                        key: C,
                         active: e(a).avatar === g,
                         variant: "flat",
                         icon: "",
                         onClick: (m) => r(g)
                       }, {
                         default: i(() => [
-                          o(de, {
+                          o(pe, {
                             image: g,
                             eager: ""
                           }, null, 8, ["image"])
@@ -2439,14 +2445,14 @@ const Qe = ee("settings", () => {
             _: 1
           })
         ]),
-        _("div", ks, C(((p = e(t).user) == null ? void 0 : p.name) ?? "Guest"), 1)
+        _("div", $s, I(((p = e(t).user) == null ? void 0 : p.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), xs = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, ws = {
+}), ws = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Ss = {
   key: "reset",
   class: "align-self-end"
-}, Ss = /* @__PURE__ */ V({
+}, Cs = /* @__PURE__ */ V({
   __name: "VoUserColors",
   setup(u) {
     const t = z(), a = J(), s = M(), n = F(!1);
@@ -2454,7 +2460,7 @@ const Qe = ee("settings", () => {
       s.colors.one = "surface-light";
     }
     return (c, l) => {
-      const h = le;
+      const h = ce;
       return d(), w(N, null, [
         o(Ue, {
           color: e(t).user ? e(s).colors.one : "surface-light",
@@ -2465,7 +2471,7 @@ const Qe = ee("settings", () => {
           flat: ""
         }, {
           default: i(() => [
-            _("div", xs, [
+            _("div", ws, [
               o(Ee, {
                 class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
                 color: "rgba(0,0,0,.36)",
@@ -2475,7 +2481,7 @@ const Qe = ee("settings", () => {
                 default: i(() => {
                   var p;
                   return [
-                    (p = e(t).user) != null && p.isAdmin ? (d(), v(ne, {
+                    (p = e(t).user) != null && p.isAdmin ? (d(), v(ie, {
                       key: 0,
                       location: "bottom",
                       text: "Vuetify Administrator"
@@ -2488,20 +2494,20 @@ const Qe = ee("settings", () => {
                       ]),
                       _: 1
                     })) : $("", !0),
-                    e(a).isSubscriber ? (d(), v(ne, {
+                    e(a).isSubscriber ? (d(), v(ie, {
                       key: 1,
                       location: "bottom",
                       text: "Vuetify One Subscriber"
                     }, {
                       activator: i(({ props: g }) => [
                         o(U, Q({
-                          icon: `svg:${e(zt)}`,
+                          icon: `svg:${e(Tt)}`,
                           color: "amber-darken-2"
                         }, g, { size: "16" }), null, 16, ["icon"])
                       ]),
                       _: 1
                     })) : $("", !0),
-                    e(a).github ? (d(), v(ne, {
+                    e(a).github ? (d(), v(ie, {
                       key: 2,
                       location: "bottom",
                       text: "GitHub Sponsor"
@@ -2514,7 +2520,7 @@ const Qe = ee("settings", () => {
                       ]),
                       _: 1
                     })) : $("", !0),
-                    e(a).discord ? (d(), v(ne, {
+                    e(a).discord ? (d(), v(ie, {
                       key: 3,
                       location: "bottom",
                       text: "Discord Subscriber"
@@ -2534,7 +2540,7 @@ const Qe = ee("settings", () => {
               e(t).isSubscriber ? (d(), v(h, {
                 key: 0,
                 active: n.value,
-                icon: n.value ? `svg:${e(te)}` : "$edit",
+                icon: n.value ? `svg:${e(oe)}` : "$edit",
                 variant: n.value ? "text" : "plain",
                 class: "align-self-end",
                 color: "inherit",
@@ -2554,12 +2560,12 @@ const Qe = ee("settings", () => {
                 ]),
                 _: 1
               }, 8, ["active", "icon", "variant"])) : $("", !0),
-              o(Et, null, {
+              o(Wt, null, {
                 default: i(() => [
-                  Le(_("div", ws, [
+                  Le(_("div", Ss, [
                     o(h, {
                       disabled: e(s).colors.one === "surface-light",
-                      icon: `svg:${e(Tt)}`,
+                      icon: `svg:${e(Rt)}`,
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
@@ -2577,9 +2583,9 @@ const Qe = ee("settings", () => {
           ]),
           _: 1
         }, 8, ["color"]),
-        o(re, null, {
+        o(le, null, {
           default: i(() => [
-            n.value ? (d(), v(eo, {
+            n.value ? (d(), v(to, {
               key: 0,
               "model-value": e(s).colors.one !== "surface-light" ? e(s).colors.one : void 0,
               elevation: "0",
@@ -2599,13 +2605,13 @@ const Qe = ee("settings", () => {
       ], 64);
     };
   }
-}), Cs = { class: "text-center mt-n9 mb-4" }, Ls = /* @__PURE__ */ V({
+}), Ls = { class: "text-center mt-n9 mb-4" }, Is = /* @__PURE__ */ V({
   __name: "VoUserMenu",
   setup(u) {
     const t = J();
     return (a, s) => {
-      const n = Ss, r = $s, c = gs, l = vs, h = po;
-      return d(), v(to, {
+      const n = Cs, r = xs, c = bs, l = _s, h = mo;
+      return d(), v(oo, {
         modelValue: e(t).isOpen,
         "onUpdate:modelValue": s[0] || (s[0] = (p) => e(t).isOpen = p),
         "close-on-click": !1,
@@ -2622,7 +2628,7 @@ const Qe = ee("settings", () => {
           }, {
             default: i(() => [
               o(n),
-              _("div", Cs, [
+              _("div", Ls, [
                 o(r),
                 o(c)
               ]),
@@ -2638,23 +2644,23 @@ const Qe = ee("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Is = { key: 0 }, As = /* @__PURE__ */ V({
+}), As = { key: 0 }, Ds = /* @__PURE__ */ V({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(u) {
-    const t = z(), a = J(), s = M(), { lgAndUp: n, mdAndDown: r } = ve();
-    return (c, l) => {
-      const h = Ls, p = le, g = so;
-      return d(), v(g, {
+    const t = z(), a = J(), s = M(), { lgAndUp: n, mdAndDown: r } = _e(), c = L(() => a.isOpen || !t.user ? s.colors.one === "surface-light" ? "primary" : s.colors.one : "surface-light");
+    return (l, h) => {
+      const p = Is, g = ce, C = no;
+      return d(), v(C, {
         "offset-y": e(t).user ? 5 : 0
       }, {
         default: i(() => [
-          o(p, Q({
-            [`${e(n) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(Rt)}`
+          o(g, Q({
+            [`${e(n) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(Ht)}`
           }, {
-            color: e(a).isOpen || !e(t).user ? "primary" : "surface-light",
+            color: c.value,
             icon: e(t).user || e(t).isLoading,
             loading: e(t).isLoading,
             rounded: e(r),
@@ -2665,12 +2671,12 @@ const Qe = ee("settings", () => {
             active: ""
           }), {
             default: i(() => [
-              e(t).user ? $("", !0) : (d(), w("span", Is, "Login")),
-              e(t).user ? (d(), v(de, {
+              e(t).user ? $("", !0) : (d(), w("span", As, "Login")),
+              e(t).user ? (d(), v(pe, {
                 key: 1,
                 image: e(s).avatar || e(t).user.picture || ""
               }, null, 8, ["image"])) : $("", !0),
-              o(h)
+              o(p)
             ]),
             _: 1
           }, 16, ["color", "icon", "loading", "rounded", "variant"])
@@ -2679,10 +2685,10 @@ const Qe = ee("settings", () => {
       }, 8, ["offset-y"]);
     };
   }
-}), Ds = (u) => (ot("data-v-86d0e524"), u = u(), st(), u), Us = ["href", "title"], Fs = {
+}), Us = (u) => (st("data-v-86d0e524"), u = u(), nt(), u), Fs = ["href", "title"], Ns = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Ns = /* @__PURE__ */ Ds(() => /* @__PURE__ */ _("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), js = /* @__PURE__ */ V({
+}, js = /* @__PURE__ */ Us(() => /* @__PURE__ */ _("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Os = /* @__PURE__ */ V({
   __name: "VoFooter",
   setup(u) {
     const t = [
@@ -2693,7 +2699,7 @@ const Qe = ee("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${Ht}`,
+        icon: `svg:${Mt}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -2713,16 +2719,16 @@ const Qe = ee("settings", () => {
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${Mt}`,
+        icon: `svg:${Pt}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (a, s) => (d(), v(oo, {
+    return (a, s) => (d(), v(so, {
       class: "vo-footer",
       height: "40"
     }, {
       default: i(() => [
-        (d(), w(N, null, oe(t, (n) => _("a", {
+        (d(), w(N, null, se(t, (n) => _("a", {
           key: n.title,
           href: n.href,
           title: n.title,
@@ -2734,23 +2740,23 @@ const Qe = ee("settings", () => {
             icon: n.icon,
             size: n.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
-        ], 8, Us)), 64)),
-        _("div", Fs, [
-          j(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          Ns
+        ], 8, Fs)), 64)),
+        _("div", Ns, [
+          j(" © 2016-" + I((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          js
         ])
       ]),
       _: 1
     }));
   }
 });
-const Os = (u, t) => {
+const Bs = (u, t) => {
   const a = u.__vccOpts || u;
   for (const [s, n] of t)
     a[s] = n;
   return a;
-}, Bs = /* @__PURE__ */ Os(js, [["__scopeId", "data-v-86d0e524"]]), $n = ee("bins", () => {
-  const u = z(), t = ge(), a = K([]), s = K(), n = F(!1), r = F(-1), c = L(() => !u.user || !s.value ? !1 : u.user.id === s.value.owner.id), l = L(() => a.value.filter((b) => b.favorite)), h = L(() => a.value.filter((b) => b.pinned));
+}, zs = /* @__PURE__ */ Bs(Os, [["__scopeId", "data-v-86d0e524"]]), xn = te("bins", () => {
+  const u = z(), t = be(), a = ee([]), s = ee(), n = F(!1), r = F(-1), c = L(() => !u.user || !s.value ? !1 : u.user.id === s.value.owner.id), l = L(() => a.value.filter((b) => b.favorite)), h = L(() => a.value.filter((b) => b.pinned));
   W(s, () => {
     window.clearTimeout(r.value), r.value = window.setTimeout(() => {
       !s.value || !c.value || m(s.value, s.value.id);
@@ -2776,7 +2782,7 @@ const Os = (u, t) => {
     }
     return !0;
   }
-  async function I(b) {
+  async function C(b) {
     try {
       n.value = !0;
       const x = await t.post("/one/bins", { bin: b });
@@ -2801,7 +2807,7 @@ const Os = (u, t) => {
   async function k(b, x) {
     try {
       n.value = !0;
-      const A = x ? await m(b, x) : await I(b);
+      const A = x ? await m(b, x) : await C(b);
       s.value = A.bin;
     } catch {
     } finally {
@@ -2826,7 +2832,7 @@ const Os = (u, t) => {
     pinned: h,
     favorites: l,
     all: a,
-    create: I,
+    create: C,
     delete: g,
     current: s,
     find: D,
@@ -2835,21 +2841,21 @@ const Os = (u, t) => {
     updateOrCreate: k
   };
 });
-function xn() {
+function wn() {
   function u(t) {
-    t.component("VoAuthBtn", As), t.component("VoFooter", Bs);
+    t.component("VoAuthBtn", Ds), t.component("VoFooter", zs);
   }
   return { install: u };
 }
-function wn(u) {
-  u.store.url = "https://api.vuetifyjs.com";
+function Sn(u) {
+  u.store.url = "http://localhost:8096";
 }
 export {
-  xn as createOne,
-  wn as one,
+  wn as createOne,
+  Sn as one,
   z as useAuthStore,
-  $n as useBinsStore,
-  ge as useHttpStore,
+  xn as useBinsStore,
+  be as useHttpStore,
   J as useOneStore,
   Qe as useSettingsStore,
   M as useUserStore