@wssto2/vue-core 0.1.0 → 0.2.0

package/dist/shell/index.js

@@ -1,26 +1,27 @@
-import { defineComponent as M, computed as S, openBlock as c, createElementBlock as p, normalizeClass as y, createBlock as z, resolveDynamicComponent as he, unref as n, mergeProps as K, withCtx as I, createCommentVNode as L, createElementVNode as f, toDisplayString as O, provide as ne, ref as F, useId as ie, createVNode as h, withDirectives as De, Fragment as V, renderList as ee, vShow as Oe, useTemplateRef as te, renderSlot as D, createSlots as W, normalizeProps as X, guardReactiveProps as Y, watch as q, onScopeDispose as le, inject as be, onBeforeUnmount as Re, normalizeStyle as ge, nextTick as ye, Teleport as Be, shallowRef as Ne, h as J } from "vue";
+import { defineComponent as M, computed as C, openBlock as r, createElementBlock as p, normalizeClass as y, createBlock as T, resolveDynamicComponent as he, unref as n, mergeProps as K, withCtx as I, createCommentVNode as L, createElementVNode as d, toDisplayString as O, provide as ne, ref as V, useId as ie, createVNode as h, withDirectives as Oe, Fragment as F, renderList as ee, vShow as Re, useTemplateRef as te, renderSlot as D, createSlots as W, normalizeProps as X, guardReactiveProps as Y, watch as q, onScopeDispose as le, inject as be, onBeforeUnmount as Be, normalizeStyle as ge, nextTick as ye, Teleport as Ne, shallowRef as Pe, h as J } from "vue";
 import { useI18n as N } from "vue-i18n";
 import { _ as xe } from "../Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
-import { _ as R, u as Pe, c as je } from "../Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { t as we, _ as Ve } from "../toast-BTeX0r66.js";
-import { u as Fe, S as ae, d as ke } from "../feature-DyDtyMLU.js";
-import { b as We } from "../environment-D3nozt9a.js";
+import { _ as R, u as je, c as Fe } from "../Icon.vue_vue_type_script_lang-DtC4_mkz.js";
+import { t as we, _ as Ve } from "../toast-DvrHQ6Ag.js";
+import { u as We, S as ae, d as ke } from "../feature-DyDtyMLU.js";
+import { b as Ke } from "../environment-D3nozt9a.js";
+import { _ as _e } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
 import { u as G } from "../platform-jqlKVJ2e.js";
-import { RouterLink as oe, useRoute as Ke, useRouter as re } from "vue-router";
-import { d as _e } from "../context-Ch1r4fdN.js";
-import { _ as Ue } from "../Sheet.vue_vue_type_script_setup_true_lang-BLBD5ps8.js";
-import { _ as Xe } from "../LeaveGuardRoot.vue_vue_type_script_setup_true_lang-DH6EB8br.js";
-import { _ as Ye } from "../Toaster.vue_vue_type_script_setup_true_lang-55boRLAj.js";
-import { _ as qe } from "../BottomDock.vue_vue_type_script_setup_true_lang-DhlMnPC2.js";
-import { e as $e } from "../chrome-D9pwD6iS.js";
-import { A as He } from "../access-DdRFrVV1.js";
-import { u as Ge } from "../navigation-B33ikiCS.js";
+import { RouterLink as oe, useRoute as Ue, useRouter as re } from "vue-router";
+import { d as $e } from "../context-Ch1r4fdN.js";
+import { _ as Xe } from "../Sheet.vue_vue_type_script_setup_true_lang-CtkJ-4e3.js";
+import { _ as Ye } from "../LeaveGuardRoot.vue_vue_type_script_setup_true_lang-CvwoT1JF.js";
+import { _ as qe } from "../Toaster.vue_vue_type_script_setup_true_lang-55boRLAj.js";
+import { _ as He } from "../BottomDock.vue_vue_type_script_setup_true_lang-DhlMnPC2.js";
+import { e as Se } from "../chrome-D9pwD6iS.js";
+import { A as Ge } from "../access-DdRFrVV1.js";
+import { u as Qe } from "../navigation-B33ikiCS.js";
 import { a as H } from "../mediaQuery-CygcXmFW.js";
