@aerogel/core 0.1.1-next.b25730fd2850ebabef064973972dabd342d92769 → 0.1.1-next.bad775a386a94fedbee1d575ee1f4fb99d1f5bab

package/dist/aerogel-core.js

@@ -1,42 +1,44 @@
-var St = Object.defineProperty;
-var Tt = (t, s, e) => s in t ? St(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var _ = (t, s, e) => Tt(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as E, Comment as Mt, Text as Ht, Static as Et, inject as X, reactive as pe, unref as l, onUnmounted as ge, ref as U, computed as c, readonly as ve, nextTick as Oe, useAttrs as Ne, onMounted as Vt, watch as Me, toRaw as Lt, watchEffect as Y, defineComponent as g, createBlock as h, openBlock as u, mergeProps as H, withCtx as f, renderSlot as w, createPropsRestProxy as N, createVNode as p, normalizeProps as ne, guardReactiveProps as ae, createTextVNode as I, toDisplayString as x, normalizeClass as k, createElementBlock as b, Fragment as D, renderList as F, provide as le, resolveDynamicComponent as W, useSlots as He, createCommentVNode as T, createElementVNode as y, h as It, toRef as Re, useTemplateRef as G, withModifiers as We, withDirectives as Ke, vModelCheckbox as qt, normalizeStyle as zt, resolveComponent as Rt, createApp as Pt, vModelText as At } from "vue";
-import { JSError as be, stringToSlug as Dt, tap as ee, MagicObject as Qe, PromisedValue as K, Storage as O, objectOnly as oe, arrayFrom as Je, isEmpty as xe, objectDeepClone as jt, fail as Q, facade as te, arrayRemove as Se, getEnv as Bt, updateLocationQueryParameters as Ft, forever as Ut, toString as B, objectWithout as Ot, noop as Nt, debounce as Wt, stringMatchAll as Ze, isDevelopment as J, isTesting as Ee, after as ue, uuid as re, required as Kt, isObject as ce, objectWithoutEmpty as Xe, value as Qt, isInstanceOf as Pe, stringExcerpt as Jt, arraySorted as Zt, ListenersManager as Xt, toError as Yt, round as Gt } from "@noeldemartin/utils";
-import j from "virtual:aerogel";
-import { createPinia as es, setActivePinia as ts, defineStore as ss } from "pinia";
-import rs from "dompurify";
-import { marked as ns, Renderer as Ae } from "marked";
-import as from "clsx";
-import { cva as ls } from "class-variance-authority";
-import { twMerge as os } from "tailwind-merge";
-import { Primitive as is, SelectValue as De, SelectTrigger as us, SelectIcon as cs, SelectItem as ds, SelectItemText as ps, SelectPortal as ms, SelectContent as fs, SelectViewport as hs, SelectRoot as gs, Label as vs, useForwardExpose as Ve, SwitchRoot as bs, SwitchThumb as ys, DialogRoot as ws, DialogPortal as $s, DialogContent as _s, DialogDescription as xs, DialogOverlay as Cs, DialogTitle as ks, ToastClose as Ss, ToastRoot as Ts, ToastProvider as Ms, ToastViewport as Hs, DropdownMenuItem as Es, DropdownMenuContent as Vs, DropdownMenuRoot as Ls, DropdownMenuTrigger as Is, DropdownMenuPortal as qs } from "reka-ui";
-class Te extends be {
+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 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 ci, ModalsPortal as di, closeModal as pi, createModal as fi, injectModal as mi, modals as hi, showModal as gi } 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 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 });
   }
 }
