@aerogel/core 0.1.1-next.38e999a09609d7c9cfa836fe396028ab230f6c89 → 0.1.1-next.47ee6e5e3485291a8763a804016f87a051476893

package/dist/aerogel-core.js

@@ -1,18 +1,18 @@
 var At = Object.defineProperty;
 var Dt = (t, s, e) => s in t ? At(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
 var C = (t, s, e) => Dt(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as V, Comment as Bt, Text as jt, Static as Ft, inject as Y, reactive as ve, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as _e, nextTick as Ut, useAttrs as st, onMounted as rt, watch as Le, toRaw as Ot, customRef as Nt, watchEffect as G, defineComponent as g, createBlock as m, openBlock as o, mergeProps as H, withCtx as f, renderSlot as $, createPropsRestProxy as K, createVNode as d, normalizeProps as ce, guardReactiveProps as de, createTextVNode as L, toDisplayString as x, normalizeClass as _, createElementBlock as b, Fragment as D, renderList as U, provide as pe, resolveDynamicComponent as ee, useSlots as Ie, createCommentVNode as E, createElementVNode as y, h as Wt, useTemplateRef as te, withModifiers as nt, withDirectives as at, vModelCheckbox as Kt, normalizeStyle as Oe, resolveComponent as Qt, createApp as Jt, vModelText as Zt } from "vue";
-import { JSError as Ce, stringToSlug as Xt, tap as se, MagicObject as lt, PromisedValue as J, Storage as O, objectOnly as ae, arrayFrom as ot, isEmpty as Te, objectDeepClone as Yt, fail as W, facade as re, arrayRemove as He, getEnv as Gt, updateLocationQueryParameters as es, forever as ts, toString as j, objectWithout as ss, noop as rs, debounce as ns, stringMatchAll as it, isDevelopment as Z, isTesting as ze, after as oe, uuid as ue, isObject as he, objectWithoutEmpty as ut, value as as, isInstanceOf as Ne, stringExcerpt as ls, arraySorted as os, ListenersManager as is, toError as us, round as cs } from "@noeldemartin/utils";
+import { markRaw as V, Comment as Bt, Text as jt, Static as Ft, inject as Y, reactive as ve, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as _e, nextTick as Ot, useAttrs as st, onMounted as rt, watch as Le, toRaw as Ut, customRef as Nt, watchEffect as G, defineComponent as g, createBlock as m, openBlock as i, mergeProps as H, withCtx as f, renderSlot as $, createPropsRestProxy as K, createVNode as d, normalizeProps as ce, guardReactiveProps as de, createTextVNode as L, toDisplayString as x, normalizeClass as _, createElementBlock as b, Fragment as D, renderList as O, provide as pe, resolveDynamicComponent as ee, useSlots as Ie, createCommentVNode as E, createElementVNode as y, h as Wt, useTemplateRef as te, withModifiers as nt, withDirectives as at, vModelCheckbox as Kt, normalizeStyle as Ue, resolveComponent as Qt, createApp as Jt, vModelText as Zt } from "vue";
+import { JSError as Ce, stringToSlug as Xt, tap as se, MagicObject as lt, PromisedValue as J, Storage as U, objectOnly as ae, arrayFrom as it, isEmpty as Te, objectDeepClone as Yt, fail as W, facade as re, arrayRemove as He, getEnv as Gt, updateLocationQueryParameters as es, forever as ts, toString as j, objectWithout as ss, noop as rs, debounce as ns, stringMatchAll as ot, isDevelopment as Z, isTesting as ze, after as ie, uuid as ue, isObject as he, objectWithoutEmpty as ut, value as as, isInstanceOf as Ne, stringExcerpt as ls, arraySorted as is, ListenersManager as os, toError as us, round as cs } from "@noeldemartin/utils";
 import B from "virtual:aerogel";
 import { createPinia as ds, setActivePinia as ps, defineStore as fs } from "pinia";
 import ms from "dompurify";
 import { marked as hs, Renderer as We } from "marked";
 import { injectModal as ct, useModal as gs, createModal as vs, showModal as Ke, closeModal as Qe, modals as le, ModalComponent as bs, ModalsPortal as ys } from "@noeldemartin/vue-modals";
-import { ModalComponent as po, ModalsPortal as fo, closeModal as mo, createModal as ho, injectModal as go, modals as vo, showModal as bo } from "@noeldemartin/vue-modals";
+import { ModalComponent as ui, ModalsPortal as ci, closeModal as di, createModal as pi, injectModal as fi, modals as mi, showModal as hi } from "@noeldemartin/vue-modals";
 import ws from "clsx";
 import { cva as $s } from "class-variance-authority";
 import { twMerge as _s } from "tailwind-merge";
-import { Primitive as Cs, SelectValue as Je, SelectTrigger as xs, SelectIcon as Ss, SelectItem as ks, SelectItemText as Ts, SelectPortal as Ms, SelectContent as Es, SelectViewport as Hs, SelectRoot as Vs, Label as Ls, useForwardExpose as Re, SwitchRoot as Is, SwitchThumb as zs, DialogRoot as Rs, DialogPortal as qs, DialogContent as Ps, DialogDescription as As, DialogOverlay as Ds, DialogTitle as Bs, ToastClose as js, ToastRoot as Fs, ToastProvider as Us, ToastViewport as Os, DropdownMenuItem as Ns, DropdownMenuContent as Ws, DropdownMenuRoot as Ks, DropdownMenuTrigger as Qs, DropdownMenuPortal as Js } from "reka-ui";
+import { Primitive as Cs, SelectValue as Je, SelectTrigger as xs, SelectIcon as Ss, SelectItem as ks, SelectItemText as Ts, SelectPortal as Ms, SelectContent as Es, SelectViewport as Hs, SelectRoot as Vs, Label as Ls, useForwardExpose as Re, SwitchRoot as Is, SwitchThumb as zs, DialogRoot as Rs, DialogPortal as qs, DialogContent as Ps, DialogDescription as As, DialogOverlay as Ds, DialogTitle as Bs, ToastClose as js, ToastRoot as Fs, ToastProvider as Os, ToastViewport as Us, DropdownMenuItem as Ns, DropdownMenuContent as Ws, DropdownMenuRoot as Ks, DropdownMenuTrigger as Qs, DropdownMenuPortal as Js } from "reka-ui";
 class Ve extends Ce {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
@@ -106,7 +106,7 @@ let Se = (Ee = class extends lt {
     return this._booted;
   }
   hasPersistedState() {
-    return O.has(this.storageKey);
+    return U.has(this.storageKey);
   }
   hasState(e) {
     return this._store ? e in this._store.$state || this._computedStateKeys.has(e) : !1;
@@ -124,7 +124,7 @@ let Se = (Ee = class extends lt {
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const r = ot(e), n = ae(this._store.$state, r);
+    const r = it(e), n = ae(this._store.$state, r);
     Te(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
@@ -145,8 +145,8 @@ let Se = (Ee = class extends lt {
     }
   }
   onPersistentStateUpdated(e) {
-    const r = O.get(this.storageKey);
-    r && O.set(this.storageKey, {
+    const r = U.get(this.storageKey);
+    r && U.set(this.storageKey, {
       ...r,
       ...this.serializePersistedState(Yt(e))
     });
@@ -179,19 +179,19 @@ let Se = (Ee = class extends lt {
   }
   restorePersistedState() {
     if (!(!this.usesStore() || Te(this.static("persist")))) {
-      if (O.has(this.storageKey)) {
-        const e = O.require(this.storageKey);
+      if (U.has(this.storageKey)) {
+        const e = U.require(this.storageKey);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      O.set(this.storageKey, ae(this.getState(), this.static("persist")));
+      U.set(this.storageKey, ae(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
     return this._store ? this._store : W(`Failed getting '${this._name}' store`);
   }
 }, C(Ee, "persist", []), Ee);
-const xl = {
+const _l = {
   Low: -256,
   Default: 0,
   High: 256
@@ -211,7 +211,7 @@ class er extends Se {
     var a;
     const n = this.listeners[e] ?? { priorities: [], handlers: {} };
     for (const u of n.priorities)
-      await Promise.all(((a = n.handlers[u]) == null ? void 0 : a.map((i) => i(r))) ?? []);
+      await Promise.all(((a = n.handlers[u]) == null ? void 0 : a.map((o) => o(r))) ?? []);
   }
   // prettier-ignore
   /* eslint-enable max-len */
@@ -223,11 +223,11 @@ class er extends Se {
   /* eslint-enable max-len */
   once(e, r, n) {
     let a = null;
-    const u = typeof r == "function" ? {} : r, i = typeof r == "function" ? r : n;
+    const u = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
     return se(
       () => a && this.off(e, a),
       (p) => {
-        a = (...v) => (p(), i(...v)), this.registerListener(e, u, i);
+        a = (...v) => (p(), o(...v)), this.registerListener(e, u, o);
       }
     );
   }
@@ -237,20 +237,20 @@ class er extends Se {
     if (!n)
       return;
     const a = [...n.priorities];
-    for (const i of a)
-      He(n.handlers[i] ?? [], r), ((u = n.handlers[i]) == null ? void 0 : u.length) === 0 && (delete n.handlers[i], He(n.priorities, i));
+    for (const o of a)
+      He(n.handlers[o] ?? [], r), ((u = n.handlers[o]) == null ? void 0 : u.length) === 0 && (delete n.handlers[o], He(n.priorities, o));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
     var p, v, w;
     const a = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const u = ((p = this.listeners[e]) == null ? void 0 : p.priorities) ?? W(`priorities missing for event '${e}'`), i = ((v = this.listeners[e]) == null ? void 0 : v.handlers) ?? W(`handlers missing for event '${e}'`);
-    u.includes(a) || (u.push(a), u.sort((h, k) => k - h), i[a] = []), (w = i[a]) == null || w.push(n);
+    const u = ((p = this.listeners[e]) == null ? void 0 : p.priorities) ?? W(`priorities missing for event '${e}'`), o = ((v = this.listeners[e]) == null ? void 0 : v.handlers) ?? W(`handlers missing for event '${e}'`);
+    u.includes(a) || (u.push(a), u.sort((h, k) => k - h), o[a] = []), (w = o[a]) == null || w.push(n);
   }
 }
 const F = re(er);
-function Sl(t) {
+function Cl(t) {
   return t;
 }
 const tr = xe({
@@ -261,7 +261,8 @@ const tr = xe({
     environment: Gt() ?? "development",
     version: B.version,
     sourceUrl: B.sourceUrl,
-    settings: []
+    settings: [],
+    settingsFullscreenOnMobile: !1
   },
   computed: {
     development: (t) => t.environment === "development",
@@ -291,6 +292,9 @@ class sr extends tr {
   addSetting(e) {
     this.settings.push(V(e));
   }
+  setSettingsFullscreenOnMobile(e) {
+    this.settingsFullscreenOnMobile = e;
+  }
   async whenReady(e) {
     return await this.ready.then(e);
   }
@@ -308,12 +312,12 @@ class sr extends tr {
     F.once("application-ready", () => this.ready.resolve()), F.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const A = re(sr);
-function kl(t) {
+const R = re(sr);
+function xl(t) {
   return t;
 }
 async function rr(t, ...s) {
-  A.setState(
+  R.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -324,14 +328,14 @@ async function rr(t, ...s) {
 function nr(t) {
   return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${j(r)}"`, "");
 }
-function Tl(t) {
+function Sl(t) {
   return t;
 }
 function ar(t) {
   const s = Y(t);
   return s ? ve(s) : void 0;
 }
-function R(t, s) {
+function q(t, s) {
   return ar(t) ?? W(s ?? `Could not resolve '${j(t)}' injection key`);
 }
 function lr(t, s) {
@@ -342,7 +346,7 @@ function pt(t) {
 
 ` : `<${t.type} ${nr(t)}>${Array.from(t.children).map(pt).join("")}</${t.type}>`;
 }
-const Me = /* @__PURE__ */ new WeakMap(), or = {
+const Me = /* @__PURE__ */ new WeakMap(), ir = {
   mounted(t, { value: s, modifiers: e }) {
     const r = typeof s == "function" ? s : null, n = () => {
       const a = t.getBoundingClientRect();
@@ -357,16 +361,16 @@ const Me = /* @__PURE__ */ new WeakMap(), or = {
 };
 function ft(t, s) {
   const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = $s(n, a);
-  return M(u(r), l(e));
+  return T(u(r), l(e));
 }
-function M(...t) {
+function T(...t) {
   return _s(ws(t));
 }
-function Ml(t, s) {
+function kl(t, s) {
   const e = F.on(t, s);
   $e(() => e());
 }
-const ir = {
+const or = {
   required: (t) => t ? void 0 : "required"
 };
 function ur(t, s) {
@@ -388,8 +392,8 @@ function ur(t, s) {
       return typeof t == "object";
   }
 }
-const ge = { ...ir };
-function El(t, s) {
+const ge = { ...or };
+function Tl(t, s) {
   ge[t] = s;
 }
 function cr(t, s) {
@@ -398,9 +402,9 @@ function cr(t, s) {
 function dr(t, s) {
   var r;
   const e = (r = ge[s]) == null ? void 0 : r.call(ge, t);
-  return e ? ot(e) : [];
+  return e ? it(e) : [];
 }
-const Hl = Symbol(), Ze = /* @__PURE__ */ new WeakMap();
+const Ml = Symbol(), Ze = /* @__PURE__ */ new WeakMap();
 class pr extends lt {
   constructor(e) {
     super();
@@ -468,7 +472,7 @@ class pr extends lt {
   }
   async focus(e) {
     var r;
-    await Ut(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
+    await Ot(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
   }
   __get(e) {
     return e in this._fields ? this.getFieldValue(e) : super.__get(e);
@@ -481,8 +485,8 @@ class pr extends lt {
     this.setFieldValue(e, r);
   }
   getFieldErrors(e, r) {
-    var i;
-    const n = [], a = this._data[e], u = ((i = r.rules) == null ? void 0 : i.split("|")) ?? [];
+    var o;
+    const n = [], a = this._data[e], u = ((o = r.rules) == null ? void 0 : o.split("|")) ?? [];
     n.push(...cr(a, r));
     for (const p of u)
       p !== "required" && a == null || n.push(...dr(a, p));
@@ -519,13 +523,13 @@ function Pe() {
   const t = st(), s = c(() => t.class);
   return [c(() => ss(t, "class")), s];
 }
-function Vl(t) {
+function El(t) {
   let s = rs;
   rt(() => s = t()), $e(() => s());
 }
-function Ll(t, s) {
-  const e = ve(O.get(t) ?? s);
-  return Le(e, () => O.set(t, Ot(e))), e;
+function Hl(t, s) {
+  const e = ve(U.get(t) ?? s);
+  return Le(e, () => U.set(t, Ut(e))), e;
 }
 function fr(t) {
   let s = new Set(t), e, r;
@@ -554,15 +558,15 @@ function fr(t) {
     }
   };
 }
-function Il(t) {
+function Vl(t) {
   const s = N(), e = c(t);
   return Le(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-function zl(t, s) {
+function Ll(t, s) {
   const e = s ? t : {}, r = s ?? t, n = N(e.initial ?? null), a = ns((u) => n.value = u, e.delay ?? 300);
   return G(() => a(r())), n;
 }
-let ie = null;
+let oe = null;
 function mr() {
   return se(new We(), (t) => {
     t.link = function(s) {
@@ -572,24 +576,24 @@ function mr() {
   });
 }
 function hr(t) {
-  const s = it(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  const s = ot(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
   for (const [e, r, n] of s)
     t = t.replace(e, `<button type="button" data-markdown-action="${r}">${n}</button>`);
   return t;
 }
 function gr(t) {
-  const s = it(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  const s = ot(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
   for (const [e, r, n] of s) {
-    const a = (ie == null ? void 0 : ie.resolve(r)) ?? r;
+    const a = (oe == null ? void 0 : oe.resolve(r)) ?? r;
     t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
   }
   return t;
 }
 function vr() {
-  return ie;
+  return oe;
 }
-function Rl(t) {
-  ie = t;
+function Il(t) {
+  oe = t;
 }
 function br(t) {
   let s = hs(t, { renderer: mr(), async: !1 });
@@ -603,7 +607,7 @@ const yr = 6e4, Xe = -(/* @__PURE__ */ new Date()).getTimezoneOffset() * -yr, wr
     t.innerHTML = gt(s);
   }
 }, $r = {
-  measure: or,
+  measure: ir,
   "safe-html": wr
 }, _r = {
   install(t, s) {
@@ -636,21 +640,21 @@ class Cr extends Se {
     });
   }
 }
-const ql = re(Cr);
+const zl = re(Cr);
 class xr extends Se {
   async purge() {
     await F.emit("purge-storage");
   }
 }
 const vt = re(xr);
-function Pl(t, s) {
+function Rl(t, s) {
   return {
     ...t,
     ...ae(s, Object.keys(t))
   };
 }
 const Sr = {
-  $app: A,
+  $app: R,
   $events: F,
   $storage: vt
 };
@@ -671,7 +675,7 @@ const kr = {
       ...Sr,
       ...s.services
     };
-    t.use(Ys()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await ke(t, e);
+    t.use(Ys()), (r = s.settings) == null || r.forEach((n) => R.addSetting(n)), s.settingsFullscreenOnMobile !== void 0 && R.setSettingsFullscreenOnMobile(s.settingsFullscreenOnMobile), await ke(t, e);
   }
 }, Ye = /* @__PURE__ */ new WeakSet();
 function Ae() {
@@ -679,7 +683,7 @@ function Ae() {
   return Ye.add(t), {
     ...r,
     async close(n) {
-      s(n), await oe(1e3), e();
+      s(n), await ie(1e3), e();
     }
   };
 }
@@ -734,7 +738,7 @@ class Mr extends Tr {
       title: e,
       message: r,
       required: !!(n != null && n.required)
-    }, { response: i } = await this.modal(this.requireComponent("confirm-modal"), u), p = typeof i == "object" ? i[0] : i ?? !1, v = typeof i == "object" ? i[1] : Object.entries(u.checkboxes ?? {}).reduce(
+    }, { response: o } = await this.modal(this.requireComponent("confirm-modal"), u), p = typeof o == "object" ? o[0] : o ?? !1, v = typeof o == "object" ? o[1] : Object.entries(u.checkboxes ?? {}).reduce(
       (w, [h, { default: k }]) => ({
         [h]: k ?? !1,
         ...w
@@ -754,8 +758,8 @@ class Mr extends Tr {
       title: e,
       message: r,
       ...n ?? {}
-    }, { response: i } = await this.modal(this.requireComponent("prompt-modal"), u());
-    return (a && typeof i == "string" ? i == null ? void 0 : i.trim() : i) ?? null;
+    }, { response: o } = await this.modal(this.requireComponent("prompt-modal"), u());
+    return (a && typeof o == "string" ? o == null ? void 0 : o.trim() : o) ?? null;
   }
   async loading(e, r) {
     const n = (h) => typeof h == "function" ? Promise.resolve(h()) : h, a = () => {
@@ -774,14 +778,14 @@ class Mr extends Tr {
       };
     };
     let u = !1;
-    const { operationPromise: i, props: p, delay: v } = a();
-    if (v && await Promise.race([oe({ ms: v }).then(() => u = !0), i]), v && !u)
-      return i;
+    const { operationPromise: o, props: p, delay: v } = a();
+    if (v && await Promise.race([ie({ ms: v }).then(() => u = !0), o]), v && !u)
+      return o;
     const w = vs(this.requireComponent("loading-modal"), p);
     Ke(w);
     try {
-      const h = await i;
-      return await oe({ ms: 500 }), h;
+      const h = await o;
+      return await ie({ ms: 500 }), h;
     } finally {
       await Qe(w.id, { removeAfter: 1e3 });
     }
@@ -808,7 +812,7 @@ class Mr extends Tr {
       if (!globalThis.document || !globalThis.getComputedStyle)
         return;
       const e = globalThis.document.getElementById("splash");
-      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await oe({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ie({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
@@ -817,7 +821,7 @@ class Mr extends Tr {
     globalThis.matchMedia(`(min-width: ${bt}px)`).addEventListener("change", () => this.setState({ layout: yt() }));
   }
 }
-const P = re(Mr);
+const A = re(Mr);
 class Er {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
@@ -914,16 +918,16 @@ class Ir extends Lr {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      P.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
+      A.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
     const n = Array.isArray(e) ? e[0] : this.isErrorReport(e) ? e : await this.createErrorReport(e), a = Array.isArray(e) ? e : r ?? [n];
-    P.modal(P.requireComponent("error-report-modal"), { report: n, reports: a });
+    A.modal(A.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
     if (await F.emit("error", { error: e, message: r }), ze("unit") || (Z() && this.logError(e), !this.enabled))
       throw e;
-    if (!A.isMounted()) {
+    if (!R.isMounted()) {
       const u = await this.createStartupErrorReport(e);
       u && this.setState({ startupErrors: this.startupErrors.concat(u) });
       return;
@@ -933,7 +937,7 @@ class Ir extends Lr {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    P.toast(
+    A.toast(
       r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
@@ -941,7 +945,7 @@ class Ir extends Lr {
           {
             label: S("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => P.modal(P.requireComponent("error-report-modal"), { report: n, reports: [n] })
+            click: () => A.modal(A.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
         ]
       }
@@ -1021,7 +1025,7 @@ const $t = re(Ir), _t = /* @__PURE__ */ g({
   },
   setup(t) {
     const s = c(() => t.as ? { as: t.as } : t.route ? {
-      as: P.resolveComponent("router-link") ?? "a",
+      as: A.resolveComponent("router-link") ?? "a",
       to: ut({
         name: t.route,
         params: t.routeParams,
@@ -1035,7 +1039,7 @@ const $t = re(Ir), _t = /* @__PURE__ */ g({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (o(), m(l(Cs), H({
+    return (e, r) => (i(), m(l(Cs), H({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
@@ -1158,7 +1162,7 @@ const $t = re(Ir), _t = /* @__PURE__ */ g({
         }
       }
     ));
-    return (r, n) => (o(), m(_t, H({
+    return (r, n) => (i(), m(_t, H({
       class: e.value,
       disabled: r.disabled
     }, s), {
@@ -1175,11 +1179,11 @@ function zr(t) {
 const Ct = /* @__PURE__ */ g({
   __name: "HeadlessSelectValue",
   setup(t) {
-    const s = R(
+    const s = q(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (o(), m(l(Je), {
+    return (e, r) => e.$slots.default ? (i(), m(l(Je), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
@@ -1187,7 +1191,7 @@ const Ct = /* @__PURE__ */ g({
         $(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (o(), m(l(Je), {
+    }, 8, ["placeholder"])) : (i(), m(l(Je), {
       key: 1,
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
@@ -1195,11 +1199,11 @@ const Ct = /* @__PURE__ */ g({
 }), xt = /* @__PURE__ */ g({
   __name: "HeadlessSelectTrigger",
   setup(t) {
-    const s = R(
+    const s = q(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (o(), m(l(xs), {
+    return (e, r) => (i(), m(l(xs), {
       id: l(s).id
     }, {
       default: f(() => [
@@ -1223,7 +1227,7 @@ const Ct = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = R(
+    const s = q(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
     ), e = c(() => {
@@ -1231,7 +1235,7 @@ const Ct = /* @__PURE__ */ g({
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
       return r ? r.label : j(t.value);
     });
-    return (r, n) => (o(), m(l(ks), ce(de(r.$props)), {
+    return (r, n) => (i(), m(l(ks), ce(de(r.$props)), {
       default: f(() => [
         d(l(Ts), null, {
           default: f(() => [
@@ -1252,11 +1256,11 @@ const Ct = /* @__PURE__ */ g({
     innerClass: {}
   },
   setup(t) {
-    const s = R(
+    const s = q(
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
-    ), e = c(() => M("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
-    return (r, n) => (o(), m(l(Ms), null, {
+    ), e = c(() => T("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (i(), m(l(Ms), null, {
       default: f(() => [
         d(l(Es), {
           position: "popper",
@@ -1271,7 +1275,7 @@ const Ct = /* @__PURE__ */ g({
             }, {
               default: f(() => [
                 $(r.$slots, "default", {}, () => [
-                  (o(!0), b(D, null, U(l(s).options ?? [], (a) => (o(), m(St, {
+                  (i(!0), b(D, null, O(l(s).options ?? [], (a) => (i(), m(St, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1306,7 +1310,7 @@ const Ct = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = Y("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), u = c(() => a.value), i = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), p = c(() => t.options ? t.options.map((h) => ({
+    const r = e, n = Y("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), u = c(() => a.value), o = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), p = c(() => t.options ? t.options.map((h) => ({
       key: ue(),
       label: t.renderOption ? t.renderOption(h) : zr(h) ? as(h.label) : j(h),
       value: h
@@ -1326,7 +1330,7 @@ const Ct = /* @__PURE__ */ g({
         var h;
         return (h = p.value) == null ? void 0 : h.find((k) => k.value === t.modelValue);
       }),
-      errors: _e(i),
+      errors: _e(o),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
@@ -1342,17 +1346,17 @@ const Ct = /* @__PURE__ */ g({
     function w(h) {
       v.update(h);
     }
-    return pe("select", v), s(v), (h, k) => (o(), m(l(Vs), {
+    return pe("select", v), s(v), (h, k) => (i(), m(l(Vs), {
       "model-value": u.value,
       by: h.compareOptions,
-      "onUpdate:modelValue": k[0] || (k[0] = (q) => w(q))
+      "onUpdate:modelValue": k[0] || (k[0] = (P) => w(P))
     }, {
-      default: f(({ open: q }) => [
-        (o(), m(ee(h.as), ce(de(h.$attrs)), {
+      default: f(({ open: P }) => [
+        (i(), m(ee(h.as), ce(de(h.$attrs)), {
           default: f(() => [
             $(h.$slots, "default", {
               modelValue: h.modelValue,
-              open: q
+              open: P
             }, () => [
               d(xt),
               d(kt)
@@ -1371,11 +1375,11 @@ const Ct = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = R(
+    const s = q(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
     ), e = Ie(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (o(), m(l(Ls), H({
+    return (n, a) => r.value ? (i(), m(l(Ls), H({
       key: 0,
       for: l(s).id
     }, n.$props), {
@@ -1393,8 +1397,8 @@ const Ct = /* @__PURE__ */ g({
     class: {}
   },
   setup(t) {
-    const s = R("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => M("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
-    return (r, n) => r.$slots.default ? (o(), m(Ge, {
+    const s = q("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => T("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
+    return (r, n) => r.$slots.default ? (i(), m(Ge, {
       key: 0,
       class: _(e.value)
     }, {
@@ -1402,7 +1406,7 @@ const Ct = /* @__PURE__ */ g({
         $(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (o(), m(Ge, {
+    }, 8, ["class"])) : (i(), m(Ge, {
       key: 1,
       class: _(e.value)
     }, null, 8, ["class"]));
@@ -1415,12 +1419,12 @@ const Ct = /* @__PURE__ */ g({
     innerClass: {}
   },
   setup(t) {
-    const s = c(() => M("group p-1 outline-none", t.class)), e = c(() => M(
+    const s = c(() => T("group p-1 outline-none", t.class)), e = c(() => T(
       // eslint-disable-next-line vue/max-len
       "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md gap-2 px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50",
       t.innerClass
     ));
-    return (r, n) => (o(), m(St, {
+    return (r, n) => (i(), m(St, {
       class: _(s.value),
       value: r.value
     }, {
@@ -1440,12 +1444,12 @@ const Ct = /* @__PURE__ */ g({
     class: {}
   },
   setup(t) {
-    const s = R("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => M(
+    const s = q("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => T(
       "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden",
       s.optionsClass,
       t.class
     ));
-    return (r, n) => (o(), m(kt, {
+    return (r, n) => (i(), m(kt, {
       class: _(e.value)
     }, {
       default: f(() => {
@@ -1454,12 +1458,12 @@ const Ct = /* @__PURE__ */ g({
           (a = l(s).options) != null && a.length ? $(r.$slots, "default", { key: 0 }, () => {
             var u;
             return [
-              (o(!0), b(D, null, U(((u = l(s)) == null ? void 0 : u.options) ?? [], (i) => (o(), m(et, {
-                key: i.key,
-                value: i.value
+              (i(!0), b(D, null, O(((u = l(s)) == null ? void 0 : u.options) ?? [], (o) => (i(), m(et, {
+                key: o.key,
+                value: o.value
               }, {
                 default: f(() => [
-                  L(x(i.label), 1)
+                  L(x(o.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
@@ -1486,7 +1490,7 @@ const Ct = /* @__PURE__ */ g({
   height: "1.2em"
 };
 function Pr(t, s) {
-  return o(), b("svg", qr, s[0] || (s[0] = [
+  return i(), b("svg", qr, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "m9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828L5.757 6.586L4.343 8z"
@@ -1499,13 +1503,13 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
     class: {}
   },
   setup(t) {
-    const s = R("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => M(
+    const s = q("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => T(
       // eslint-disable-next-line vue/max-len
       "focus:outline-primary-600 data-[state=open]:outline-primary-600 grid w-full cursor-default grid-cols-1 rounded-md bg-white py-1.5 pr-2 pl-3 text-left text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
       { "mt-1": s.label },
       t.class
     ));
-    return (r, n) => (o(), m(xt, {
+    return (r, n) => (i(), m(xt, {
       class: _(e.value)
     }, {
       default: f(() => [
@@ -1535,7 +1539,7 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
   emits: ["update:modelValue"],
   setup(t) {
     const { forwardRef: s } = Re();
-    return (e, r) => (o(), m(Rr, H({ ref: l(s) }, e.$props, {
+    return (e, r) => (i(), m(Rr, H({ ref: l(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
       default: f(() => [
@@ -1557,7 +1561,7 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
         locale: B.locales[s] ?? s
       });
     }
-    return (n, a) => (o(), m(Dr, {
+    return (n, a) => (i(), m(Dr, {
       modelValue: n.$lang.locale,
       "onUpdate:modelValue": a[0] || (a[0] = (u) => n.$lang.locale = u),
       class: "flex flex-col items-start md:flex-row",
@@ -1594,10 +1598,10 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
     priority: 100,
     component: jr
   }
-], Ur = { $lang: X }, Or = {
+], Or = { $lang: X }, Ur = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = wt), t.config.globalProperties.$td = S, Fr.forEach((e) => A.addSetting(e)), await ke(t, Ur);
+    (s = t.config.globalProperties).$t ?? (s.$t = wt), t.config.globalProperties.$td = S, Fr.forEach((e) => R.addSetting(e)), await ke(t, Or);
   }
 }, Nr = /* @__PURE__ */ g({
   __name: "Markdown",
@@ -1614,28 +1618,28 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
     const s = st(), e = Ie(), r = c(() => e.default ? e.default().map(pt).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : wt(t.langKey, t.langParams ?? {})))), n = c(() => {
       if (!r.value)
         return null;
-      let i = br(r.value);
-      return t.inline && (i = i.replace("<p>", "<span>").replace("</p>", "</span>")), i;
+      let o = br(r.value);
+      return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
     }), a = () => Wt(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
       onClick: u,
       ...s,
       class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
     });
-    async function u(i) {
+    async function u(o) {
       var v, w;
-      const { target: p } = i;
+      const { target: p } = o;
       if (Ne(p, HTMLElement) && p.dataset.markdownAction) {
         (w = (v = t.actions) == null ? void 0 : v[p.dataset.markdownAction]) == null || w.call(v);
         return;
       }
       if (Ne(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
         const h = vr();
-        h && (i.preventDefault(), h.visit(p.dataset.markdownRoute));
+        h && (o.preventDefault(), h.visit(p.dataset.markdownRoute));
         return;
       }
     }
-    return (i, p) => (o(), m(a));
+    return (o, p) => (i(), m(a));
   }
 }), Wr = (t, s) => {
   const e = t.__vccOpts || t;
@@ -1652,8 +1656,8 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const s = c(() => M(t.class, "flex flex-col justify-center gap-1"));
-    return (e, r) => (o(), b("div", {
+    const s = c(() => T(t.class, "flex flex-col justify-center gap-1"));
+    return (e, r) => (i(), b("div", {
       class: _(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
       y("div", Kr, [
@@ -1661,7 +1665,7 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
           id: e.titleId,
           class: "text-base font-semibold"
         }, x(e.title), 9, Qr),
-        e.description ? (o(), m(z, {
+        e.description ? (i(), m(z, {
           key: 0,
           text: e.description,
           class: "mt-1 text-sm text-gray-500"
@@ -1700,35 +1704,35 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(i) {
+      update(o) {
         if (n && t.name) {
-          n.setFieldValue(t.name, i);
+          n.setFieldValue(t.name, o);
           return;
         }
-        r("update:modelValue", i);
+        r("update:modelValue", o);
       }
     };
     return s(u), G(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
-    }), (i, p) => (o(), b("div", {
+    }), (o, p) => (i(), b("div", {
       class: _(t.class)
     }, [
-      i.label ? (o(), b("label", {
+      o.label ? (i(), b("label", {
         key: 0,
         for: u.id,
-        class: _(i.labelClass)
-      }, x(i.label), 11, Zr)) : E("", !0),
+        class: _(o.labelClass)
+      }, x(o.label), 11, Zr)) : E("", !0),
       d(l(Is), H({
         id: u.id,
-        name: i.name,
+        name: o.name,
         "model-value": u.value.value
-      }, i.$attrs, {
-        class: i.inputClass,
-        "onUpdate:modelValue": p[0] || (p[0] = (v) => i.$emit("update:modelValue", v))
+      }, o.$attrs, {
+        class: o.inputClass,
+        "onUpdate:modelValue": p[0] || (p[0] = (v) => o.$emit("update:modelValue", v))
       }), {
         default: f(() => [
           d(l(zs), {
-            class: _(i.thumbClass)
+            class: _(o.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
@@ -1738,7 +1742,7 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
 }), Yr = /* @__PURE__ */ g({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (o(), m(Xr, {
+    return (s, e) => (i(), m(Xr, {
       class: "flex flex-row items-center gap-1",
       "input-class": "disabled:opacity-50 disabled:cursor-not-allowed data-[state=checked]:bg-primary-600 data-[state=unchecked]:bg-gray-200 relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focusdisabled:opacity-50 disabled:cursor-not-allowed :ring-2 focus:ring-primary-600 focus:ring-offset-2 focus:outline-hidden",
       "thumb-class": "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 pointer-events-none inline-block size-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out"
@@ -1747,7 +1751,7 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
 }), Gr = /* @__PURE__ */ g({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (o(), m(Jr, {
+    return (s, e) => (i(), m(Jr, {
       "title-id": "debug-setting",
       title: s.$td("settings.debug", "Debugging"),
       description: s.$td("settings.debugDescription", "Enable debugging with [Eruda](https://eruda.liriliri.io/).")
@@ -1768,7 +1772,7 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
     component: Gr
   }
 ], Ht = [];
-function Al(t) {
+function ql(t) {
   Ht.push(t);
 }
 function Vt(t) {
@@ -1784,17 +1788,17 @@ class tt extends Ce {
 const tn = { $errors: $t }, sn = (t) => ($t.report(t), !0);
 function rn(t, s = () => !1) {
   const e = (r) => s(r) || sn(r);
-  t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, i) => e(i ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
+  t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, o) => e(o ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
 const nn = {
   async install(t, s) {
-    rn(t, s.handleError), en.forEach((e) => A.addSetting(e)), await ke(t, tn);
+    rn(t, s.handleError), en.forEach((e) => R.addSetting(e)), await ke(t, tn);
   }
 }, an = {
   async install() {
     ze() && (globalThis.testingRuntime = {
       on: (...t) => F.on(...t),
-      service: (t) => A.service(t)
+      service: (t) => R.service(t)
     });
   }
 }, ln = {
@@ -1803,7 +1807,7 @@ const nn = {
   height: "1.2em"
 };
 function on(t, s) {
-  return o(), b("svg", ln, s[0] || (s[0] = [
+  return i(), b("svg", ln, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414z"
@@ -1815,7 +1819,7 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
   props: {
     persistent: { type: Boolean },
     fullscreen: { type: Boolean },
-    fullscreenMobile: { type: Boolean },
+    fullscreenOnMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
@@ -1825,10 +1829,10 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
     const e = N(null), { close: r } = Ae();
     s({ $content: e });
     const { forwardRef: n } = Re();
-    return pe("$modalContentRef", e), (a, u) => (o(), m(l(Rs), {
+    return pe("$modalContentRef", e), (a, u) => (i(), m(l(Rs), {
       ref: l(n),
       open: "",
-      "onUpdate:open": u[0] || (u[0] = (i) => a.persistent || i || l(r)())
+      "onUpdate:open": u[0] || (u[0] = (o) => a.persistent || o || l(r)())
     }, {
       default: f(() => [
         d(l(qs), null, {
@@ -1845,10 +1849,10 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
   __name: "HeadlessModalContent",
   setup(t) {
     const { child: s } = Ae(), e = lr("$modalContentRef"), r = te("$contentRef");
-    return G(() => e.value = r.value), (n, a) => (o(), m(l(Ps), { ref: "$contentRef" }, {
+    return G(() => e.value = r.value), (n, a) => (i(), m(l(Ps), { ref: "$contentRef" }, {
       default: f(() => [
         $(n.$slots, "default"),
-        l(s) ? (o(), m(l(bs), {
+        l(s) ? (i(), m(l(bs), {
           key: 0,
           is: l(s)
         }, null, 8, ["is"])) : E("", !0)
@@ -1863,7 +1867,7 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), m(l(As), ce(de(s.$props)), {
+    return (s, e) => (i(), m(l(As), ce(de(s.$props)), {
       default: f(() => [
         $(s.$slots, "default")
       ]),
@@ -1878,7 +1882,7 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), m(l(Ds), ce(de(s.$props)), {
+    return (s, e) => (i(), m(l(Ds), ce(de(s.$props)), {
       default: f(() => [
         $(s.$slots, "default")
       ]),
@@ -1892,7 +1896,7 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), m(l(Bs), ce(de(s.$props)), {
+    return (s, e) => (i(), m(l(Bs), ce(de(s.$props)), {
       default: f(() => [
         $(s.$slots, "default")
       ]),
@@ -1904,7 +1908,7 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
   props: {
     persistent: { type: Boolean },
     fullscreen: { type: Boolean },
-    fullscreenMobile: { type: Boolean },
+    fullscreenOnMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
@@ -1914,23 +1918,23 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
     closeHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = K(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden", "fullscreen", "fullscreenMobile"]);
+    const e = K(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden", "fullscreen", "fullscreenOnMobile"]);
     s({
       $content: c(() => {
-        var T;
-        return (T = i.value) == null ? void 0 : T.$content;
+        var M;
+        return (M = o.value) == null ? void 0 : M.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Re(), { id: a, visible: u } = Ae(), i = n, p = ct(), v = c(
+    const { forwardRef: r, currentRef: n } = Re(), { id: a, visible: u } = Ae(), o = n, p = ct(), v = c(
       () => {
-        var T;
-        return u.value && ((T = le.value.toReversed().find((je) => je.visible.value)) == null ? void 0 : T.id) === a.value;
+        var M;
+        return u.value && ((M = le.value.toReversed().find((je) => je.visible.value)) == null ? void 0 : M.id) === a.value;
       }
-    ), w = c(() => le.value.find((T) => T.visible.value)), h = c(() => le.value.some((T) => me.has(T))), k = c(() => t.description ? {} : { "aria-describedby": void 0 }), q = c(() => M(
+    ), w = c(() => le.value.find((M) => M.visible.value)), h = c(() => le.value.some((M) => me.has(M))), k = c(() => t.description ? {} : { "aria-describedby": void 0 }), P = c(() => T(
       "overflow-auto px-4 pb-4 flex flex-col flex-1",
       { "pt-4": !t.title || t.titleHidden, "max-h-[90vh]": !Q.value },
       t.class
-    )), Q = c(() => t.fullscreen || t.fullscreenMobile && P.mobile), Pt = c(() => M(
+    )), Q = c(() => t.fullscreen || t.fullscreenOnMobile && A.mobile), Pt = c(() => T(
       "isolate fixed z-50 flex flex-col overflow-hidden bg-white text-left duration-300",
       Q.value ? [
         "inset-0 transition-[transform,translate] will-change-[transform,translate]",
@@ -1945,68 +1949,68 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
       ],
       t.wrapperClass
     ));
-    return rt(() => oe(500).then(() => me.add(p.value))), (T, je) => (o(), m(cn, H(e, {
+    return rt(() => ie(500).then(() => me.add(p.value))), (M, je) => (i(), m(cn, H(e, {
       ref: (fe) => l(r)(fe),
-      persistent: T.persistent
+      persistent: M.persistent
     }), {
       default: f(({ close: fe }) => {
-        var Fe, Ue;
+        var Fe, Oe;
         return [
           d(fn, {
             class: _(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
               "animate-[fade-in_var(--tw-duration)_ease-in-out]": !h.value,
-              "bg-black/30": ((Fe = w.value) == null ? void 0 : Fe.id) === l(a) || !w.value && ((Ue = l(le)[0]) == null ? void 0 : Ue.id) === l(a),
+              "bg-black/30": ((Fe = w.value) == null ? void 0 : Fe.id) === l(a) || !w.value && ((Oe = l(le)[0]) == null ? void 0 : Oe.id) === l(a),
               "opacity-0": !w.value,
               hidden: Q.value
             }])
           }, null, 8, ["class"]),
           d(dn, H(k.value, { class: Pt.value }), {
             default: f(() => [
-              !T.persistent && !T.closeHidden ? (o(), b("div", {
+              !M.persistent && !M.closeHidden ? (i(), b("div", {
                 key: 0,
                 class: _(["absolute top-0 right-0 pt-3.5 pr-2.5", { "hidden sm:block": !Q.value }])
               }, [
                 y("button", {
                   type: "button",
                   class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                  onClick: (cl) => fe()
+                  onClick: (ol) => fe()
                 }, [
-                  y("span", gn, x(T.$td("ui.close", "Close")), 1),
+                  y("span", gn, x(M.$td("ui.close", "Close")), 1),
                   d(l(un), { class: "size-4" })
                 ], 8, hn)
               ], 2)) : E("", !0),
-              T.title ? (o(), m(mn, {
+              M.title ? (i(), m(mn, {
                 key: 1,
                 class: _(["px-4 pt-5 text-base font-semibold text-gray-900", {
-                  "sr-only": T.titleHidden,
-                  "pb-0": T.description && !T.descriptionHidden,
-                  "pb-2": !T.description || T.descriptionHidden
+                  "sr-only": M.titleHidden,
+                  "pb-0": M.description && !M.descriptionHidden,
+                  "pb-2": !M.description || M.descriptionHidden
                 }])
               }, {
                 default: f(() => [
                   d(z, {
-                    text: T.title,
+                    text: M.title,
                     inline: ""
                   }, null, 8, ["text"])
                 ]),
                 _: 1
               }, 8, ["class"])) : E("", !0),
-              T.description ? (o(), m(pn, {
+              M.description ? (i(), m(pn, {
                 key: 2,
-                class: _(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
+                class: _(["px-4 pt-1 pb-2", { "sr-only": M.descriptionHidden }])
               }, {
                 default: f(() => [
                   d(z, {
-                    text: T.description,
+                    text: M.description,
                     class: "text-sm leading-6 text-gray-500"
                   }, null, 8, ["text"])
                 ]),
                 _: 1
               }, 8, ["class"])) : E("", !0),
               y("div", {
-                class: _(q.value)
+                class: _(P.value)
               }, [
-                $(T.$slots, "default", { close: fe })
+                $(M.$slots, "default", { close: fe })
               ], 2)
             ]),
             _: 2
@@ -2029,7 +2033,7 @@ const bn = /* @__PURE__ */ g({
   },
   setup(t, { expose: s }) {
     const e = t, { renderedTitle: r, titleHidden: n } = vn(e);
-    return s(), (a, u) => (o(), m(ne, {
+    return s(), (a, u) => (i(), m(ne, {
       title: l(r),
       "title-hidden": l(n)
     }, {
@@ -2051,7 +2055,7 @@ const bn = /* @__PURE__ */ g({
     return G((n) => {
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
-    }), pe("form", t.form), (n, a) => (o(), b("form", {
+    }), pe("form", t.form), (n, a) => (i(), b("form", {
       onSubmit: a[0] || (a[0] = nt((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
     }, [
       $(n.$slots, "default")
@@ -2061,8 +2065,8 @@ const bn = /* @__PURE__ */ g({
 function yn(t) {
   const s = ht(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (u, [i, p]) => ({
-        [i]: {
+      (u, [o, p]) => ({
+        [o]: {
           type: "boolean",
           default: p.default,
           required: p.required ? "required" : void 0
@@ -2092,8 +2096,8 @@ const wn = {
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: i } = yn(e);
-    return s(), (p, v) => (o(), m(ne, {
+    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: o } = yn(e);
+    return s(), (p, v) => (i(), m(ne, {
       title: l(n),
       "title-hidden": l(a),
       persistent: ""
@@ -2108,11 +2112,11 @@ const wn = {
               text: p.message,
               actions: p.actions
             }, null, 8, ["text", "actions"]),
-            p.checkboxes ? (o(), b("ul", wn, [
-              (o(!0), b(D, null, U(p.checkboxes, (h, k) => (o(), b("li", { key: k }, [
+            p.checkboxes ? (i(), b("ul", wn, [
+              (i(!0), b(D, null, O(p.checkboxes, (h, k) => (i(), b("li", { key: k }, [
                 y("label", $n, [
                   at(y("input", {
-                    "onUpdate:modelValue": (q) => l(r)[k] = q,
+                    "onUpdate:modelValue": (P) => l(r)[k] = P,
                     type: "checkbox",
                     required: h.required,
                     class: "border-primary-600 text-primary-600 hover:bg-primary-50 hover:checked:bg-primary-500 focus:ring-primary-600 focus-visible:ring-primary-600 rounded border-2"
@@ -2133,13 +2137,13 @@ const wn = {
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p.required ? E("", !0) : (o(), m(I, {
+              p.required ? E("", !0) : (i(), m(I, {
                 key: 0,
                 variant: p.cancelVariant,
                 onClick: (h) => w(!1)
               }, {
                 default: f(() => [
-                  L(x(l(i)), 1)
+                  L(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2157,7 +2161,7 @@ const wn = {
   height: "1.2em"
 };
 function Tn(t, s) {
-  return o(), b("svg", kn, s[0] || (s[0] = [
+  return i(), b("svg", kn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
@@ -2170,7 +2174,7 @@ const Mn = V({ name: "zondicons-cheveron-left", render: Tn }), En = {
   height: "1.2em"
 };
 function Hn(t, s) {
-  return o(), b("svg", En, s[0] || (s[0] = [
+  return i(), b("svg", En, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "m12.95 10.707l.707-.707L8 4.343L6.586 5.757L10.828 10l-4.242 4.243L8 15.657z"
@@ -2183,7 +2187,7 @@ const It = V({ name: "zondicons-cheveron-right", render: Hn }), Vn = {
   height: "1.2em"
 };
 function Ln(t, s) {
-  return o(), b("svg", Vn, s[0] || (s[0] = [
+  return i(), b("svg", Vn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M2.93 17.07A10 10 0 1 1 17.07 2.93A10 10 0 0 1 2.93 17.07M9 5v6h2V5zm0 8v2h2v-2z"
@@ -2196,7 +2200,7 @@ const De = V({ name: "zondicons-exclamation-solid", render: Ln }), In = {
   height: "1.2em"
 };
 function zn(t, s) {
-  return o(), b("svg", In, s[0] || (s[0] = [
+  return i(), b("svg", In, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M20 19V7H4v12zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7 14v-2h5v2zm-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z"
@@ -2209,7 +2213,7 @@ const Rn = V({ name: "mdi-console", render: zn }), qn = {
   height: "1.2em"
 };
 function Pn(t, s) {
-  return o(), b("svg", qn, s[0] || (s[0] = [
+  return i(), b("svg", qn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M6 6V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2zm2 0h4a2 2 0 0 1 2 2v4h4V2H8zM2 8v10h10V8z"
@@ -2222,21 +2226,21 @@ const An = V({ name: "zondicons-copy", render: Pn }), Dn = {
   height: "1.2em"
 };
 function Bn(t, s) {
-  return o(), b("svg", Dn, s[0] || (s[0] = [
+  return i(), b("svg", Dn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
     }, null, -1)
   ]));
 }
-const jn = V({ name: "mdi-github", render: Bn }), Fn = { class: "flex" }, Un = { class: "sr-only" }, On = /* @__PURE__ */ g({
+const jn = V({ name: "mdi-github", render: Bn }), Fn = { class: "flex" }, On = { class: "sr-only" }, Un = /* @__PURE__ */ g({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
   },
   setup(t) {
     const s = t, e = c(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = c(() => {
-      if (!A.sourceUrl)
+      if (!R.sourceUrl)
         return !1;
       const a = encodeURIComponent(e.value), u = encodeURIComponent(
         [
@@ -2246,13 +2250,13 @@ const jn = V({ name: "mdi-github", render: Bn }), Fn = { class: "flex" }, Un = {
           "```",
           ls(
             s.report.details ?? "Details missing from report",
-            1800 - a.length - A.sourceUrl.length
+            1800 - a.length - R.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${A.sourceUrl}/issues/new?title=${a}&body=${u}`;
+      return `${R.sourceUrl}/issues/new?title=${a}&body=${u}`;
     }), n = c(() => se(
       [
         {
@@ -2262,7 +2266,7 @@ const jn = V({ name: "mdi-github", render: Bn }), Fn = { class: "flex" }, Un = {
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), P.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
@@ -2271,7 +2275,7 @@ ${s.report.details}`), P.toast(S("errors.copiedToClipboard", "Debug information
           iconComponent: Rn,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), P.toast(
+            window.error = a, console.error(a), A.toast(
               S(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
@@ -2289,19 +2293,19 @@ ${s.report.details}`), P.toast(S("errors.copiedToClipboard", "Debug information
         });
       }
     ));
-    return (a, u) => (o(), b("div", Fn, [
-      (o(!0), b(D, null, U(n.value, (i) => $(a.$slots, "default", H({ ref_for: !0 }, i), () => [
+    return (a, u) => (i(), b("div", Fn, [
+      (i(!0), b(D, null, O(n.value, (o) => $(a.$slots, "default", H({ ref_for: !0 }, o), () => [
         d(I, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
-          href: i.url,
-          title: a.$td(`errors.report_${i.id}`, i.description),
-          onClick: i.click
+          href: o.url,
+          title: a.$td(`errors.report_${o.id}`, o.description),
+          onClick: o.click
         }, {
           default: f(() => [
-            y("span", Un, x(a.$td(`errors.report_${i.id}`, i.description)), 1),
-            (o(), m(ee(i.iconComponent), {
+            y("span", On, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
+            (i(), m(ee(o.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2320,7 +2324,7 @@ ${s.report.details}`), P.toast(S("errors.copiedToClipboard", "Debug information
   },
   setup(t) {
     const s = c(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
-    return (e, r) => (o(), m(z, {
+    return (e, r) => (i(), m(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
@@ -2351,8 +2355,8 @@ const Kn = { class: "px-4 pt-5 pb-4" }, Qn = { class: "flex justify-between gap-
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: i } = Wn(e);
-    return s(), (p, v) => (o(), m(ne, {
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: o } = Wn(e);
+    return s(), (p, v) => (i(), m(ne, {
       title: p.$td("errors.report", "Error report"),
       "title-hidden": "",
       "close-hidden": "",
@@ -2366,11 +2370,11 @@ const Kn = { class: "px-4 pt-5 pb-4" }, Qn = { class: "flex justify-between gap-
               d(l(De), { class: "size-5 text-red-600" }),
               d(Nn, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
-                report: l(i),
+                report: l(o),
                 "current-report": l(r) + 1,
                 "total-reports": p.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              p.reports.length > 1 ? (o(), b("span", Zn, [
+              p.reports.length > 1 ? (i(), b("span", Zn, [
                 d(I, {
                   size: "icon",
                   variant: "ghost",
@@ -2399,14 +2403,14 @@ const Kn = { class: "px-4 pt-5 pb-4" }, Qn = { class: "flex justify-between gap-
                 }, 8, ["disabled", "aria-label", "title"])
               ])) : E("", !0)
             ]),
-            d(On, {
-              report: l(i),
+            d(Un, {
+              report: l(o),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(i).description ? (o(), m(z, {
+          l(o).description ? (i(), m(z, {
             key: 0,
-            text: l(i).description,
+            text: l(o).description,
             class: "text-gray-600"
           }, null, 8, ["text"])) : E("", !0)
         ]),
@@ -2426,7 +2430,7 @@ const Kn = { class: "px-4 pt-5 pb-4" }, Qn = { class: "flex justify-between gap-
   height: "1.2em"
 };
 function ta(t, s) {
-  return o(), b("svg", ea, s[0] || (s[0] = [
+  return i(), b("svg", ea, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
@@ -2456,7 +2460,7 @@ const sa = V({ name: "svg-spinners-90-ring-with-bg", render: ta }), ra = { class
   },
   setup(t) {
     let s;
-    const e = N(0), r = c(() => M("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => M(
+    const e = N(0), r = c(() => T("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => T(
       "absolute inset-y-0 right-0 size-full rounded-r-full border-l-3 border-gray-200",
       "bg-primary-900 transition-[width] duration-500 ease-linear",
       t.overflowClass
@@ -2464,20 +2468,20 @@ const sa = V({ name: "svg-spinners-90-ring-with-bg", render: ta }), ra = { class
     return Le(
       () => t.job,
       () => {
-        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (i) => e.value = i });
+        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (o) => e.value = o });
       },
       { immediate: !0 }
-    ), $e(() => s && s()), (i, p) => (o(), b("div", ra, [
+    ), $e(() => s && s()), (o, p) => (i(), b("div", ra, [
       y("div", {
         class: _(r.value),
-        style: Oe(`transform:translateX(-${(1 - a.value) * 100}%)`)
+        style: Ue(`transform:translateX(-${(1 - a.value) * 100}%)`)
       }, null, 6),
-      u.value ? (o(), b("div", {
+      u.value ? (i(), b("div", {
         key: 0,
         class: _(n.value),
-        style: Oe({ width: `${u.value}%` })
+        style: Ue({ width: `${u.value}%` })
       }, null, 6)) : E("", !0),
-      y("span", na, x(i.$td("ui.progress", "{progress}% complete", {
+      y("span", na, x(o.$td("ui.progress", "{progress}% complete", {
         progress: a.value * 100
       })), 1)
     ]));
@@ -2489,7 +2493,7 @@ function la(t) {
   ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const oa = /* @__PURE__ */ g({
+const ia = /* @__PURE__ */ g({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2499,7 +2503,7 @@ const oa = /* @__PURE__ */ g({
   },
   setup(t, { expose: s }) {
     const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = la(e);
-    return s(), (i, p) => (o(), m(ne, {
+    return s(), (o, p) => (i(), m(ne, {
       persistent: "",
       "wrapper-class": "w-auto",
       title: l(r),
@@ -2507,12 +2511,12 @@ const oa = /* @__PURE__ */ g({
       class: _({ "flex-col-reverse": l(u), "flex-row items-center justify-center gap-2": !l(u) })
     }, {
       default: f(() => [
-        l(u) ? (o(), m(aa, {
+        l(u) ? (i(), m(aa, {
           key: 0,
-          progress: i.progress,
-          job: i.job,
+          progress: o.progress,
+          job: o.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (o(), m(l(sa), {
+        }, null, 8, ["progress", "job"])) : (i(), m(l(sa), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
@@ -2543,33 +2547,33 @@ const oa = /* @__PURE__ */ g({
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(i) {
+      update(o) {
         if (n && t.name) {
-          n.setFieldValue(t.name, i);
+          n.setFieldValue(t.name, o);
           return;
         }
-        r("update:modelValue", i);
+        r("update:modelValue", o);
       }
     };
-    return pe("input", u), s(u), (i, p) => (o(), m(ee(i.as), null, {
+    return pe("input", u), s(u), (o, p) => (i(), m(ee(o.as), null, {
       default: f(() => [
-        $(i.$slots, "default")
+        $(o.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), ia = ["for"], ye = /* @__PURE__ */ g({
+}), oa = ["for"], ye = /* @__PURE__ */ g({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = R("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Ie(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (o(), b("label", {
+    const s = q("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Ie(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (i(), b("label", {
       key: 0,
       for: l(s).id
     }, [
       $(n.$slots, "default", {}, () => [
         L(x(l(s).label), 1)
       ])
-    ], 8, ia)) : E("", !0);
+    ], 8, oa)) : E("", !0);
   }
 }), ua = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], zt = /* @__PURE__ */ g({
   __name: "HeadlessInputInput",
@@ -2577,12 +2581,12 @@ const oa = /* @__PURE__ */ g({
     type: {}
   },
   setup(t) {
-    const s = te("$inputRef"), e = R("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = Y("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), u = c(() => {
+    const s = te("$inputRef"), e = q("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = Y("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), u = c(() => {
       if (t.type)
         return t.type;
       const w = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
       return ["text", "email", "number", "tel", "url"].includes(w) ? w : "text";
-    }), i = c(() => {
+    }), o = c(() => {
       if (u.value === "checkbox")
         return !!a.value;
     });
@@ -2617,11 +2621,11 @@ const oa = /* @__PURE__ */ g({
         }
         s.value.value = a.value ?? null;
       }
-    }), (w, h) => (o(), b("input", {
+    }), (w, h) => (i(), b("input", {
       id: l(e).id,
       ref: "$inputRef",
       name: n.value,
-      checked: i.value,
+      checked: o.value,
       type: u.value,
       required: l(e).required ?? void 0,
       "aria-invalid": l(e).errors ? "true" : "false",
@@ -2633,14 +2637,14 @@ const oa = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = R(
+    const s = q(
       "input",
       "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
     ), e = c(() => typeof s.description == "string" ? s.description : ""), r = c(() => !!s.description);
     return (n, a) => $(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
-      r.value ? (o(), m(z, H({ key: 0 }, n.$attrs, {
+      r.value ? (i(), m(z, H({ key: 0 }, n.$attrs, {
         id: `${l(s).id}-description`,
         text: e.value
       }), null, 16, ["id", "text"])) : E("", !0)
@@ -2649,8 +2653,8 @@ const oa = /* @__PURE__ */ g({
 }), ca = ["id"], we = /* @__PURE__ */ g({
   __name: "HeadlessInputError",
   setup(t) {
-    const s = R("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
-    return (r, n) => e.value ? (o(), b("p", {
+    const s = q("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, n) => e.value ? (i(), b("p", {
       key: 0,
       id: `${l(s).id}-error`
     }, x(e.value), 9, ca)) : E("", !0);
@@ -2673,9 +2677,9 @@ const oa = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass", "descriptionClass", "errorClass"]), e = te("$inputRef"), [r, n] = Pe(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => M("mt-2 text-sm text-gray-600", t.descriptionClass)), i = c(() => M("mt-2 text-sm text-red-600", t.errorClass)), p = c(() => {
+    const s = K(t, ["label", "inputClass", "wrapperClass", "descriptionClass", "errorClass"]), e = te("$inputRef"), [r, n] = Pe(), a = c(() => T("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => T("mt-2 text-sm text-gray-600", t.descriptionClass)), o = c(() => T("mt-2 text-sm text-red-600", t.errorClass)), p = c(() => {
       var v, w, h;
-      return M(
+      return T(
         // eslint-disable-next-line vue/max-len
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
@@ -2686,7 +2690,7 @@ const oa = /* @__PURE__ */ g({
         t.inputClass
       );
     });
-    return (v, w) => (o(), m(Be, H({
+    return (v, w) => (i(), m(Be, H({
       ref: "$inputRef",
       label: v.label,
       class: l(n)
@@ -2701,7 +2705,7 @@ const oa = /* @__PURE__ */ g({
             class: _(a.value)
           }, [
             d(zt, H(l(r), { class: p.value }), null, 16, ["class"]),
-            (h = e.value) != null && h.errors ? (o(), b("div", da, [
+            (h = e.value) != null && h.errors ? (i(), b("div", da, [
               d(l(De), { class: "size-5 text-red-500" })
             ])) : E("", !0)
           ], 2),
@@ -2709,7 +2713,7 @@ const oa = /* @__PURE__ */ g({
             class: _(u.value)
           }, null, 8, ["class"]),
           d(we, {
-            class: _(i.value)
+            class: _(o.value)
           }, null, 8, ["class"])
         ];
       }),
@@ -2717,21 +2721,21 @@ const oa = /* @__PURE__ */ g({
     }, 16, ["label", "class"]));
   }
 });
-function Dl(t, s = {}) {
+function Pl(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function Bl(t, s = {}) {
+function Al(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function jl(t, s, e = {}) {
+function Dl(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2739,21 +2743,21 @@ function jl(t, s, e = {}) {
     values: t
   };
 }
-function Fl(t) {
+function Bl(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function Ul(t) {
+function jl(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Ol(t, s) {
+function Fl(t, s) {
   return {
     default: s,
     type: "enum",
@@ -2761,14 +2765,14 @@ function Ol(t, s) {
     values: t
   };
 }
-function Nl(t) {
+function Ol(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Wl(t) {
+function Ul(t) {
   return {
     default: t,
     type: "object",
@@ -2782,21 +2786,21 @@ function fa(t) {
     rules: "required"
   };
 }
-function Kl(t, s = {}) {
+function Nl(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Ql(t, s = {}) {
+function Wl(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Jl(t, s = {}) {
+function Kl(t, s = {}) {
   return {
     default: t,
     type: "string",
@@ -2824,8 +2828,8 @@ const ha = { class: "mt-4 flex flex-row-reverse gap-2" }, ga = /* @__PURE__ */ g
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: i } = ma(e);
-    return s(), (p, v) => (o(), m(ne, {
+    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: o } = ma(e);
+    return s(), (p, v) => (i(), m(ne, {
       title: l(n),
       persistent: ""
     }, {
@@ -2835,7 +2839,7 @@ const ha = { class: "mt-4 flex flex-row-reverse gap-2" }, ga = /* @__PURE__ */ g
           onSubmit: (h) => w(l(r).draft)
         }, {
           default: f(() => [
-            l(a) ? (o(), m(z, {
+            l(a) ? (i(), m(z, {
               key: 0,
               text: l(a)
             }, null, 8, ["text"])) : E("", !0),
@@ -2860,7 +2864,7 @@ const ha = { class: "mt-4 flex flex-row-reverse gap-2" }, ga = /* @__PURE__ */ g
                 onClick: (h) => w()
               }, {
                 default: f(() => [
-                  L(x(l(i)), 1)
+                  L(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2878,7 +2882,7 @@ const ha = { class: "mt-4 flex flex-row-reverse gap-2" }, ga = /* @__PURE__ */ g
   height: "1.2em"
 };
 function ba(t, s) {
-  return o(), b("svg", va, s[0] || (s[0] = [
+  return i(), b("svg", va, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M12 21q-1.625 0-3.012-.8T6.8 18H4v-2h2.1q-.075-.5-.088-1T6 14H4v-2h2q0-.5.012-1t.088-1H4V8h2.8q.35-.575.788-1.075T8.6 6.05L7 4.4L8.4 3l2.15 2.15q.7-.225 1.425-.225t1.425.225L15.6 3L17 4.4l-1.65 1.65q.575.375 1.038.862T17.2 8H20v2h-2.1q.075.5.088 1T18 12h2v2h-2q0 .5-.013 1t-.087 1H20v2h-2.8q-.8 1.4-2.187 2.2T12 21m-2-5h4v-2h-4zm0-4h4v-2h-4z"
@@ -2891,7 +2895,7 @@ const ya = V({ name: "material-symbols-bug-report", render: ba }), wa = {
   height: "1.2em"
 };
 function $a(t, s) {
-  return o(), b("svg", wa, s[0] || (s[0] = [
+  return i(), b("svg", wa, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M7 21q-.825 0-1.412-.587T5 19V6q-.425 0-.712-.288T4 5t.288-.712T5 4h4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4h4q.425 0 .713.288T20 5t-.288.713T19 6v13q0 .825-.587 1.413T17 21zm5-7.1l1.9 1.9q.275.275.7.275t.7-.275t.275-.7t-.275-.7l-1.9-1.9l1.9-1.9q.275-.275.275-.7t-.275-.7t-.7-.275t-.7.275L12 11.1l-1.9-1.9q-.275-.275-.7-.275t-.7.275t-.275.7t.275.7l1.9 1.9l-1.9 1.9q-.275.275-.275.7t.275.7t.7.275t.7-.275z"
@@ -2904,7 +2908,7 @@ const _a = V({ name: "material-symbols-delete-forever-rounded", render: $a }), C
   height: "1.2em"
 };
 function xa(t, s) {
-  return o(), b("svg", Ca, s[0] || (s[0] = [
+  return i(), b("svg", Ca, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M11.25 13.5q.95 0 1.6-.65t.65-1.6t-.65-1.6t-1.6-.65t-1.6.65t-.65 1.6t.65 1.6t1.6.65m4.825 4l-2.625-2.625q-.5.325-1.062.475t-1.138.15q-1.775 0-3.012-1.237T7 11.25t1.238-3.012T11.25 7t3.013 1.238T15.5 11.25q0 .575-.162 1.138t-.488 1.062l2.65 2.65zM5 21q-.825 0-1.412-.587T3 19v-4h2v4h4v2zm10 0v-2h4v-4h2v4q0 .825-.587 1.413T19 21zM3 9V5q0-.825.588-1.412T5 3h4v2H5v4zm16 0V5h-4V3h4q.825 0 1.413.588T21 5v4z"
@@ -2917,7 +2921,7 @@ const Sa = V({ name: "material-symbols-frame-inspect", render: xa }), ka = {
   height: "1.2em"
 };
 function Ta(t, s) {
-  return o(), b("svg", ka, s[0] || (s[0] = [
+  return i(), b("svg", ka, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V5q0-.425.288-.712T19 4t.713.288T20 5v5q0 .425-.288.713T19 11h-5q-.425 0-.712-.288T13 10t.288-.712T14 9h3.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.7 0 3.113-.862t2.187-2.313q.2-.35.563-.487t.737-.013q.4.125.575.525t-.025.75q-1.025 2-2.925 3.2T12 20"
@@ -2928,7 +2932,7 @@ const Ma = V({ name: "material-symbols-refresh-rounded", render: Ta }), Ea = { c
   __name: "StartupCrash",
   setup(t) {
     async function s() {
-      await P.confirm(
+      await A.confirm(
         S("startupCrash.purgeConfirmTitle", "Delete everything?"),
         S(
           "startupCrash.purgeConfirmMessage",
@@ -2940,11 +2944,11 @@ Do you still want to proceed?`
           acceptVariant: "danger",
           acceptText: S("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await vt.purge(), await A.reload());
+      ) && (await vt.purge(), await R.reload());
     }
     return (e, r) => {
       const n = Qt("i-majesticons-exclamation");
-      return o(), b("div", Ea, [
+      return i(), b("div", Ea, [
         y("div", Ha, [
           d(n, { class: "size-20 text-red-600" }),
           y("h1", Va, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
@@ -3007,7 +3011,7 @@ Do you still want to proceed?`
     action: {}
   },
   setup(t) {
-    return (s, e) => (o(), m(ee(s.action.dismiss ? l(js) : "button"), {
+    return (s, e) => (i(), m(ee(s.action.dismiss ? l(js) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
@@ -3025,11 +3029,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (o(), m(l(Fs), null, {
+    return (s, e) => (i(), m(l(Fs), null, {
       default: f(() => [
         $(s.$slots, "default", {}, () => [
-          s.message ? (o(), b("span", za, x(s.message), 1)) : E("", !0),
-          (o(!0), b(D, null, U(s.actions, (r, n) => (o(), m(qt, {
+          s.message ? (i(), b("span", za, x(s.message), 1)) : E("", !0),
+          (i(!0), b(D, null, O(s.actions, (r, n) => (i(), m(qt, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -3063,16 +3067,16 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (o(), m(Ra, {
+    return s(), (r, n) => (i(), m(Ra, {
       class: _(e.value)
     }, {
       default: f(() => [
-        r.message ? (o(), m(z, {
+        r.message ? (i(), m(z, {
           key: 0,
           text: r.message,
           inline: ""
         }, null, 8, ["text"])) : E("", !0),
-        (o(!0), b(D, null, U(r.actions, (a, u) => (o(), m(I, {
+        (i(!0), b(D, null, O(r.actions, (a, u) => (i(), m(I, {
           key: u,
           action: a,
           variant: r.variant,
@@ -3082,29 +3086,29 @@ Do you still want to proceed?`
       _: 1
     }, 8, ["class"]));
   }
-}), Pa = { $ui: P }, Aa = {
+}), Pa = { $ui: A }, Aa = {
   async install(t, s) {
     const e = {
       "alert-modal": bn,
       "confirm-modal": Sn,
       "error-report-modal": Gn,
-      "loading-modal": oa,
+      "loading-modal": ia,
       "prompt-modal": ga,
       "startup-crash": Ia,
       toast: qa,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
-      P.registerComponent(r, n);
+      A.registerComponent(r, n);
     await ke(t, Pa);
   }
 };
 async function Da(t, s = {}) {
   var r;
-  const e = [an, _r, nn, Or, kr, Aa, ...s.plugins ?? []];
-  A.instance = t, await rr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
+  const e = [an, _r, nn, Ur, kr, Aa, ...s.plugins ?? []];
+  R.instance = t, await rr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
 }
-async function Zl(t, s = {}) {
+async function Ql(t, s = {}) {
   var r;
   const e = Jt(t);
   Z() && (window.$aerogel = e), await Da(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await F.emit("application-mounted");
@@ -3112,13 +3116,13 @@ async function Zl(t, s = {}) {
 const Ba = /* @__PURE__ */ g({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (o(), m(l(Us), null, {
+    return (s, e) => (i(), m(l(Os), null, {
       default: f(() => [
-        (o(!0), b(D, null, U(s.$ui.toasts, (r) => (o(), m(ee(r.component), H({
+        (i(!0), b(D, null, O(s.$ui.toasts, (r) => (i(), m(ee(r.component), H({
           id: r.id,
           key: r.id
         }, { ref_for: !0 }, r.properties), null, 16, ["id"]))), 128)),
-        d(l(Os), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+        d(l(Us), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
@@ -3126,25 +3130,25 @@ const Ba = /* @__PURE__ */ g({
 }), ja = /* @__PURE__ */ g({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (o(), b(D, null, [
+    return (s, e) => (i(), b(D, null, [
       d(l(ys), { nested: "" }),
       d(Ba)
     ], 64));
   }
-}), Fa = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Xl = /* @__PURE__ */ g({
+}), Fa = { class: "text-primary-text flex min-h-full flex-col text-base leading-tight font-normal antialiased" }, Jl = /* @__PURE__ */ g({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (o(), b("div", Fa, [
+    return (s, e) => (i(), b("div", Fa, [
       s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
-        (o(), m(ee(s.$ui.requireComponent("startup-crash"))))
+        (i(), m(ee(s.$ui.requireComponent("startup-crash"))))
       ]) : $(s.$slots, "default", { key: 1 }),
       d(ja)
     ]));
   }
-}), Ua = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Oa = /* @__PURE__ */ g({
+}), Oa = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Ua = /* @__PURE__ */ g({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = te("$textAreaRef"), e = R(
+    const s = te("$textAreaRef"), e = q(
       "input",
       "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
     ), r = c(() => e.name ?? void 0), n = c(() => e.value);
@@ -3154,7 +3158,7 @@ const Ba = /* @__PURE__ */ g({
     return mt(e, () => {
       var u;
       return (u = s.value) == null ? void 0 : u.focus();
-    }), (u, i) => (o(), b("textarea", {
+    }), (u, o) => (i(), b("textarea", {
       id: l(e).id,
       ref: "$textAreaRef",
       name: r.value,
@@ -3163,28 +3167,42 @@ const Ba = /* @__PURE__ */ g({
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
       onInput: a
-    }, null, 40, Ua));
+    }, null, 40, Oa));
   }
-}), Na = { class: "group" }, Wa = { class: "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, Ka = { class: "pt-2 pl-4" }, Qa = /* @__PURE__ */ g({
+}), Na = { class: "group" }, Wa = /* @__PURE__ */ g({
   __name: "Details",
   props: {
-    label: {}
+    label: { default: () => {
+    } },
+    contentClass: {},
+    summaryClass: {}
   },
   setup(t) {
-    return (s, e) => (o(), b("details", Na, [
-      y("summary", Wa, [
+    const s = c(() => T("pt-2 pl-4", t.contentClass)), e = c(() => T(
+      "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1",
+      "hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700",
+      t.summaryClass
+    ));
+    return (r, n) => (i(), b("details", Na, [
+      y("summary", {
+        class: _(e.value)
+      }, [
         d(l(It), { class: "size-6 transition-transform group-open:rotate-90" }),
-        y("span", null, x(s.label), 1)
-      ]),
-      y("div", Ka, [
-        $(s.$slots, "default")
-      ])
+        $(r.$slots, "label", {}, () => [
+          y("span", null, x(r.label ?? r.$td("ui.details", "Details")), 1)
+        ])
+      ], 2),
+      y("div", {
+        class: _(s.value)
+      }, [
+        $(r.$slots, "default")
+      ], 2)
     ]));
   }
-}), Yl = /* @__PURE__ */ g({
+}), Zl = /* @__PURE__ */ g({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (o(), m(Qa, {
+    return (s, e) => (i(), m(Wa, {
       label: s.$td("ui.advancedOptions", "Advanced options")
     }, {
       default: f(() => [
@@ -3193,7 +3211,7 @@ const Ba = /* @__PURE__ */ g({
       _: 3
     }, 8, ["label"]));
   }
-}), Ja = { class: "flex h-6 items-center" }, Gl = /* @__PURE__ */ g({
+}), Ka = { class: "flex h-6 items-center" }, Xl = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3206,9 +3224,9 @@ const Ba = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["inputClass", "labelClass"]), e = te("$inputRef"), [r, n] = Pe(), a = c(() => M("relative flex items-start", n.value)), u = c(() => {
+    const s = K(t, ["inputClass", "labelClass"]), e = te("$inputRef"), [r, n] = Pe(), a = c(() => T("relative flex items-start", n.value)), u = c(() => {
       var p, v;
-      return M(
+      return T(
         "size-4 rounded text-primary-600 not-checked:hover:bg-gray-200 checked:hover:text-primary-500 checked:border-0",
         {
           "border-gray-300 focus:ring-primary-600": !((p = e.value) != null && p.errors),
@@ -3216,23 +3234,23 @@ const Ba = /* @__PURE__ */ g({
         },
         t.inputClass
       );
-    }), i = c(() => M("ml-2 text-sm leading-6", t.labelClass));
-    return (p, v) => (o(), m(Be, H({
+    }), o = c(() => T("ml-2 text-sm leading-6", t.labelClass));
+    return (p, v) => (i(), m(Be, H({
       ref: "$inputRef",
       class: a.value
     }, s, {
       "onUpdate:modelValue": v[0] || (v[0] = (w) => p.$emit("update:modelValue", w))
     }), {
       default: f(() => [
-        y("div", Ja, [
+        y("div", Ka, [
           d(zt, H(l(r), {
             type: "checkbox",
             class: u.value
           }), null, 16, ["class"])
         ]),
-        p.$slots.default ? (o(), b("div", {
+        p.$slots.default ? (i(), b("div", {
           key: 0,
-          class: _(i.value)
+          class: _(o.value)
         }, [
           d(ye, { class: "text-gray-900" }, {
             default: f(() => [
@@ -3241,9 +3259,9 @@ const Ba = /* @__PURE__ */ g({
             _: 3
           }),
           d(we, { class: "text-red-600" })
-        ], 2)) : p.label ? (o(), b("div", {
+        ], 2)) : p.label ? (i(), b("div", {
           key: 1,
-          class: _(i.value)
+          class: _(o.value)
         }, [
           d(ye, { class: "text-gray-900" }),
           d(we, { class: "text-red-600" })
@@ -3252,7 +3270,7 @@ const Ba = /* @__PURE__ */ g({
       _: 3
     }, 16, ["class"]));
   }
-}), Za = /* @__PURE__ */ g({
+}), Qa = /* @__PURE__ */ g({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3261,11 +3279,11 @@ const Ba = /* @__PURE__ */ g({
   },
   emits: ["select"],
   setup(t) {
-    const s = K(t, ["class"]), e = c(() => M(
+    const s = K(t, ["class"]), e = c(() => T(
       "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
       t.class
     ));
-    return (r, n) => (o(), m(l(Ns), H({ class: e.value }, s, {
+    return (r, n) => (i(), m(l(Ns), H({ class: e.value }, s, {
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
       default: f(() => [
@@ -3274,21 +3292,21 @@ const Ba = /* @__PURE__ */ g({
       _: 3
     }, 16, ["class"]));
   }
-}), Xa = /* @__PURE__ */ g({
+}), Ja = /* @__PURE__ */ g({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = R(
+    const s = q(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (o(), m(l(Ws), {
+    return (e, r) => (i(), m(l(Ws), {
       class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
       align: l(s).align,
       side: l(s).side
     }, {
       default: f(() => [
         $(e.$slots, "default", {}, () => [
-          (o(!0), b(D, null, U(l(s).options, (n, a) => (o(), m(Za, H(
+          (i(!0), b(D, null, O(l(s).options, (n, a) => (i(), m(Qa, H(
             {
               key: a,
               as: n.route || n.href ? _t : void 0,
@@ -3303,8 +3321,8 @@ const Ba = /* @__PURE__ */ g({
             } : {},
             {
               onSelect: (u) => {
-                var i;
-                return (i = n.click) == null ? void 0 : i.call(n);
+                var o;
+                return (o = n.click) == null ? void 0 : o.call(n);
               }
             }
           ), {
@@ -3318,7 +3336,7 @@ const Ba = /* @__PURE__ */ g({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), eo = /* @__PURE__ */ g({
+}), Yl = /* @__PURE__ */ g({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3334,7 +3352,7 @@ const Ba = /* @__PURE__ */ g({
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return pe("dropdown-menu", e), s(e), (r, n) => (o(), m(l(Ks), null, {
+    return pe("dropdown-menu", e), s(e), (r, n) => (i(), m(l(Ks), null, {
       default: f(() => [
         d(l(Qs), null, {
           default: f(() => [
@@ -3345,7 +3363,7 @@ const Ba = /* @__PURE__ */ g({
         d(l(Js), null, {
           default: f(() => [
             $(r.$slots, "options", {}, () => [
-              d(Xa)
+              d(Ja)
             ])
           ]),
           _: 3
@@ -3354,7 +3372,7 @@ const Ba = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), Ya = ["aria-hidden"], Ga = ["tabindex", "aria-label", "type"], to = /* @__PURE__ */ g({
+}), Za = ["aria-hidden"], Xa = ["tabindex", "aria-label", "type"], Gl = /* @__PURE__ */ g({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3367,40 +3385,40 @@ const Ba = /* @__PURE__ */ g({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = te("$inputRef"), n = N(null), a = N(t.text), u = c(() => M("inline whitespace-pre", t.contentClass)), i = c(() => M("invisible whitespace-pre", t.contentClass)), p = c(() => M("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    const e = s, r = te("$inputRef"), n = N(null), a = N(t.text), u = c(() => T("inline whitespace-pre", t.contentClass)), o = c(() => T("invisible whitespace-pre", t.contentClass)), p = c(() => T("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
     function v() {
       n.value = t.text;
     }
     function w() {
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
-    return G(() => a.value = t.text), (h, k) => (o(), b("div", {
+    return G(() => a.value = t.text), (h, k) => (i(), b("div", {
       class: _(["relative", { "pointer-events-none!": h.disabled && !n.value }])
     }, [
-      n.value ? (o(), b("span", {
+      n.value ? (i(), b("span", {
         key: 1,
-        class: _(i.value)
-      }, x(a.value), 3)) : (o(), b("div", {
+        class: _(o.value)
+      }, x(a.value), 3)) : (i(), b("div", {
         key: 0,
         class: _(u.value)
       }, [
         $(h.$slots, "default")
       ], 2)),
-      h.type === "number" ? (o(), b("span", {
+      h.type === "number" ? (i(), b("span", {
         key: 2,
         class: _(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
       }, null, 2)) : E("", !0),
       y("form", {
         class: "w-full",
         "aria-hidden": h.formAriaHidden,
-        onSubmit: k[4] || (k[4] = nt((q) => {
+        onSubmit: k[4] || (k[4] = nt((P) => {
           var Q;
           return (Q = r.value) == null ? void 0 : Q.blur();
         }, ["prevent"]))
       }, [
         at(y("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": k[0] || (k[0] = (q) => a.value = q),
+          "onUpdate:modelValue": k[0] || (k[0] = (P) => a.value = P),
           tabindex: h.tabindex ?? void 0,
           "aria-label": h.ariaLabel ?? void 0,
           type: h.type,
@@ -3408,59 +3426,59 @@ const Ba = /* @__PURE__ */ g({
             p.value,
             { "opacity-0": !n.value, "appearance-textfield": !n.value && h.type === "number" }
           ]),
-          onKeyup: k[1] || (k[1] = (q) => h.$emit("update", a.value)),
-          onFocus: k[2] || (k[2] = (q) => v()),
-          onBlur: k[3] || (k[3] = (q) => w())
-        }, null, 42, Ga), [
+          onKeyup: k[1] || (k[1] = (P) => h.$emit("update", a.value)),
+          onFocus: k[2] || (k[2] = (P) => v()),
+          onBlur: k[3] || (k[3] = (P) => w())
+        }, null, 42, Xa), [
           [Zt, a.value]
         ])
-      ], 40, Ya)
+      ], 40, Za)
     ], 2));
   }
-}), el = {
+}), Ya = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function tl(t, s) {
-  return o(), b("svg", el, s[0] || (s[0] = [
+function Ga(t, s) {
+  return i(), b("svg", Ya, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0 0 80 446.25h340.89a32 32 0 0 0 28.18-47.17m-198.6-1.83a20 20 0 1 1 20-20a20 20 0 0 1-20 20m21.72-201.15l-5.74 122a16 16 0 0 1-32 0l-5.74-121.95a21.73 21.73 0 0 1 21.5-22.69h.21a21.74 21.74 0 0 1 21.73 22.7Z"
     }, null, -1)
   ]));
 }
-const sl = V({ name: "ion-warning", render: tl }), rl = {
+const el = V({ name: "ion-warning", render: Ga }), tl = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function nl(t, s) {
-  return o(), b("svg", rl, s[0] || (s[0] = [
+function sl(t, s) {
+  return i(), b("svg", tl, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10m9.8 4a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-2a2 2 0 1 1 0-4a2 2 0 0 1 0 4"
     }, null, -1)
   ]));
 }
-const al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-medium" }, ol = ["datetime"], il = /* @__PURE__ */ g({
+const rl = V({ name: "zondicons-view-show", render: sl }), nl = { class: "font-medium" }, al = ["datetime"], ll = /* @__PURE__ */ g({
   __name: "ErrorLogsModal",
   setup(t) {
-    return (s, e) => (o(), m(ne, {
+    return (s, e) => (i(), m(ne, {
       title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
     }, {
       default: f(() => [
         y("ol", null, [
-          (o(!0), b(D, null, U(s.$errors.logs, (r, n) => (o(), b("li", {
+          (i(!0), b(D, null, O(s.$errors.logs, (r, n) => (i(), b("li", {
             key: n,
             class: "mb-2 flex max-w-prose min-w-56 justify-between py-2 last:mb-0"
           }, [
             y("div", null, [
-              y("h3", ll, x(r.report.title), 1),
+              y("h3", nl, x(r.report.title), 1),
               y("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, x(r.date.toLocaleTimeString()), 9, ol),
+              }, x(r.date.toLocaleTimeString()), 9, al),
               d(z, {
                 class: "text-sm text-gray-500",
                 text: r.report.description ?? l(Vt)(r.report)
@@ -3478,7 +3496,7 @@ const al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-m
               )
             }, {
               default: f(() => [
-                d(l(al), {
+                d(l(rl), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3491,36 +3509,36 @@ const al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), so = /* @__PURE__ */ g({
+}), ei = /* @__PURE__ */ g({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (o(), m(I, {
+    return (s, e) => s.$errors.logs.length > 0 ? (i(), m(I, {
       key: 0,
       size: "icon",
       variant: "ghost",
       title: s.$td("errors.viewLogs", "View error logs"),
       "aria-label": s.$td("errors.viewLogs", "View error logs"),
-      onClick: e[0] || (e[0] = (r) => s.$ui.modal(il))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(ll))
     }, {
       default: f(() => [
-        d(l(sl), { class: "size-6 text-red-500" })
+        d(l(el), { class: "size-6 text-red-500" })
       ]),
       _: 1
     }, 8, ["title", "aria-label"])) : E("", !0);
   }
-}), ro = /* @__PURE__ */ g({
+}), ti = /* @__PURE__ */ g({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
     const s = c(() => Vt(t.error));
-    return (e, r) => (o(), m(z, {
+    return (e, r) => (i(), m(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), no = /* @__PURE__ */ g({
+}), si = /* @__PURE__ */ g({
   __name: "Link",
   props: {
     class: {},
@@ -3535,30 +3553,31 @@ const al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), m(I, H({ variant: "link" }, s.$props), {
+    return (s, e) => (i(), m(I, H({ variant: "link" }, s.$props), {
       default: f(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), ao = /* @__PURE__ */ g({
+}), ri = /* @__PURE__ */ g({
   __name: "SettingsModal",
   setup(t) {
-    const s = c(() => os(A.settings, "priority", "desc"));
-    return (e, r) => (o(), m(ne, {
-      title: e.$td("settings.title", "Settings")
+    const s = c(() => is(R.settings, "priority", "desc"));
+    return (e, r) => (i(), m(ne, {
+      title: e.$td("settings.title", "Settings"),
+      "fullscreen-on-mobile": e.$app.settingsFullscreenOnMobile
     }, {
       default: f(() => [
-        (o(!0), b(D, null, U(s.value, (n, a) => (o(), m(ee(n.component), { key: a }))), 128))
+        (i(!0), b(D, null, O(s.value, (n, a) => (i(), m(ee(n.component), { key: a }))), 128))
       ]),
       _: 1
-    }, 8, ["title"]));
+    }, 8, ["title", "fullscreen-on-mobile"]));
   }
-}), ul = {
+}), il = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, lo = /* @__PURE__ */ g({
+}, ni = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3571,25 +3590,25 @@ const al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = te("$inputRef"), [r, n] = Pe(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
-      var i, p, v;
-      return M(
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = te("$inputRef"), [r, n] = Pe(), a = c(() => T("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
+      var o, p, v;
+      return T(
         // eslint-disable-next-line vue/max-len
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
-          "focus:ring-primary-600": !((i = e.value) != null && i.errors),
+          "focus:ring-primary-600": !((o = e.value) != null && o.errors),
           "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((p = e.value) != null && p.errors),
           "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
         },
         t.inputClass
       );
     });
-    return (i, p) => (o(), m(Be, H({
+    return (o, p) => (i(), m(Be, H({
       ref: "$inputRef",
-      label: i.label,
+      label: o.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": p[0] || (p[0] = (v) => i.$emit("update:modelValue", v))
+      "onUpdate:modelValue": p[0] || (p[0] = (v) => o.$emit("update:modelValue", v))
     }), {
       default: f(() => {
         var v;
@@ -3598,8 +3617,8 @@ const al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-m
           y("div", {
             class: _(a.value)
           }, [
-            d(Oa, H(l(r), { class: u.value }), null, 16, ["class"]),
-            (v = e.value) != null && v.errors ? (o(), b("div", ul, [
+            d(Ua, H(l(r), { class: u.value }), null, 16, ["class"]),
+            (v = e.value) != null && v.errors ? (i(), b("div", il, [
               d(l(De), { class: "size-5 text-red-500" })
             ])) : E("", !0)
           ], 2),
@@ -3611,7 +3630,7 @@ const al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-m
     }, 16, ["label", "class"]));
   }
 });
-class oo {
+class ai {
   constructor() {
     C(this, "status");
     C(this, "_listeners");
@@ -3619,7 +3638,7 @@ class oo {
     C(this, "_cancelled");
     C(this, "_started");
     C(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new is(), this._started = new J(), this._completed = new J();
+    this.status = this.getInitialStatus(), this._listeners = new os(), this._started = new J(), this._completed = new J();
   }
   async start() {
     this.beforeStart(), this._started.resolve();
@@ -3686,35 +3705,35 @@ class oo {
     return { ...s };
   }
 }
-async function io(t) {
+async function li(t) {
   await t.start();
 }
 export {
-  Yl as AdvancedOptions,
+  Zl as AdvancedOptions,
   bn as AlertModal,
-  A as App,
-  Xl as AppLayout,
+  R as App,
+  Jl as AppLayout,
   ja as AppOverlays,
   sr as AppService,
   Ba as AppToasts,
   I as Button,
-  ql as Cache,
+  zl as Cache,
   Cr as CacheService,
-  Gl as Checkbox,
+  Xl as Checkbox,
   Sn as ConfirmModal,
-  Qa as Details,
-  eo as DropdownMenu,
-  Za as DropdownMenuOption,
-  Xa as DropdownMenuOptions,
-  to as EditableContent,
-  so as ErrorLogs,
-  il as ErrorLogsModal,
-  ro as ErrorMessage,
+  Wa as Details,
+  Yl as DropdownMenu,
+  Qa as DropdownMenuOption,
+  Ja as DropdownMenuOptions,
+  Gl as EditableContent,
+  ei as ErrorLogs,
+  ll as ErrorLogsModal,
+  ti as ErrorMessage,
   Gn as ErrorReportModal,
-  On as ErrorReportModalButtons,
+  Un as ErrorReportModalButtons,
   Nn as ErrorReportModalTitle,
   $t as Errors,
-  xl as EventListenerPriorities,
+  _l as EventListenerPriorities,
   F as Events,
   er as EventsService,
   Lt as Form,
@@ -3725,7 +3744,7 @@ export {
   we as HeadlessInputError,
   zt as HeadlessInputInput,
   ye as HeadlessInputLabel,
-  Oa as HeadlessInputTextArea,
+  Ua as HeadlessInputTextArea,
   cn as HeadlessModal,
   dn as HeadlessModalContent,
   pn as HeadlessModalDescription,
@@ -3740,19 +3759,19 @@ export {
   Xr as HeadlessSwitch,
   Ra as HeadlessToast,
   pa as Input,
-  oo as Job,
+  ai as Job,
   tt as JobCancelledError,
   Xe as LOCAL_TIMEZONE_OFFSET,
   X as Lang,
   be as Layouts,
-  no as Link,
-  oa as LoadingModal,
+  si as Link,
+  ia as LoadingModal,
   yr as MINUTE_MILLISECONDS,
   bt as MOBILE_BREAKPOINT,
   z as Markdown,
   ne as Modal,
-  po as ModalComponent,
-  fo as ModalsPortal,
+  ui as ModalComponent,
+  ci as ModalsPortal,
   aa as ProgressBar,
   ga as PromptModal,
   Dr as Select,
@@ -3763,73 +3782,73 @@ export {
   Se as Service,
   Ve as ServiceBootError,
   Jr as Setting,
-  ao as SettingsModal,
+  ri as SettingsModal,
   Ia as StartupCrash,
   vt as Storage,
   Yr as Switch,
-  lo as TextArea,
+  ni as TextArea,
   qa as Toast,
-  P as UI,
+  A as UI,
   Mr as UIService,
-  Hl as __valueType,
+  Ml as __valueType,
   $r as aerogelDirectives,
   Zs as appNamespace,
-  Dl as booleanInput,
+  Pl as booleanInput,
   ke as bootServices,
-  Zl as bootstrap,
+  Ql as bootstrap,
   Da as bootstrapApplication,
-  M as classes,
-  mo as closeModal,
-  Il as computedAsync,
-  zl as computedDebounce,
-  ho as createModal,
-  Bl as dateInput,
-  Tl as defineDirective,
-  El as defineFormValidationRule,
-  kl as definePlugin,
+  T as classes,
+  di as closeModal,
+  Vl as computedAsync,
+  Ll as computedDebounce,
+  pi as createModal,
+  Al as dateInput,
+  Sl as defineDirective,
+  Tl as defineFormValidationRule,
+  xl as definePlugin,
   xe as defineServiceState,
   Gs as defineServiceStore,
-  Sl as defineSettings,
-  io as dispatch,
-  jl as enumInput,
+  Cl as defineSettings,
+  li as dispatch,
+  Dl as enumInput,
   yt as getCurrentLayout,
   Vt as getErrorMessage,
   vr as getMarkdownRouter,
   Ys as getPiniaStore,
   zr as hasSelectOptionLabel,
-  go as injectModal,
+  fi as injectModal,
   lr as injectOrFail,
   ar as injectReactive,
-  R as injectReactiveOrFail,
+  q as injectReactiveOrFail,
   rr as installPlugins,
-  vo as modals,
-  Kl as numberInput,
-  Ql as objectInput,
-  Vl as onCleanMounted,
+  mi as modals,
+  Nl as numberInput,
+  Wl as objectInput,
+  El as onCleanMounted,
   mt as onFormFocus,
-  Ll as persistent,
+  Hl as persistent,
   fr as reactiveSet,
-  Al as registerErrorHandler,
+  ql as registerErrorHandler,
   br as renderMarkdown,
   pt as renderVNode,
-  Pl as replaceExisting,
-  Fl as requiredBooleanInput,
-  Ul as requiredDateInput,
-  Ol as requiredEnumInput,
-  Nl as requiredNumberInput,
-  Wl as requiredObjectInput,
+  Rl as replaceExisting,
+  Bl as requiredBooleanInput,
+  jl as requiredDateInput,
+  Fl as requiredEnumInput,
+  Ol as requiredNumberInput,
+  Ul as requiredObjectInput,
   fa as requiredStringInput,
   Xs as resetPiniaStore,
   gt as safeHtml,
-  Rl as setMarkdownRouter,
-  bo as showModal,
-  Jl as stringInput,
+  Il as setMarkdownRouter,
+  hi as showModal,
+  Kl as stringInput,
   wt as translate,
   S as translateWithDefault,
   vn as useAlertModal,
   yn as useConfirmModal,
   Wn as useErrorReportModal,
-  Ml as useEvent,
+  kl as useEvent,
   ht as useForm,
   Pe as useInputAttrs,
   la as useLoadingModal,