-import { u as Qe } from "../useDialog-wmyNx2j_.js";
-import { _ as Je } from "../Menu.vue_vue_type_script_setup_true_lang-D44EHXQZ.js";
-import { W as Ze } from "../useWaitStatus-fsacMl4W.js";
-import { S as et } from "../dialogStack-DiTG1rZc.js";
-const [tt, nt] = _e("vue-core.accountMenu"), [ce] = _e("vue-core.headerSurface"), fe = "focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", at = "relative not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:left-[calc(var(--app-row-inset)+2.25rem)] not-first:before:border-t not-first:before:border-border-separator", me = /* @__PURE__ */ M({
+import { u as Je } from "../useDialog-CXR3hN0G.js";
+import { _ as Ze } from "../Menu.vue_vue_type_script_setup_true_lang-CrMj6KPD.js";
+import { W as et } from "../useWaitStatus-fsacMl4W.js";
+import { S as tt } from "../dialogStack-DZZg55w0.js";
+const [nt, at] = $e("vue-core.accountMenu"), [ce] = $e("vue-core.headerSurface"), fe = "focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", ot = "relative not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:left-[calc(var(--app-row-inset)+2.25rem)] not-first:before:border-t not-first:before:border-border-separator", me = /* @__PURE__ */ M({
   __name: "AccountMenuItem",
   props: {
     label: {},
@@ -28,19 +29,20 @@ const [tt, nt] = _e("vue-core.accountMenu"), [ce] = _e("vue-core.headerSurface")
     to: { default: void 0 },
     checked: { type: Boolean, default: void 0 },
     selected: { type: Boolean, default: void 0 },
-    tone: { default: void 0 }
+    tone: { default: void 0 },
+    flag: { default: void 0 }
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    const t = e, o = a, i = nt(), s = S(() => i.appearance === "sheet"), u = S(() => t.checked !== void 0 || t.selected !== void 0), d = S(() => t.tone === "critical"), r = `flex w-full cursor-pointer items-center gap-3 rounded-md px-2 py-1.5 text-left text-sm hover:bg-fill ${fe}`, v = `flex min-h-row w-full cursor-pointer items-center gap-3 px-row-inset py-2 text-left text-body transition-colors duration-motion-fast active:bg-fill ${fe}`;
+    const t = e, o = a, i = at(), s = C(() => i.appearance === "sheet"), u = C(() => t.checked !== void 0 || t.selected !== void 0), f = C(() => t.tone === "critical"), c = `flex w-full cursor-pointer items-center gap-3 rounded-md px-2 py-1.5 text-left text-sm hover:bg-fill ${fe}`, v = `flex min-h-row w-full cursor-pointer items-center gap-3 px-row-inset py-2 text-left text-body transition-colors duration-motion-fast active:bg-fill ${fe}`;
     function b() {
       u.value || i.close(), o("click");
     }
-    return (x, w) => (c(), p("div", {
-      class: y(s.value ? at : "")
+    return (w, _) => (r(), p("div", {
+      class: y(s.value ? ot : "")
     }, [
-      (c(), z(he(e.to ? n(oe) : "button"), K(e.to ? { to: e.to } : { type: "button" }, {
-        class: [s.value ? v : r, d.value ? "text-content-destructive" : "text-content-strong", s.value && d.value ? "justify-center" : ""],
+      (r(), T(he(e.to ? n(oe) : "button"), K(e.to ? { to: e.to } : { type: "button" }, {
+        class: [s.value ? v : c, f.value ? "text-content-destructive" : "text-content-strong", s.value && f.value ? "justify-center" : ""],
         role: e.checked !== void 0 ? "switch" : void 0,
         "aria-checked": e.checked,
         "aria-current": e.selected ? "true" : void 0,
@@ -48,30 +50,33 @@ const [tt, nt] = _e("vue-core.accountMenu"), [ce] = _e("vue-core.headerSurface")
         onClick: b
       }), {
         default: I(() => [
-          e.icon && !(s.value && d.value) ? (c(), z(n(R), {
+          e.flag ? (r(), T(_e, {
             key: 0,
+            country: e.flag
+          }, null, 8, ["country"])) : e.icon && !(s.value && f.value) ? (r(), T(n(R), {
+            key: 1,
             name: e.icon,
             size: s.value ? 22 : 16,
-            class: y(["shrink-0", d.value ? "" : "text-content-muted"])
+            class: y(["shrink-0", f.value ? "" : "text-content-muted"])
           }, null, 8, ["name", "size", "class"])) : L("", !0),
-          f("span", {
-            class: y(["min-w-0 truncate", s.value && d.value ? "" : "flex-1"])
+          d("span", {
+            class: y(["min-w-0 truncate", s.value && f.value ? "" : "flex-1"])
           }, O(e.label), 3),
-          e.checked !== void 0 ? (c(), p("span", {
-            key: 1,
+          e.checked !== void 0 ? (r(), p("span", {
+            key: 2,
             "aria-hidden": "true",
             class: y(["relative inline-flex shrink-0 rounded-full transition-colors duration-motion-fast", [e.checked ? "bg-control-on" : "bg-fill-strong", s.value ? "h-switch-height w-switch-width" : "h-5 w-9"]])
           }, [
-            f("span", {
+            d("span", {
               class: y(["absolute top-0.5 left-0.5 aspect-square h-[calc(100%-0.25rem)] rounded-full bg-white shadow-knob transition-transform duration-motion-fast", e.checked ? s.value ? "translate-x-[calc(var(--app-switch-width)-var(--app-switch-height))]" : "translate-x-4" : "translate-x-0"])
             }, null, 2)
-          ], 2)) : e.selected ? (c(), z(n(R), {
-            key: 2,
+          ], 2)) : e.selected ? (r(), T(n(R), {
+            key: 3,
             name: "checkCustom",
             size: 16,
             class: "shrink-0 text-content-link"
-          })) : e.to && s.value ? (c(), z(n(R), {
-            key: 3,
+          })) : e.to && s.value ? (r(), T(n(R), {
+            key: 4,
             name: "arrowRightSLine",
             size: 18,
             class: "shrink-0 text-content-disabled"
@@ -81,109 +86,116 @@ const [tt, nt] = _e("vue-core.accountMenu"), [ce] = _e("vue-core.headerSurface")
       }, 16, ["class", "role", "aria-checked", "aria-current"]))
     ], 2));
   }
-}), ot = ["aria-expanded", "aria-controls"], st = { class: "min-w-0 flex-1 truncate" }, it = ["id"], Se = /* @__PURE__ */ M({
+}), st = ["aria-expanded", "aria-controls"], it = { class: "flex-1 whitespace-nowrap" }, lt = { class: "truncate" }, rt = ["id"], Ce = /* @__PURE__ */ M({
   __name: "AccountMenuContent",
   props: {
     appearance: {}
   },
   emits: ["close"],
   setup(e, { emit: a }) {
-    const t = e, o = a, { t: i } = N(), { session: s } = G(), u = We(), d = Fe();
-    ne(tt, { appearance: t.appearance, close: () => o("close") });
-    const r = t.appearance === "sheet", v = S(() => d.get("accountMenu").length > 0), b = u.locales.length > 1, x = F(!1), w = ie(), $ = (E) => {
+    const t = e, o = a, { t: i } = N(), { session: s } = G(), u = Ke(), f = We();
+    ne(nt, { appearance: t.appearance, close: () => o("close") });
+    const c = t.appearance === "sheet", v = C(() => f.get("accountMenu").length > 0), b = u.locales.length > 1, w = V(!1), _ = ie(), S = (l) => {
       try {
-        const l = new Intl.DisplayNames([E], { type: "language" }).of(E);
-        return l ? l.charAt(0).toLocaleUpperCase(E) + l.slice(1) : E;
+        const E = new Intl.DisplayNames([l], { type: "language" }).of(l);
+        return E ? E.charAt(0).toLocaleUpperCase(l) + E.slice(1) : l;
       } catch {
-        return E;
+        return l;
       }
-    }, k = S(() => $(u.locale.value));
-    async function A() {
+    }, $ = C(() => S(u.locale.value)), A = (l) => u.localeFlags[l];
+    async function m() {
       try {
         await s.signOut();
       } catch {
         we.error(i("core.shell.account.sign_out_failed"));
       }
     }
-    const m = r ? "overflow-hidden rounded-group bg-surface-cell shadow-group" : "";
-    return (E, l) => (c(), p("div", {
-      class: y(r ? "flex flex-col gap-group-gap text-content-strong" : "-m-1.5 space-y-1 *:not-first:border-t *:not-first:border-border-separator *:not-first:pt-1"),
+    const z = c ? "overflow-hidden rounded-group bg-surface-cell shadow-group" : "";
+    return (l, E) => (r(), p("div", {
+      class: y(c ? "flex flex-col gap-group-gap text-content-strong" : "-m-1.5 space-y-1 *:not-first:border-t *:not-first:border-border-separator *:not-first:pt-1"),
       "data-shell-account-menu": ""
     }, [
-      v.value ? (c(), p("div", {
+      v.value ? (r(), p("div", {
         key: 0,
-        class: y(n(m))
+        class: y(n(z))
       }, [
         h(n(ae), { name: "accountMenu" })
       ], 2)) : L("", !0),
-      b ? (c(), p("div", {
+      b ? (r(), p("div", {
         key: 1,
-        class: y(n(m))
+        class: y(n(z))
       }, [
-        f("div", {
-          class: y(r ? "relative" : "")
+        d("div", {
+          class: y(c ? "relative" : "")
         }, [
-          f("button", {
+          d("button", {
             type: "button",
-            "aria-expanded": x.value,
-            "aria-controls": n(w),
+            "aria-expanded": w.value,
+            "aria-controls": n(_),
             "data-account-language": "",
-            class: y(["flex w-full cursor-pointer items-center gap-3 text-left transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", r ? "min-h-row px-row-inset py-2 text-body active:bg-fill" : "rounded-md px-2 py-1.5 text-sm hover:bg-fill"]),
-            onClick: l[0] || (l[0] = (T) => x.value = !x.value)
+            class: y(["flex w-full cursor-pointer items-center gap-3 text-left transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", c ? "min-h-row px-row-inset py-2 text-body active:bg-fill" : "rounded-md px-2 py-1.5 text-sm hover:bg-fill"]),
+            onClick: E[0] || (E[0] = (x) => w.value = !w.value)
           }, [
             h(n(R), {
               name: "translate",
-              size: r ? 22 : 16,
+              size: c ? 22 : 16,
               class: "shrink-0 text-content-muted"
             }, null, 8, ["size"]),
-            f("span", st, O(n(i)("core.shell.account.language")), 1),
-            f("span", {
-              class: y(["shrink-0 text-content-muted", r ? "" : "text-xs"])
-            }, O(k.value), 3),
+            d("span", it, O(n(i)("core.shell.account.language")), 1),
+            d("span", {
+              class: y(["flex min-w-0 items-center gap-1.5 text-content-muted", c ? "" : "text-xs"])
+            }, [
+              A(n(u).locale.value) ? (r(), T(_e, {
+                key: 0,
+                country: A(n(u).locale.value)
+              }, null, 8, ["country"])) : L("", !0),
+              d("span", lt, O($.value), 1)
+            ], 2),
             h(n(R), {
               name: "arrowDownSLine",
-              size: r ? 18 : 16,
-              class: y(["shrink-0 text-content-disabled transition-transform duration-motion-fast", x.value ? "rotate-180" : ""])
+              size: c ? 18 : 16,
+              class: y(["shrink-0 text-content-disabled transition-transform duration-motion-fast", w.value ? "rotate-180" : ""])
             }, null, 8, ["size", "class"])
-          ], 10, ot)
+          ], 10, st)
         ], 2),
-        De(f("div", {
-          id: n(w),
-          class: y(r ? "" : "space-y-0.5 pl-4")
+        Oe(d("div", {
+          id: n(_),
+          class: y(c ? "" : "space-y-0.5 pl-4")
         }, [
-          (c(!0), p(V, null, ee(n(u).locales, (T) => (c(), z(me, {
-            key: T,
-            label: $(T),
-            selected: T === n(u).locale.value,
-            onClick: (C) => n(u).setLocale(T)
-          }, null, 8, ["label", "selected", "onClick"]))), 128))
-        ], 10, it), [
-          [Oe, x.value]
+          (r(!0), p(F, null, ee(n(u).locales, (x) => (r(), T(me, {
+            key: x,
+            label: S(x),
+            flag: A(x),
+            selected: x === n(u).locale.value,
+            onClick: (k) => n(u).setLocale(x)
+          }, null, 8, ["label", "flag", "selected", "onClick"]))), 128))
+        ], 10, rt), [
+          [Re, w.value]
         ])
       ], 2)) : L("", !0),
-      f("div", {
-        class: y(n(m))
+      d("div", {
+        class: y(n(z))
       }, [
         h(me, {
           label: n(i)("core.shell.account.sign_out"),
           icon: "logoutBoxRLine",
           tone: "critical",
-          onClick: A
+          onClick: m
         }, null, 8, ["label"])
       ], 2)
     ], 2));
   }
-}), lt = ["onClick"], rt = { class: "min-w-0 flex-1" }, ct = { class: "block truncate text-sm font-semibold text-white" }, ut = {
+}), ct = ["onClick"], ut = { class: "min-w-0 flex-1" }, dt = { class: "block truncate text-sm font-semibold text-white" }, ft = {
   key: 0,
   class: "block truncate text-xs text-gray-300"
-}, dt = /* @__PURE__ */ M({
+}, mt = /* @__PURE__ */ M({
   __name: "AccountMenu",
   props: {
     identity: {}
   },
   setup(e) {
     const { t: a } = N();
-    return (t, o) => (c(), z(n(Ve), {
+    return (t, o) => (r(), T(n(Ve), {
       placement: "top-start",
       width: "sm",
       block: "",
@@ -191,7 +203,7 @@ const [tt, nt] = _e("vue-core.accountMenu"), [ce] = _e("vue-core.headerSurface")
       label: n(a)("core.shell.account.open")
     }, {
       trigger: I(({ toggle: i, attrs: s, presented: u }) => [
-        f("button", K({ type: "button" }, s, {
+        d("button", K({ type: "button" }, s, {
           "data-shell-account": "",
           class: ["flex w-full cursor-pointer items-center gap-3 rounded-md px-2 py-2 text-left transition-colors hover:bg-white/5 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", { "bg-white/10": u }],
           onClick: i
@@ -200,19 +212,19 @@ const [tt, nt] = _e("vue-core.accountMenu"), [ce] = _e("vue-core.headerSurface")
             name: e.identity.name,
             size: "md"
           }, null, 8, ["name"]),
-          f("span", rt, [
-            f("span", ct, O(e.identity.name), 1),
-            e.identity.detail ? (c(), p("span", ut, O(e.identity.detail), 1)) : L("", !0)
+          d("span", ut, [
+            d("span", dt, O(e.identity.name), 1),
+            e.identity.detail ? (r(), p("span", ft, O(e.identity.detail), 1)) : L("", !0)
           ]),
           h(n(R), {
             name: "expandUpDownLine",
             size: 16,
             class: "shrink-0 text-gray-400"
           })
-        ], 16, lt)
+        ], 16, ct)
       ]),
       default: I(({ dismiss: i }) => [
-        h(Se, {
+        h(Ce, {
           appearance: "popover",
           onClose: i
         }, null, 8, ["onClose"])
@@ -220,21 +232,21 @@ const [tt, nt] = _e("vue-core.accountMenu"), [ce] = _e("vue-core.headerSurface")
       _: 1
     }, 8, ["label"]));
   }
-}), ft = /* @__PURE__ */ M({
+}), vt = /* @__PURE__ */ M({
   __name: "AccountSheet",
   props: {
     identity: {}
   },
   setup(e, { expose: a }) {
     const t = te("sheet");
-    return a({ present: () => t.value?.present(), dismiss: () => t.value?.dismiss() }), (o, i) => (c(), z(n(Ue), {
+    return a({ present: () => t.value?.present(), dismiss: () => t.value?.dismiss() }), (o, i) => (r(), T(n(Xe), {
       ref_key: "sheet",
       ref: t,
       title: e.identity.name,
       grouped: ""
     }, {
       default: I(() => [
-        h(Se, {
+        h(Ce, {
           appearance: "sheet",
           onClose: i[0] || (i[0] = (s) => t.value?.dismiss())
         })
@@ -243,18 +255,18 @@ const [tt, nt] = _e("vue-core.accountMenu"), [ce] = _e("vue-core.headerSurface")
     }, 8, ["title"]));
   }
 });
-function mt() {
-  const e = Pe(), a = (t, o) => Object.prototype.hasOwnProperty.call(t, o);
-  return (t) => t && (e[t] !== void 0 || a(je, t)) ? t : null;
+function pt() {
+  const e = je(), a = (t, o) => Object.prototype.hasOwnProperty.call(t, o);
+  return (t) => t && (e[t] !== void 0 || a(Fe, t)) ? t : null;
 }
-function Ce(e) {
+function Le(e) {
   return e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.defaultPrevented;
 }
-const Le = (e) => e.to ? [e] : e.children.flatMap(Le);
-function vt(e) {
+const Ae = (e) => e.to ? [e] : e.children.flatMap(Ae);
+function ht(e) {
   const a = [];
   for (const t of e) {
-    const o = Le(t);
+    const o = Ae(t);
     if (o.length === 0) continue;
     const i = !t.to && o.length > 1 ? t.label : null;
     a.push({
@@ -266,7 +278,7 @@ function vt(e) {
   }
   return a;
 }
-const pt = ["aria-label", "data-appearance"], ht = ["data-separated"], bt = ["id"], gt = ["aria-labelledby"], yt = ["href", "aria-current", "onClick"], xt = { class: "min-w-0 flex-1 truncate" }, ve = "flex w-full items-center transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", Ae = /* @__PURE__ */ M({
+const bt = ["aria-label", "data-appearance"], gt = ["data-separated"], yt = ["id"], xt = ["aria-labelledby"], wt = ["href", "aria-current", "onClick"], kt = { class: "min-w-0 flex-1 truncate" }, ve = "flex w-full items-center transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", Ee = /* @__PURE__ */ M({
   __name: "NavigationList",
   props: {
     items: { default: void 0 },
@@ -275,13 +287,13 @@ const pt = ["aria-label", "data-appearance"], ht = ["data-separated"], bt = ["id
   },
   emits: ["select"],
   setup(e, { emit: a }) {
-    const t = e, o = a, { t: i } = N(), s = ie(), u = t.items === void 0 ? Ge() : null, d = mt(), r = S(() => vt(t.items ?? u?.value ?? []));
-    function v(k, A, m) {
-      if (t.appearance === "drawer" && Ce(k)) {
-        k.preventDefault(), o("select", m);
+    const t = e, o = a, { t: i } = N(), s = ie(), u = t.items === void 0 ? Qe() : null, f = pt(), c = C(() => ht(t.items ?? u?.value ?? []));
+    function v($, A, m) {
+      if (t.appearance === "drawer" && Le($)) {
+        $.preventDefault(), o("select", m);
         return;
       }
-      A(k);
+      A($);
     }
     const b = {
       item: `${ve} group gap-2.5 rounded-md px-2.5 py-1.5 text-sm`,
@@ -292,7 +304,7 @@ const pt = ["aria-label", "data-appearance"], ht = ["data-separated"], bt = ["id
       heading: "px-2 pb-1 text-2xs font-semibold uppercase tracking-[0.08em] text-gray-400",
       // A hairline above the group, inset like the rows.
       separator: "before:mx-2 before:my-2.5 before:block before:border-t before:border-white/10"
-    }, x = {
+    }, w = {
       item: `${ve} min-h-[2.875rem] cursor-pointer gap-3.5 rounded-group px-3 text-left text-body duration-motion-fast`,
       active: "bg-tint-soft font-semibold text-content-link",
       inactive: "active:bg-fill",
@@ -300,60 +312,60 @@ const pt = ["aria-label", "data-appearance"], ht = ["data-separated"], bt = ["id
       iconInactive: "",
       heading: "px-3 pt-4.5 pb-1.5 text-subheadline text-content-muted",
       separator: "before:mx-3 before:my-3 before:block before:border-t before:border-border-separator"
-    }, w = S(() => t.appearance === "rail" ? b : x), $ = S(() => t.appearance === "rail" ? 16 : 22);
-    return (k, A) => (c(), p("nav", {
+    }, _ = C(() => t.appearance === "rail" ? b : w), S = C(() => t.appearance === "rail" ? 16 : 22);
+    return ($, A) => (r(), p("nav", {
       "aria-label": e.label ?? n(i)("core.shell.menu"),
       "data-shell-navigation": "",
       "data-appearance": e.appearance
     }, [
-      f("ul", null, [
-        (c(!0), p(V, null, ee(r.value, (m, E) => (c(), p("li", {
+      d("ul", null, [
+        (r(!0), p(F, null, ee(c.value, (m, z) => (r(), p("li", {
           key: m.key,
           "data-separated": m.separated || void 0,
-          class: y(m.separated ? w.value.separator : "")
+          class: y(m.separated ? _.value.separator : "")
         }, [
-          m.heading ? (c(), p("p", {
+          m.heading ? (r(), p("p", {
             key: 0,
-            id: `${n(s)}-${E}`,
-            class: y([w.value.heading, e.appearance === "rail" ? E > 0 ? "pt-4" : "pt-1" : ""])
-          }, O(m.heading), 11, bt)) : L("", !0),
-          f("ul", {
-            "aria-labelledby": m.heading ? `${n(s)}-${E}` : void 0,
+            id: `${n(s)}-${z}`,
+            class: y([_.value.heading, e.appearance === "rail" ? z > 0 ? "pt-4" : "pt-1" : ""])
+          }, O(m.heading), 11, yt)) : L("", !0),
+          d("ul", {
+            "aria-labelledby": m.heading ? `${n(s)}-${z}` : void 0,
             class: y(e.appearance === "rail" ? "space-y-0.5" : "")
           }, [
-            (c(!0), p(V, null, ee(m.items, (l) => (c(), p("li", {
+            (r(!0), p(F, null, ee(m.items, (l) => (r(), p("li", {
               key: l.key
             }, [
               h(n(oe), {
                 custom: "",
                 to: l.to
               }, {
-                default: I(({ href: T, navigate: C }) => [
-                  f("a", {
-                    href: T,
+                default: I(({ href: E, navigate: x }) => [
+                  d("a", {
+                    href: E,
                     "aria-current": l.active ? "page" : void 0,
                     "data-shell-destination": "",
-                    class: y([w.value.item, l.active ? w.value.active : w.value.inactive]),
-                    onClick: (_) => v(_, C, l.to)
+                    class: y([_.value.item, l.active ? _.value.active : _.value.inactive]),
+                    onClick: (k) => v(k, x, l.to)
                   }, [
-                    n(d)(l.icon) ? (c(), z(n(R), {
+                    n(f)(l.icon) ? (r(), T(n(R), {
                       key: 0,
-                      name: n(d)(l.icon),
-                      size: $.value,
-                      class: y(l.active ? w.value.iconActive : w.value.iconInactive)
+                      name: n(f)(l.icon),
+                      size: S.value,
+                      class: y(l.active ? _.value.iconActive : _.value.iconInactive)
                     }, null, 8, ["name", "size", "class"])) : L("", !0),
-                    f("span", xt, O(l.label), 1)
-                  ], 10, yt)
+                    d("span", kt, O(l.label), 1)
+                  ], 10, wt)
                 ]),
                 _: 2
               }, 1032, ["to"])
             ]))), 128))
-          ], 10, gt)
-        ], 10, ht))), 128))
+          ], 10, xt)
+        ], 10, gt))), 128))
       ])
-    ], 8, pt));
+    ], 8, bt));
   }
-}), wt = ["href", "aria-label", "onClick"], ue = /* @__PURE__ */ M({
+}), _t = ["href", "aria-label", "onClick"], ue = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "ShellBrand",
   props: {
@@ -364,42 +376,42 @@ const pt = ["aria-label", "data-appearance"], ht = ["data-separated"], bt = ["id
   emits: ["select"],
   setup(e, { emit: a }) {
     const t = e, o = a, { t: i } = N(), { config: s } = G();
-    function u(d, r) {
-      if (t.intercept && Ce(d)) {
-        d.preventDefault(), o("select", t.to);
+    function u(f, c) {
+      if (t.intercept && Le(f)) {
+        f.preventDefault(), o("select", t.to);
         return;
       }
-      r(d);
+      c(f);
     }
-    return (d, r) => (c(), z(n(oe), {
+    return (f, c) => (r(), T(n(oe), {
       custom: "",
       to: e.to
     }, {
       default: I(({ href: v, navigate: b }) => [
-        f("a", K(d.$attrs, {
+        d("a", K(f.$attrs, {
           href: v,
           "aria-label": n(i)("core.shell.home"),
           "data-shell-brand": "",
           class: "inline-block rounded-control focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
-          onClick: (x) => u(x, b)
+          onClick: (w) => u(w, b)
         }), [
-          D(d.$slots, "default", { tone: e.tone }, () => [
-            f("span", {
+          D(f.$slots, "default", { tone: e.tone }, () => [
+            d("span", {
               class: y(["block truncate text-headline font-semibold", e.tone === "light" ? "text-white" : "text-content-strong"])
             }, O(n(s).appName), 3)
           ])
-        ], 16, wt)
+        ], 16, _t)
       ]),
       _: 3
     }, 8, ["to"]));
   }
-}), kt = {
+}), $t = {
   class: "flex h-full flex-col bg-surface-page text-content-strong",
   "data-shell-drawer-content": ""
-}, _t = { class: "shrink-0 pt-[calc(max(0.75rem,env(safe-area-inset-top))+0.75rem)] pr-4 pb-4 pl-[max(1.375rem,env(safe-area-inset-left))]" }, $t = { class: "min-w-0 flex-1" }, St = { class: "block truncate text-headline font-semibold" }, Ct = {
+}, St = { class: "shrink-0 pt-[calc(max(0.75rem,env(safe-area-inset-top))+0.75rem)] pr-4 pb-4 pl-[max(1.375rem,env(safe-area-inset-left))]" }, Ct = { class: "min-w-0 flex-1" }, Lt = { class: "block truncate text-headline font-semibold" }, At = {
   key: 0,
   class: "block truncate text-footnote text-content-muted"
-}, Lt = /* @__PURE__ */ M({
+}, Et = /* @__PURE__ */ M({
   __name: "NavigationDrawer",
   props: {
     identity: {},
@@ -408,8 +420,8 @@ const pt = ["aria-label", "data-appearance"], ht = ["data-separated"], bt = ["id
   emits: ["select", "account"],
   setup(e, { emit: a }) {
     const t = a, { t: o } = N();
-    return (i, s) => (c(), p("div", kt, [
-      f("div", _t, [
+    return (i, s) => (r(), p("div", $t, [
+      d("div", St, [
         h(ue, {
           to: e.home,
           tone: "brand",
@@ -426,18 +438,18 @@ const pt = ["aria-label", "data-appearance"], ht = ["data-separated"], bt = ["id
           } : void 0
         ]), 1032, ["to"])
       ]),
-      s[3] || (s[3] = f("div", {
+      s[3] || (s[3] = d("div", {
         class: "mx-5.5 shrink-0 border-t border-border-separator",
         role: "presentation"
       }, null, -1)),
-      h(Ae, {
+      h(Ee, {
         appearance: "drawer",
         label: n(o)("core.shell.menu"),
         class: "min-h-0 flex-1 overflow-y-auto overscroll-contain pt-2 pr-2.5 pb-3 pl-[max(0.625rem,env(safe-area-inset-left))] [mask-image:linear-gradient(to_bottom,black_calc(100%-1.5rem),transparent)]",
         onSelect: s[1] || (s[1] = (u) => t("select", u))
       }, null, 8, ["label"]),
       D(i.$slots, "footer"),
-      f("button", {
+      d("button", {
         type: "button",
         "data-shell-drawer-account": "",
         "aria-haspopup": "dialog",
@@ -448,9 +460,9 @@ const pt = ["aria-label", "data-appearance"], ht = ["data-separated"], bt = ["id
           name: e.identity.name,
           size: "lg"
         }, null, 8, ["name"]),
-        f("span", $t, [
-          f("span", St, O(e.identity.name), 1),
-          e.identity.detail ? (c(), p("span", Ct, O(e.identity.detail), 1)) : L("", !0)
+        d("span", Ct, [
+          d("span", Lt, O(e.identity.name), 1),
+          e.identity.detail ? (r(), p("span", At, O(e.identity.detail), 1)) : L("", !0)
         ]),
         h(n(R), {
           name: "arrowRightSLine",
@@ -460,11 +472,11 @@ const pt = ["aria-label", "data-appearance"], ht = ["data-separated"], bt = ["id
       ])
     ]));
   }
-}), At = {
+}), It = {
   key: 0,
   "data-shell-sidebar": "",
   class: "flex w-64 shrink-0 flex-col bg-anchor-900 dark:border-r dark:border-white/5 dark:bg-anchor-950"
-}, Et = { class: "sticky top-0 flex h-screen flex-col" }, It = { class: "flex items-center justify-between gap-2 pt-5 pr-2 pb-3 pl-4" }, Tt = { class: "flex shrink-0 items-center gap-1" }, zt = { class: "border-t border-white/10 p-2" }, Mt = /* @__PURE__ */ M({
+}, Tt = { class: "sticky top-0 flex h-screen flex-col" }, zt = { class: "flex items-center justify-between gap-2 pt-5 pr-2 pb-3 pl-4" }, Mt = { class: "flex shrink-0 items-center gap-1" }, Dt = { class: "border-t border-white/10 p-2" }, Ot = /* @__PURE__ */ M({
   __name: "ShellSidebar",
   props: {
     identity: {},
@@ -473,9 +485,9 @@ const pt = ["aria-label", "data-appearance"], ht = ["data-separated"], bt = ["id
   setup(e) {
     ne(ce, "rail");
     const a = H("(min-width: 48rem)");
-    return (t, o) => n(a) ? (c(), p("aside", At, [
-      f("div", Et, [
-        f("div", It, [
+    return (t, o) => n(a) ? (r(), p("aside", It, [
+      d("div", Tt, [
+        d("div", zt, [
           h(ue, {
             to: e.home,
             tone: "light",
@@ -489,212 +501,212 @@ const pt = ["aria-label", "data-appearance"], ht = ["data-separated"], bt = ["id
               key: "0"
             } : void 0
           ]), 1032, ["to"]),
-          f("div", Tt, [
+          d("div", Mt, [
             h(n(ae), { name: "headerActions" })
           ])
         ]),
-        h(Ae, {
+        h(Ee, {
           appearance: "rail",
           class: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto px-2 pt-3 pb-3 [mask-image:linear-gradient(to_bottom,transparent,black_12px,black_calc(100%-12px),transparent)]"
         }),
         D(t.$slots, "footer"),
-        f("div", zt, [
-          h(dt, { identity: e.identity }, null, 8, ["identity"])
+        d("div", Dt, [
+          h(mt, { identity: e.identity }, null, 8, ["identity"])
         ])
       ])
     ])) : L("", !0);
   }
-}), Dt = 20, Ot = 8, pe = 0.5, Rt = 40;
-function Bt({ offset: e, startOffset: a, width: t, velocity: o }) {
-  if (Math.abs(e - a) > Rt) {
+}), Rt = 20, Bt = 8, pe = 0.5, Nt = 40;
+function Pt({ offset: e, startOffset: a, width: t, velocity: o }) {
+  if (Math.abs(e - a) > Nt) {
     if (o > pe) return !0;
     if (o < -pe) return !1;
   }
   return e > t / 2;
 }
-function Nt(e) {
-  const a = F(0), t = F(!1);
-  let o = !1, i = null, s = 0, u = 0, d = 0, r = 0, v = 0, b = 0;
-  function x(C, _) {
-    o = !0, i = null, s = r = C.clientX, u = C.clientY, d = _, v = performance.now(), b = 0;
+function jt(e) {
+  const a = V(0), t = V(!1);
+  let o = !1, i = null, s = 0, u = 0, f = 0, c = 0, v = 0, b = 0;
+  function w(x, k) {
+    o = !0, i = null, s = c = x.clientX, u = x.clientY, f = k, v = performance.now(), b = 0;
   }
-  function w(C) {
-    const _ = C.touches[0];
-    if (!o || !_) return;
-    const B = _.clientX - s, Q = _.clientY - u;
+  function _(x) {
+    const k = x.touches[0];
+    if (!o || !k) return;
+    const B = k.clientX - s, Q = k.clientY - u;
     if (!i) {
-      if (Math.max(Math.abs(B), Math.abs(Q)) < Ot) return;
-      if (i = Math.abs(B) > Math.abs(Q) ? "x" : "y", i === "y" || d === 0 && B < 0) {
+      if (Math.max(Math.abs(B), Math.abs(Q)) < Bt) return;
+      if (i = Math.abs(B) > Math.abs(Q) ? "x" : "y", i === "y" || f === 0 && B < 0) {
         o = !1;
         return;
       }
-      t.value = !0, a.value = d, e.onStart();
+      t.value = !0, a.value = f, e.onStart();
     }
     const U = performance.now();
-    b = (_.clientX - r) / Math.max(U - v, 1), r = _.clientX, v = U, a.value = Math.min(e.width(), Math.max(0, d + B)), C.cancelable && C.preventDefault();
+    b = (k.clientX - c) / Math.max(U - v, 1), c = k.clientX, v = U, a.value = Math.min(e.width(), Math.max(0, f + B)), x.cancelable && x.preventDefault();
   }
-  function $() {
-    o && (o = !1, t.value && (t.value = !1, e.onSettle(Bt({ offset: a.value, startOffset: d, width: e.width(), velocity: b }))));
+  function S() {
+    o && (o = !1, t.value && (t.value = !1, e.onSettle(Pt({ offset: a.value, startOffset: f, width: e.width(), velocity: b }))));
   }
-  function k() {
+  function $() {
     o = !1, t.value = !1;
   }
-  function A(C) {
-    const _ = C.touches[0];
-    !_ || C.touches.length !== 1 || e.isOpen() || !e.canOpenFromEdge() || _.clientX > Dt || x(_, 0);
+  function A(x) {
+    const k = x.touches[0];
+    !k || x.touches.length !== 1 || e.isOpen() || !e.canOpenFromEdge() || k.clientX > Rt || w(k, 0);
   }
   let m = !1;
-  function E() {
-    m || (m = !0, window.addEventListener("touchstart", A, { passive: !0 }), window.addEventListener("touchmove", w, { passive: !1 }), window.addEventListener("touchend", $), window.addEventListener("touchcancel", $));
+  function z() {
+    m || (m = !0, window.addEventListener("touchstart", A, { passive: !0 }), window.addEventListener("touchmove", _, { passive: !1 }), window.addEventListener("touchend", S), window.addEventListener("touchcancel", S));
   }
   function l() {
-    m && (m = !1, window.removeEventListener("touchstart", A), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", $), window.removeEventListener("touchcancel", $), k());
+    m && (m = !1, window.removeEventListener("touchstart", A), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", S), window.removeEventListener("touchcancel", S), $());
   }
-  return q(e.enabled, (C) => C ? E() : l(), { immediate: !0 }), le(l), { offset: a, dragging: t, closeEvents: {
-    onTouchstartPassive(C) {
-      const _ = C.touches[0];
-      _ && C.touches.length === 1 && e.isOpen() && x(_, e.width());
+  return q(e.enabled, (x) => x ? z() : l(), { immediate: !0 }), le(l), { offset: a, dragging: t, closeEvents: {
+    onTouchstartPassive(x) {
+      const k = x.touches[0];
+      k && x.touches.length === 1 && e.isOpen() && w(k, e.width());
     }
-  }, cancel: k };
+  }, cancel: $ };
 }
-const Ee = Symbol("vue-core.navigationDrawer");
-function Pt() {
-  return be(Ee, null);
+const Ie = Symbol("vue-core.navigationDrawer");
+function Ft() {
+  return be(Ie, null);
 }
-const jt = ["id", "aria-label"], Vt = ["data-drawer", "inert"], Ft = /* @__PURE__ */ M({
+const Vt = ["id", "aria-label"], Wt = ["data-drawer", "inert"], Kt = /* @__PURE__ */ M({
   __name: "ShellStage",
   props: {
     enabled: { type: Boolean }
   },
   setup(e) {
-    const a = e, { t } = N(), o = Ke(), i = re(), s = H("(max-width: 47.999rem)"), u = H("(display-mode: standalone)"), d = H("(prefers-reduced-motion: reduce)"), r = S(() => a.enabled && s.value), v = te("stage"), b = te("scroller"), x = F(null), w = ie(), $ = F(!1), k = F(!1), A = F(!1);
-    let m = 0, E = !1, l, T = null;
-    const C = () => x.value?.offsetWidth ?? 0, _ = Nt({
-      enabled: () => r.value,
-      width: C,
+    const a = e, { t } = N(), o = Ue(), i = re(), s = H("(max-width: 47.999rem)"), u = H("(display-mode: standalone)"), f = H("(prefers-reduced-motion: reduce)"), c = C(() => a.enabled && s.value), v = te("stage"), b = te("scroller"), w = V(null), _ = ie(), S = V(!1), $ = V(!1), A = V(!1);
+    let m = 0, z = !1, l, E = null;
+    const x = () => w.value?.offsetWidth ?? 0, k = jt({
+      enabled: () => c.value,
+      width: x,
       isOpen: () => A.value,
       canOpenFromEdge: () => u.value || navigator.standalone === !0,
       onStart: () => {
         clearTimeout(l), de();
       },
-      onSettle: (g) => g ? $.value = !0 : j()
-    }), B = S(() => _.dragging.value ? _.offset.value : A.value ? C() : 0), Q = S(() => C() ? B.value / C() : 0), U = Qe(x, {
+      onSettle: (g) => g ? S.value = !0 : j()
+    }), B = C(() => k.dragging.value ? k.offset.value : A.value ? x() : 0), Q = C(() => x() ? B.value / x() : 0), U = Je(w, {
       initialFocus: "panel",
       onEscape: () => j()
     });
-    function Ie() {
+    function Te() {
       const g = getComputedStyle(document.documentElement).getPropertyValue("--app-motion-drawer").trim();
       return g.endsWith("ms") ? parseFloat(g) : parseFloat(g) * 1e3 || 0;
     }
     function de() {
       const g = v.value, P = b.value;
-      k.value || !g || !P || (m = window.scrollY, E = !1, Object.assign(g.style, { position: "fixed", inset: "0", overflow: "hidden", zIndex: "10" }), Object.assign(P.style, { position: "absolute", inset: "0", overflow: "hidden" }), P.scrollTop = m, k.value = !0);
+      $.value || !g || !P || (m = window.scrollY, z = !1, Object.assign(g.style, { position: "fixed", inset: "0", overflow: "hidden", zIndex: "10" }), Object.assign(P.style, { position: "absolute", inset: "0", overflow: "hidden" }), P.scrollTop = m, $.value = !0);
     }
     function se() {
       const g = v.value, P = b.value;
-      !k.value || !g || !P || (Object.assign(g.style, { position: "", inset: "", overflow: "", zIndex: "", transform: "", transition: "", borderRadius: "" }), Object.assign(P.style, { position: "", inset: "", overflow: "" }), k.value = !1, window.scrollTo({ top: E ? 0 : m, behavior: "instant" }));
+      !$.value || !g || !P || (Object.assign(g.style, { position: "", inset: "", overflow: "", zIndex: "", transform: "", transition: "", borderRadius: "" }), Object.assign(P.style, { position: "", inset: "", overflow: "" }), $.value = !1, window.scrollTo({ top: z ? 0 : m, behavior: "instant" }));
     }
-    q([B, () => _.dragging.value, k], () => {
+    q([B, () => k.dragging.value, $], () => {
       const g = v.value;
-      !g || !k.value || (g.style.transform = `translate3d(${B.value}px, 0, 0)`, g.style.borderRadius = B.value > 0 ? "2.5rem" : "", g.style.transition = _.dragging.value || d.value ? "none" : "transform var(--app-motion-drawer) var(--app-motion-sheet-easing), border-radius var(--app-motion-drawer) var(--app-motion-sheet-easing)");
+      !g || !$.value || (g.style.transform = `translate3d(${B.value}px, 0, 0)`, g.style.borderRadius = B.value > 0 ? "2.5rem" : "", g.style.transition = k.dragging.value || f.value ? "none" : "transform var(--app-motion-drawer) var(--app-motion-sheet-easing), border-radius var(--app-motion-drawer) var(--app-motion-sheet-easing)");
     }, { flush: "sync" });
-    function Te() {
-      if (!r.value) {
-        $.value = !1;
+    function ze() {
+      if (!c.value) {
+        S.value = !1;
         return;
       }
-      clearTimeout(l), T = null, de(), v.value?.offsetWidth, A.value = !0, U.present(), ye(() => {
-        x.value?.querySelector('[aria-current="page"]')?.focus({ preventScroll: !0 });
+      clearTimeout(l), E = null, de(), v.value?.offsetWidth, A.value = !0, U.present(), ye(() => {
+        w.value?.querySelector('[aria-current="page"]')?.focus({ preventScroll: !0 });
       });
     }
     function j(g) {
-      if (g && (T = g), $.value) {
-        $.value = !1;
+      if (g && (E = g), S.value) {
+        S.value = !1;
         return;
       }
-      A.value = !1, U.dismissWithoutAsking(), clearTimeout(l), l = setTimeout(ze, Ie() + 30);
+      A.value = !1, U.dismissWithoutAsking(), clearTimeout(l), l = setTimeout(Me, Te() + 30);
     }
-    function ze() {
+    function Me() {
       se();
-      const g = T;
-      T = null, g?.();
+      const g = E;
+      E = null, g?.();
     }
-    q($, (g) => g ? Te() : j()), q(r, (g) => {
-      g || (_.cancel(), clearTimeout(l), T = null, $.value = !1, A.value = !1, U.dismissWithoutAsking(), se());
+    q(S, (g) => g ? ze() : j()), q(c, (g) => {
+      g || (k.cancel(), clearTimeout(l), E = null, S.value = !1, A.value = !1, U.dismissWithoutAsking(), se());
     }), q(() => o.fullPath, () => {
-      k.value && (E = !0), A.value && j();
+      $.value && (z = !0), A.value && j();
     });
-    function Me(g) {
+    function De(g) {
       i.push(g).catch(() => {
       }).finally(() => j());
     }
-    return ne(Ee, {
-      available: r,
-      open: $,
-      panelId: w,
+    return ne(Ie, {
+      available: c,
+      open: S,
+      panelId: _,
       present: () => {
-        r.value && ($.value = !0);
+        c.value && (S.value = !0);
       },
       dismiss: j
-    }), Re(() => {
+    }), Be(() => {
       clearTimeout(l), se();
-    }), (g, P) => (c(), p(V, null, [
-      r.value ? (c(), p("div", K({
+    }), (g, P) => (r(), p(F, null, [
+      c.value ? (r(), p("div", K({
         key: 0,
-        id: n(w),
+        id: n(_),
         ref_key: "panel",
-        ref: x,
+        ref: w,
         role: "dialog",
         "aria-modal": "true",
         "aria-label": n(t)("core.shell.menu"),
         tabindex: "-1",
         "data-shell-drawer": "",
-        class: ["fixed inset-y-0 left-0 z-0 w-[min(82vw,20rem)] outline-none", k.value ? "visible" : "invisible"],
-        style: n(d) ? { opacity: A.value || n(_).dragging.value ? 1 : 0, transition: "opacity var(--app-motion-drawer) linear" } : void 0
-      }, n(_).closeEvents), [
+        class: ["fixed inset-y-0 left-0 z-0 w-[min(82vw,20rem)] outline-none", $.value ? "visible" : "invisible"],
+        style: n(f) ? { opacity: A.value || n(k).dragging.value ? 1 : 0, transition: "opacity var(--app-motion-drawer) linear" } : void 0
+      }, n(k).closeEvents), [
         D(g.$slots, "drawer", {
-          select: Me,
+          select: De,
           dismiss: j
         })
-      ], 16, jt)) : L("", !0),
-      f("div", {
+      ], 16, Vt)) : L("", !0),
+      d("div", {
         ref_key: "stage",
         ref: v,
         "data-shell-stage": "",
         "data-drawer": A.value ? "open" : void 0,
-        class: y(["flex flex-1 flex-col", k.value ? "overscroll-none bg-surface-page shadow-dialog" : ""]),
-        inert: A.value || n(_).dragging.value || void 0
+        class: y(["flex flex-1 flex-col", $.value ? "overscroll-none bg-surface-page shadow-dialog" : ""]),
+        inert: A.value || n(k).dragging.value || void 0
       }, [
-        f("div", {
+        d("div", {
           ref_key: "scroller",
           ref: b,
           class: "flex flex-1 flex-col"
         }, [
           D(g.$slots, "default")
         ], 512),
-        k.value ? (c(), p("div", {
+        $.value ? (r(), p("div", {
           key: 0,
           "aria-hidden": "true",
           class: "pointer-events-none fixed inset-0 z-50 bg-scrim",
           style: ge({ opacity: Q.value * 0.55 })
         }, null, 4)) : L("", !0)
-      ], 10, Vt),
-      k.value && B.value > 0 ? (c(), p("div", K({
+      ], 10, Wt),
+      $.value && B.value > 0 ? (r(), p("div", K({
         key: 1,
         "aria-hidden": "true",
         "data-shell-stage-cover": "",
         class: "fixed inset-y-0 right-0 z-20",
         style: { left: `${B.value}px` }
-      }, n(_).closeEvents, {
-        onClick: P[0] || (P[0] = (wn) => j())
+      }, n(k).closeEvents, {
+        onClick: P[0] || (P[0] = (_n) => j())
       }), null, 16)) : L("", !0)
     ], 64));
   }
-}), Wt = ["aria-label", "aria-expanded", "aria-controls"], Kt = /* @__PURE__ */ M({
+}), Ut = ["aria-label", "aria-expanded", "aria-controls"], Xt = /* @__PURE__ */ M({
   __name: "NavigationMenuButton",
   setup(e) {
-    const a = Pt(), { t } = N();
-    return (o, i) => n(a)?.available.value ? (c(), p("button", {
+    const a = Ft(), { t } = N();
+    return (o, i) => n(a)?.available.value ? (r(), p("button", {
       key: 0,
       type: "button",
       "data-shell-menu-button": "",
@@ -709,40 +721,40 @@ const jt = ["id", "aria-label"], Vt = ["data-drawer", "inert"], Ft = /* @__PURE_
         name: "menuLines",
         size: 20
       })
-    ], 8, Wt)) : L("", !0);
+    ], 8, Ut)) : L("", !0);
   }
-}), Ut = { class: "grid min-h-bar-height grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-1" }, Xt = { class: "flex min-w-0 items-center justify-start" }, Yt = ["data-page-action", "disabled"], qt = { class: "truncate" }, Ht = { class: "ml-1 flex items-center gap-1" }, Gt = { class: "flex min-w-0 items-center justify-end" }, Qt = ["data-page-action", "aria-label", "disabled", "onClick"], Jt = ["data-page-action", "disabled", "aria-label", "aria-busy", "onClick"], Zt = { class: "truncate" }, en = ["aria-label", "onClick"], tn = /* @__PURE__ */ M({
+}), Yt = { class: "grid min-h-bar-height grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-1" }, qt = { class: "flex min-w-0 items-center justify-start" }, Ht = ["data-page-action", "disabled"], Gt = { class: "truncate" }, Qt = { class: "ml-1 flex items-center gap-1" }, Jt = { class: "flex min-w-0 items-center justify-end" }, Zt = ["data-page-action", "aria-label", "disabled", "onClick"], en = ["data-page-action", "disabled", "aria-label", "aria-busy", "onClick"], tn = { class: "truncate" }, nn = ["aria-label", "onClick"], an = /* @__PURE__ */ M({
   __name: "ShellTopBar",
   props: {
     home: {}
   },
   setup(e) {
-    const { t: a } = N(), t = re(), o = $e(), { session: i } = G(), s = H("(max-width: 47.999rem)");
+    const { t: a } = N(), t = re(), o = Se(), { session: i } = G(), s = H("(max-width: 47.999rem)");
     ne(ce, "bar");
-    const u = S(() => i.state.value.status === "authenticated"), d = S(() => !u.value || s.value), r = S(() => u.value ? o.back.value : null), v = S(() => u.value ? o.leading.value : null), b = S(() => o.navTitle.value ?? o.title.value), x = S(() => u.value && !!b.value && (!!o.navTitle.value || !o.titleInView.value)), w = S(() => u.value ? o.actions.value : []), $ = S(() => w.value.filter((m) => m.placement === "primary" && m.tone !== "critical")), k = S(
-      () => w.value.filter((m) => !$.value.includes(m)).map((m) => ({ id: m.id, label: m.label, icon: m.icon, tone: m.tone, disabled: m.disabled, processing: m.processing, onSelect: m.onClick }))
+    const u = C(() => i.state.value.status === "authenticated"), f = C(() => !u.value || s.value), c = C(() => u.value ? o.back.value : null), v = C(() => u.value ? o.leading.value : null), b = C(() => o.navTitle.value ?? o.title.value), w = C(() => u.value && !!b.value && (!!o.navTitle.value || !o.titleInView.value)), _ = C(() => u.value ? o.actions.value : []), S = C(() => _.value.filter((m) => m.placement === "primary" && m.tone !== "critical")), $ = C(
+      () => _.value.filter((m) => !S.value.includes(m)).map((m) => ({ id: m.id, label: m.label, icon: m.icon, tone: m.tone, disabled: m.disabled, processing: m.processing, onSelect: m.onClick }))
     );
     function A() {
-      r.value && t.push(r.value.to);
+      c.value && t.push(c.value.to);
     }
-    return (m, E) => d.value ? (c(), p("header", {
+    return (m, z) => f.value ? (r(), p("header", {
       key: 0,
       "data-shell-top-bar": "",
-      class: y(["pt-[max(0.25rem,env(safe-area-inset-top))] pr-[max(0.5rem,env(safe-area-inset-right))] pb-1 pl-[max(0.5rem,env(safe-area-inset-left))] text-content-strong", u.value ? ["sticky top-0 z-30 border-b bg-surface-page/85 backdrop-blur-xl transition-colors duration-motion-normal", x.value ? "border-border-separator" : "border-transparent"] : "border-b border-border-separator bg-surface-cell"])
+      class: y(["pt-[max(0.25rem,env(safe-area-inset-top))] pr-[max(0.5rem,env(safe-area-inset-right))] pb-1 pl-[max(0.5rem,env(safe-area-inset-left))] text-content-strong", u.value ? ["sticky top-0 z-30 border-b bg-surface-page/85 backdrop-blur-xl transition-colors duration-motion-normal", w.value ? "border-border-separator" : "border-transparent"] : "border-b border-border-separator bg-surface-cell"])
     }, [
-      f("div", Ut, [
-        f("div", Xt, [
-          v.value ? (c(), p("button", {
+      d("div", Yt, [
+        d("div", qt, [
+          v.value ? (r(), p("button", {
             key: 0,
             type: "button",
             "data-shell-bar-leading": "",
             "data-page-action": v.value.id,
             disabled: v.value.disabled || v.value.processing,
             class: "hit-target inline-flex min-w-0 cursor-pointer items-center rounded-control px-2 text-body text-content-link disabled:text-content-disabled",
-            onClick: E[0] || (E[0] = (l) => v.value.onClick())
+            onClick: z[0] || (z[0] = (l) => v.value.onClick())
           }, [
-            f("span", qt, O(v.value.label), 1)
-          ], 8, Yt)) : r.value ? (c(), p("button", {
+            d("span", Gt, O(v.value.label), 1)
+          ], 8, Ht)) : c.value ? (r(), p("button", {
             key: 1,
             type: "button",
             "data-shell-bar-back": "",
@@ -754,19 +766,19 @@ const jt = ["id", "aria-label"], Vt = ["data-drawer", "inert"], Ft = /* @__PURE_
               size: 28,
               class: "-mr-0.5 shrink-0"
             }),
-            f("span", {
-              class: y(["truncate", x.value ? "sr-only" : ""])
-            }, O(r.value.label), 3)
-          ])) : u.value ? (c(), p(V, { key: 2 }, [
-            h(Kt),
-            f("span", Ht, [
+            d("span", {
+              class: y(["truncate", w.value ? "sr-only" : ""])
+            }, O(c.value.label), 3)
+          ])) : u.value ? (r(), p(F, { key: 2 }, [
+            h(Xt),
+            d("span", Qt, [
               h(n(ae), { name: "headerActions" })
             ])
-          ], 64)) : (c(), z(ue, {
+          ], 64)) : (r(), T(ue, {
             key: 3,
             to: e.home,
             tone: "brand",
-            class: y(["px-2 transition-opacity", x.value ? "opacity-0" : "opacity-100"])
+            class: y(["px-2 transition-opacity", w.value ? "opacity-0" : "opacity-100"])
           }, W({ _: 2 }, [
             m.$slots.brand ? {
               name: "default",
@@ -777,31 +789,31 @@ const jt = ["id", "aria-label"], Vt = ["data-drawer", "inert"], Ft = /* @__PURE_
             } : void 0
           ]), 1032, ["to", "class"]))
         ]),
-        f("span", {
+        d("span", {
           "aria-hidden": "true",
           "data-shell-bar-title": "",
-          class: y(["pointer-events-none truncate text-center text-headline font-semibold transition-opacity duration-motion-normal", x.value ? "max-w-[42vw] opacity-100" : "max-w-0 opacity-0"])
+          class: y(["pointer-events-none truncate text-center text-headline font-semibold transition-opacity duration-motion-normal", w.value ? "max-w-[42vw] opacity-100" : "max-w-0 opacity-0"])
         }, O(b.value), 3),
-        f("div", Gt, [
-          u.value ? (c(), p(V, { key: 0 }, [
-            (c(!0), p(V, null, ee($.value, (l) => (c(), p(V, {
+        d("div", Jt, [
+          u.value ? (r(), p(F, { key: 0 }, [
+            (r(!0), p(F, null, ee(S.value, (l) => (r(), p(F, {
               key: l.id
             }, [
-              l.compact === "icon" && l.icon ? (c(), p("button", {
+              l.compact === "icon" && l.icon ? (r(), p("button", {
                 key: 0,
                 type: "button",
                 "data-page-action": l.id,
                 "aria-label": l.label,
                 disabled: l.disabled || l.processing,
                 class: "hit-target mx-1 flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full bg-tint-soft text-content-link disabled:opacity-45",
-                onClick: (T) => l.onClick()
+                onClick: (E) => l.onClick()
               }, [
                 h(n(R), {
                   name: l.processing ? "loader4Line" : l.icon,
                   size: 18,
                   class: y(l.processing ? "animate-spin" : "")
                 }, null, 8, ["name", "class"])
-              ], 8, Qt)) : (c(), p("button", {
+              ], 8, Zt)) : (r(), p("button", {
                 key: 1,
                 type: "button",
                 "data-page-action": l.id,
@@ -809,24 +821,24 @@ const jt = ["id", "aria-label"], Vt = ["data-drawer", "inert"], Ft = /* @__PURE_
                 "aria-label": l.shortLabel ? l.label : void 0,
                 "aria-busy": l.processing || void 0,
                 class: "hit-target flex min-w-0 shrink cursor-pointer items-center gap-1 rounded-control px-2 text-body font-semibold text-content-link disabled:text-content-disabled",
-                onClick: (T) => l.onClick()
+                onClick: (E) => l.onClick()
               }, [
-                l.processing ? (c(), z(n(R), {
+                l.processing ? (r(), T(n(R), {
                   key: 0,
                   name: "loader4Line",
                   size: 16,
                   class: "animate-spin"
                 })) : L("", !0),
-                f("span", Zt, O(l.shortLabel ?? l.label), 1)
-              ], 8, Jt))
+                d("span", tn, O(l.shortLabel ?? l.label), 1)
+              ], 8, en))
             ], 64))), 128)),
-            k.value.length ? (c(), z(n(Je), {
+            $.value.length ? (r(), T(n(Ze), {
               key: 0,
-              items: k.value,
+              items: $.value,
               label: n(a)("core.page.more_actions")
             }, {
-              trigger: I(({ toggle: l, attrs: T }) => [
-                f("button", K({ type: "button" }, T, {
+              trigger: I(({ toggle: l, attrs: E }) => [
+                d("button", K({ type: "button" }, E, {
                   "aria-label": n(a)("core.page.more_actions"),
                   "data-shell-bar-more": "",
                   class: "hit-target flex size-9 cursor-pointer items-center justify-center rounded-full text-content-link",
@@ -836,7 +848,7 @@ const jt = ["id", "aria-label"], Vt = ["data-drawer", "inert"], Ft = /* @__PURE_
                     name: "moreLine",
                     size: 22
                   })
-                ], 16, en)
+                ], 16, nn)
               ]),
               _: 1
             }, 8, ["items", "label"])) : L("", !0)
@@ -847,18 +859,18 @@ const jt = ["id", "aria-label"], Vt = ["data-drawer", "inert"], Ft = /* @__PURE_
     ], 2)) : L("", !0);
   }
 });
-function nn(e) {
+function on(e) {
   const { name: a, email: t } = e;
   return { name: typeof a == "string" && a !== "" ? a : String(e.id), detail: typeof t == "string" ? t : null };
 }
-function an(e) {
-  const { session: a } = G(), t = e ?? nn;
-  return S(() => {
+function sn(e) {
+  const { session: a } = G(), t = e ?? on;
+  return C(() => {
     const o = a.state.value;
     return o.status === "authenticated" ? t(o.user) : null;
   });
 }
-const on = { class: "flex min-h-screen flex-col bg-surface-page text-base text-content antialiased" }, sn = ["aria-label"], ln = { class: "flex flex-1" }, rn = { class: "flex min-w-0 flex-1 overflow-x-clip" }, cn = { "data-dialog-inert-skip": "" }, un = /* @__PURE__ */ M({
+const ln = { class: "flex min-h-screen flex-col bg-surface-page text-base text-content antialiased" }, rn = ["aria-label"], cn = { class: "flex flex-1" }, un = { class: "flex min-w-0 flex-1 overflow-x-clip" }, dn = { "data-dialog-inert-skip": "" }, fn = /* @__PURE__ */ M({
   __name: "BackofficeShell",
   props: {
     home: { default: void 0 },
@@ -866,66 +878,66 @@ const on = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
     progress: { default: void 0 }
   },
   setup(e) {
-    const a = e, { t } = N(), { session: o } = G(), i = $e(), s = an(a.identity), u = S(() => o.state.value.status === "authenticated"), d = te("accountSheet");
-    return (r, v) => (c(), p("div", on, [
-      e.progress?.visible.value ? (c(), p("div", {
+    const a = e, { t } = N(), { session: o } = G(), i = Se(), s = sn(a.identity), u = C(() => o.state.value.status === "authenticated"), f = te("accountSheet");
+    return (c, v) => (r(), p("div", ln, [
+      e.progress?.visible.value ? (r(), p("div", {
         key: 0,
         role: "progressbar",
         "aria-label": n(t)("core.state.loading"),
         "data-shell-progress": "",
         class: "fixed inset-x-0 top-0 z-10000 flex h-1 justify-center bg-primary-800"
       }, [...v[0] || (v[0] = [
-        f("div", { class: "animate-grow-and-shrink-width bg-primary-600 motion-reduce:w-full motion-reduce:animate-none motion-reduce:opacity-60" }, null, -1)
-      ])], 8, sn)) : L("", !0),
-      h(Ft, { enabled: u.value }, W({
+        d("div", { class: "animate-grow-and-shrink-width bg-primary-600 motion-reduce:w-full motion-reduce:animate-none motion-reduce:opacity-60" }, null, -1)
+      ])], 8, rn)) : L("", !0),
+      h(Kt, { enabled: u.value }, W({
         default: I(() => [
-          h(tn, { home: e.home }, W({ _: 2 }, [
-            r.$slots.brand ? {
+          h(an, { home: e.home }, W({ _: 2 }, [
+            c.$slots.brand ? {
               name: "brand",
               fn: I((b) => [
-                D(r.$slots, "brand", X(Y(b)))
+                D(c.$slots, "brand", X(Y(b)))
               ]),
               key: "0"
             } : void 0,
-            r.$slots["top-bar-end"] ? {
+            c.$slots["top-bar-end"] ? {
               name: "end",
               fn: I(() => [
-                D(r.$slots, "top-bar-end")
+                D(c.$slots, "top-bar-end")
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["home"]),
-          f("div", ln, [
-            n(s) ? (c(), z(Mt, {
+          d("div", cn, [
+            n(s) ? (r(), T(Ot, {
               key: 0,
               identity: n(s),
               home: e.home
             }, W({ _: 2 }, [
-              r.$slots.brand ? {
+              c.$slots.brand ? {
                 name: "brand",
                 fn: I((b) => [
-                  D(r.$slots, "brand", X(Y(b)))
+                  D(c.$slots, "brand", X(Y(b)))
                 ]),
                 key: "0"
               } : void 0,
-              r.$slots.footer ? {
+              c.$slots.footer ? {
                 name: "footer",
                 fn: I(() => [
-                  D(r.$slots, "footer")
+                  D(c.$slots, "footer")
                 ]),
                 key: "1"
               } : void 0
             ]), 1032, ["identity", "home"])) : L("", !0),
-            f("div", rn, [
-              f("main", {
+            d("div", un, [
+              d("main", {
                 class: y(["flex min-w-0 flex-1 flex-col", n(i).hasShell.value ? "" : "p-4 md:px-8 md:py-6"]),
                 style: ge(n(i).hasShell.value ? void 0 : { paddingBottom: "calc(var(--bottom-dock-h, 0px) + 1rem)" })
               }, [
-                h(n(He))
+                h(n(Ge))
               ], 6)
             ])
           ]),
-          h(n(qe), {
+          h(n(He), {
             class: y(u.value ? "md:left-64" : "")
           }, null, 8, ["class"])
         ]),
@@ -933,24 +945,24 @@ const on = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
       }, [
         n(s) ? {
           name: "drawer",
-          fn: I(({ select: b, dismiss: x }) => [
-            h(Lt, {
+          fn: I(({ select: b, dismiss: w }) => [
+            h(Et, {
               identity: n(s),
               home: e.home,
               onSelect: b,
-              onAccount: (w) => x(() => d.value?.present())
+              onAccount: (_) => w(() => f.value?.present())
             }, W({ _: 2 }, [
-              r.$slots.brand ? {
+              c.$slots.brand ? {
                 name: "brand",
-                fn: I((w) => [
-                  D(r.$slots, "brand", X(Y(w)))
+                fn: I((_) => [
+                  D(c.$slots, "brand", X(Y(_)))
                 ]),
                 key: "0"
               } : void 0,
-              r.$slots.footer ? {
+              c.$slots.footer ? {
                 name: "footer",
                 fn: I(() => [
-                  D(r.$slots, "footer")
+                  D(c.$slots, "footer")
                 ]),
                 key: "1"
               } : void 0
@@ -959,24 +971,24 @@ const on = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
           key: "0"
         } : void 0
       ]), 1032, ["enabled"]),
-      n(s) ? (c(), z(ft, {
+      n(s) ? (r(), T(vt, {
         key: 1,
         ref_key: "accountSheet",
-        ref: d,
+        ref: f,
         identity: n(s)
       }, null, 8, ["identity"])) : L("", !0),
-      (c(), z(Be, { to: "body" }, [
-        f("div", cn, [
-          h(n(Ye))
+      (r(), T(Ne, { to: "body" }, [
+        d("div", dn, [
+          h(n(qe))
         ])
       ])),
-      h(Xe),
+      h(Ye),
       h(n(ae), { name: "host" })
     ]));
   }
 });
-function dn(e = Ze) {
-  const a = Ne(!1);
+function mn(e = et) {
+  const a = Pe(!1);
   let t;
   return {
     visible: a,
@@ -988,13 +1000,13 @@ function dn(e = Ze) {
     }
   };
 }
-function Kn(e = {}) {
-  const a = dn(), { brand: t, footer: o, topBarEnd: i } = e;
+function Yn(e = {}) {
+  const a = mn(), { brand: t, footer: o, topBarEnd: i } = e;
   return { component: M({
     name: "BackofficeShell",
     setup() {
       return () => J(
-        un,
+        fn,
         {
           home: e.home,
           // The application's session produces U; the shell reads it as the SessionUser it is guaranteed to be.
@@ -1010,26 +1022,26 @@ function Kn(e = {}) {
     }
   }), slots: ["headerActions", "accountMenu", "host"], progress: a };
 }
-const fn = 30 * 6e4, mn = 6e4;
-function vn(e, a) {
+const vn = 30 * 6e4, pn = 6e4;
+function hn(e, a) {
   const t = new DOMParser().parseFromString(e, "text/html").querySelectorAll('script[type="module"][src]');
   return Array.from(t, (o) => new URL(o.getAttribute("src") ?? "", a).pathname).sort();
 }
-function pn() {
+function bn() {
   return Array.from(document.querySelectorAll('script[type="module"][src]'), (e) => new URL(e.src, location.href).pathname).sort();
 }
-function hn(e) {
+function gn(e) {
   return M({
     name: "AppUpdateNotice",
     setup() {
       if (e.enabled === !1) return () => null;
-      const { t: a } = N(), t = e.url ?? "/", o = pn();
+      const { t: a } = N(), t = e.url ?? "/", o = bn();
       let i = !1, s = 0;
       async function u() {
-        if (!(i || o.length === 0 || !navigator.onLine || document.visibilityState !== "visible") && !(Date.now() - s < mn)) {
+        if (!(i || o.length === 0 || !navigator.onLine || document.visibilityState !== "visible") && !(Date.now() - s < pn)) {
           s = Date.now();
           try {
-            const v = await fetch(t, { cache: "no-store", credentials: "include" }), b = v.ok ? vn(await v.text(), location.href) : [];
+            const v = await fetch(t, { cache: "no-store", credentials: "include" }), b = v.ok ? hn(await v.text(), location.href) : [];
             if (b.length === 0 || b.join() === o.join()) return;
             i = !0, we.info(a("core.shell.update.available"), {
               duration: 1 / 0,
@@ -1039,27 +1051,27 @@ function hn(e) {
           }
         }
       }
-      const d = () => void u();
-      document.addEventListener("visibilitychange", d);
-      const r = setInterval(u, e.checkEveryMs ?? fn);
+      const f = () => void u();
+      document.addEventListener("visibilitychange", f);
+      const c = setInterval(u, e.checkEveryMs ?? vn);
       return le(() => {
-        document.removeEventListener("visibilitychange", d), clearInterval(r);
+        document.removeEventListener("visibilitychange", f), clearInterval(c);
       }), () => null;
     }
   });
 }
-function Un(e = {}) {
+function qn(e = {}) {
   return ke({
     id: "vue-core.app-updates",
-    contributions: [{ id: "vue-core.app-updates", slot: "host", component: hn(e), scope: "always" }]
+    contributions: [{ id: "vue-core.app-updates", slot: "host", component: gn(e), scope: "always" }]
   });
 }
-const bn = {
+const yn = {
   key: 1,
   "aria-hidden": "true",
   "data-header-action-badge": "",
   class: "absolute -top-0.5 -right-0.5 min-w-4 rounded-full bg-status-danger-solid px-1 text-center text-3xs leading-4 font-semibold text-white"
-}, Xn = /* @__PURE__ */ M({
+}, Hn = /* @__PURE__ */ M({
   __name: "HeaderAction",
   props: {
     label: {},
@@ -1069,95 +1081,95 @@ const bn = {
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    const t = a, o = be(ce, "bar"), i = S(() => o === "rail");
-    return (s, u) => (c(), z(he(e.to ? n(oe) : "button"), K(e.to ? { to: e.to } : { type: "button" }, {
+    const t = a, o = be(ce, "bar"), i = C(() => o === "rail");
+    return (s, u) => (r(), T(he(e.to ? n(oe) : "button"), K(e.to ? { to: e.to } : { type: "button" }, {
       "aria-label": e.label,
       "data-header-action": "",
       class: ["hit-target relative flex shrink-0 cursor-pointer items-center justify-center rounded-full transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", i.value ? "size-9 text-gray-300 hover:bg-white/10 hover:text-white" : "size-8 text-content-link active:bg-tint-soft"],
-      onClick: u[0] || (u[0] = (d) => t("click"))
+      onClick: u[0] || (u[0] = (f) => t("click"))
     }), {
       default: I(() => [
         h(n(R), {
           name: e.icon,
           size: i.value ? 20 : 18
         }, null, 8, ["name", "size"]),
-        e.badge === "dot" ? (c(), p("span", {
+        e.badge === "dot" ? (r(), p("span", {
           key: 0,
           "aria-hidden": "true",
           "data-header-action-badge": "",
           class: y(["absolute top-1 right-1 size-2.5 rounded-full bg-status-danger-solid ring-2", i.value ? "ring-anchor-900" : "ring-surface-page"])
-        }, null, 2)) : e.badge !== void 0 ? (c(), p("span", bn, O(e.badge), 1)) : L("", !0)
+        }, null, 2)) : e.badge !== void 0 ? (r(), p("span", yn, O(e.badge), 1)) : L("", !0)
       ]),
       _: 1
     }, 16, ["aria-label", "class"]));
   }
-}), gn = 1e3, Z = (e) => e.path.split("/").filter(Boolean).length;
-function yn(e) {
+}), xn = 1e3, Z = (e) => e.path.split("/").filter(Boolean).length;
+function wn(e) {
   if (typeof document > "u" || typeof document.startViewTransition != "function") return () => {
   };
   let a = null;
-  const t = () => window.matchMedia("(max-width: 1023px)").matches && !window.matchMedia("(prefers-reduced-motion: reduce)").matches && !document.body.classList.contains(et), o = e.beforeResolve((d, r) => {
-    if (i(), !r.matched.length || d.path === r.path || !t()) return;
-    const v = Z(d) > Z(r) ? "forward" : Z(d) < Z(r) ? "back" : null;
+  const t = () => window.matchMedia("(max-width: 1023px)").matches && !window.matchMedia("(prefers-reduced-motion: reduce)").matches && !document.body.classList.contains(tt), o = e.beforeResolve((f, c) => {
+    if (i(), !c.matched.length || f.path === c.path || !t()) return;
+    const v = Z(f) > Z(c) ? "forward" : Z(f) < Z(c) ? "back" : null;
     if (!v) return;
     const b = document.documentElement;
-    return b.dataset.navDirection = v, new Promise((x) => {
-      const w = document.startViewTransition(
-        () => new Promise(($) => {
-          const k = setTimeout($, gn);
+    return b.dataset.navDirection = v, new Promise((w) => {
+      const _ = document.startViewTransition(
+        () => new Promise((S) => {
+          const $ = setTimeout(S, xn);
           a = () => {
-            clearTimeout(k), $();
-          }, x();
+            clearTimeout($), S();
+          }, w();
         })
       );
-      w.ready.catch(() => {
-      }), w.finished.catch(() => {
+      _.ready.catch(() => {
+      }), _.finished.catch(() => {
       }).finally(() => {
         b.dataset.navDirection === v && delete b.dataset.navDirection;
       });
     });
   });
   function i() {
-    const d = a;
-    a = null, d && ye().then(d);
+    const f = a;
+    a = null, f && ye().then(f);
   }
   const s = e.afterEach(i), u = e.onError(i);
   return () => {
     o(), s(), u(), delete document.documentElement.dataset.navDirection, a?.(), a = null;
   };
 }
-const xn = M({
+const kn = M({
   name: "ViewTransitions",
   setup() {
-    return le(yn(re())), () => null;
+    return le(wn(re())), () => null;
   }
 });
-function Yn() {
+function Gn() {
   return ke({
     id: "vue-core.view-transitions",
-    contributions: [{ id: "vue-core.view-transitions", slot: "host", component: xn, scope: "always" }]
+    contributions: [{ id: "vue-core.view-transitions", slot: "host", component: kn, scope: "always" }]
   });
 }
 export {
-  dt as AccountMenu,
+  mt as AccountMenu,
   me as AccountMenuItem,
-  ft as AccountSheet,
-  un as BackofficeShell,
-  Xn as HeaderAction,
-  Lt as NavigationDrawer,
-  Ae as NavigationList,
-  Kt as NavigationMenuButton,
+  vt as AccountSheet,
+  fn as BackofficeShell,
+  Hn as HeaderAction,
+  Et as NavigationDrawer,
+  Ee as NavigationList,
+  Xt as NavigationMenuButton,
   ue as ShellBrand,
-  Mt as ShellSidebar,
-  Ft as ShellStage,
-  tn as ShellTopBar,
-  Un as appUpdates,
-  Kn as backofficeShell,
-  dn as createNavigationProgress,
-  nn as defaultIdentity,
-  vt as groupNavigation,
-  yn as installViewTransitions,
-  Pt as useNavigationDrawer,
-  an as useShellIdentity,
-  Yn as viewTransitions
+  Ot as ShellSidebar,
+  Kt as ShellStage,
+  an as ShellTopBar,
+  qn as appUpdates,
+  Yn as backofficeShell,
+  mn as createNavigationProgress,
+  on as defaultIdentity,
+  ht as groupNavigation,
+  wn as installViewTransitions,
+  Ft as useNavigationDrawer,
+  sn as useShellIdentity,
+  Gn as viewTransitions
 };