-function zs() {
-  return j.namespace ?? Dt(j.name);
+function Zs() {
+  return B.namespace ?? Xt(B.name);
 }
-let Le = null;
-function Ye() {
-  return Le ?? Rs();
+let qe = null;
+function dt() {
+  return qe ?? Xs();
 }
-function Rs() {
-  return ee(es(), (t) => {
-    Le = t, ts(t);
+function Xs() {
+  return se(ds(), (t) => {
+    qe = t, ps(t);
   });
 }
-function Ps() {
-  return Le ?? Ye();
+function Ys() {
+  return qe ?? dt();
 }
-function As(t, s) {
-  return Ye(), ss(t, s)();
+function Gs(t, s) {
+  return dt(), fs(t, s)();
 }
-function ye(t) {
+function xe(t) {
   var s;
-  return s = class extends we {
+  return s = class extends Se {
     usesStore() {
       return !0;
     }
@@ -70,19 +72,19 @@ To fix this problem, declare your initialState as a function instead.`
       var r;
       return ((r = t.restore) == null ? void 0 : r.call(t, e)) ?? e;
     }
-  }, _(s, "persist", t.persist ?? []), s;
+  }, C(s, "persist", t.persist ?? []), s;
 }
-var ke;
-let we = (ke = class extends Qe {
+var Ee;
+let Se = (Ee = class extends lt {
   constructor() {
     super();
-    _(this, "_name");
-    _(this, "_booted");
-    _(this, "_computedStateKeys");
-    _(this, "_watchers");
-    _(this, "_store");
+    C(this, "_name");
+    C(this, "_booted");
+    C(this, "_computedStateKeys");
+    C(this, "_watchers");
+    C(this, "_store");
     const e = this.getComputedStateDefinition();
-    this._name = this.getName() ?? new.target.name, this._booted = new K(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && As(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new J(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Gs(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -95,7 +97,7 @@ let we = (ke = class extends Qe {
     return super.static(e);
   }
   launch() {
-    const e = (r) => this._booted.reject(new Te(this._name, r));
+    const e = (r) => this._booted.reject(new Ve(this._name, r));
     try {
       this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
     } catch (r) {
@@ -104,7 +106,7 @@ let we = (ke = class extends Qe {
     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;
@@ -116,14 +118,14 @@ let we = (ke = class extends Qe {
   setState(e, r) {
     if (!this._store)
       return;
-    const n = typeof e == "string" ? { [e]: r } : e, a = oe(this._store.$state, Object.keys(n));
+    const n = typeof e == "string" ? { [e]: r } : e, a = ae(this._store.$state, Object.keys(n));
     Object.assign(this._store.$state, n), this.onStateUpdated(n, a);
   }
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const r = Je(e), n = oe(this._store.$state, r);
-    xe(n) || this.onPersistentStateUpdated(n);
+    const r = it(e), n = ae(this._store.$state, r);
+    Te(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
     return this.hasState(e) ? this.getState(e) : super.__get(e);
@@ -132,21 +134,21 @@ let we = (ke = class extends Qe {
     this.setState({ [e]: r });
   }
   get storageKey() {
-    return `${zs()}:${this._name}`;
+    return `${Zs()}:${this._name}`;
   }
   onStateUpdated(e, r) {
-    const n = oe(e, this.static("persist"));
-    xe(n) || this.onPersistentStateUpdated(n);
+    const n = ae(e, this.static("persist"));
+    Te(n) || this.onPersistentStateUpdated(n);
     for (const a in e) {
-      const i = this._watchers[a];
-      !i || e[a] === r[a] || i.call(this, e[a], r[a]);
+      const u = this._watchers[a];
+      !u || e[a] === r[a] || u.call(this, e[a], r[a]);
     }
   }
   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(jt(e))
+      ...this.serializePersistedState(Yt(e))
     });
   }
   usesStore() {
@@ -176,28 +178,28 @@ let we = (ke = class extends Qe {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || xe(this.static("persist")))) {
-      if (O.has(this.storageKey)) {
-        const e = O.require(this.storageKey);
+    if (!(!this.usesStore() || Te(this.static("persist")))) {
+      if (U.has(this.storageKey)) {
+        const e = U.require(this.storageKey);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      O.set(this.storageKey, oe(this.getState(), this.static("persist")));
+      U.set(this.storageKey, ae(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
-    return this._store ? this._store : Q(`Failed getting '${this._name}' store`);
+    return this._store ? this._store : W(`Failed getting '${this._name}' store`);
   }
-}, _(ke, "persist", []), ke);
-const ol = {
+}, C(Ee, "persist", []), Ee);
+const Cl = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class Ds extends we {
+class er extends Se {
   constructor() {
     super(...arguments);
-    _(this, "listeners", {});
+    C(this, "listeners", {});
   }
   async boot() {
     Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, r]) => (
@@ -208,77 +210,78 @@ class Ds extends we {
   async emit(e, r) {
     var a;
     const n = this.listeners[e] ?? { priorities: [], handlers: {} };
-    for (const i of n.priorities)
-      await Promise.all(((a = n.handlers[i]) == null ? void 0 : a.map((o) => o(r))) ?? []);
+    for (const u of n.priorities)
+      await Promise.all(((a = n.handlers[u]) == null ? void 0 : a.map((o) => o(r))) ?? []);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   on(e, r, n) {
-    const a = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, i = typeof r == "function" ? r : n;
-    return this.registerListener(e, a, i), () => this.off(e, i);
+    const a = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, u = typeof r == "function" ? r : n;
+    return this.registerListener(e, a, u), () => this.off(e, u);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   once(e, r, n) {
     let a = null;
-    const i = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
-    return ee(
+    const u = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
+    return se(
       () => a && this.off(e, a),
-      (d) => {
-        a = (...v) => (d(), o(...v)), this.registerListener(e, i, o);
+      (p) => {
+        a = (...v) => (p(), o(...v)), this.registerListener(e, u, o);
       }
     );
   }
   off(e, r) {
-    var i;
+    var u;
     const n = this.listeners[e];
     if (!n)
       return;
     const a = [...n.priorities];
     for (const o of a)
-      Se(n.handlers[o] ?? [], r), ((i = n.handlers[o]) == null ? void 0 : i.length) === 0 && (delete n.handlers[o], Se(n.priorities, o));
+      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 d, v, $;
+    var p, v, w;
     const a = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const i = ((d = this.listeners[e]) == null ? void 0 : d.priorities) ?? Q(`priorities missing for event '${e}'`), o = ((v = this.listeners[e]) == null ? void 0 : v.handlers) ?? Q(`handlers missing for event '${e}'`);
-    i.includes(a) || (i.push(a), i.sort((m, C) => C - m), o[a] = []), ($ = o[a]) == null || $.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 R = te(Ds);
-function il(t) {
+const F = re(er);
+function xl(t) {
   return t;
 }
-const js = ye({
+const tr = xe({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: Bt() ?? "development",
-    version: j.version,
-    sourceUrl: j.sourceUrl,
-    settings: []
+    environment: Gt() ?? "development",
+    version: B.version,
+    sourceUrl: B.sourceUrl,
+    settings: [],
+    settingsFullscreenOnMobile: !1
   },
   computed: {
     development: (t) => t.environment === "development",
     staging: (t) => t.environment === "staging",
     testing: (t) => t.environment === "test" || t.environment === "testing",
     versionName(t) {
-      return this.development ? "dev." + j.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + j.sourceHash.toString().substring(0, 7) : `v${t.version}`;
+      return this.development ? "dev." + B.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + B.sourceHash.toString().substring(0, 7) : `v${t.version}`;
     },
     versionUrl(t) {
-      return t.sourceUrl + (this.development || this.staging ? `/tree/${j.sourceHash}` : `/releases/tag/${this.versionName}`);
+      return t.sourceUrl + (this.development || this.staging ? `/tree/${B.sourceHash}` : `/releases/tag/${this.versionName}`);
     }
   }
 });
-class Bs extends js {
+class sr extends tr {
   constructor() {
     super(...arguments);
-    _(this, "name", j.name);
-    _(this, "ready", new K());
-    _(this, "mounted", new K());
+    C(this, "name", B.name);
+    C(this, "ready", new J());
+    C(this, "mounted", new J());
   }
   isReady() {
     return this.ready.isResolved();
@@ -287,13 +290,16 @@ class Bs extends js {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push(E(e));
+    this.settings.push(V(e));
+  }
+  setSettingsFullscreenOnMobile(e) {
+    this.settingsFullscreenOnMobile = e;
   }
   async whenReady(e) {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Ft(e), location.reload(), await Ut();
+    e && es(e), location.reload(), await ts();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -303,15 +309,15 @@ class Bs extends js {
     return ((r = this.instance) == null ? void 0 : r.config.globalProperties[e]) ?? null;
   }
   async boot() {
-    R.once("application-ready", () => this.ready.resolve()), R.once("application-mounted", () => this.mounted.resolve());
+    F.once("application-ready", () => this.ready.resolve()), F.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const A = te(Bs);
-function ul(t) {
+const R = re(sr);
+function Sl(t) {
   return t;
 }
-async function Fs(t, ...s) {
-  A.setState(
+async function rr(t, ...s) {
+  R.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -319,55 +325,55 @@ async function Fs(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function Us(t) {
-  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
+function nr(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${j(r)}"`, "");
 }
-function cl(t) {
+function kl(t) {
   return t;
 }
-function Os(t) {
-  const s = X(t);
-  return s ? pe(s) : void 0;
+function ar(t) {
+  const s = Y(t);
+  return s ? ve(s) : void 0;
 }
-function V(t, s) {
-  return Os(t) ?? Q(s ?? `Could not resolve '${B(t)}' injection key`);
+function q(t, s) {
+  return ar(t) ?? W(s ?? `Could not resolve '${j(t)}' injection key`);
 }
-function Ns(t, s) {
-  return X(t) ?? Q(s ?? `Could not resolve '${B(t)}' injection key`);
+function lr(t, s) {
+  return Y(t) ?? W(s ?? `Could not resolve '${j(t)}' injection key`);
 }
-function Ge(t) {
-  return typeof t == "string" ? t : t.type === Mt ? "" : t.type === Ht || t.type === Et ? t.children : t.type === "br" ? `
+function pt(t) {
+  return typeof t == "string" ? t : t.type === Bt ? "" : t.type === jt || t.type === Ft ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${Us(t)}>${Array.from(t.children).map(Ge).join("")}</${t.type}>`;
+` : `<${t.type} ${nr(t)}>${Array.from(t.children).map(pt).join("")}</${t.type}>`;
 }
-const Ce = /* @__PURE__ */ new WeakMap(), Ws = {
+const Me = /* @__PURE__ */ new WeakMap(), ir = {
   mounted(t, { value: s, modifiers: e }) {
     const r = typeof s == "function" ? s : null, n = () => {
       const a = t.getBoundingClientRect();
       e.css && (t.style.setProperty("--width", `${a.width}px`), t.style.setProperty("--height", `${a.height}px`)), r == null || r({ width: a.width, height: a.height });
     };
-    e.watch && Ce.set(t, ee(new ResizeObserver(n)).observe(t)), n();
+    e.watch && Me.set(t, se(new ResizeObserver(n)).observe(t)), n();
   },
   unmounted(t) {
     var s;
-    (s = Ce.get(t)) == null || s.unobserve(t), Ce.delete(t);
+    (s = Me.get(t)) == null || s.unobserve(t), Me.delete(t);
   }
 };
-function et(t, s) {
-  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, i = ls(n, a);
-  return M(i(r), l(e));
+function ft(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = $s(n, a);
+  return T(u(r), l(e));
 }
-function M(...t) {
-  return os(as(t));
+function T(...t) {
+  return _s(ws(t));
 }
-function tt(t, s) {
-  const e = R.on(t, s);
-  ge(() => e());
+function Tl(t, s) {
+  const e = F.on(t, s);
+  $e(() => e());
 }
-const Ks = {
+const or = {
   required: (t) => t ? void 0 : "required"
 };
-function Qs(t, s) {
+function ur(t, s) {
   var e;
   if (t == null)
     return !0;
@@ -386,43 +392,43 @@ function Qs(t, s) {
       return typeof t == "object";
   }
 }
-const de = { ...Ks };
-function dl(t, s) {
-  de[t] = s;
+const ge = { ...or };
+function Ml(t, s) {
+  ge[t] = s;
 }
-function Js(t, s) {
-  return Qs(t, s) ? [] : ["invalid_value"];
+function cr(t, s) {
+  return ur(t, s) ? [] : ["invalid_value"];
 }
-function Zs(t, s) {
+function dr(t, s) {
   var r;
-  const e = (r = de[s]) == null ? void 0 : r.call(de, t);
-  return e ? Je(e) : [];
+  const e = (r = ge[s]) == null ? void 0 : r.call(ge, t);
+  return e ? it(e) : [];
 }
-const pl = Symbol(), je = /* @__PURE__ */ new WeakMap();
-class Xs extends Qe {
+const El = Symbol(), Ze = /* @__PURE__ */ new WeakMap();
+class pr extends lt {
   constructor(e) {
     super();
-    _(this, "errors");
-    _(this, "_fields");
-    _(this, "_data");
-    _(this, "_submitted");
-    _(this, "_errors");
-    _(this, "_listeners", {});
-    this._fields = e, this._submitted = U(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), je.set(
+    C(this, "errors");
+    C(this, "_fields");
+    C(this, "_data");
+    C(this, "_submitted");
+    C(this, "_errors");
+    C(this, "_listeners", {});
+    this._fields = e, this._submitted = N(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Ze.set(
       this,
       c(() => !Object.values(this._errors).some((r) => r !== null))
-    ), this.errors = ve(this._errors);
+    ), this.errors = _e(this._errors);
   }
   get valid() {
     var e;
-    return !!((e = je.get(this)) != null && e.value);
+    return !!((e = Ze.get(this)) != null && e.value);
   }
   get submitted() {
     return this._submitted.value;
   }
   setFieldValue(e, r) {
-    const n = this._fields[e] ?? Q(`Trying to set undefined '${B(e)}' field`);
-    this._data[e] = n.type === "string" && (n.trim ?? !0) ? B(r).trim() : r, this._submitted.value && this.validate();
+    const n = this._fields[e] ?? W(`Trying to set undefined '${j(e)}' field`);
+    this._data[e] = n.type === "string" && (n.trim ?? !0) ? j(r).trim() : r, this._submitted.value && this.validate();
   }
   getFieldValue(e) {
     return this._data[e];
@@ -431,6 +437,9 @@ class Xs extends Qe {
     var r, n;
     return ((n = (r = this._fields[e]) == null ? void 0 : r.rules) == null ? void 0 : n.split("|")) ?? [];
   }
+  setFieldErrors(e, r) {
+    this._errors[e] = r;
+  }
   getFieldType(e) {
     var r;
     return ((r = this._fields[e]) == null ? void 0 : r.type) ?? null;
@@ -459,11 +468,11 @@ class Xs extends Qe {
     return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(r), () => this.off(e, r);
   }
   off(e, r) {
-    Se(this._listeners[e] ?? [], r);
+    He(this._listeners[e] ?? [], r);
   }
   async focus(e) {
     var r;
-    await Oe(), (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);
@@ -477,23 +486,23 @@ class Xs extends Qe {
   }
   getFieldErrors(e, r) {
     var o;
-    const n = [], a = this._data[e], i = ((o = r.rules) == null ? void 0 : o.split("|")) ?? [];
-    n.push(...Js(a, r));
-    for (const d of i)
-      d !== "required" && a == null || n.push(...Zs(a, d));
+    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));
     return n.length > 0 ? n : null;
   }
   getInitialData(e) {
     if (this.static().isConjuring())
       return {};
-    const r = Object.entries(e).reduce((n, [a, i]) => (n[a] = i.default ?? null, n), {});
-    return pe(r);
+    const r = Object.entries(e).reduce((n, [a, u]) => (n[a] = u.default ?? null, n), {});
+    return ve(r);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return pe(r);
+    return ve(r);
   }
   resetData() {
     for (const [e, r] of Object.entries(this._fields))
@@ -503,90 +512,117 @@ class Xs extends Qe {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function st(t, s) {
-  const e = X("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
-  ge(() => r == null ? void 0 : r());
+function mt(t, s) {
+  const e = Y("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
+  $e(() => r == null ? void 0 : r());
 }
-function rt(t) {
-  return new Xs(t);
+function ht(t) {
+  return new pr(t);
 }
-function Ie() {
-  const t = Ne(), s = c(() => t.class);
-  return [c(() => Ot(t, "class")), s];
+function Pe() {
+  const t = st(), s = c(() => t.class);
+  return [c(() => ss(t, "class")), s];
 }
-function ml(t) {
-  let s = Nt;
-  Vt(() => s = t()), ge(() => s());
+function Hl(t) {
+  let s = rs;
+  rt(() => s = t()), $e(() => s());
 }
-function fl(t, s) {
-  const e = pe(O.get(t) ?? s);
-  return Me(e, () => O.set(t, Lt(e))), e;
+function Vl(t, s) {
+  const e = ve(U.get(t) ?? s);
+  return Le(e, () => U.set(t, Ut(e))), e;
 }
-function hl(t) {
-  const s = U(), e = c(t);
-  return Me(e, async () => s.value = await e.value, { immediate: !0 }), s;
+function fr(t) {
+  let s = new Set(t), e, r;
+  const n = Nt((a, u) => (r = a, e = u, {
+    get: () => s,
+    set: () => W("Attempted to write read-only reactive set")
+  }));
+  return {
+    values() {
+      return r(), Array.from(n.value.values());
+    },
+    has(a) {
+      return r(), n.value.has(a);
+    },
+    add(a) {
+      e(), n.value.add(a);
+    },
+    delete(a) {
+      e(), n.value.delete(a);
+    },
+    clear() {
+      e(), n.value.clear();
+    },
+    reset(a) {
+      e(), s = new Set(a);
+    }
+  };
 }
-function gl(t, s) {
-  const e = s ? t : {}, r = s ?? t, n = U(e.initial ?? null), a = Wt((i) => n.value = i, e.delay ?? 300);
-  return Y(() => a(r())), n;
+function Ll(t) {
+  const s = N(), e = c(t);
+  return Le(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-let ie = null;
-function Ys() {
-  return ee(new Ae(), (t) => {
+function Il(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 oe = null;
+function mr() {
+  return se(new We(), (t) => {
     t.link = function(s) {
-      const e = Ae.prototype.link.apply(this, [s]);
+      const e = We.prototype.link.apply(this, [s]);
       return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
     };
   });
 }
-function Gs(t) {
-  const s = Ze(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function hr(t) {
+  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 er(t) {
-  const s = Ze(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function gr(t) {
+  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 tr() {
-  return ie;
+function vr() {
+  return oe;
 }
-function vl(t) {
-  ie = t;
+function zl(t) {
+  oe = t;
 }
-function sr(t) {
-  let s = ns(t, { renderer: Ys(), async: !1 });
-  return s = nt(s), s = Gs(s), s = er(s), s;
+function br(t) {
+  let s = hs(t, { renderer: mr(), async: !1 });
+  return s = gt(s), s = hr(s), s = gr(s), s;
 }
-function nt(t) {
-  return rs.sanitize(t, { ADD_ATTR: ["target"] });
+function gt(t) {
+  return ms.sanitize(t, { ADD_ATTR: ["target"] });
 }
-const rr = {
+const yr = 6e4, Xe = -(/* @__PURE__ */ new Date()).getTimezoneOffset() * -yr, wr = {
   mounted(t, { value: s }) {
-    t.innerHTML = nt(s);
+    t.innerHTML = gt(s);
   }
-}, nr = {
-  measure: Ws,
-  "safe-html": rr
-}, ar = {
+}, $r = {
+  measure: ir,
+  "safe-html": wr
+}, _r = {
   install(t, s) {
     const e = {
-      ...nr,
+      ...$r,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class lr extends we {
+class Cr extends Se {
   constructor() {
     super(...arguments);
-    _(this, "cache");
+    C(this, "cache");
   }
   async get(e) {
     return await (await this.open()).match(e) ?? null;
@@ -599,73 +635,80 @@ class lr extends we {
     (await n.keys(e)).length !== 0 && await n.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? ee(new K(), (e) => {
+    return this.cache = this.cache ?? se(new J(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const bl = te(lr);
-class or extends we {
+const Rl = re(Cr);
+class xr extends Se {
   async purge() {
-    await R.emit("purge-storage");
+    await F.emit("purge-storage");
   }
 }
-const at = te(or);
-function yl(t, s) {
+const vt = re(xr);
+function ql(t, s) {
   return {
     ...t,
-    ...oe(s, Object.keys(t))
+    ...ae(s, Object.keys(t))
   };
 }
-const ir = {
-  $app: A,
-  $events: R,
-  $storage: at
+const Sr = {
+  $app: R,
+  $events: F,
+  $storage: vt
 };
-async function $e(t, s) {
+async function ke(t, s) {
   await Promise.all(
     Object.entries(s).map(async ([e, r]) => {
       await r.launch().catch((n) => {
-        var a, i;
-        return (i = (a = t.config).errorHandler) == null ? void 0 : i.call(a, n, null, `Failed launching ${e}.`);
+        var a, u;
+        return (u = (a = t.config).errorHandler) == null ? void 0 : u.call(a, n, null, `Failed launching ${e}.`);
       });
     })
-  ), Object.assign(t.config.globalProperties, s), (J() || Ee()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (Z() || ze()) && Object.assign(globalThis, s);
 }
-const ur = {
+const kr = {
   async install(t, s) {
     var r;
     const e = {
-      ...ir,
+      ...Sr,
       ...s.services
     };
-    t.use(Ps()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await $e(t, e);
-  }
-}, lt = 768, me = {
+    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() {
+  const t = ct(), { close: s, remove: e, ...r } = gs(Ye.has(t) ? {} : { removeOnClose: !1 });
+  return Ye.add(t), {
+    ...r,
+    async close(n) {
+      s(n), await ie(1e3), e();
+    }
+  };
+}
+const bt = 768, be = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function ot() {
-  return globalThis.innerWidth > lt ? me.Desktop : me.Mobile;
+function yt() {
+  return globalThis.innerWidth > bt ? be.Desktop : be.Mobile;
 }
-const cr = ye({
+const Tr = xe({
   name: "ui",
   initialState: {
-    modals: [],
     toasts: [],
-    layout: ot()
+    layout: yt()
   },
   computed: {
-    desktop: ({ layout: t }) => t === me.Desktop,
-    mobile: ({ layout: t }) => t === me.Mobile,
-    openModals: ({ modals: t }) => t.filter(({ closing: s }) => !s)
+    desktop: ({ layout: t }) => t === be.Desktop,
+    mobile: ({ layout: t }) => t === be.Mobile
   }
 });
-class dr extends cr {
+class Mr extends Tr {
   constructor() {
     super(...arguments);
-    _(this, "modalCallbacks", {});
-    _(this, "components", {});
+    C(this, "components", {});
   }
   registerComponent(e, r) {
     this.components[e] = r;
@@ -674,7 +717,7 @@ class dr extends cr {
     return this.components[e] ?? null;
   }
   requireComponent(e) {
-    return this.resolveComponent(e) ?? Q(`UI Component '${e}' is not defined!`);
+    return this.resolveComponent(e) ?? W(`UI Component '${e}' is not defined!`);
   }
   alert(e, r) {
     const n = () => typeof r != "string" ? { message: e } : {
@@ -686,7 +729,7 @@ class dr extends cr {
   // prettier-ignore
   /* eslint-enable max-len */
   async confirm(e, r, n) {
-    const i = typeof r != "string" ? {
+    const u = typeof r != "string" ? {
       ...r ?? {},
       message: e,
       required: !!(r != null && r.required)
@@ -695,31 +738,31 @@ class dr extends cr {
       title: e,
       message: r,
       required: !!(n != null && n.required)
-    }, o = await this.modalForm(this.requireComponent("confirm-modal"), i), d = typeof o == "object" ? o[0] : o ?? !1, v = typeof o == "object" ? o[1] : Object.entries(i.checkboxes ?? {}).reduce(
-      ($, [m, { default: C }]) => ({
-        [m]: C ?? !1,
-        ...$
+    }, { 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
       }),
       {}
     );
-    for (const [$, m] of Object.entries(i.checkboxes ?? {}))
-      if (!(!m.required || v[$]))
-        return d && J() && console.warn(`Confirmed confirm modal was suppressed because required '${$}' checkbox was missing`), [!1, v];
-    return "checkboxes" in i ? [d, v] : d;
+    for (const [w, h] of Object.entries(u.checkboxes ?? {}))
+      if (!(!h.required || v[w]))
+        return p && Z() && console.warn(`Confirmed confirm modal was suppressed because required '${w}' checkbox was missing`), [!1, v];
+    return "checkboxes" in u ? [p, v] : p;
   }
   async prompt(e, r, n) {
-    const a = (n == null ? void 0 : n.trim) ?? !0, i = () => typeof r != "string" ? {
+    const a = (n == null ? void 0 : n.trim) ?? !0, u = () => typeof r != "string" ? {
       message: e,
       ...r ?? {}
     } : {
       title: e,
       message: r,
       ...n ?? {}
-    }, o = await this.modalForm(this.requireComponent("prompt-modal"), i());
+    }, { 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 = (m) => typeof m == "function" ? Promise.resolve(m()) : m, a = () => {
+    const n = (h) => typeof h == "function" ? Promise.resolve(h()) : h, a = () => {
       if (typeof e == "string")
         return {
           props: { message: e },
@@ -727,93 +770,59 @@ class dr extends cr {
         };
       if (typeof e == "function" || e instanceof Promise)
         return { operationPromise: n(e) };
-      const { delay: m, ...C } = e;
+      const { delay: h, ...k } = e;
       return {
-        props: C,
-        delay: l(m),
+        props: k,
+        delay: l(h),
         operationPromise: n(r)
       };
     };
-    let i = !1;
-    const { operationPromise: o, props: d, delay: v } = a();
-    if (v && await Promise.race([ue({ ms: v }).then(() => i = !0), o]), v && !i)
+    let u = !1;
+    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 $ = await this.modal(this.requireComponent("loading-modal"), d);
+    const w = vs(this.requireComponent("loading-modal"), p);
+    Ke(w);
     try {
-      const m = await o;
-      return await ue({ ms: 500 }), m;
+      const h = await o;
+      return await ie({ ms: 500 }), h;
     } finally {
-      await this.closeModal($.id);
+      await Qe(w.id, { removeAfter: 1e3 });
     }
   }
   toast(e, r = {}) {
-    const { component: n, ...a } = r, i = {
-      id: re(),
+    const { component: n, ...a } = r, u = {
+      id: ue(),
       properties: { message: e, ...a },
-      component: E(n ?? this.requireComponent("toast"))
+      component: V(n ?? this.requireComponent("toast"))
     };
-    this.setState("toasts", this.toasts.concat(i));
-  }
-  async modal(e, r) {
-    const n = re(), a = {}, i = {
-      id: n,
-      closing: !1,
-      properties: r ?? {},
-      component: E(e),
-      beforeClose: new Promise((d) => a.willClose = d),
-      afterClose: new Promise((d) => a.hasClosed = d)
-    }, o = this.modals.concat(i);
-    return this.modalCallbacks[i.id] = a, this.setState({ modals: o }), await Oe(), i;
-  }
-  async modalForm(e, r) {
-    return await (await this.modal(e, r)).beforeClose;
-  }
-  async closeModal(e, r) {
-    if (!A.isMounted()) {
-      await this.removeModal(e, r);
-      return;
-    }
-    await R.emit("close-modal", { id: e, result: r });
+    this.setState("toasts", this.toasts.concat(u));
+  }
+  modal(e, r) {
+    return Ke(e, r ?? {});
   }
   async closeAllModals() {
-    for (; this.modals.length > 0; )
-      await this.closeModal(Kt(this.modals[this.modals.length - 1]).id);
+    await Promise.all(le.value.map(({ id: e }) => Qe(e, { removeAfter: 1e3 })));
   }
   async boot() {
-    this.watchModalEvents(), this.watchMountedEvent(), this.watchViewportBreakpoints();
-  }
-  async removeModal(e, r) {
-    var n, a;
-    this.setState(
-      "modals",
-      this.modals.filter((i) => i.id !== e)
-    ), (a = (n = this.modalCallbacks[e]) == null ? void 0 : n.hasClosed) == null || a.call(n, r), delete this.modalCallbacks[e];
-  }
-  watchModalEvents() {
-    R.on("modal-will-close", ({ modal: { id: e }, result: r }) => {
-      var a, i;
-      const n = this.modals.find((o) => e === o.id);
-      n && (n.closing = !0), (i = (a = this.modalCallbacks[e]) == null ? void 0 : a.willClose) == null || i.call(a, r);
-    }), R.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
-      await this.removeModal(e, r);
-    });
+    this.watchMountedEvent(), this.watchViewportBreakpoints();
   }
   watchMountedEvent() {
-    R.once("application-mounted", async () => {
+    F.once("application-mounted", async () => {
       if (!globalThis.document || !globalThis.getComputedStyle)
         return;
       const e = globalThis.document.getElementById("splash");
-      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ue({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ie({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${lt}px)`).addEventListener("change", () => this.setState({ layout: ot() }));
+    globalThis.matchMedia(`(min-width: ${bt}px)`).addEventListener("change", () => this.setState({ layout: yt() }));
   }
 }
-const z = te(dr);
-class pr {
+const A = re(Mr);
+class Er {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -833,13 +842,13 @@ class pr {
     return ["en"];
   }
   translate(s) {
-    return J() && console.warn("Lang provider is missing"), s;
+    return Z() && console.warn("Lang provider is missing"), s;
   }
   translateWithDefault(s, e) {
-    return J() && console.warn("Lang provider is missing"), e;
+    return Z() && console.warn("Lang provider is missing"), e;
   }
 }
-const mr = ye({
+const Hr = xe({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -848,11 +857,11 @@ const mr = ye({
     fallbackLocale: "en"
   }
 });
-class fr extends mr {
+class Vr extends Hr {
   constructor() {
     super();
-    _(this, "provider");
-    this.provider = new pr(
+    C(this, "provider");
+    this.provider = new Er(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -880,7 +889,7 @@ class fr extends mr {
     );
   }
 }
-const Z = te(fr), it = Z.translate.bind(Z), S = Z.translateWithDefault.bind(Z), hr = ye({
+const X = re(Vr), wt = X.translate.bind(X), S = X.translateWithDefault.bind(X), Lr = xe({
   name: "errors",
   initialState: {
     logs: [],
@@ -893,12 +902,13 @@ const Z = te(fr), it = Z.translate.bind(Z), S = Z.translateWithDefault.bind(Z),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class gr extends hr {
+class Ir extends Lr {
   constructor() {
     super(...arguments);
-    _(this, "forceReporting", !1);
-    _(this, "enabled", !0);
-    _(this, "eruda", null);
+    C(this, "forceReporting", !1);
+    C(this, "enabled", !0);
+    C(this, "eruda", null);
+    C(this, "erudaPlugins", null);
   }
   enable() {
     this.enabled = !0;
@@ -908,18 +918,18 @@ class gr extends hr {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      z.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];
-    z.modal(z.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 R.emit("error", { error: e, message: r }), Ee("unit") || (J() && this.logError(e), !this.enabled))
+    if (await F.emit("error", { error: e, message: r }), ze("unit") || (Z() && this.logError(e), !this.enabled))
       throw e;
-    if (!A.isMounted()) {
-      const i = await this.createStartupErrorReport(e);
-      i && this.setState({ startupErrors: this.startupErrors.concat(i) });
+    if (!R.isMounted()) {
+      const u = await this.createStartupErrorReport(e);
+      u && this.setState({ startupErrors: this.startupErrors.concat(u) });
       return;
     }
     const n = await this.createErrorReport(e), a = {
@@ -927,7 +937,7 @@ class gr extends hr {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    z.toast(
+    A.toast(
       r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
@@ -935,14 +945,14 @@ class gr extends hr {
           {
             label: S("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => z.modal(z.requireComponent("error-report-modal"), { report: n, reports: [n] })
+            click: () => A.modal(A.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
         ]
       }
     ), this.setState({ logs: [a].concat(this.logs) });
   }
   reportDevelopmentError(e, r) {
-    J() && (r && console.warn(r), this.logError(e));
+    Z() && (r && console.warn(r), this.logError(e));
   }
   see(e) {
     this.setState({
@@ -953,27 +963,30 @@ class gr extends hr {
     });
   }
   async boot() {
-    Y(async () => {
+    G(async () => {
       var e;
       if (!this.debug) {
         (e = this.eruda) == null || e.destroy();
         return;
       }
-      this.eruda ?? (this.eruda = (await import("eruda")).default), this.eruda.init();
+      this.eruda ?? (this.eruda = (await import("eruda")).default), this.erudaPlugins ?? (this.erudaPlugins = [(await import("eruda-indexeddb")).default]), this.eruda.init(), this.erudaPlugins.forEach((r) => {
+        var n;
+        return (n = this.eruda) == null ? void 0 : n.add(r);
+      });
     });
   }
   logError(e) {
-    console.error(e), ce(e) && e.cause && this.logError(e.cause);
+    console.error(e), he(e) && e.cause && this.logError(e.cause);
   }
   isErrorReport(e) {
-    return ce(e) && "title" in e;
+    return he(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof be ? this.createErrorReportFromError(e) : ce(e) ? Xe({
-      title: B(
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof Ce ? this.createErrorReportFromError(e) : he(e) ? ut({
+      title: j(
         e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
       ),
-      description: B(
+      description: j(
         e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
       ),
       error: e
@@ -983,7 +996,7 @@ class gr extends hr {
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof Te ? e.cause instanceof Te ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+    return e instanceof Ve ? e.cause instanceof Ve ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
   createErrorReportFromError(e, r = {}) {
     return {
@@ -995,7 +1008,7 @@ class gr extends hr {
     };
   }
 }
-const ut = te(gr), ct = /* @__PURE__ */ g({
+const $t = re(Ir), _t = /* @__PURE__ */ g({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1012,8 +1025,8 @@ const ut = te(gr), ct = /* @__PURE__ */ g({
   },
   setup(t) {
     const s = c(() => t.as ? { as: t.as } : t.route ? {
-      as: z.resolveComponent("router-link") ?? "a",
-      to: Xe({
+      as: A.resolveComponent("router-link") ?? "a",
+      to: ut({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -1026,18 +1039,18 @@ const ut = te(gr), ct = /* @__PURE__ */ g({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (u(), h(l(is), H({
+    return (e, r) => (i(), m(l(Cs), H({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
       default: f(() => [
-        w(e.$slots, "default")
+        $(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
-}), q = /* @__PURE__ */ g({
+}), I = /* @__PURE__ */ g({
   __name: "Button",
   props: {
     class: {},
@@ -1053,7 +1066,7 @@ const ut = te(gr), ct = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = N(t, ["class", "size", "variant", "disabled"]), e = c(() => et(
+    const s = K(t, ["class", "size", "variant", "disabled"]), e = c(() => ft(
       { baseClasses: t.class, variant: t.variant, size: t.size, disabled: t.disabled },
       {
         baseClasses: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
@@ -1062,6 +1075,7 @@ const ut = te(gr), ct = /* @__PURE__ */ g({
             default: "bg-primary-600 text-white focus-visible:outline-primary-600",
             secondary: "bg-background text-gray-900 ring-gray-300",
             danger: "bg-red-600 text-white focus-visible:outline-red-600",
+            warning: "bg-yellow-600 text-white focus-visible:outline-yellow-600",
             ghost: "bg-transparent",
             outline: "bg-transparent text-primary-600 ring-primary-600",
             link: "text-links"
@@ -1148,62 +1162,62 @@ const ut = te(gr), ct = /* @__PURE__ */ g({
         }
       }
     ));
-    return (r, n) => (u(), h(ct, H({
+    return (r, n) => (i(), m(_t, H({
       class: e.value,
       disabled: r.disabled
     }, s), {
       default: f(() => [
-        w(r.$slots, "default")
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function vr(t) {
+function zr(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-const dt = /* @__PURE__ */ g({
+const Ct = /* @__PURE__ */ g({
   __name: "HeadlessSelectValue",
   setup(t) {
-    const s = V(
+    const s = q(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (u(), h(l(De), {
+    return (e, r) => e.$slots.default ? (i(), m(l(Je), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
       default: f(() => [
-        w(e.$slots, "default")
+        $(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (u(), h(l(De), {
+    }, 8, ["placeholder"])) : (i(), m(l(Je), {
       key: 1,
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), pt = /* @__PURE__ */ g({
+}), xt = /* @__PURE__ */ g({
   __name: "HeadlessSelectTrigger",
   setup(t) {
-    const s = V(
+    const s = q(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (u(), h(l(us), {
+    return (e, r) => (i(), m(l(xs), {
       id: l(s).id
     }, {
       default: f(() => [
-        w(e.$slots, "default", {}, () => [
-          p(dt, {
+        $(e.$slots, "default", {}, () => [
+          d(Ct, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          p(l(cs))
+          d(l(Ss))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), mt = /* @__PURE__ */ g({
+}), St = /* @__PURE__ */ g({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1213,20 +1227,20 @@ const dt = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = V(
+    const s = q(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
     ), e = c(() => {
       var n;
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
-      return r ? r.label : B(t.value);
+      return r ? r.label : j(t.value);
     });
-    return (r, n) => (u(), h(l(ds), ne(ae(r.$props)), {
+    return (r, n) => (i(), m(l(ks), ce(de(r.$props)), {
       default: f(() => [
-        p(l(ps), null, {
+        d(l(Ts), null, {
           default: f(() => [
-            w(r.$slots, "default", {}, () => [
-              I(x(e.value), 1)
+            $(r.$slots, "default", {}, () => [
+              L(x(e.value), 1)
             ])
           ]),
           _: 3
@@ -1235,33 +1249,33 @@ const dt = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), ft = /* @__PURE__ */ g({
+}), kt = /* @__PURE__ */ g({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
     innerClass: {}
   },
   setup(t) {
-    const s = V(
+    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) => (u(), h(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(() => [
-        p(l(fs), {
+        d(l(Es), {
           position: "popper",
-          class: k(e.value),
+          class: _(e.value),
           align: l(s).align,
           side: l(s).side,
           "side-offset": 4
         }, {
           default: f(() => [
-            p(l(hs), {
-              class: k(r.innerClass)
+            d(l(Hs), {
+              class: _(r.innerClass)
             }, {
               default: f(() => [
-                w(r.$slots, "default", {}, () => [
-                  (u(!0), b(D, null, F(l(s).options ?? [], (a) => (u(), h(mt, {
+                $(r.$slots, "default", {}, () => [
+                  (i(!0), b(D, null, O(l(s).options ?? [], (a) => (i(), m(St, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1276,7 +1290,7 @@ const dt = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), br = /* @__PURE__ */ g({
+}), Rr = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1296,56 +1310,56 @@ const dt = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), i = c(() => a.value), o = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), d = c(() => t.options ? t.options.map((m) => ({
-      key: re(),
-      label: t.renderOption ? t.renderOption(m) : vr(m) ? Qt(m.label) : B(m),
-      value: m
+    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
     })) : null), v = {
       labelClass: t.labelClass,
       optionsClass: t.optionsClass,
       align: t.align,
       side: t.side,
       value: a,
-      id: `select-${re()}`,
+      id: `select-${ue()}`,
       name: c(() => t.name),
       label: c(() => t.label),
       description: c(() => t.description),
       placeholder: c(() => t.placeholder ?? S("ui.select", "Select an option")),
-      options: d,
+      options: p,
       selectedOption: c(() => {
-        var m;
-        return (m = d.value) == null ? void 0 : m.find((C) => C.value === t.modelValue);
+        var h;
+        return (h = p.value) == null ? void 0 : h.find((k) => k.value === t.modelValue);
       }),
-      errors: ve(o),
+      errors: _e(o),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(m) {
+      update(h) {
         if (n && t.name) {
-          n.setFieldValue(t.name, m);
+          n.setFieldValue(t.name, h);
           return;
         }
-        r("update:modelValue", m);
+        r("update:modelValue", h);
       }
     };
-    function $(m) {
-      v.update(m);
+    function w(h) {
+      v.update(h);
     }
-    return le("select", v), s(v), (m, C) => (u(), h(l(gs), {
-      "model-value": i.value,
-      by: m.compareOptions,
-      "onUpdate:modelValue": C[0] || (C[0] = (L) => $(L))
+    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] = (P) => w(P))
     }, {
-      default: f(({ open: L }) => [
-        (u(), h(W(m.as), ne(ae(m.$attrs)), {
+      default: f(({ open: P }) => [
+        (i(), m(ee(h.as), ce(de(h.$attrs)), {
           default: f(() => [
-            w(m.$slots, "default", {
-              modelValue: m.modelValue,
-              open: L
+            $(h.$slots, "default", {
+              modelValue: h.modelValue,
+              open: P
             }, () => [
-              p(pt),
-              p(ft)
+              d(xt),
+              d(kt)
             ])
           ]),
           _: 2
@@ -1354,50 +1368,50 @@ const dt = /* @__PURE__ */ g({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Be = /* @__PURE__ */ g({
+}), Ge = /* @__PURE__ */ g({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const s = V(
+    const s = q(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = He(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (u(), h(l(vs), H({
+    ), e = Ie(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (i(), m(l(Ls), H({
       key: 0,
       for: l(s).id
     }, n.$props), {
       default: f(() => [
-        w(n.$slots, "default", {}, () => [
-          I(x(l(s).label), 1)
+        $(n.$slots, "default", {}, () => [
+          L(x(l(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for"])) : T("", !0);
+    }, 16, ["for"])) : E("", !0);
   }
-}), ht = /* @__PURE__ */ g({
+}), Tt = /* @__PURE__ */ g({
   __name: "SelectLabel",
   props: {
     class: {}
   },
   setup(t) {
-    const s = V("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 ? (u(), h(Be, {
+    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: k(e.value)
+      class: _(e.value)
     }, {
       default: f(() => [
-        w(r.$slots, "default")
+        $(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (u(), h(Be, {
+    }, 8, ["class"])) : (i(), m(Ge, {
       key: 1,
-      class: k(e.value)
+      class: _(e.value)
     }, null, 8, ["class"]));
   }
-}), Fe = /* @__PURE__ */ g({
+}), et = /* @__PURE__ */ g({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1405,62 +1419,62 @@ const dt = /* @__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) => (u(), h(mt, {
-      class: k(s.value),
+    return (r, n) => (i(), m(St, {
+      class: _(s.value),
       value: r.value
     }, {
       default: f(() => [
         y("div", {
-          class: k(e.value)
+          class: _(e.value)
         }, [
-          w(r.$slots, "default")
+          $(r.$slots, "default")
         ], 2)
       ]),
       _: 3
     }, 8, ["class", "value"]));
   }
-}), gt = /* @__PURE__ */ g({
+}), Mt = /* @__PURE__ */ g({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = V("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) => (u(), h(ft, {
-      class: k(e.value)
+    return (r, n) => (i(), m(kt, {
+      class: _(e.value)
     }, {
       default: f(() => {
         var a;
         return [
-          (a = l(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
-            var i;
+          (a = l(s).options) != null && a.length ? $(r.$slots, "default", { key: 0 }, () => {
+            var u;
             return [
-              (u(!0), b(D, null, F(((i = l(s)) == null ? void 0 : i.options) ?? [], (o) => (u(), h(Fe, {
+              (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(() => [
-                  I(x(o.label), 1)
+                  L(x(o.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
-          }) : w(r.$slots, "default", { key: 1 }, () => [
-            p(Fe, {
+          }) : $(r.$slots, "default", { key: 1 }, () => [
+            d(et, {
               disabled: "",
               value: null
             }, {
               default: f(() => [
-                I(x(r.$td("ui.selectEmpty", "No options available")), 1)
+                L(x(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1470,42 +1484,42 @@ const dt = /* @__PURE__ */ g({
       _: 3
     }, 8, ["class"]));
   }
-}), yr = {
+}), qr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function wr(t, s) {
-  return u(), b("svg", yr, s[0] || (s[0] = [
+function Pr(t, s) {
+  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"
     }, null, -1)
   ]));
 }
-const $r = E({ name: "zondicons-cheveron-down", render: wr }), vt = /* @__PURE__ */ g({
+const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__ */ g({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = V("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) => (u(), h(pt, {
-      class: k(e.value)
+    return (r, n) => (i(), m(xt, {
+      class: _(e.value)
     }, {
       default: f(() => [
-        p(dt, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        p(l($r), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+        d(Ct, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        d(l(Ar), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), _r = /* @__PURE__ */ g({
+}), Dr = /* @__PURE__ */ g({
   __name: "Select",
   props: {
     as: {},
@@ -1524,72 +1538,72 @@ const $r = E({ name: "zondicons-cheveron-down", render: wr }), vt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Ve();
-    return (e, r) => (u(), h(br, H({ ref: l(s) }, e.$props, {
+    const { forwardRef: s } = Re();
+    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(() => [
-        p(ht),
-        w(e.$slots, "default", {}, () => [
-          p(vt),
-          p(gt)
+        d(Tt),
+        $(e.$slots, "default", {}, () => [
+          d(Et),
+          d(Mt)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), xr = { class: "grow" }, Cr = /* @__PURE__ */ g({
+}), Br = { class: "grow" }, jr = /* @__PURE__ */ g({
   __name: "Language",
   setup(t) {
-    const s = Z.getBrowserLocale(), e = c(() => [null, ...Z.locales]);
+    const s = X.getBrowserLocale(), e = c(() => [null, ...X.locales]);
     function r(n) {
-      return (n && j.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
-        locale: j.locales[s] ?? s
+      return (n && B.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
+        locale: B.locales[s] ?? s
       });
     }
-    return (n, a) => (u(), h(_r, {
+    return (n, a) => (i(), m(Dr, {
       modelValue: n.$lang.locale,
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.$lang.locale = i),
+      "onUpdate:modelValue": a[0] || (a[0] = (u) => n.$lang.locale = u),
       class: "flex flex-col items-start md:flex-row",
       as: "div",
       options: e.value,
       "render-option": r
     }, {
       default: f(() => [
-        y("div", xr, [
-          p(ht, { class: "text-base font-semibold" }, {
+        y("div", Br, [
+          d(Tt, { class: "text-base font-semibold" }, {
             default: f(() => [
-              I(x(n.$td("settings.locale", "Language")), 1)
+              L(x(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
-          p(P, {
+          d(z, {
             "lang-key": "settings.localeDescription",
             "lang-default": "Choose the application's language.",
             class: "mt-1 text-sm text-gray-500"
           })
         ]),
-        p(q, {
+        d(I, {
           variant: "ghost",
-          as: vt,
+          as: Et,
           class: "grid w-auto outline-none"
         }),
-        p(gt)
+        d(Mt)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), kr = [
+}), Fr = [
   {
     priority: 100,
-    component: Cr
+    component: jr
   }
-], Sr = { $lang: Z }, Tr = {
+], Or = { $lang: X }, Ur = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = it), t.config.globalProperties.$td = S, kr.forEach((e) => A.addSetting(e)), await $e(t, Sr);
+    (s = t.config.globalProperties).$t ?? (s.$t = wt), t.config.globalProperties.$td = S, Fr.forEach((e) => R.addSetting(e)), await ke(t, Or);
   }
-}, Mr = /* @__PURE__ */ g({
+}, Nr = /* @__PURE__ */ g({
   __name: "Markdown",
   props: {
     as: {},
@@ -1601,38 +1615,38 @@ const $r = E({ name: "zondicons-cheveron-down", render: wr }), vt = /* @__PURE__
     actions: {}
   },
   setup(t) {
-    const s = Ne(), e = He(), r = c(() => e.default ? e.default().map(Ge).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : it(t.langKey, t.langParams ?? {})))), n = c(() => {
+    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 o = sr(r.value);
+      let o = br(r.value);
       return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
-    }), a = () => It(t.as ?? (t.inline ? "span" : "div"), {
+    }), a = () => Wt(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
-      onClick: i,
+      onClick: u,
       ...s,
       class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
     });
-    async function i(o) {
-      var v, $;
-      const { target: d } = o;
-      if (Pe(d, HTMLElement) && d.dataset.markdownAction) {
-        ($ = (v = t.actions) == null ? void 0 : v[d.dataset.markdownAction]) == null || $.call(v);
+    async function u(o) {
+      var v, w;
+      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 (Pe(d, HTMLAnchorElement) && d.dataset.markdownRoute) {
-        const m = tr();
-        m && (o.preventDefault(), m.visit(d.dataset.markdownRoute));
+      if (Ne(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
+        const h = vr();
+        h && (o.preventDefault(), h.visit(p.dataset.markdownRoute));
         return;
       }
     }
-    return (o, d) => (u(), h(a));
+    return (o, p) => (i(), m(a));
   }
-}), Hr = (t, s) => {
+}), Wr = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [r, n] of s)
     e[r] = n;
   return e;
-}, P = /* @__PURE__ */ Hr(Mr, [["__scopeId", "data-v-8b211cfb"]]), Er = { class: "flex-grow" }, Vr = ["id"], Lr = /* @__PURE__ */ g({
+}, z = /* @__PURE__ */ Wr(Nr, [["__scopeId", "data-v-8b211cfb"]]), Kr = { class: "flex-grow" }, Qr = ["id"], Jr = /* @__PURE__ */ g({
   __name: "Setting",
   props: {
     title: {},
@@ -1642,29 +1656,29 @@ const $r = E({ name: "zondicons-cheveron-down", render: wr }), vt = /* @__PURE__
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const s = c(() => M(t.class, "flex flex-col justify-center gap-1"));
-    return (e, r) => (u(), b("div", {
-      class: k(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
+    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", Er, [
+      y("div", Kr, [
         y("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, x(e.title), 9, Vr),
-        e.description ? (u(), h(P, {
+        }, x(e.title), 9, Qr),
+        e.description ? (i(), m(z, {
           key: 0,
           text: e.description,
           class: "mt-1 text-sm text-gray-500"
-        }, null, 8, ["text"])) : T("", !0)
+        }, null, 8, ["text"])) : E("", !0)
       ]),
       y("div", {
-        class: k(s.value)
+        class: _(s.value)
       }, [
-        w(e.$slots, "default")
+        $(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), Ir = ["for"], qr = /* @__PURE__ */ g({
+}), Zr = ["for"], Xr = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessSwitch",
   props: {
@@ -1679,13 +1693,13 @@ const $r = E({ name: "zondicons-cheveron-down", render: wr }), vt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
-      id: `switch-${re()}`,
+    const r = e, n = Y("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `switch-${ue()}`,
       name: c(() => t.name),
       label: c(() => t.label),
       description: c(() => t.description),
       value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: ve(a),
+      errors: _e(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
@@ -1698,52 +1712,52 @@ const $r = E({ name: "zondicons-cheveron-down", render: wr }), vt = /* @__PURE__
         r("update:modelValue", o);
       }
     };
-    return s(i), Y(() => {
+    return s(u), G(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
-    }), (o, d) => (u(), b("div", {
-      class: k(t.class)
+    }), (o, p) => (i(), b("div", {
+      class: _(t.class)
     }, [
-      o.label ? (u(), b("label", {
+      o.label ? (i(), b("label", {
         key: 0,
-        for: i.id,
-        class: k(o.labelClass)
-      }, x(o.label), 11, Ir)) : T("", !0),
-      p(l(bs), H({
-        id: i.id,
+        for: u.id,
+        class: _(o.labelClass)
+      }, x(o.label), 11, Zr)) : E("", !0),
+      d(l(Is), H({
+        id: u.id,
         name: o.name,
-        "model-value": i.value.value
+        "model-value": u.value.value
       }, o.$attrs, {
         class: o.inputClass,
-        "onUpdate:modelValue": d[0] || (d[0] = (v) => o.$emit("update:modelValue", v))
+        "onUpdate:modelValue": p[0] || (p[0] = (v) => o.$emit("update:modelValue", v))
       }), {
         default: f(() => [
-          p(l(ys), {
-            class: k(o.thumbClass)
+          d(l(zs), {
+            class: _(o.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 16, ["id", "name", "model-value", "class"])
     ], 2));
   }
-}), zr = /* @__PURE__ */ g({
+}), Yr = /* @__PURE__ */ g({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (u(), h(qr, {
+    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"
     }));
   }
-}), Rr = /* @__PURE__ */ g({
+}), Gr = /* @__PURE__ */ g({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (u(), h(Lr, {
+    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/).")
     }, {
       default: f(() => [
-        p(zr, {
+        d(Yr, {
           modelValue: s.$errors.debug,
           "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
           "aria-labelledby": "debug-setting"
@@ -1752,85 +1766,78 @@ const $r = E({ name: "zondicons-cheveron-down", render: wr }), vt = /* @__PURE__
       _: 1
     }, 8, ["title", "description"]));
   }
-}), Pr = [
+}), en = [
   {
     priority: 10,
-    component: Rr
+    component: Gr
   }
-], bt = [];
-function wl(t) {
-  bt.push(t);
+], Ht = [];
+function Pl(t) {
+  Ht.push(t);
 }
-function yt(t) {
-  for (const s of bt) {
+function Vt(t) {
+  for (const s of Ht) {
     const e = s(t);
     if (e)
       return e;
   }
-  return typeof t == "string" ? t : t instanceof Error || t instanceof be ? t.message : ce(t) ? B(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
+  return typeof t == "string" ? t : t instanceof Error || t instanceof Ce ? t.message : he(t) ? j(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
 }
-class Ue extends be {
+class tt extends Ce {
 }
-const Ar = { $errors: ut }, Dr = (t) => (ut.report(t), !0);
-function jr(t, s = () => !1) {
-  const e = (r) => s(r) || Dr(r);
-  t.config.errorHandler = e, globalThis.onerror = (r, n, a, i, o) => e(o ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
+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, o) => e(o ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const Br = {
+const nn = {
   async install(t, s) {
-    jr(t, s.handleError), Pr.forEach((e) => A.addSetting(e)), await $e(t, Ar);
+    rn(t, s.handleError), en.forEach((e) => R.addSetting(e)), await ke(t, tn);
   }
-}, Fr = {
+}, an = {
   async install() {
-    Ee() && (globalThis.testingRuntime = {
-      on: (...t) => R.on(...t),
-      service: (t) => A.service(t)
+    ze() && (globalThis.testingRuntime = {
+      on: (...t) => F.on(...t),
+      service: (t) => R.service(t)
     });
   }
-}, Ur = {
+}, ln = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Or(t, s) {
-  return u(), b("svg", Ur, s[0] || (s[0] = [
+function on(t, s) {
+  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"
     }, null, -1)
   ]));
 }
-const Nr = E({ name: "zondicons-close", render: Or }), Wr = /* @__PURE__ */ g({
+const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
+    fullscreen: { type: Boolean },
+    fullscreenOnMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
     descriptionHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = U(null), { modal: r } = V(
-      "modal",
-      "could not obtain modal reference from <HeadlessModal>, did you render this component manually? Show it using $ui.modal() instead"
-    );
-    s({ close: i, $content: e });
-    const { forwardRef: n } = Ve(), a = U(!1);
-    le("$modalContentRef", e), tt("close-modal", async ({ id: o, result: d }) => {
-      o === r.id && await i(d);
-    });
-    async function i(o) {
-      a.value || (await R.emit("modal-will-close", { modal: r, result: o }), a.value = !0, await R.emit("modal-has-closed", { modal: r, result: o }));
-    }
-    return (o, d) => (u(), h(l(ws), {
+    const e = N(null), { close: r } = Ae();
+    s({ $content: e });
+    const { forwardRef: n } = Re();
+    return pe("$modalContentRef", e), (a, u) => (i(), m(l(Rs), {
       ref: l(n),
       open: "",
-      "onUpdate:open": d[0] || (d[0] = (v) => o.persistent || i())
+      "onUpdate:open": u[0] || (u[0] = (o) => a.persistent || o || l(r)())
     }, {
       default: f(() => [
-        p(l($s), null, {
+        d(l(qs), null, {
           default: f(() => [
-            w(o.$slots, "default", { close: i })
+            $(a.$slots, "default", { close: l(r) })
           ]),
           _: 3
         })
@@ -1838,58 +1845,36 @@ const Nr = E({ name: "zondicons-close", render: Or }), Wr = /* @__PURE__ */ g({
       _: 3
     }, 512));
   }
-}), wt = /* @__PURE__ */ g({
-  __name: "ModalContext",
-  props: {
-    modal: {},
-    childIndex: {}
-  },
-  setup(t) {
-    const s = t, e = c(() => {
-      const r = {};
-      for (const n in s.modal.properties)
-        r[n] = l(s.modal.properties[n]);
-      return r;
-    });
-    return le("modal", {
-      modal: Re(s, "modal"),
-      childIndex: Re(s, "childIndex")
-    }), (r, n) => (u(), h(W(r.modal.component), ne(ae(e.value)), null, 16));
-  }
-}), Kr = /* @__PURE__ */ g({
+}), dn = /* @__PURE__ */ g({
   __name: "HeadlessModalContent",
   setup(t) {
-    const { childIndex: s = 0 } = V(
-      "modal",
-      "could not obtain modal reference from <HeadlessModalContent>, did you render this component manually? Show it using $ui.modal() instead"
-    ), e = Ns("$modalContentRef"), r = G("$contentRef"), n = c(() => z.modals[s] ?? null);
-    return Y(() => e.value = r.value), (a, i) => (u(), h(l(_s), { ref: "$contentRef" }, {
+    const { child: s } = Ae(), e = lr("$modalContentRef"), r = te("$contentRef");
+    return G(() => e.value = r.value), (n, a) => (i(), m(l(Ps), { ref: "$contentRef" }, {
       default: f(() => [
-        w(a.$slots, "default"),
-        n.value ? (u(), h(wt, {
+        $(n.$slots, "default"),
+        l(s) ? (i(), m(l(bs), {
           key: 0,
-          "child-index": l(s) + 1,
-          modal: n.value
-        }, null, 8, ["child-index", "modal"])) : T("", !0)
+          is: l(s)
+        }, null, 8, ["is"])) : E("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), Qr = /* @__PURE__ */ g({
+}), pn = /* @__PURE__ */ g({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(l(xs), ne(ae(s.$props)), {
+    return (s, e) => (i(), m(l(As), ce(de(s.$props)), {
       default: f(() => [
-        w(s.$slots, "default")
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Jr = /* @__PURE__ */ g({
+}), fn = /* @__PURE__ */ g({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1897,34 +1882,33 @@ const Nr = E({ name: "zondicons-close", render: Or }), Wr = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(l(Cs), ne(ae(s.$props)), {
+    return (s, e) => (i(), m(l(Ds), ce(de(s.$props)), {
       default: f(() => [
-        w(s.$slots, "default")
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Zr = /* @__PURE__ */ g({
+}), mn = /* @__PURE__ */ g({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(l(ks), ne(ae(s.$props)), {
+    return (s, e) => (i(), m(l(Bs), ce(de(s.$props)), {
       default: f(() => [
-        w(s.$slots, "default")
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Xr = {
-  key: 0,
-  class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, Yr = ["onClick"], Gr = { class: "sr-only" }, se = /* @__PURE__ */ g({
+}), hn = ["onClick"], gn = { class: "sr-only" }, me = fr(), ne = /* @__PURE__ */ g({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
+    fullscreen: { type: Boolean },
+    fullscreenOnMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
@@ -1934,117 +1918,132 @@ const Nr = E({ name: "zondicons-close", render: Or }), Wr = /* @__PURE__ */ g({
     closeHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = N(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden"]);
+    const e = K(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden", "fullscreen", "fullscreenOnMobile"]);
     s({
-      close: async (m) => {
-        var C;
-        return (C = a.value) == null ? void 0 : C.close(m);
-      },
       $content: c(() => {
-        var m;
-        return (m = a.value) == null ? void 0 : m.$content;
+        var M;
+        return (M = o.value) == null ? void 0 : M.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Ve(), a = n, i = V("modal"), o = c(() => !i.modal.closing && i.childIndex === z.openModals.length), d = c(() => t.description ? {} : { "aria-describedby": void 0 }), v = c(() => M("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), $ = c(() => M(
-      "isolate fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2",
-      "overflow-hidden rounded-lg bg-white text-left shadow-xl sm:max-w-lg",
-      "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
-      "transition-[scale,opacity] will-change-[scale,opacity] duration-300",
-      {
-        "scale-50 opacity-0": !o.value,
-        "scale-100 opacity-100": o.value
-      },
+    const { forwardRef: r, currentRef: n } = Re(), { id: a, visible: u } = Ae(), o = n, p = ct(), v = c(
+      () => {
+        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((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.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]",
+        me.has(p.value) || "animate-[slide-in_var(--tw-duration)_ease-in-out]",
+        v.value ? "translate-y-0" : "translate-y-full"
+      ] : [
+        "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full",
+        "max-w-[calc(100%-2rem)] rounded-lg shadow-xl sm:max-w-lg",
+        "transition-[scale,opacity] will-change-[scale,opacity]",
+        me.has(p.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
+        v.value ? "scale-100 opacity-100" : "scale-50 opacity-0"
+      ],
       t.wrapperClass
     ));
-    return tt("modal-will-close", async ({ modal: { id: m } }) => {
-      m === i.modal.id && await ue({ ms: 300 });
-    }), (m, C) => (u(), h(Wr, H(e, {
-      ref: (L) => l(r)(L),
-      persistent: m.persistent
+    return rt(() => ie(500).then(() => me.add(p.value))), (M, je) => (i(), m(cn, H(e, {
+      ref: (fe) => l(r)(fe),
+      persistent: M.persistent
     }), {
-      default: f(({ close: L }) => [
-        p(Jr, {
-          class: k(["fixed inset-0 animate-[fade-in_var(--tw-duration)_ease-in-out] transition-opacity duration-300 will-change-[opacity]", {
-            "bg-black/30": l(i).childIndex === 1,
-            "opacity-0": l(i).childIndex === 1 && l(i).modal.closing
-          }])
-        }, null, 8, ["class"]),
-        p(Kr, H(d.value, { class: $.value }), {
-          default: f(() => [
-            !m.persistent && !m.closeHidden ? (u(), b("div", Xr, [
-              y("button", {
-                type: "button",
-                class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                onClick: (_e) => L()
+      default: f(({ close: fe }) => {
+        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 && ((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(() => [
+              !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("span", Gr, x(m.$td("ui.close", "Close")), 1),
-                p(l(Nr), { class: "size-4" })
-              ], 8, Yr)
-            ])) : T("", !0),
-            m.title ? (u(), h(Zr, {
-              key: 1,
-              class: k(["px-4 pt-5 text-base font-semibold text-gray-900", {
-                "sr-only": m.titleHidden,
-                "pb-0": m.description && !m.descriptionHidden,
-                "pb-2": !m.description || m.descriptionHidden
-              }])
-            }, {
-              default: f(() => [
-                p(P, {
-                  text: m.title,
-                  inline: ""
-                }, null, 8, ["text"])
-              ]),
-              _: 1
-            }, 8, ["class"])) : T("", !0),
-            m.description ? (u(), h(Qr, {
-              key: 2,
-              class: k(["px-4 pt-1 pb-2", { "sr-only": m.descriptionHidden }])
-            }, {
-              default: f(() => [
-                p(P, {
-                  text: m.description,
-                  class: "text-sm leading-6 text-gray-500"
-                }, null, 8, ["text"])
-              ]),
-              _: 1
-            }, 8, ["class"])) : T("", !0),
-            y("div", {
-              class: k(v.value)
-            }, [
-              w(m.$slots, "default", { close: L })
-            ], 2)
-          ]),
-          _: 2
-        }, 1040, ["class"])
-      ]),
+                y("button", {
+                  type: "button",
+                  class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
+                  onClick: (ul) => fe()
+                }, [
+                  y("span", gn, x(M.$td("ui.close", "Close")), 1),
+                  d(l(un), { class: "size-4" })
+                ], 8, hn)
+              ], 2)) : E("", !0),
+              M.title ? (i(), m(mn, {
+                key: 1,
+                class: _(["px-4 pt-5 text-base font-semibold text-gray-900", {
+                  "sr-only": M.titleHidden,
+                  "pb-0": M.description && !M.descriptionHidden,
+                  "pb-2": !M.description || M.descriptionHidden
+                }])
+              }, {
+                default: f(() => [
+                  d(z, {
+                    text: M.title,
+                    inline: ""
+                  }, null, 8, ["text"])
+                ]),
+                _: 1
+              }, 8, ["class"])) : E("", !0),
+              M.description ? (i(), m(pn, {
+                key: 2,
+                class: _(["px-4 pt-1 pb-2", { "sr-only": M.descriptionHidden }])
+              }, {
+                default: f(() => [
+                  d(z, {
+                    text: M.description,
+                    class: "text-sm leading-6 text-gray-500"
+                  }, null, 8, ["text"])
+                ]),
+                _: 1
+              }, 8, ["class"])) : E("", !0),
+              y("div", {
+                class: _(P.value)
+              }, [
+                $(M.$slots, "default", { close: fe })
+              ], 2)
+            ]),
+            _: 2
+          }, 1040, ["class"])
+        ];
+      }),
       _: 3
     }, 16, ["persistent"]));
   }
 });
-function en(t) {
+function vn(t) {
   const s = c(() => t.title ?? S("ui.alert", "Alert")), e = c(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const tn = /* @__PURE__ */ g({
+const bn = /* @__PURE__ */ g({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = en(e);
-    return s(), (a, i) => (u(), h(se, {
+    const e = t, { renderedTitle: r, titleHidden: n } = vn(e);
+    return s(), (a, u) => (i(), m(ne, {
       title: l(r),
       "title-hidden": l(n)
     }, {
       default: f(() => [
-        p(P, { text: a.message }, null, 8, ["text"])
+        d(z, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), $t = /* @__PURE__ */ g({
+}), Lt = /* @__PURE__ */ g({
   __name: "Form",
   props: {
     form: {}
@@ -2053,36 +2052,36 @@ const tn = /* @__PURE__ */ g({
   setup(t, { emit: s }) {
     let e;
     const r = s;
-    return Y((n) => {
+    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());
-    }), le("form", t.form), (n, a) => (u(), b("form", {
-      onSubmit: a[0] || (a[0] = We((i) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
+    }), 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"]))
     }, [
-      w(n.$slots, "default")
+      $(n.$slots, "default")
     ], 32));
   }
 });
-function sn(t) {
-  const s = rt(
+function yn(t) {
+  const s = ht(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (i, [o, d]) => ({
+      (u, [o, p]) => ({
         [o]: {
           type: "boolean",
-          default: d.default,
-          required: d.required ? "required" : void 0
+          default: p.default,
+          required: p.required ? "required" : void 0
         },
-        ...i
+        ...u
       }),
       {}
     )
   ), e = c(() => t.title ?? S("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const rn = {
+const wn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, nn = { class: "flex items-center" }, an = ["onUpdate:modelValue", "required"], ln = { class: "ml-1.5" }, on = { class: "mt-4 flex flex-row-reverse gap-2" }, un = /* @__PURE__ */ g({
+}, $n = { class: "flex items-center" }, _n = ["onUpdate:modelValue", "required"], Cn = { class: "ml-1.5" }, xn = { class: "mt-4 flex flex-row-reverse gap-2" }, Sn = /* @__PURE__ */ g({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2095,55 +2094,56 @@ const rn = {
     actions: {},
     required: { type: Boolean }
   },
+  emits: ["close"],
   setup(t, { expose: s }) {
-    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: i, renderedCancelText: o } = sn(e);
-    return s(), (d, v) => (u(), h(se, {
+    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: ""
     }, {
-      default: f(({ close: $ }) => [
-        p($t, {
+      default: f(({ close: w }) => [
+        d(Lt, {
           form: l(r),
-          onSubmit: (m) => $([!0, l(r).data()])
+          onSubmit: (h) => w([!0, l(r).data()])
         }, {
           default: f(() => [
-            p(P, {
-              text: d.message,
-              actions: d.actions
+            d(z, {
+              text: p.message,
+              actions: p.actions
             }, null, 8, ["text", "actions"]),
-            d.checkboxes ? (u(), b("ul", rn, [
-              (u(!0), b(D, null, F(d.checkboxes, (m, C) => (u(), b("li", { key: C }, [
-                y("label", nn, [
-                  Ke(y("input", {
-                    "onUpdate:modelValue": (L) => l(r)[C] = L,
+            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": (P) => l(r)[k] = P,
                     type: "checkbox",
-                    required: m.required,
+                    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"
-                  }, null, 8, an), [
-                    [qt, l(r)[C]]
+                  }, null, 8, _n), [
+                    [Kt, l(r)[k]]
                   ]),
-                  y("span", ln, x(m.label), 1)
+                  y("span", Cn, x(h.label), 1)
                 ])
               ]))), 128))
-            ])) : T("", !0),
-            y("div", on, [
-              p(q, {
-                variant: d.acceptVariant,
+            ])) : E("", !0),
+            y("div", xn, [
+              d(I, {
+                variant: p.acceptVariant,
                 submit: ""
               }, {
                 default: f(() => [
-                  I(x(l(i)), 1)
+                  L(x(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              d.required ? T("", !0) : (u(), h(q, {
+              p.required ? E("", !0) : (i(), m(I, {
                 key: 0,
-                variant: d.cancelVariant,
-                onClick: (m) => $(!1)
+                variant: p.cancelVariant,
+                onClick: (h) => w(!1)
               }, {
                 default: f(() => [
-                  I(x(l(o)), 1)
+                  L(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2155,127 +2155,127 @@ const rn = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), cn = {
+}), kn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function dn(t, s) {
-  return u(), b("svg", cn, s[0] || (s[0] = [
+function Tn(t, s) {
+  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"
     }, null, -1)
   ]));
 }
-const pn = E({ name: "zondicons-cheveron-left", render: dn }), mn = {
+const Mn = V({ name: "zondicons-cheveron-left", render: Tn }), En = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function fn(t, s) {
-  return u(), b("svg", mn, s[0] || (s[0] = [
+function Hn(t, s) {
+  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"
     }, null, -1)
   ]));
 }
-const _t = E({ name: "zondicons-cheveron-right", render: fn }), hn = {
+const It = V({ name: "zondicons-cheveron-right", render: Hn }), Vn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function gn(t, s) {
-  return u(), b("svg", hn, s[0] || (s[0] = [
+function Ln(t, s) {
+  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"
     }, null, -1)
   ]));
 }
-const qe = E({ name: "zondicons-exclamation-solid", render: gn }), vn = {
+const De = V({ name: "zondicons-exclamation-solid", render: Ln }), In = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function bn(t, s) {
-  return u(), b("svg", vn, s[0] || (s[0] = [
+function zn(t, s) {
+  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"
     }, null, -1)
   ]));
 }
-const yn = E({ name: "mdi-console", render: bn }), wn = {
+const Rn = V({ name: "mdi-console", render: zn }), qn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function $n(t, s) {
-  return u(), b("svg", wn, s[0] || (s[0] = [
+function Pn(t, s) {
+  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"
     }, null, -1)
   ]));
 }
-const _n = E({ name: "zondicons-copy", render: $n }), xn = {
+const An = V({ name: "zondicons-copy", render: Pn }), Dn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Cn(t, s) {
-  return u(), b("svg", xn, s[0] || (s[0] = [
+function Bn(t, s) {
+  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 kn = E({ name: "mdi-github", render: Cn }), Sn = { class: "flex" }, Tn = { class: "sr-only" }, Mn = /* @__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), i = encodeURIComponent(
+      const a = encodeURIComponent(e.value), u = encodeURIComponent(
         [
           "[Please, explain here what you were trying to do when this error appeared]",
           "",
           "Error details:",
           "```",
-          Jt(
+          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=${i}`;
-    }), n = c(() => ee(
+      return `${R.sourceUrl}/issues/new?title=${a}&body=${u}`;
+    }), n = c(() => se(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: _n,
+          iconComponent: An,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: yn,
+          iconComponent: Rn,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), z.toast(
+            window.error = a, console.error(a), A.toast(
               S(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
@@ -2288,14 +2288,14 @@ ${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: kn,
+          iconComponent: jn,
           url: r.value
         });
       }
     ));
-    return (a, i) => (u(), b("div", Sn, [
-      (u(!0), b(D, null, F(n.value, (o) => w(a.$slots, "default", H({ ref_for: !0 }, o), () => [
-        p(q, {
+    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",
@@ -2304,8 +2304,8 @@ ${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information
           onClick: o.click
         }, {
           default: f(() => [
-            y("span", Tn, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
-            (u(), h(W(o.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"
             }))
@@ -2315,7 +2315,7 @@ ${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), Hn = /* @__PURE__ */ g({
+}), Nn = /* @__PURE__ */ g({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2324,17 +2324,17 @@ ${s.report.details}`), z.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) => (u(), h(P, {
+    return (e, r) => (i(), m(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function En(t) {
-  const s = U(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
+function Wn(t) {
+  const s = N(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
     () => {
-      var i;
-      return ((i = e.value.details) == null ? void 0 : i.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
+      var u;
+      return ((u = e.value.details) == null ? void 0 : u.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
   ), n = S("errors.previousReport", "Show previous report"), a = S("errors.nextReport", "Show next report");
   return {
@@ -2345,92 +2345,92 @@ function En(t) {
     activeReport: e
   };
 }
-const Vn = { class: "px-4 pt-5 pb-4" }, Ln = { class: "flex justify-between gap-4" }, In = { class: "flex items-center gap-2" }, qn = {
+const Kn = { class: "px-4 pt-5 pb-4" }, Qn = { class: "flex justify-between gap-4" }, Jn = { class: "flex items-center gap-2" }, Zn = {
   key: 0,
   class: "flex gap-0.5"
-}, zn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Rn = ["textContent"], Pn = /* @__PURE__ */ g({
+}, Xn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Yn = ["textContent"], Gn = /* @__PURE__ */ g({
   __name: "ErrorReportModal",
   props: {
     report: {},
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: i, activeReport: o } = En(e);
-    return s(), (d, v) => (u(), h(se, {
-      title: d.$td("errors.report", "Error report"),
+    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": "",
       class: "p-0",
       "wrapper-class": "sm:w-auto sm:min-w-lg sm:max-w-[80vw]"
     }, {
       default: f(() => [
-        y("div", Vn, [
-          y("h2", Ln, [
-            y("div", In, [
-              p(l(qe), { class: "size-5 text-red-600" }),
-              p(Hn, {
+        y("div", Kn, [
+          y("h2", Qn, [
+            y("div", Jn, [
+              d(l(De), { class: "size-5 text-red-600" }),
+              d(Nn, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
                 report: l(o),
                 "current-report": l(r) + 1,
-                "total-reports": d.reports.length
+                "total-reports": p.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              d.reports.length > 1 ? (u(), b("span", qn, [
-                p(q, {
+              p.reports.length > 1 ? (i(), b("span", Zn, [
+                d(I, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === 0,
-                  "aria-label": l(i),
-                  title: l(i),
-                  onClick: v[0] || (v[0] = ($) => r.value--)
+                  "aria-label": l(u),
+                  title: l(u),
+                  onClick: v[0] || (v[0] = (w) => r.value--)
                 }, {
                   default: f(() => [
-                    p(l(pn), { class: "size-4" })
+                    d(l(Mn), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                p(q, {
+                d(I, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: l(r) === d.reports.length - 1,
+                  disabled: l(r) === p.reports.length - 1,
                   "aria-label": l(a),
                   title: l(a),
-                  onClick: v[1] || (v[1] = ($) => r.value++)
+                  onClick: v[1] || (v[1] = (w) => r.value++)
                 }, {
                   default: f(() => [
-                    p(l(_t), { class: "size-4" })
+                    d(l(It), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : T("", !0)
+              ])) : E("", !0)
             ]),
-            p(Mn, {
+            d(Un, {
               report: l(o),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(o).description ? (u(), h(P, {
+          l(o).description ? (i(), m(z, {
             key: 0,
             text: l(o).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : T("", !0)
+          }, null, 8, ["text"])) : E("", !0)
         ]),
-        y("div", zn, [
+        y("div", Xn, [
           y("pre", {
             class: "p-4 text-xs text-red-800",
             textContent: x(l(n))
-          }, null, 8, Rn)
+          }, null, 8, Yn)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), An = {
+}), ea = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Dn(t, s) {
-  return u(), b("svg", An, s[0] || (s[0] = [
+function ta(t, s) {
+  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",
@@ -2450,40 +2450,50 @@ function Dn(t, s) {
     ], -1)
   ]));
 }
-const jn = E({ name: "svg-spinners-90-ring-with-bg", render: Dn }), Bn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Fn = { class: "sr-only" }, Un = /* @__PURE__ */ g({
+const sa = V({ name: "svg-spinners-90-ring-with-bg", render: ta }), ra = { class: "relative mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, na = { class: "sr-only" }, aa = /* @__PURE__ */ g({
   __name: "ProgressBar",
   props: {
     filledClass: {},
+    overflowClass: {},
     progress: {},
     job: {}
   },
   setup(t) {
     let s;
-    const e = U(0), r = c(() => M("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => typeof t.progress == "number" ? t.progress : e.value);
-    return Me(
+    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
+    )), a = c(() => typeof t.progress == "number" ? t.progress : e.value), u = c(() => a.value > 1 ? 100 * ((a.value - 1) / a.value) : null);
+    return Le(
       () => t.job,
       () => {
-        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (a) => e.value = a });
+        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (o) => e.value = o });
       },
       { immediate: !0 }
-    ), ge(() => s && s()), (a, i) => (u(), b("div", Bn, [
+    ), $e(() => s && s()), (o, p) => (i(), b("div", ra, [
       y("div", {
-        class: k(r.value),
-        style: zt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+        class: _(r.value),
+        style: Ue(`transform:translateX(-${(1 - a.value) * 100}%)`)
       }, null, 6),
-      y("span", Fn, x(a.$td("ui.progress", "{progress}% complete", {
-        progress: n.value * 100
+      u.value ? (i(), b("div", {
+        key: 0,
+        class: _(n.value),
+        style: Ue({ width: `${u.value}%` })
+      }, null, 6)) : E("", !0),
+      y("span", na, x(o.$td("ui.progress", "{progress}% complete", {
+        progress: a.value * 100
       })), 1)
     ]));
   }
 });
-function On(t) {
+function la(t) {
   const s = c(() => t.title ?? S("ui.loading", "Loading")), e = c(
     () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
   ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const Nn = /* @__PURE__ */ g({
+const ia = /* @__PURE__ */ g({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2492,30 +2502,30 @@ const Nn = /* @__PURE__ */ g({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: i } = On(e);
-    return s(), (o, d) => (u(), h(se, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = la(e);
+    return s(), (o, p) => (i(), m(ne, {
       persistent: "",
-      class: k(["flex", { "flex-col-reverse": l(i), "items-center justify-center gap-2": !l(i) }]),
       "wrapper-class": "w-auto",
       title: l(r),
-      "title-hidden": l(a)
+      "title-hidden": l(a),
+      class: _({ "flex-col-reverse": l(u), "flex-row items-center justify-center gap-2": !l(u) })
     }, {
       default: f(() => [
-        l(i) ? (u(), h(Un, {
+        l(u) ? (i(), m(aa, {
           key: 0,
           progress: o.progress,
           job: o.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (u(), h(l(jn), {
+        }, null, 8, ["progress", "job"])) : (i(), m(l(sa), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        p(P, { text: l(n) }, null, 8, ["text"])
+        d(z, { text: l(n) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), ze = /* @__PURE__ */ g({
+}), Be = /* @__PURE__ */ g({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2526,13 +2536,13 @@ const Nn = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
-      id: `input-${re()}`,
+    const r = e, n = Y("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `input-${ue()}`,
       name: c(() => t.name),
       label: c(() => t.label),
       description: c(() => t.description),
       value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: ve(a),
+      errors: _e(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
@@ -2545,109 +2555,114 @@ const Nn = /* @__PURE__ */ g({
         r("update:modelValue", o);
       }
     };
-    return le("input", i), s(i), (o, d) => (u(), h(W(o.as), null, {
+    return pe("input", u), s(u), (o, p) => (i(), m(ee(o.as), null, {
       default: f(() => [
-        w(o.$slots, "default")
+        $(o.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), Wn = ["for"], fe = /* @__PURE__ */ g({
+}), oa = ["for"], ye = /* @__PURE__ */ g({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = V("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = He(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (u(), 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
     }, [
-      w(n.$slots, "default", {}, () => [
-        I(x(l(s).label), 1)
+      $(n.$slots, "default", {}, () => [
+        L(x(l(s).label), 1)
       ])
-    ], 8, Wn)) : T("", !0);
+    ], 8, oa)) : E("", !0);
   }
-}), Kn = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], xt = /* @__PURE__ */ g({
+}), ua = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], zt = /* @__PURE__ */ g({
   __name: "HeadlessInputInput",
   props: {
     type: {}
   },
   setup(t) {
-    const s = G("$inputRef"), e = V("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = X("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), i = 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 $ = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
-      return ["text", "email", "number", "tel", "url"].includes($) ? $ : "text";
+      const w = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
+      return ["text", "email", "number", "tel", "url"].includes(w) ? w : "text";
     }), o = c(() => {
-      if (t.type === "checkbox")
+      if (u.value === "checkbox")
         return !!a.value;
     });
-    function d() {
+    function p() {
       s.value && e.update(v());
     }
     function v() {
       if (!s.value)
         return null;
-      switch (t.type) {
+      switch (u.value) {
         case "checkbox":
           return s.value.checked;
         case "date":
-          return s.value.valueAsDate;
+        case "time":
+        case "datetime-local":
+          return new Date(Math.round(s.value.valueAsNumber / 6e4) * 6e4 + Xe);
+        case "number":
+          return s.value.valueAsNumber;
         default:
           return s.value.value;
       }
     }
-    return st(e, () => {
-      var $;
-      return ($ = s.value) == null ? void 0 : $.focus();
-    }), Y(() => {
+    return mt(e, () => {
+      var w;
+      return (w = s.value) == null ? void 0 : w.focus();
+    }), G(() => {
       if (s.value) {
-        if (t.type === "date" && a.value instanceof Date) {
-          s.value.valueAsDate = a.value;
+        if (["date", "time", "datetime-local"].includes(u.value) && a.value instanceof Date) {
+          const w = Math.round(a.value.getTime() / 6e4) * 6e4;
+          s.value.valueAsNumber = w - Xe, e.update(new Date(w));
           return;
         }
         s.value.value = a.value ?? null;
       }
-    }), ($, m) => (u(), b("input", {
+    }), (w, h) => (i(), b("input", {
       id: l(e).id,
       ref: "$inputRef",
       name: n.value,
       checked: o.value,
-      type: i.value,
+      type: u.value,
       required: l(e).required ?? void 0,
       "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: d
-    }, null, 40, Kn));
+      onInput: p
+    }, null, 40, ua));
   }
-}), Ct = /* @__PURE__ */ g({
+}), Rt = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = V(
+    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) => w(n.$slots, "default", {
+    return (n, a) => $(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
-      r.value ? (u(), h(P, 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"])) : T("", !0)
+      }), null, 16, ["id", "text"])) : E("", !0)
     ]);
   }
-}), Qn = ["id"], he = /* @__PURE__ */ g({
+}), ca = ["id"], we = /* @__PURE__ */ g({
   __name: "HeadlessInputError",
   setup(t) {
-    const s = V("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 ? (u(), 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, Qn)) : T("", !0);
+    }, x(e.value), 9, ca)) : E("", !0);
   }
-}), Jn = {
+}), da = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, Zn = /* @__PURE__ */ g({
+}, pa = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2656,65 +2671,71 @@ const Nn = /* @__PURE__ */ g({
     description: {},
     modelValue: {},
     inputClass: {},
-    wrapperClass: {}
+    wrapperClass: {},
+    descriptionClass: {},
+    errorClass: {}
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = N(t, ["label", "inputClass", "wrapperClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = c(() => {
-      var o, d, v;
-      return M(
+    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 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": !((o = e.value) != null && o.errors),
-          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.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
+          "focus:ring-primary-600": !((v = e.value) != null && v.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((w = e.value) != null && w.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (h = e.value) == null ? void 0 : h.errors
         },
         t.inputClass
       );
     });
-    return (o, d) => (u(), h(ze, H({
+    return (v, w) => (i(), m(Be, H({
       ref: "$inputRef",
-      label: o.label,
+      label: v.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": d[0] || (d[0] = (v) => o.$emit("update:modelValue", v))
+      "onUpdate:modelValue": w[0] || (w[0] = (h) => v.$emit("update:modelValue", h))
     }), {
       default: f(() => {
-        var v;
+        var h;
         return [
-          p(fe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          d(ye, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           y("div", {
-            class: k(a.value)
+            class: _(a.value)
           }, [
-            p(xt, H(l(r), { class: i.value }), null, 16, ["class"]),
-            (v = e.value) != null && v.errors ? (u(), b("div", Jn, [
-              p(l(qe), { class: "size-5 text-red-500" })
-            ])) : T("", !0)
+            d(zt, H(l(r), { class: p.value }), null, 16, ["class"]),
+            (h = e.value) != null && h.errors ? (i(), b("div", da, [
+              d(l(De), { class: "size-5 text-red-500" })
+            ])) : E("", !0)
           ], 2),
-          p(Ct, { class: "mt-2 text-sm text-gray-600" }),
-          p(he, { class: "mt-2 text-sm text-red-600" })
+          d(Rt, {
+            class: _(u.value)
+          }, null, 8, ["class"]),
+          d(we, {
+            class: _(o.value)
+          }, null, 8, ["class"])
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-function $l(t, s = {}) {
+function Al(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function _l(t, s = {}) {
+function Dl(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function xl(t, s, e = {}) {
+function Bl(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2722,21 +2743,21 @@ function xl(t, s, e = {}) {
     values: t
   };
 }
-function Cl(t) {
+function jl(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function kl(t) {
+function Fl(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Sl(t, s) {
+function Ol(t, s) {
   return {
     default: s,
     type: "enum",
@@ -2744,55 +2765,55 @@ function Sl(t, s) {
     values: t
   };
 }
-function Tl(t) {
+function Ul(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Ml(t) {
+function Nl(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function Xn(t) {
+function fa(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Hl(t, s = {}) {
+function Wl(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function El(t, s = {}) {
+function Kl(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Vl(t, s = {}) {
+function Ql(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function Yn(t) {
-  const s = rt({
-    draft: Xn(t.defaultValue ?? "")
+function ma(t) {
+  const s = ht({
+    draft: fa(t.defaultValue ?? "")
   }), e = c(() => t.title ?? t.message), r = c(() => t.title ? t.message : null), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const Gn = { class: "mt-4 flex flex-row-reverse gap-2" }, ea = /* @__PURE__ */ g({
+const ha = { class: "mt-4 flex flex-row-reverse gap-2" }, ga = /* @__PURE__ */ g({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2805,44 +2826,45 @@ const Gn = { class: "mt-4 flex flex-row-reverse gap-2" }, ea = /* @__PURE__ */ g
     cancelText: {},
     cancelVariant: { default: "secondary" }
   },
+  emits: ["close"],
   setup(t, { expose: s }) {
-    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: i, renderedCancelText: o } = Yn(e);
-    return s(), (d, v) => (u(), h(se, {
+    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: ""
     }, {
-      default: f(({ close: $ }) => [
-        p($t, {
+      default: f(({ close: w }) => [
+        d(Lt, {
           form: l(r),
-          onSubmit: (m) => $(l(r).draft)
+          onSubmit: (h) => w(l(r).draft)
         }, {
           default: f(() => [
-            l(a) ? (u(), h(P, {
+            l(a) ? (i(), m(z, {
               key: 0,
               text: l(a)
-            }, null, 8, ["text"])) : T("", !0),
-            p(Zn, {
+            }, null, 8, ["text"])) : E("", !0),
+            d(pa, {
               name: "draft",
               class: "mt-2",
-              placeholder: d.placeholder,
-              label: d.label
+              placeholder: p.placeholder,
+              label: p.label
             }, null, 8, ["placeholder", "label"]),
-            y("div", Gn, [
-              p(q, {
-                variant: d.acceptVariant,
+            y("div", ha, [
+              d(I, {
+                variant: p.acceptVariant,
                 submit: ""
               }, {
                 default: f(() => [
-                  I(x(l(i)), 1)
+                  L(x(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p(q, {
-                variant: d.cancelVariant,
-                onClick: (m) => $()
+              d(I, {
+                variant: p.cancelVariant,
+                onClick: (h) => w()
               }, {
                 default: f(() => [
-                  I(x(l(o)), 1)
+                  L(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2854,63 +2876,63 @@ const Gn = { class: "mt-4 flex flex-row-reverse gap-2" }, ea = /* @__PURE__ */ g
       _: 1
     }, 8, ["title"]));
   }
-}), ta = {
+}), va = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function sa(t, s) {
-  return u(), b("svg", ta, s[0] || (s[0] = [
+function ba(t, s) {
+  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"
     }, null, -1)
   ]));
 }
-const ra = E({ name: "material-symbols-bug-report", render: sa }), na = {
+const ya = V({ name: "material-symbols-bug-report", render: ba }), wa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function aa(t, s) {
-  return u(), b("svg", na, s[0] || (s[0] = [
+function $a(t, s) {
+  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"
     }, null, -1)
   ]));
 }
-const la = E({ name: "material-symbols-delete-forever-rounded", render: aa }), oa = {
+const _a = V({ name: "material-symbols-delete-forever-rounded", render: $a }), Ca = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ia(t, s) {
-  return u(), b("svg", oa, s[0] || (s[0] = [
+function xa(t, s) {
+  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"
     }, null, -1)
   ]));
 }
-const ua = E({ name: "material-symbols-frame-inspect", render: ia }), ca = {
+const Sa = V({ name: "material-symbols-frame-inspect", render: xa }), ka = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function da(t, s) {
-  return u(), b("svg", ca, s[0] || (s[0] = [
+function Ta(t, s) {
+  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"
     }, null, -1)
   ]));
 }
-const pa = E({ name: "material-symbols-refresh-rounded", render: da }), ma = { class: "grid grow place-items-center" }, fa = { class: "flex flex-col items-center p-8" }, ha = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, ga = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, va = /* @__PURE__ */ g({
+const Ma = V({ name: "material-symbols-refresh-rounded", render: Ta }), Ea = { class: "grid grow place-items-center" }, Ha = { class: "flex flex-col items-center p-8" }, Va = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, La = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, Ia = /* @__PURE__ */ g({
   __name: "StartupCrash",
   setup(t) {
     async function s() {
-      await z.confirm(
+      await A.confirm(
         S("startupCrash.purgeConfirmTitle", "Delete everything?"),
         S(
           "startupCrash.purgeConfirmMessage",
@@ -2922,59 +2944,59 @@ Do you still want to proceed?`
           acceptVariant: "danger",
           acceptText: S("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await at.purge(), await A.reload());
+      ) && (await vt.purge(), await R.reload());
     }
     return (e, r) => {
-      const n = Rt("i-majesticons-exclamation");
-      return u(), b("div", ma, [
-        y("div", fa, [
-          p(n, { class: "size-20 text-red-600" }),
-          y("h1", ha, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
-          p(P, {
+      const n = Qt("i-majesticons-exclamation");
+      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),
+          d(z, {
             text: e.$td(
               "startupCrash.message",
               "There was a problem starting the application, but here's some things you can do:"
             ),
             class: "mt-4 text-center"
           }, null, 8, ["text"]),
-          y("div", ga, [
-            p(q, {
+          y("div", La, [
+            d(I, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
               default: f(() => [
-                p(l(pa)),
-                I(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
+                d(l(Ma)),
+                L(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
-            p(q, {
+            d(I, {
               variant: "danger",
               onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
             }, {
               default: f(() => [
-                p(l(ra)),
-                I(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
+                d(l(ya)),
+                L(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
             }),
-            p(q, {
+            d(I, {
               variant: "danger",
               onClick: r[2] || (r[2] = (a) => s())
             }, {
               default: f(() => [
-                p(l(la)),
-                I(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
+                d(l(_a)),
+                L(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
-            p(q, {
+            d(I, {
               variant: "danger",
               onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
             }, {
               default: f(() => [
-                p(l(ua)),
-                I(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+                d(l(Sa)),
+                L(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
             })
@@ -2983,23 +3005,23 @@ Do you still want to proceed?`
       ]);
     };
   }
-}), kt = /* @__PURE__ */ g({
+}), qt = /* @__PURE__ */ g({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(W(s.action.dismiss ? l(Ss) : "button"), {
+    return (s, e) => (i(), m(ee(s.action.dismiss ? l(js) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
       default: f(() => [
-        I(x(s.action.label), 1)
+        L(x(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), ba = { key: 0 }, ya = /* @__PURE__ */ g({
+}), za = { key: 0 }, Ra = /* @__PURE__ */ g({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -3007,11 +3029,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(l(Ts), null, {
+    return (s, e) => (i(), m(l(Fs), null, {
       default: f(() => [
-        w(s.$slots, "default", {}, () => [
-          s.message ? (u(), b("span", ba, x(s.message), 1)) : T("", !0),
-          (u(!0), b(D, null, F(s.actions, (r, n) => (u(), h(kt, {
+        $(s.$slots, "default", {}, () => [
+          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))
@@ -3020,7 +3042,7 @@ Do you still want to proceed?`
       _: 3
     }));
   }
-}), wa = /* @__PURE__ */ g({
+}), qa = /* @__PURE__ */ g({
   __name: "Toast",
   props: {
     message: {},
@@ -3029,14 +3051,15 @@ Do you still want to proceed?`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = c(() => et(
+    const e = c(() => ft(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
         variants: {
           variant: {
             secondary: "bg-gray-900 text-white ring-black",
-            danger: "bg-red-50 text-red-900 ring-red-100"
+            danger: "bg-red-50 text-red-900 ring-red-100",
+            warning: "bg-yellow-50 text-yellow-900 ring-yellow-100"
           }
         },
         defaultVariants: {
@@ -3044,110 +3067,98 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (u(), h(ya, {
-      class: k(e.value)
+    return s(), (r, n) => (i(), m(Ra, {
+      class: _(e.value)
     }, {
       default: f(() => [
-        r.message ? (u(), h(P, {
+        r.message ? (i(), m(z, {
           key: 0,
           text: r.message,
           inline: ""
-        }, null, 8, ["text"])) : T("", !0),
-        (u(!0), b(D, null, F(r.actions, (a, i) => (u(), h(q, {
-          key: i,
+        }, null, 8, ["text"])) : E("", !0),
+        (i(!0), b(D, null, O(r.actions, (a, u) => (i(), m(I, {
+          key: u,
           action: a,
           variant: r.variant,
-          as: kt
+          as: qt
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), $a = { $ui: z }, _a = {
+}), Pa = { $ui: A }, Aa = {
   async install(t, s) {
     const e = {
-      "alert-modal": tn,
-      "confirm-modal": un,
-      "error-report-modal": Pn,
-      "loading-modal": Nn,
-      "prompt-modal": ea,
-      "startup-crash": va,
-      toast: wa,
+      "alert-modal": bn,
+      "confirm-modal": Sn,
+      "error-report-modal": Gn,
+      "loading-modal": ia,
+      "prompt-modal": ga,
+      "startup-crash": Ia,
+      toast: qa,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
-      z.registerComponent(r, n);
-    await $e(t, $a);
+      A.registerComponent(r, n);
+    await ke(t, Pa);
   }
 };
-async function xa(t, s = {}) {
+async function Da(t, s = {}) {
   var r;
-  const e = [Fr, ar, Br, Tr, ur, _a, ...s.plugins ?? []];
-  A.instance = t, await Fs(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await R.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 Ll(t, s = {}) {
+async function Jl(t, s = {}) {
   var r;
-  const e = Pt(t);
-  J() && (window.$aerogel = e), await xa(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await R.emit("application-mounted");
+  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");
 }
-const Ca = { key: 0 }, ka = /* @__PURE__ */ g({
-  __name: "AppModals",
-  setup(t) {
-    const s = c(() => z.modals[0] ?? null);
-    return (e, r) => s.value ? (u(), b("aside", Ca, [
-      p(wt, {
-        "child-index": 1,
-        modal: s.value
-      }, null, 8, ["modal"])
-    ])) : T("", !0);
-  }
-}), Sa = /* @__PURE__ */ g({
+const Ba = /* @__PURE__ */ g({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (u(), h(l(Ms), null, {
+    return (s, e) => (i(), m(l(Os), null, {
       default: f(() => [
-        (u(!0), b(D, null, F(s.$ui.toasts, (r) => (u(), h(W(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)),
-        p(l(Hs), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+          key: r.id
+        }, { ref_for: !0 }, r.properties), null, 16, ["id"]))), 128)),
+        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
     }));
   }
-}), Ta = /* @__PURE__ */ g({
+}), ja = /* @__PURE__ */ g({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (u(), b(D, null, [
-      p(ka),
-      p(Sa)
+    return (s, e) => (i(), b(D, null, [
+      d(l(ys), { nested: "" }),
+      d(Ba)
     ], 64));
   }
-}), Ma = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Il = /* @__PURE__ */ g({
+}), Fa = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Zl = /* @__PURE__ */ g({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (u(), b("div", Ma, [
-      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
-        (u(), h(W(s.$ui.requireComponent("startup-crash"))))
-      ]) : w(s.$slots, "default", { key: 1 }),
-      p(Ta)
+    return (s, e) => (i(), b("div", Fa, [
+      s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
+        (i(), m(ee(s.$ui.requireComponent("startup-crash"))))
+      ]) : $(s.$slots, "default", { key: 1 }),
+      d(ja)
     ]));
   }
-}), Ha = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Ea = /* @__PURE__ */ g({
+}), Oa = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Ua = /* @__PURE__ */ g({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = G("$textAreaRef"), e = V(
+    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);
     function a() {
       s.value && e.update(s.value.value);
     }
-    return st(e, () => {
-      var i;
-      return (i = s.value) == null ? void 0 : i.focus();
-    }), (i, o) => (u(), b("textarea", {
+    return mt(e, () => {
+      var u;
+      return (u = s.value) == null ? void 0 : u.focus();
+    }), (u, o) => (i(), b("textarea", {
       id: l(e).id,
       ref: "$textAreaRef",
       name: r.value,
@@ -3156,22 +3167,41 @@ const Ca = { key: 0 }, ka = /* @__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, Ha));
+    }, null, 40, Oa));
   }
-}), Va = { class: "group" }, La = { 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" }, Ia = { class: "pt-2 pl-4" }, ql = /* @__PURE__ */ g({
-  __name: "AdvancedOptions",
+}), 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 = /* @__PURE__ */ g({
+  __name: "Details",
+  props: {
+    label: {},
+    contentClass: {}
+  },
   setup(t) {
-    return (s, e) => (u(), b("details", Va, [
-      y("summary", La, [
-        p(l(_t), { class: "size-6 transition-transform group-open:rotate-90" }),
-        y("span", null, x(s.$td("ui.advancedOptions", "Advanced options")), 1)
+    const s = c(() => T("pt-2 pl-4", t.contentClass));
+    return (e, r) => (i(), b("details", Na, [
+      y("summary", Wa, [
+        d(l(It), { class: "size-6 transition-transform group-open:rotate-90" }),
+        y("span", null, x(e.label), 1)
       ]),
-      y("div", Ia, [
-        w(s.$slots, "default")
-      ])
+      y("div", {
+        class: _(s.value)
+      }, [
+        $(e.$slots, "default")
+      ], 2)
     ]));
   }
-}), qa = { class: "flex h-6 items-center" }, zl = /* @__PURE__ */ g({
+}), Xl = /* @__PURE__ */ g({
+  __name: "AdvancedOptions",
+  setup(t) {
+    return (s, e) => (i(), m(Ka, {
+      label: s.$td("ui.advancedOptions", "Advanced options")
+    }, {
+      default: f(() => [
+        $(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["label"]));
+  }
+}), Qa = { class: "flex h-6 items-center" }, Yl = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3184,53 +3214,53 @@ const Ca = { key: 0 }, ka = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = N(t, ["inputClass", "labelClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative flex items-start", n.value)), i = c(() => {
-      var d, v;
-      return M(
+    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 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": !((d = e.value) != null && d.errors),
+          "border-gray-300 focus:ring-primary-600": !((p = e.value) != null && p.errors),
           "border-red-400 border-2 focus:ring-red-600": (v = e.value) == null ? void 0 : v.errors
         },
         t.inputClass
       );
-    }), o = c(() => M("ml-2 text-sm leading-6", t.labelClass));
-    return (d, v) => (u(), h(ze, 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] = ($) => d.$emit("update:modelValue", $))
+      "onUpdate:modelValue": v[0] || (v[0] = (w) => p.$emit("update:modelValue", w))
     }), {
       default: f(() => [
-        y("div", qa, [
-          p(xt, H(l(r), {
+        y("div", Qa, [
+          d(zt, H(l(r), {
             type: "checkbox",
-            class: i.value
+            class: u.value
           }), null, 16, ["class"])
         ]),
-        d.$slots.default ? (u(), b("div", {
+        p.$slots.default ? (i(), b("div", {
           key: 0,
-          class: k(o.value)
+          class: _(o.value)
         }, [
-          p(fe, { class: "text-gray-900" }, {
+          d(ye, { class: "text-gray-900" }, {
             default: f(() => [
-              w(d.$slots, "default")
+              $(p.$slots, "default")
             ]),
             _: 3
           }),
-          p(he, { class: "text-red-600" })
-        ], 2)) : d.label ? (u(), b("div", {
+          d(we, { class: "text-red-600" })
+        ], 2)) : p.label ? (i(), b("div", {
           key: 1,
-          class: k(o.value)
+          class: _(o.value)
         }, [
-          p(fe, { class: "text-gray-900" }),
-          p(he, { class: "text-red-600" })
-        ], 2)) : T("", !0)
+          d(ye, { class: "text-gray-900" }),
+          d(we, { class: "text-red-600" })
+        ], 2)) : E("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), za = /* @__PURE__ */ g({
+}), Ja = /* @__PURE__ */ g({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3239,40 +3269,40 @@ const Ca = { key: 0 }, ka = /* @__PURE__ */ g({
   },
   emits: ["select"],
   setup(t) {
-    const s = N(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) => (u(), h(l(Es), 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(() => [
-        w(r.$slots, "default")
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ra = /* @__PURE__ */ g({
+}), Za = /* @__PURE__ */ g({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = V(
+    const s = q(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (u(), h(l(Vs), {
+    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(() => [
-        w(e.$slots, "default", {}, () => [
-          (u(!0), b(D, null, F(l(s).options, (n, a) => (u(), h(za, H(
+        $(e.$slots, "default", {}, () => [
+          (i(!0), b(D, null, O(l(s).options, (n, a) => (i(), m(Ja, H(
             {
               key: a,
-              as: n.route || n.href ? ct : void 0,
-              class: n.class,
-              ref_for: !0
+              as: n.route || n.href ? _t : void 0,
+              class: n.class
             },
+            { ref_for: !0 },
             n.route || n.href ? {
               href: n.href,
               route: n.route,
@@ -3280,14 +3310,14 @@ const Ca = { key: 0 }, ka = /* @__PURE__ */ g({
               routeQuery: n.routeQuery
             } : {},
             {
-              onSelect: (i) => {
+              onSelect: (u) => {
                 var o;
                 return (o = n.click) == null ? void 0 : o.call(n);
               }
             }
           ), {
             default: f(() => [
-              I(x(n.label), 1)
+              L(x(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3296,7 +3326,7 @@ const Ca = { key: 0 }, ka = /* @__PURE__ */ g({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), Rl = /* @__PURE__ */ g({
+}), Gl = /* @__PURE__ */ g({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3312,18 +3342,18 @@ const Ca = { key: 0 }, ka = /* @__PURE__ */ g({
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return le("dropdown-menu", e), s(e), (r, n) => (u(), h(l(Ls), null, {
+    return pe("dropdown-menu", e), s(e), (r, n) => (i(), m(l(Ks), null, {
       default: f(() => [
-        p(l(Is), null, {
+        d(l(Qs), null, {
           default: f(() => [
-            w(r.$slots, "default")
+            $(r.$slots, "default")
           ]),
           _: 3
         }),
-        p(l(qs), null, {
+        d(l(Js), null, {
           default: f(() => [
-            w(r.$slots, "options", {}, () => [
-              p(Ra)
+            $(r.$slots, "options", {}, () => [
+              d(Za)
             ])
           ]),
           _: 3
@@ -3332,7 +3362,7 @@ const Ca = { key: 0 }, ka = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), Pa = ["aria-hidden"], Aa = ["tabindex", "aria-label", "type"], Pl = /* @__PURE__ */ g({
+}), Xa = ["aria-hidden"], Ya = ["tabindex", "aria-label", "type"], ei = /* @__PURE__ */ g({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3345,106 +3375,106 @@ const Ca = { key: 0 }, ka = /* @__PURE__ */ g({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = G("$inputRef"), n = U(null), a = U(t.text), i = c(() => M("inline whitespace-pre", t.contentClass)), o = c(() => M("invisible whitespace-pre", t.contentClass)), d = 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 $() {
+    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 Y(() => a.value = t.text), (m, C) => (u(), b("div", {
-      class: k(["relative", { "pointer-events-none!": m.disabled && !n.value }])
+    return G(() => a.value = t.text), (h, k) => (i(), b("div", {
+      class: _(["relative", { "pointer-events-none!": h.disabled && !n.value }])
     }, [
-      n.value ? (u(), b("span", {
+      n.value ? (i(), b("span", {
         key: 1,
-        class: k(o.value)
-      }, x(a.value), 3)) : (u(), b("div", {
+        class: _(o.value)
+      }, x(a.value), 3)) : (i(), b("div", {
         key: 0,
-        class: k(i.value)
+        class: _(u.value)
       }, [
-        w(m.$slots, "default")
+        $(h.$slots, "default")
       ], 2)),
-      m.type === "number" ? (u(), b("span", {
+      h.type === "number" ? (i(), b("span", {
         key: 2,
-        class: k(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
-      }, null, 2)) : T("", !0),
+        class: _(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
+      }, null, 2)) : E("", !0),
       y("form", {
         class: "w-full",
-        "aria-hidden": m.formAriaHidden,
-        onSubmit: C[4] || (C[4] = We((L) => {
-          var _e;
-          return (_e = r.value) == null ? void 0 : _e.blur();
+        "aria-hidden": h.formAriaHidden,
+        onSubmit: k[4] || (k[4] = nt((P) => {
+          var Q;
+          return (Q = r.value) == null ? void 0 : Q.blur();
         }, ["prevent"]))
       }, [
-        Ke(y("input", {
+        at(y("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": C[0] || (C[0] = (L) => a.value = L),
-          tabindex: m.tabindex ?? void 0,
-          "aria-label": m.ariaLabel ?? void 0,
-          type: m.type,
-          class: k([
-            d.value,
-            { "opacity-0": !n.value, "appearance-textfield": !n.value && m.type === "number" }
+          "onUpdate:modelValue": k[0] || (k[0] = (P) => a.value = P),
+          tabindex: h.tabindex ?? void 0,
+          "aria-label": h.ariaLabel ?? void 0,
+          type: h.type,
+          class: _([
+            p.value,
+            { "opacity-0": !n.value, "appearance-textfield": !n.value && h.type === "number" }
           ]),
-          onKeyup: C[1] || (C[1] = (L) => m.$emit("update", a.value)),
-          onFocus: C[2] || (C[2] = (L) => v()),
-          onBlur: C[3] || (C[3] = (L) => $())
-        }, null, 42, Aa), [
-          [At, a.value]
+          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, Ya), [
+          [Zt, a.value]
         ])
-      ], 40, Pa)
+      ], 40, Xa)
     ], 2));
   }
-}), Da = {
+}), Ga = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function ja(t, s) {
-  return u(), b("svg", Da, s[0] || (s[0] = [
+function el(t, s) {
+  return i(), b("svg", Ga, 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 Ba = E({ name: "ion-warning", render: ja }), Fa = {
+const tl = V({ name: "ion-warning", render: el }), sl = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ua(t, s) {
-  return u(), b("svg", Fa, s[0] || (s[0] = [
+function rl(t, s) {
+  return i(), b("svg", sl, 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 Oa = E({ name: "zondicons-view-show", render: Ua }), Na = { class: "font-medium" }, Wa = ["datetime"], Ka = /* @__PURE__ */ g({
+const nl = V({ name: "zondicons-view-show", render: rl }), al = { class: "font-medium" }, ll = ["datetime"], il = /* @__PURE__ */ g({
   __name: "ErrorLogsModal",
   setup(t) {
-    return (s, e) => (u(), h(se, {
+    return (s, e) => (i(), m(ne, {
       title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
     }, {
       default: f(() => [
         y("ol", null, [
-          (u(!0), b(D, null, F(s.$errors.logs, (r, n) => (u(), 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", Na, x(r.report.title), 1),
+              y("h3", al, x(r.report.title), 1),
               y("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, x(r.date.toLocaleTimeString()), 9, Wa),
-              p(P, {
+              }, x(r.date.toLocaleTimeString()), 9, ll),
+              d(z, {
                 class: "text-sm text-gray-500",
-                text: r.report.description ?? l(yt)(r.report)
+                text: r.report.description ?? l(Vt)(r.report)
               }, null, 8, ["text"])
             ]),
-            p(q, {
+            d(I, {
               size: "icon",
               variant: "ghost",
               "aria-label": s.$td("errors.viewDetails", "View details"),
@@ -3452,11 +3482,11 @@ const Oa = E({ name: "zondicons-view-show", render: Ua }), Na = { class: "font-m
               class: "self-center",
               onClick: (a) => s.$errors.inspect(
                 r.report,
-                s.$errors.logs.map(({ report: i }) => i)
+                s.$errors.logs.map(({ report: u }) => u)
               )
             }, {
               default: f(() => [
-                p(l(Oa), {
+                d(l(nl), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3469,36 +3499,36 @@ const Oa = E({ name: "zondicons-view-show", render: Ua }), Na = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), Al = /* @__PURE__ */ g({
+}), ti = /* @__PURE__ */ g({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (u(), h(q, {
+    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(Ka))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(il))
     }, {
       default: f(() => [
-        p(l(Ba), { class: "size-6 text-red-500" })
+        d(l(tl), { class: "size-6 text-red-500" })
       ]),
       _: 1
-    }, 8, ["title", "aria-label"])) : T("", !0);
+    }, 8, ["title", "aria-label"])) : E("", !0);
   }
-}), Dl = /* @__PURE__ */ g({
+}), si = /* @__PURE__ */ g({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = c(() => yt(t.error));
-    return (e, r) => (u(), h(P, {
+    const s = c(() => Vt(t.error));
+    return (e, r) => (i(), m(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), jl = /* @__PURE__ */ g({
+}), ri = /* @__PURE__ */ g({
   __name: "Link",
   props: {
     class: {},
@@ -3513,30 +3543,31 @@ const Oa = E({ name: "zondicons-view-show", render: Ua }), Na = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(q, H({ variant: "link" }, s.$props), {
+    return (s, e) => (i(), m(I, H({ variant: "link" }, s.$props), {
       default: f(() => [
-        w(s.$slots, "default")
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Bl = /* @__PURE__ */ g({
+}), ni = /* @__PURE__ */ g({
   __name: "SettingsModal",
   setup(t) {
-    const s = c(() => Zt(A.settings, "priority", "desc"));
-    return (e, r) => (u(), h(se, {
-      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(() => [
-        (u(!0), b(D, null, F(s.value, (n, a) => (u(), h(W(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"]));
   }
-}), Qa = {
+}), ol = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, Fl = /* @__PURE__ */ g({
+}, ai = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3549,70 +3580,70 @@ const Oa = E({ name: "zondicons-view-show", render: Ua }), Na = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = N(t, ["label", "inputClass", "wrapperClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = c(() => {
-      var o, d, 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": !((o = e.value) != null && o.errors),
-          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.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 (o, d) => (u(), h(ze, H({
+    return (o, p) => (i(), m(Be, H({
       ref: "$inputRef",
       label: o.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": d[0] || (d[0] = (v) => o.$emit("update:modelValue", v))
+      "onUpdate:modelValue": p[0] || (p[0] = (v) => o.$emit("update:modelValue", v))
     }), {
       default: f(() => {
         var v;
         return [
-          p(fe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          d(ye, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           y("div", {
-            class: k(a.value)
+            class: _(a.value)
           }, [
-            p(Ea, H(l(r), { class: i.value }), null, 16, ["class"]),
-            (v = e.value) != null && v.errors ? (u(), b("div", Qa, [
-              p(l(qe), { class: "size-5 text-red-500" })
-            ])) : T("", !0)
+            d(Ua, H(l(r), { class: u.value }), null, 16, ["class"]),
+            (v = e.value) != null && v.errors ? (i(), b("div", ol, [
+              d(l(De), { class: "size-5 text-red-500" })
+            ])) : E("", !0)
           ], 2),
-          p(Ct, { class: "mt-2 text-sm text-gray-600" }),
-          p(he, { class: "mt-2 text-sm text-red-600" })
+          d(Rt, { class: "mt-2 text-sm text-gray-600" }),
+          d(we, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-class Ul {
+class li {
   constructor() {
-    _(this, "status");
-    _(this, "_listeners");
-    _(this, "_progress");
-    _(this, "_cancelled");
-    _(this, "_started");
-    _(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new Xt(), this._started = new K(), this._completed = new K();
+    C(this, "status");
+    C(this, "_listeners");
+    C(this, "_progress");
+    C(this, "_cancelled");
+    C(this, "_started");
+    C(this, "_completed");
+    this.status = this.getInitialStatus(), this._listeners = new os(), this._started = new J(), this._completed = new J();
   }
   async start() {
     this.beforeStart(), this._started.resolve();
     try {
       await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
     } catch (s) {
-      if (s instanceof Ue)
+      if (s instanceof tt)
         return;
-      throw ee(Yt(s), (e) => {
+      throw se(us(s), (e) => {
         this._completed.reject(e);
       });
     }
   }
   async cancel() {
-    this._cancelled = new K(), await this._cancelled;
+    this._cancelled = new J(), await this._cancelled;
   }
   serialize() {
     return this.serializeStatus(this.status);
@@ -3647,10 +3678,10 @@ class Ul {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new Ue();
+      throw this._cancelled.resolve(), new tt();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? Gt(
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? cs(
       s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
     ) : 0;
@@ -3664,148 +3695,158 @@ class Ul {
     return { ...s };
   }
 }
-async function Ol(t) {
+async function ii(t) {
   await t.start();
 }
 export {
-  ql as AdvancedOptions,
-  tn as AlertModal,
-  A as App,
-  Il as AppLayout,
-  ka as AppModals,
-  Ta as AppOverlays,
-  Bs as AppService,
-  Sa as AppToasts,
-  q as Button,
-  bl as Cache,
-  lr as CacheService,
-  zl as Checkbox,
-  un as ConfirmModal,
-  Rl as DropdownMenu,
-  za as DropdownMenuOption,
-  Ra as DropdownMenuOptions,
-  Pl as EditableContent,
-  Al as ErrorLogs,
-  Ka as ErrorLogsModal,
-  Dl as ErrorMessage,
-  Pn as ErrorReportModal,
-  Mn as ErrorReportModalButtons,
-  Hn as ErrorReportModalTitle,
-  ut as Errors,
-  ol as EventListenerPriorities,
-  R as Events,
-  Ds as EventsService,
-  $t as Form,
-  Xs as FormController,
-  ct as HeadlessButton,
-  ze as HeadlessInput,
-  Ct as HeadlessInputDescription,
-  he as HeadlessInputError,
-  xt as HeadlessInputInput,
-  fe as HeadlessInputLabel,
-  Ea as HeadlessInputTextArea,
-  Wr as HeadlessModal,
-  Kr as HeadlessModalContent,
-  Qr as HeadlessModalDescription,
-  Jr as HeadlessModalOverlay,
-  Zr as HeadlessModalTitle,
-  br as HeadlessSelect,
-  Be as HeadlessSelectLabel,
-  mt as HeadlessSelectOption,
-  ft as HeadlessSelectOptions,
-  pt as HeadlessSelectTrigger,
-  dt as HeadlessSelectValue,
-  qr as HeadlessSwitch,
-  ya as HeadlessToast,
-  Zn as Input,
-  Ul as Job,
-  Ue as JobCancelledError,
-  Z as Lang,
-  me as Layouts,
-  jl as Link,
-  Nn as LoadingModal,
-  lt as MOBILE_BREAKPOINT,
-  P as Markdown,
-  se as Modal,
-  wt as ModalContext,
-  Un as ProgressBar,
-  ea as PromptModal,
-  _r as Select,
-  ht as SelectLabel,
-  Fe as SelectOption,
-  gt as SelectOptions,
-  vt as SelectTrigger,
-  we as Service,
-  Te as ServiceBootError,
-  Lr as Setting,
-  Bl as SettingsModal,
-  va as StartupCrash,
-  at as Storage,
-  zr as Switch,
-  Fl as TextArea,
-  wa as Toast,
-  z as UI,
-  dr as UIService,
-  pl as __valueType,
-  nr as aerogelDirectives,
-  zs as appNamespace,
-  $l as booleanInput,
-  $e as bootServices,
-  Ll as bootstrap,
-  xa as bootstrapApplication,
-  M as classes,
-  hl as computedAsync,
-  gl as computedDebounce,
-  _l as dateInput,
-  cl as defineDirective,
-  dl as defineFormValidationRule,
-  ul as definePlugin,
-  ye as defineServiceState,
-  As as defineServiceStore,
-  il as defineSettings,
-  Ol as dispatch,
-  xl as enumInput,
-  ot as getCurrentLayout,
-  yt as getErrorMessage,
-  tr as getMarkdownRouter,
-  Ps as getPiniaStore,
-  vr as hasSelectOptionLabel,
-  Ns as injectOrFail,
-  Os as injectReactive,
-  V as injectReactiveOrFail,
-  Fs as installPlugins,
-  Hl as numberInput,
-  El as objectInput,
-  ml as onCleanMounted,
-  st as onFormFocus,
-  fl as persistent,
-  wl as registerErrorHandler,
-  sr as renderMarkdown,
-  Ge as renderVNode,
-  yl as replaceExisting,
-  Cl as requiredBooleanInput,
-  kl as requiredDateInput,
-  Sl as requiredEnumInput,
-  Tl as requiredNumberInput,
-  Ml as requiredObjectInput,
-  Xn as requiredStringInput,
-  Rs as resetPiniaStore,
-  nt as safeHtml,
-  vl as setMarkdownRouter,
-  Vl as stringInput,
-  it as translate,
+  Xl as AdvancedOptions,
+  bn as AlertModal,
+  R as App,
+  Zl as AppLayout,
+  ja as AppOverlays,
+  sr as AppService,
+  Ba as AppToasts,
+  I as Button,
+  Rl as Cache,
+  Cr as CacheService,
+  Yl as Checkbox,
+  Sn as ConfirmModal,
+  Ka as Details,
+  Gl as DropdownMenu,
+  Ja as DropdownMenuOption,
+  Za as DropdownMenuOptions,
+  ei as EditableContent,
+  ti as ErrorLogs,
+  il as ErrorLogsModal,
+  si as ErrorMessage,
+  Gn as ErrorReportModal,
+  Un as ErrorReportModalButtons,
+  Nn as ErrorReportModalTitle,
+  $t as Errors,
+  Cl as EventListenerPriorities,
+  F as Events,
+  er as EventsService,
+  Lt as Form,
+  pr as FormController,
+  _t as HeadlessButton,
+  Be as HeadlessInput,
+  Rt as HeadlessInputDescription,
+  we as HeadlessInputError,
+  zt as HeadlessInputInput,
+  ye as HeadlessInputLabel,
+  Ua as HeadlessInputTextArea,
+  cn as HeadlessModal,
+  dn as HeadlessModalContent,
+  pn as HeadlessModalDescription,
+  fn as HeadlessModalOverlay,
+  mn as HeadlessModalTitle,
+  Rr as HeadlessSelect,
+  Ge as HeadlessSelectLabel,
+  St as HeadlessSelectOption,
+  kt as HeadlessSelectOptions,
+  xt as HeadlessSelectTrigger,
+  Ct as HeadlessSelectValue,
+  Xr as HeadlessSwitch,
+  Ra as HeadlessToast,
+  pa as Input,
+  li as Job,
+  tt as JobCancelledError,
+  Xe as LOCAL_TIMEZONE_OFFSET,
+  X as Lang,
+  be as Layouts,
+  ri as Link,
+  ia as LoadingModal,
+  yr as MINUTE_MILLISECONDS,
+  bt as MOBILE_BREAKPOINT,
+  z as Markdown,
+  ne as Modal,
+  ci as ModalComponent,
+  di as ModalsPortal,
+  aa as ProgressBar,
+  ga as PromptModal,
+  Dr as Select,
+  Tt as SelectLabel,
+  et as SelectOption,
+  Mt as SelectOptions,
+  Et as SelectTrigger,
+  Se as Service,
+  Ve as ServiceBootError,
+  Jr as Setting,
+  ni as SettingsModal,
+  Ia as StartupCrash,
+  vt as Storage,
+  Yr as Switch,
+  ai as TextArea,
+  qa as Toast,
+  A as UI,
+  Mr as UIService,
+  El as __valueType,
+  $r as aerogelDirectives,
+  Zs as appNamespace,
+  Al as booleanInput,
+  ke as bootServices,
+  Jl as bootstrap,
+  Da as bootstrapApplication,
+  T as classes,
+  pi as closeModal,
+  Ll as computedAsync,
+  Il as computedDebounce,
+  fi as createModal,
+  Dl as dateInput,
+  kl as defineDirective,
+  Ml as defineFormValidationRule,
+  Sl as definePlugin,
+  xe as defineServiceState,
+  Gs as defineServiceStore,
+  xl as defineSettings,
+  ii as dispatch,
+  Bl as enumInput,
+  yt as getCurrentLayout,
+  Vt as getErrorMessage,
+  vr as getMarkdownRouter,
+  Ys as getPiniaStore,
+  zr as hasSelectOptionLabel,
+  mi as injectModal,
+  lr as injectOrFail,
+  ar as injectReactive,
+  q as injectReactiveOrFail,
+  rr as installPlugins,
+  hi as modals,
+  Wl as numberInput,
+  Kl as objectInput,
+  Hl as onCleanMounted,
+  mt as onFormFocus,
+  Vl as persistent,
+  fr as reactiveSet,
+  Pl as registerErrorHandler,
+  br as renderMarkdown,
+  pt as renderVNode,
+  ql as replaceExisting,
+  jl as requiredBooleanInput,
+  Fl as requiredDateInput,
+  Ol as requiredEnumInput,
+  Ul as requiredNumberInput,
+  Nl as requiredObjectInput,
+  fa as requiredStringInput,
+  Xs as resetPiniaStore,
+  gt as safeHtml,
+  zl as setMarkdownRouter,
+  gi as showModal,
+  Ql as stringInput,
+  wt as translate,
   S as translateWithDefault,
-  en as useAlertModal,
-  sn as useConfirmModal,
-  En as useErrorReportModal,
-  tt as useEvent,
-  rt as useForm,
-  Ie as useInputAttrs,
-  On as useLoadingModal,
-  Yn as usePromptModal,
-  Zs as validate,
-  Js as validateType,
-  de as validators,
-  et as variantClasses
+  vn as useAlertModal,
+  yn as useConfirmModal,
+  Wn as useErrorReportModal,
+  Tl as useEvent,
+  ht as useForm,
+  Pe as useInputAttrs,
+  la as useLoadingModal,
+  Ae as useModal,
+  ma as usePromptModal,
+  dr as validate,
+  cr as validateType,
+  ge as validators,
+  ft as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map