@aerogel/core 0.1.0 → 0.1.1-next.1e4498f367b830c7a83435800066bb8261d179f5

package/dist/aerogel-core.js

@@ -1,42 +1,44 @@
-var kt = Object.defineProperty;
-var St = (t, s, e) => s in t ? kt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var _ = (t, s, e) => St(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as E, Comment as Tt, Text as Mt, Static as Ht, inject as X, reactive as pe, nextTick as Oe, unref as o, watchEffect as Y, defineComponent as g, computed as c, createBlock as h, openBlock as u, mergeProps as H, withCtx as f, renderSlot as w, createPropsRestProxy as N, onUnmounted as ge, ref as U, readonly as ve, useAttrs as Ne, onMounted as Et, watch as Me, toRaw as Vt, 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 Lt, toRef as Re, useTemplateRef as G, withModifiers as We, withDirectives as Ke, vModelCheckbox as It, normalizeStyle as qt, resolveComponent as zt, createApp as Rt, vModelText as Pt } from "vue";
-import { JSError as be, stringToSlug as At, tap as ee, MagicObject as Qe, PromisedValue as K, Storage as O, objectOnly as oe, arrayFrom as Je, isEmpty as xe, objectDeepClone as Dt, fail as Q, facade as te, arrayRemove as Se, getEnv as jt, updateLocationQueryParameters as Bt, forever as Ft, toString as B, isDevelopment as J, isTesting as Ee, after as ue, uuid as re, required as Ut, isObject as ce, objectWithoutEmpty as Ze, stringMatchAll as Xe, objectWithout as Ot, noop as Nt, debounce as Wt, value as Kt, isInstanceOf as Pe, stringExcerpt as Qt, arraySorted as Jt, ListenersManager as Zt, toError as Xt, round as Yt } from "@noeldemartin/utils";
+var It = Object.defineProperty;
+var qt = (t, s, e) => s in t ? It(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var _ = (t, s, e) => qt(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as E, Comment as At, Text as Pt, Static as Dt, inject as X, reactive as ge, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as we, nextTick as jt, useAttrs as et, onMounted as tt, watch as Le, toRaw as Bt, customRef as Ft, watchEffect as G, defineComponent as h, createBlock as f, openBlock as i, mergeProps as V, withCtx as m, renderSlot as w, createPropsRestProxy as K, createVNode as d, normalizeProps as ue, guardReactiveProps as ce, createTextVNode as L, toDisplayString as C, normalizeClass as x, createElementBlock as y, Fragment as D, renderList as U, provide as de, resolveDynamicComponent as Y, useSlots as Re, createCommentVNode as M, createElementVNode as b, h as Ut, useTemplateRef as ee, withModifiers as st, withDirectives as rt, vModelCheckbox as Ot, normalizeStyle as Nt, resolveComponent as Wt, createApp as Kt, vModelText as Qt } from "vue";
+import { JSError as _e, stringToSlug as Jt, tap as te, MagicObject as nt, PromisedValue as Q, Storage as O, objectOnly as ne, arrayFrom as at, isEmpty as Se, objectDeepClone as Zt, fail as W, facade as se, arrayRemove as Ve, getEnv as Xt, updateLocationQueryParameters as Gt, forever as Yt, toString as B, objectWithout as es, noop as ts, debounce as ss, stringMatchAll as lt, isDevelopment as J, isTesting as ze, after as le, uuid as oe, isObject as fe, objectWithoutEmpty as it, value as rs, isInstanceOf as Oe, stringExcerpt as ns, arraySorted as as, ListenersManager as ls, toError as is, round as os } from "@noeldemartin/utils";
 import j from "virtual:aerogel";
-import { createPinia as Gt, setActivePinia as es, defineStore as ts } from "pinia";
-import ss from "dompurify";
-import { marked as rs, Renderer as Ae } from "marked";
-import ns from "clsx";
-import { cva as as } from "class-variance-authority";
-import { twMerge as ls } from "tailwind-merge";
-import { Primitive as os, SelectValue as De, SelectTrigger as is, SelectIcon as us, SelectItem as cs, SelectItemText as ds, SelectPortal as ps, SelectContent as ms, SelectViewport as fs, SelectRoot as hs, Label as gs, useForwardExpose as Ve, SwitchRoot as vs, SwitchThumb as bs, DialogRoot as ys, DialogPortal as ws, DialogContent as $s, DialogDescription as _s, DialogOverlay as xs, DialogTitle as Cs, ToastClose as ks, ToastRoot as Ss, ToastProvider as Ts, ToastViewport as Ms, DropdownMenuItem as Hs, DropdownMenuContent as Es, DropdownMenuRoot as Vs, DropdownMenuTrigger as Ls, DropdownMenuPortal as Is } from "reka-ui";
-class Te extends be {
+import { createPinia as us, setActivePinia as cs, defineStore as ds } from "pinia";
+import ps from "dompurify";
+import { marked as ms, Renderer as Ne } from "marked";
+import { injectModal as ot, useModal as fs, createModal as hs, showModal as We, closeModal as Ke, modals as ae, ModalComponent as gs, ModalsPortal as vs } from "@noeldemartin/vue-modals";
+import { ModalComponent as oi, ModalsPortal as ui, closeModal as ci, createModal as di, injectModal as pi, modals as mi, showModal as fi } from "@noeldemartin/vue-modals";
+import bs from "clsx";
+import { cva as ys } from "class-variance-authority";
+import { twMerge as $s } from "tailwind-merge";
+import { Primitive as ws, SelectValue as Qe, SelectTrigger as _s, SelectIcon as Cs, SelectItem as xs, SelectItemText as ks, SelectPortal as Ss, SelectContent as Ts, SelectViewport as Ms, SelectRoot as Hs, Label as Vs, useForwardExpose as Ie, SwitchRoot as Es, SwitchThumb as Ls, DialogRoot as Rs, DialogPortal as zs, DialogContent as Is, DialogDescription as qs, DialogOverlay as As, DialogTitle as Ps, ToastClose as Ds, ToastRoot as js, ToastProvider as Bs, ToastViewport as Fs, DropdownMenuItem as Us, DropdownMenuContent as Os, DropdownMenuRoot as Ns, DropdownMenuTrigger as Ws, DropdownMenuPortal as Ks } from "reka-ui";
+class Ee extends _e {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-function qs() {
-  return j.namespace ?? At(j.name);
+function Qs() {
+  return j.namespace ?? Jt(j.name);
 }
-let Le = null;
-function Ye() {
-  return Le ?? zs();
+let qe = null;
+function ut() {
+  return qe ?? Js();
 }
-function zs() {
-  return ee(Gt(), (t) => {
-    Le = t, es(t);
+function Js() {
+  return te(us(), (t) => {
+    qe = t, cs(t);
   });
 }
-function Rs() {
-  return Le ?? Ye();
+function Zs() {
+  return qe ?? ut();
 }
-function Ps(t, s) {
-  return Ye(), ts(t, s)();
+function Xs(t, s) {
+  return ut(), ds(t, s)();
 }
-function ye(t) {
+function Ce(t) {
   var s;
-  return s = class extends we {
+  return s = class extends xe {
     usesStore() {
       return !0;
     }
@@ -72,8 +74,8 @@ To fix this problem, declare your initialState as a function instead.`
     }
   }, _(s, "persist", t.persist ?? []), s;
 }
-var ke;
-let we = (ke = class extends Qe {
+var He;
+let xe = (He = class extends nt {
   constructor() {
     super();
     _(this, "_name");
@@ -82,7 +84,7 @@ let we = (ke = class extends Qe {
     _(this, "_watchers");
     _(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() && Ps(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new Q(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Xs(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 Ee(this._name, r));
     try {
       this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
     } catch (r) {
@@ -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 = ne(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 = at(e), n = ne(this._store.$state, r);
+    Se(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 `${qs()}:${this._name}`;
+    return `${Qs()}:${this._name}`;
   }
   onStateUpdated(e, r) {
-    const n = oe(e, this.static("persist"));
-    xe(n) || this.onPersistentStateUpdated(n);
+    const n = ne(e, this.static("persist"));
+    Se(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, {
       ...r,
-      ...this.serializePersistedState(Dt(e))
+      ...this.serializePersistedState(Zt(e))
     });
   }
   usesStore() {
@@ -176,25 +178,25 @@ let we = (ke = class extends Qe {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || xe(this.static("persist")))) {
+    if (!(!this.usesStore() || Se(this.static("persist")))) {
       if (O.has(this.storageKey)) {
         const e = O.require(this.storageKey);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      O.set(this.storageKey, oe(this.getState(), this.static("persist")));
+      O.set(this.storageKey, ne(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 ll = {
+}, _(He, "persist", []), He);
+const wl = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class As extends we {
+class Gs extends xe {
   constructor() {
     super(...arguments);
     _(this, "listeners", {});
@@ -208,55 +210,55 @@ class As 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((l) => l(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, l = typeof r == "function" ? r : n;
-    return ee(
+    const u = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
+    return te(
       () => a && this.off(e, a),
-      (d) => {
-        a = (...v) => (d(), l(...v)), this.registerListener(e, i, l);
+      (p) => {
+        a = (...g) => (p(), o(...g)), 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 l of a)
-      Se(n.handlers[l] ?? [], r), ((i = n.handlers[l]) == null ? void 0 : i.length) === 0 && (delete n.handlers[l], Se(n.priorities, l));
+    for (const o of a)
+      Ve(n.handlers[o] ?? [], r), ((u = n.handlers[o]) == null ? void 0 : u.length) === 0 && (delete n.handlers[o], Ve(n.priorities, o));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
-    var d, v, $;
+    var p, g, $;
     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}'`), l = ((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), l[a] = []), ($ = l[a]) == null || $.push(n);
+    const u = ((p = this.listeners[e]) == null ? void 0 : p.priorities) ?? W(`priorities missing for event '${e}'`), o = ((g = this.listeners[e]) == null ? void 0 : g.handlers) ?? W(`handlers missing for event '${e}'`);
+    u.includes(a) || (u.push(a), u.sort((v, S) => S - v), o[a] = []), ($ = o[a]) == null || $.push(n);
   }
 }
-const R = te(As);
-function ol(t) {
+const F = se(Gs);
+function _l(t) {
   return t;
 }
-const Ds = ye({
+const Ys = Ce({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: jt() ?? "development",
+    environment: Xt() ?? "development",
     version: j.version,
     sourceUrl: j.sourceUrl,
     settings: []
@@ -273,12 +275,12 @@ const Ds = ye({
     }
   }
 });
-class js extends Ds {
+class er extends Ys {
   constructor() {
     super(...arguments);
     _(this, "name", j.name);
-    _(this, "ready", new K());
-    _(this, "mounted", new K());
+    _(this, "ready", new Q());
+    _(this, "mounted", new Q());
   }
   isReady() {
     return this.ready.isResolved();
@@ -293,7 +295,7 @@ class js extends Ds {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Bt(e), location.reload(), await Ft();
+    e && Gt(e), location.reload(), await Yt();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -303,14 +305,14 @@ class js extends Ds {
     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(js);
-function il(t) {
+const A = se(er);
+function Cl(t) {
   return t;
 }
-async function Bs(t, ...s) {
+async function tr(t, ...s) {
   A.setState(
     "plugins",
     t.reduce(
@@ -319,52 +321,298 @@ async function Bs(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function Fs(t) {
+function sr(t) {
   return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
 }
-function ul(t) {
+function xl(t) {
   return t;
 }
-function Us(t) {
+function rr(t) {
   const s = X(t);
-  return s ? pe(s) : void 0;
+  return s ? ge(s) : void 0;
 }
-function V(t, s) {
-  return Us(t) ?? Q(s ?? `Could not resolve '${B(t)}' injection key`);
+function I(t, s) {
+  return rr(t) ?? W(s ?? `Could not resolve '${B(t)}' injection key`);
 }
-function Os(t, s) {
-  return X(t) ?? Q(s ?? `Could not resolve '${B(t)}' injection key`);
+function nr(t, s) {
+  return X(t) ?? W(s ?? `Could not resolve '${B(t)}' injection key`);
 }
-function Ge(t) {
-  return typeof t == "string" ? t : t.type === Tt ? "" : t.type === Mt || t.type === Ht ? t.children : t.type === "br" ? `
+function ct(t) {
+  return typeof t == "string" ? t : t.type === At ? "" : t.type === Pt || t.type === Dt ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${Fs(t)}>${Array.from(t.children).map(Ge).join("")}</${t.type}>`;
+` : `<${t.type} ${sr(t)}>${Array.from(t.children).map(ct).join("")}</${t.type}>`;
 }
-const Ce = /* @__PURE__ */ new WeakMap(), Ns = {
+const Te = /* @__PURE__ */ new WeakMap(), ar = {
   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 && Te.set(t, te(new ResizeObserver(n)).observe(t)), n();
   },
   unmounted(t) {
     var s;
-    (s = Ce.get(t)) == null || s.unobserve(t), Ce.delete(t);
+    (s = Te.get(t)) == null || s.unobserve(t), Te.delete(t);
+  }
+};
+function dt(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = ys(n, a);
+  return H(u(r), l(e));
+}
+function H(...t) {
+  return $s(bs(t));
+}
+function kl(t, s) {
+  const e = F.on(t, s);
+  $e(() => e());
+}
+const lr = {
+  required: (t) => t ? void 0 : "required"
+};
+function ir(t, s) {
+  var e;
+  if (t == null)
+    return !0;
+  switch (s.type) {
+    case "string":
+      return typeof t == "string";
+    case "enum":
+      return !!((e = s.values) != null && e.includes(t));
+    case "number":
+      return typeof t == "number";
+    case "boolean":
+      return typeof t == "boolean";
+    case "date":
+      return t instanceof Date;
+    case "object":
+      return typeof t == "object";
+  }
+}
+const he = { ...lr };
+function Sl(t, s) {
+  he[t] = s;
+}
+function or(t, s) {
+  return ir(t, s) ? [] : ["invalid_value"];
+}
+function ur(t, s) {
+  var r;
+  const e = (r = he[s]) == null ? void 0 : r.call(he, t);
+  return e ? at(e) : [];
+}
+const Tl = Symbol(), Je = /* @__PURE__ */ new WeakMap();
+class cr extends nt {
+  constructor(e) {
+    super();
+    _(this, "errors");
+    _(this, "_fields");
+    _(this, "_data");
+    _(this, "_submitted");
+    _(this, "_errors");
+    _(this, "_listeners", {});
+    this._fields = e, this._submitted = N(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Je.set(
+      this,
+      c(() => !Object.values(this._errors).some((r) => r !== null))
+    ), this.errors = we(this._errors);
+  }
+  get valid() {
+    var e;
+    return !!((e = Je.get(this)) != null && e.value);
+  }
+  get submitted() {
+    return this._submitted.value;
+  }
+  setFieldValue(e, r) {
+    const n = this._fields[e] ?? W(`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();
+  }
+  getFieldValue(e) {
+    return this._data[e];
+  }
+  getFieldRules(e) {
+    var r, n;
+    return ((n = (r = this._fields[e]) == null ? void 0 : r.rules) == null ? void 0 : n.split("|")) ?? [];
+  }
+  getFieldType(e) {
+    var r;
+    return ((r = this._fields[e]) == null ? void 0 : r.type) ?? null;
+  }
+  data() {
+    return { ...this._data };
+  }
+  validate() {
+    const e = Object.entries(this._fields).reduce(
+      (r, [n, a]) => (r[n] = this.getFieldErrors(n, a), r),
+      {}
+    );
+    return this.resetErrors(e), this.valid;
+  }
+  reset(e = {}) {
+    this._submitted.value = !1, e.keepData || this.resetData(), e.keepErrors || this.resetErrors();
+  }
+  submit() {
+    var r;
+    this._submitted.value = !0;
+    const e = this.validate();
+    return e && ((r = this._listeners.submit) == null || r.forEach((n) => n())), e;
+  }
+  on(e, r) {
+    var n, a;
+    return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(r), () => this.off(e, r);
+  }
+  off(e, r) {
+    Ve(this._listeners[e] ?? [], r);
+  }
+  async focus(e) {
+    var r;
+    await jt(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
   }
-}, Ws = {
-  measure: Ns
-}, Ks = {
+  __get(e) {
+    return e in this._fields ? this.getFieldValue(e) : super.__get(e);
+  }
+  __set(e, r) {
+    if (!(e in this._fields)) {
+      super.__set(e, r);
+      return;
+    }
+    this.setFieldValue(e, r);
+  }
+  getFieldErrors(e, r) {
+    var o;
+    const n = [], a = this._data[e], u = ((o = r.rules) == null ? void 0 : o.split("|")) ?? [];
+    n.push(...or(a, r));
+    for (const p of u)
+      p !== "required" && a == null || n.push(...ur(a, p));
+    return n.length > 0 ? n : null;
+  }
+  getInitialData(e) {
+    if (this.static().isConjuring())
+      return {};
+    const r = Object.entries(e).reduce((n, [a, u]) => (n[a] = u.default ?? null, n), {});
+    return ge(r);
+  }
+  getInitialErrors(e) {
+    if (this.static().isConjuring())
+      return {};
+    const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
+    return ge(r);
+  }
+  resetData() {
+    for (const [e, r] of Object.entries(this._fields))
+      this._data[e] = r.default ?? null;
+  }
+  resetErrors(e) {
+    Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
+  }
+}
+function pt(t, s) {
+  const e = X("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
+  $e(() => r == null ? void 0 : r());
+}
+function mt(t) {
+  return new cr(t);
+}
+function Ae() {
+  const t = et(), s = c(() => t.class);
+  return [c(() => es(t, "class")), s];
+}
+function Ml(t) {
+  let s = ts;
+  tt(() => s = t()), $e(() => s());
+}
+function Hl(t, s) {
+  const e = ge(O.get(t) ?? s);
+  return Le(e, () => O.set(t, Bt(e))), e;
+}
+function dr(t) {
+  let s = new Set(t), e, r;
+  const n = Ft((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 Vl(t) {
+  const s = N(), e = c(t);
+  return Le(e, async () => s.value = await e.value, { immediate: !0 }), s;
+}
+function El(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = N(e.initial ?? null), a = ss((u) => n.value = u, e.delay ?? 300);
+  return G(() => a(r())), n;
+}
+let ie = null;
+function pr() {
+  return te(new Ne(), (t) => {
+    t.link = function(s) {
+      const e = Ne.prototype.link.apply(this, [s]);
+      return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
+    };
+  });
+}
+function mr(t) {
+  const s = lt(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 fr(t) {
+  const s = lt(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  for (const [e, r, n] of s) {
+    const a = (ie == null ? void 0 : ie.resolve(r)) ?? r;
+    t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
+  }
+  return t;
+}
+function hr() {
+  return ie;
+}
+function Ll(t) {
+  ie = t;
+}
+function gr(t) {
+  let s = ms(t, { renderer: pr(), async: !1 });
+  return s = ft(s), s = mr(s), s = fr(s), s;
+}
+function ft(t) {
+  return ps.sanitize(t, { ADD_ATTR: ["target"] });
+}
+const vr = {
+  mounted(t, { value: s }) {
+    t.innerHTML = ft(s);
+  }
+}, br = {
+  measure: ar,
+  "safe-html": vr
+}, yr = {
   install(t, s) {
     const e = {
-      ...Ws,
+      ...br,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class Qs extends we {
+class $r extends xe {
   constructor() {
     super(...arguments);
     _(this, "cache");
@@ -380,72 +628,79 @@ class Qs 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 ?? te(new Q(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const cl = te(Qs);
-class Js extends we {
+const Rl = se($r);
+class wr extends xe {
   async purge() {
-    await R.emit("purge-storage");
+    await F.emit("purge-storage");
   }
 }
-const et = te(Js);
-function dl(t, s) {
+const ht = se(wr);
+function zl(t, s) {
   return {
     ...t,
-    ...oe(s, Object.keys(t))
+    ...ne(s, Object.keys(t))
   };
 }
-const Zs = {
+const _r = {
   $app: A,
-  $events: R,
-  $storage: et
+  $events: F,
+  $storage: ht
 };
-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), (J() || ze()) && Object.assign(globalThis, s);
 }
-const Xs = {
+const Cr = {
   async install(t, s) {
     var r;
     const e = {
-      ...Zs,
+      ..._r,
       ...s.services
     };
-    t.use(Rs()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await $e(t, e);
-  }
-}, tt = 768, me = {
+    t.use(Zs()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await ke(t, e);
+  }
+}, Ze = /* @__PURE__ */ new WeakSet();
+function Pe() {
+  const t = ot(), { close: s, remove: e, ...r } = fs(Ze.has(t) ? {} : { removeOnClose: !1 });
+  return Ze.add(t), {
+    ...r,
+    async close(n) {
+      s(n), await le(1e3), e();
+    }
+  };
+}
+const gt = 768, ve = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function st() {
-  return globalThis.innerWidth > tt ? me.Desktop : me.Mobile;
+function vt() {
+  return globalThis.innerWidth > gt ? ve.Desktop : ve.Mobile;
 }
-const Ys = ye({
+const xr = Ce({
   name: "ui",
   initialState: {
-    modals: [],
     toasts: [],
-    layout: st()
+    layout: vt()
   },
   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 === ve.Desktop,
+    mobile: ({ layout: t }) => t === ve.Mobile
   }
 });
-class Gs extends Ys {
+class kr extends xr {
   constructor() {
     super(...arguments);
-    _(this, "modalCallbacks", {});
     _(this, "components", {});
   }
   registerComponent(e, r) {
@@ -455,7 +710,7 @@ class Gs extends Ys {
     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 } : {
@@ -467,7 +722,7 @@ class Gs extends Ys {
   // 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)
@@ -476,31 +731,31 @@ class Gs extends Ys {
       title: e,
       message: r,
       required: !!(n != null && n.required)
-    }, l = await this.modalForm(this.requireComponent("confirm-modal"), i), d = typeof l == "object" ? l[0] : l ?? !1, v = typeof l == "object" ? l[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, g = typeof o == "object" ? o[1] : Object.entries(u.checkboxes ?? {}).reduce(
+      ($, [v, { default: S }]) => ({
+        [v]: S ?? !1,
         ...$
       }),
       {}
     );
-    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 [$, v] of Object.entries(u.checkboxes ?? {}))
+      if (!(!v.required || g[$]))
+        return p && J() && console.warn(`Confirmed confirm modal was suppressed because required '${$}' checkbox was missing`), [!1, g];
+    return "checkboxes" in u ? [p, g] : 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 ?? {}
-    }, l = await this.modalForm(this.requireComponent("prompt-modal"), i());
-    return (a && typeof l == "string" ? l == null ? void 0 : l.trim() : l) ?? null;
+    }, { response: o } = await this.modal(this.requireComponent("prompt-modal"), u());
+    return (a && typeof o == "string" ? o == null ? void 0 : o.trim() : o) ?? null;
   }
   async loading(e, r) {
-    const n = (m) => typeof m == "function" ? Promise.resolve(m()) : m, a = () => {
+    const n = (v) => typeof v == "function" ? Promise.resolve(v()) : v, a = () => {
       if (typeof e == "string")
         return {
           props: { message: e },
@@ -508,93 +763,59 @@ class Gs extends Ys {
         };
       if (typeof e == "function" || e instanceof Promise)
         return { operationPromise: n(e) };
-      const { delay: m, ...C } = e;
+      const { delay: v, ...S } = e;
       return {
-        props: C,
-        delay: o(m),
+        props: S,
+        delay: l(v),
         operationPromise: n(r)
       };
     };
-    let i = !1;
-    const { operationPromise: l, props: d, delay: v } = a();
-    if (v && await Promise.race([ue({ ms: v }).then(() => i = !0), l]), v && !i)
-      return l;
-    const $ = await this.modal(this.requireComponent("loading-modal"), d);
+    let u = !1;
+    const { operationPromise: o, props: p, delay: g } = a();
+    if (g && await Promise.race([le({ ms: g }).then(() => u = !0), o]), g && !u)
+      return o;
+    const $ = hs(this.requireComponent("loading-modal"), p);
+    We($);
     try {
-      const m = await l;
-      return await ue({ ms: 500 }), m;
+      const v = await o;
+      return await le({ ms: 500 }), v;
     } finally {
-      await this.closeModal($.id);
+      await Ke($.id, { removeAfter: 1e3 });
     }
   }
   toast(e, r = {}) {
-    const { component: n, ...a } = r, i = {
-      id: re(),
+    const { component: n, ...a } = r, u = {
+      id: oe(),
       properties: { message: e, ...a },
       component: E(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)
-    }, l = this.modals.concat(i);
-    return this.modalCallbacks[i.id] = a, this.setState({ modals: l }), 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 We(e, r ?? {});
   }
   async closeAllModals() {
-    for (; this.modals.length > 0; )
-      await this.closeModal(Ut(this.modals[this.modals.length - 1]).id);
+    await Promise.all(ae.value.map(({ id: e }) => Ke(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((l) => e === l.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 le({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${tt}px)`).addEventListener("change", () => this.setState({ layout: st() }));
+    globalThis.matchMedia(`(min-width: ${gt}px)`).addEventListener("change", () => this.setState({ layout: vt() }));
   }
 }
-const z = te(Gs);
-class er {
+const P = se(kr);
+class Sr {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -620,7 +841,7 @@ class er {
     return J() && console.warn("Lang provider is missing"), e;
   }
 }
-const tr = ye({
+const Tr = Ce({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -629,11 +850,11 @@ const tr = ye({
     fallbackLocale: "en"
   }
 });
-class sr extends tr {
+class Mr extends Tr {
   constructor() {
     super();
     _(this, "provider");
-    this.provider = new er(
+    this.provider = new Sr(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -661,7 +882,7 @@ class sr extends tr {
     );
   }
 }
-const Z = te(sr), rt = Z.translate.bind(Z), S = Z.translateWithDefault.bind(Z), rr = ye({
+const Z = se(Mr), bt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z), Hr = Ce({
   name: "errors",
   initialState: {
     logs: [],
@@ -674,7 +895,7 @@ const Z = te(sr), rt = Z.translate.bind(Z), S = Z.translateWithDefault.bind(Z),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class nr extends rr {
+class Vr extends Hr {
   constructor() {
     super(...arguments);
     _(this, "forceReporting", !1);
@@ -689,18 +910,18 @@ class nr extends rr {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      z.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
+      P.alert(k("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 });
+    P.modal(P.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") || (J() && this.logError(e), !this.enabled))
       throw e;
     if (!A.isMounted()) {
-      const i = await this.createStartupErrorReport(e);
-      i && this.setState({ startupErrors: this.startupErrors.concat(i) });
+      const u = await this.createStartupErrorReport(e);
+      u && this.setState({ startupErrors: this.startupErrors.concat(u) });
       return;
     }
     const n = await this.createErrorReport(e), a = {
@@ -708,15 +929,15 @@ class nr extends rr {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    z.toast(
-      r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
+    P.toast(
+      r ?? k("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
         actions: [
           {
-            label: S("errors.viewDetails", "View details"),
+            label: k("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => z.modal(z.requireComponent("error-report-modal"), { report: n, reports: [n] })
+            click: () => P.modal(P.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
         ]
       }
@@ -734,7 +955,7 @@ class nr extends rr {
     });
   }
   async boot() {
-    Y(async () => {
+    G(async () => {
       var e;
       if (!this.debug) {
         (e = this.eruda) == null || e.destroy();
@@ -744,27 +965,27 @@ class nr extends rr {
     });
   }
   logError(e) {
-    console.error(e), ce(e) && e.cause && this.logError(e.cause);
+    console.error(e), fe(e) && e.cause && this.logError(e.cause);
   }
   isErrorReport(e) {
-    return ce(e) && "title" in e;
+    return fe(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof be ? this.createErrorReportFromError(e) : ce(e) ? Ze({
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof _e ? this.createErrorReportFromError(e) : fe(e) ? it({
       title: B(
-        e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
+        e.name ?? e.title ?? k("errors.unknown", "Unknown Error")
       ),
       description: B(
-        e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
+        e.message ?? e.description ?? k("errors.unknownDescription", "Unknown error object")
       ),
       error: e
     }) : {
-      title: S("errors.unknown", "Unknown Error"),
+      title: k("errors.unknown", "Unknown Error"),
       error: e
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof Te ? e.cause instanceof Te ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+    return e instanceof Ee ? e.cause instanceof Ee ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
   createErrorReportFromError(e, r = {}) {
     return {
@@ -776,44 +997,7 @@ class nr extends rr {
     };
   }
 }
-const nt = te(nr);
-let ie = null;
-function ar() {
-  return ee(new Ae(), (t) => {
-    t.link = function(s) {
-      const e = Ae.prototype.link.apply(this, [s]);
-      return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
-    };
-  });
-}
-function lr(t) {
-  const s = Xe(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 or(t) {
-  const s = Xe(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
-  for (const [e, r, n] of s) {
-    const a = (ie == null ? void 0 : ie.resolve(r)) ?? r;
-    t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
-  }
-  return t;
-}
-function ir() {
-  return ie;
-}
-function pl(t) {
-  ie = t;
-}
-function ur(t) {
-  let s = rs(t, { renderer: ar(), async: !1 });
-  return s = cr(s), s = lr(s), s = or(s), s;
-}
-function cr(t) {
-  return ss.sanitize(t, { ADD_ATTR: ["target"] });
-}
-const at = /* @__PURE__ */ g({
+const yt = se(Vr), $t = /* @__PURE__ */ h({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -830,8 +1014,8 @@ const at = /* @__PURE__ */ g({
   },
   setup(t) {
     const s = c(() => t.as ? { as: t.as } : t.route ? {
-      as: z.resolveComponent("router-link") ?? "a",
-      to: Ze({
+      as: P.resolveComponent("router-link") ?? "a",
+      to: it({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -844,26 +1028,18 @@ const at = /* @__PURE__ */ g({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (u(), h(o(os), H({
+    return (e, r) => (i(), f(l(ws), V({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
-      default: f(() => [
+      default: m(() => [
         w(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
-});
-function lt(t, s) {
-  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, i = as(n, a);
-  return M(i(r), o(e));
-}
-function M(...t) {
-  return ls(ns(t));
-}
-const q = /* @__PURE__ */ g({
+}), R = /* @__PURE__ */ h({
   __name: "Button",
   props: {
     class: {},
@@ -879,7 +1055,7 @@ const q = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = N(t, ["class", "size", "variant", "disabled"]), e = c(() => lt(
+    const s = K(t, ["class", "size", "variant", "disabled"]), e = c(() => dt(
       { 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",
@@ -974,232 +1150,62 @@ const q = /* @__PURE__ */ g({
         }
       }
     ));
-    return (r, n) => (u(), h(at, H({
+    return (r, n) => (i(), f($t, V({
       class: e.value,
       disabled: r.disabled
     }, s), {
-      default: f(() => [
+      default: m(() => [
         w(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function dr(t) {
+function Er(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-function ot(t, s) {
-  const e = R.on(t, s);
-  ge(() => e());
-}
-const pr = {
-  required: (t) => t ? void 0 : "required"
-};
-function mr(t, s) {
-  var e;
-  if (t == null)
-    return !0;
-  switch (s.type) {
-    case "string":
-      return typeof t == "string";
-    case "enum":
-      return !!((e = s.values) != null && e.includes(t));
-    case "number":
-      return typeof t == "number";
-    case "boolean":
-      return typeof t == "boolean";
-    case "date":
-      return t instanceof Date;
-    case "object":
-      return typeof t == "object";
-  }
-}
-const de = { ...pr };
-function ml(t, s) {
-  de[t] = s;
-}
-function fr(t, s) {
-  return mr(t, s) ? [] : ["invalid_value"];
-}
-function hr(t, s) {
-  var r;
-  const e = (r = de[s]) == null ? void 0 : r.call(de, t);
-  return e ? Je(e) : [];
-}
-const fl = Symbol(), je = /* @__PURE__ */ new WeakMap();
-class gr extends Qe {
-  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(
-      this,
-      c(() => !Object.values(this._errors).some((r) => r !== null))
-    ), this.errors = ve(this._errors);
-  }
-  get valid() {
-    var e;
-    return !!((e = je.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();
-  }
-  getFieldValue(e) {
-    return this._data[e];
-  }
-  getFieldRules(e) {
-    var r, n;
-    return ((n = (r = this._fields[e]) == null ? void 0 : r.rules) == null ? void 0 : n.split("|")) ?? [];
-  }
-  getFieldType(e) {
-    var r;
-    return ((r = this._fields[e]) == null ? void 0 : r.type) ?? null;
-  }
-  data() {
-    return { ...this._data };
-  }
-  validate() {
-    const e = Object.entries(this._fields).reduce(
-      (r, [n, a]) => (r[n] = this.getFieldErrors(n, a), r),
-      {}
-    );
-    return this.resetErrors(e), this.valid;
-  }
-  reset(e = {}) {
-    this._submitted.value = !1, e.keepData || this.resetData(), e.keepErrors || this.resetErrors();
-  }
-  submit() {
-    var r;
-    this._submitted.value = !0;
-    const e = this.validate();
-    return e && ((r = this._listeners.submit) == null || r.forEach((n) => n())), e;
-  }
-  on(e, r) {
-    var n, a;
-    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);
-  }
-  async focus(e) {
-    var r;
-    await Oe(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
-  }
-  __get(e) {
-    return e in this._fields ? this.getFieldValue(e) : super.__get(e);
-  }
-  __set(e, r) {
-    if (!(e in this._fields)) {
-      super.__set(e, r);
-      return;
-    }
-    this.setFieldValue(e, r);
-  }
-  getFieldErrors(e, r) {
-    var l;
-    const n = [], a = this._data[e], i = ((l = r.rules) == null ? void 0 : l.split("|")) ?? [];
-    n.push(...fr(a, r));
-    for (const d of i)
-      d !== "required" && a == null || n.push(...hr(a, d));
-    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);
-  }
-  getInitialErrors(e) {
-    if (this.static().isConjuring())
-      return {};
-    const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return pe(r);
-  }
-  resetData() {
-    for (const [e, r] of Object.entries(this._fields))
-      this._data[e] = r.default ?? null;
-  }
-  resetErrors(e) {
-    Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
-  }
-}
-function it(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 ut(t) {
-  return new gr(t);
-}
-function Ie() {
-  const t = Ne(), s = c(() => t.class);
-  return [c(() => Ot(t, "class")), s];
-}
-function hl(t) {
-  let s = Nt;
-  Et(() => s = t()), ge(() => s());
-}
-function gl(t, s) {
-  const e = pe(O.get(t) ?? s);
-  return Me(e, () => O.set(t, Vt(e))), e;
-}
-function vl(t) {
-  const s = U(), e = c(t);
-  return Me(e, async () => s.value = await e.value, { immediate: !0 }), s;
-}
-function bl(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;
-}
-const ct = /* @__PURE__ */ g({
+const wt = /* @__PURE__ */ h({
   __name: "HeadlessSelectValue",
   setup(t) {
-    const s = V(
+    const s = I(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (u(), h(o(De), {
+    return (e, r) => e.$slots.default ? (i(), f(l(Qe), {
       key: 0,
-      placeholder: o(s).placeholder
+      placeholder: l(s).placeholder
     }, {
-      default: f(() => [
+      default: m(() => [
         w(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (u(), h(o(De), {
+    }, 8, ["placeholder"])) : (i(), f(l(Qe), {
       key: 1,
-      placeholder: o(s).placeholder
+      placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), dt = /* @__PURE__ */ g({
+}), _t = /* @__PURE__ */ h({
   __name: "HeadlessSelectTrigger",
   setup(t) {
-    const s = V(
+    const s = I(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (u(), h(o(is), {
-      id: o(s).id
+    return (e, r) => (i(), f(l(_s), {
+      id: l(s).id
     }, {
-      default: f(() => [
+      default: m(() => [
         w(e.$slots, "default", {}, () => [
-          p(ct, {
-            placeholder: o(s).placeholder
+          d(wt, {
+            placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          p(o(us))
+          d(l(Cs))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), pt = /* @__PURE__ */ g({
+}), Ct = /* @__PURE__ */ h({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1209,7 +1215,7 @@ const ct = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = V(
+    const s = I(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
     ), e = c(() => {
@@ -1217,12 +1223,12 @@ const ct = /* @__PURE__ */ g({
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
       return r ? r.label : B(t.value);
     });
-    return (r, n) => (u(), h(o(cs), ne(ae(r.$props)), {
-      default: f(() => [
-        p(o(ds), null, {
-          default: f(() => [
+    return (r, n) => (i(), f(l(xs), ue(ce(r.$props)), {
+      default: m(() => [
+        d(l(ks), null, {
+          default: m(() => [
             w(r.$slots, "default", {}, () => [
-              I(x(e.value), 1)
+              L(C(e.value), 1)
             ])
           ]),
           _: 3
@@ -1231,33 +1237,33 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), mt = /* @__PURE__ */ g({
+}), xt = /* @__PURE__ */ h({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
     innerClass: {}
   },
   setup(t) {
-    const s = V(
+    const s = I(
       "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(o(ps), null, {
-      default: f(() => [
-        p(o(ms), {
+    ), e = c(() => H("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (i(), f(l(Ss), null, {
+      default: m(() => [
+        d(l(Ts), {
           position: "popper",
-          class: k(e.value),
-          align: o(s).align,
-          side: o(s).side,
+          class: x(e.value),
+          align: l(s).align,
+          side: l(s).side,
           "side-offset": 4
         }, {
-          default: f(() => [
-            p(o(fs), {
-              class: k(r.innerClass)
+          default: m(() => [
+            d(l(Ms), {
+              class: x(r.innerClass)
             }, {
-              default: f(() => [
+              default: m(() => [
                 w(r.$slots, "default", {}, () => [
-                  (u(!0), b(D, null, F(o(s).options ?? [], (a) => (u(), h(pt, {
+                  (i(!0), y(D, null, U(l(s).options ?? [], (a) => (i(), f(Ct, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1272,7 +1278,7 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), vr = /* @__PURE__ */ g({
+}), Lr = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1292,56 +1298,56 @@ const ct = /* @__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), l = 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) : dr(m) ? Kt(m.label) : B(m),
-      value: m
-    })) : null), v = {
+    const r = e, n = X("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((v) => ({
+      key: oe(),
+      label: t.renderOption ? t.renderOption(v) : Er(v) ? rs(v.label) : B(v),
+      value: v
+    })) : null), g = {
       labelClass: t.labelClass,
       optionsClass: t.optionsClass,
       align: t.align,
       side: t.side,
       value: a,
-      id: `select-${re()}`,
+      id: `select-${oe()}`,
       name: c(() => t.name),
       label: c(() => t.label),
       description: c(() => t.description),
-      placeholder: c(() => t.placeholder ?? S("ui.select", "Select an option")),
-      options: d,
+      placeholder: c(() => t.placeholder ?? k("ui.select", "Select an option")),
+      options: p,
       selectedOption: c(() => {
-        var m;
-        return (m = d.value) == null ? void 0 : m.find((C) => C.value === t.modelValue);
+        var v;
+        return (v = p.value) == null ? void 0 : v.find((S) => S.value === t.modelValue);
       }),
-      errors: ve(l),
+      errors: we(o),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(m) {
+      update(v) {
         if (n && t.name) {
-          n.setFieldValue(t.name, m);
+          n.setFieldValue(t.name, v);
           return;
         }
-        r("update:modelValue", m);
+        r("update:modelValue", v);
       }
     };
-    function $(m) {
-      v.update(m);
+    function $(v) {
+      g.update(v);
     }
-    return le("select", v), s(v), (m, C) => (u(), h(o(hs), {
-      "model-value": i.value,
-      by: m.compareOptions,
-      "onUpdate:modelValue": C[0] || (C[0] = (L) => $(L))
+    return de("select", g), s(g), (v, S) => (i(), f(l(Hs), {
+      "model-value": u.value,
+      by: v.compareOptions,
+      "onUpdate:modelValue": S[0] || (S[0] = (q) => $(q))
     }, {
-      default: f(({ open: L }) => [
-        (u(), h(W(m.as), ne(ae(m.$attrs)), {
-          default: f(() => [
-            w(m.$slots, "default", {
-              modelValue: m.modelValue,
-              open: L
+      default: m(({ open: q }) => [
+        (i(), f(Y(v.as), ue(ce(v.$attrs)), {
+          default: m(() => [
+            w(v.$slots, "default", {
+              modelValue: v.modelValue,
+              open: q
             }, () => [
-              p(dt),
-              p(mt)
+              d(_t),
+              d(xt)
             ])
           ]),
           _: 2
@@ -1350,50 +1356,50 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Be = /* @__PURE__ */ g({
+}), Xe = /* @__PURE__ */ h({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const s = V(
+    const s = I(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = He(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (u(), h(o(gs), H({
+    ), e = Re(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (i(), f(l(Vs), V({
       key: 0,
-      for: o(s).id
+      for: l(s).id
     }, n.$props), {
-      default: f(() => [
+      default: m(() => [
         w(n.$slots, "default", {}, () => [
-          I(x(o(s).label), 1)
+          L(C(l(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for"])) : T("", !0);
+    }, 16, ["for"])) : M("", !0);
   }
-}), ft = /* @__PURE__ */ g({
+}), kt = /* @__PURE__ */ h({
   __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 = I("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => H("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
+    return (r, n) => r.$slots.default ? (i(), f(Xe, {
       key: 0,
-      class: k(e.value)
+      class: x(e.value)
     }, {
-      default: f(() => [
+      default: m(() => [
         w(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (u(), h(Be, {
+    }, 8, ["class"])) : (i(), f(Xe, {
       key: 1,
-      class: k(e.value)
+      class: x(e.value)
     }, null, 8, ["class"]));
   }
-}), Fe = /* @__PURE__ */ g({
+}), Ge = /* @__PURE__ */ h({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1401,18 +1407,18 @@ const ct = /* @__PURE__ */ g({
     innerClass: {}
   },
   setup(t) {
-    const s = c(() => M("group p-1 outline-none", t.class)), e = c(() => M(
+    const s = c(() => H("group p-1 outline-none", t.class)), e = c(() => H(
       // 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(pt, {
-      class: k(s.value),
+    return (r, n) => (i(), f(Ct, {
+      class: x(s.value),
       value: r.value
     }, {
-      default: f(() => [
-        y("div", {
-          class: k(e.value)
+      default: m(() => [
+        b("div", {
+          class: x(e.value)
         }, [
           w(r.$slots, "default")
         ], 2)
@@ -1420,43 +1426,43 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }, 8, ["class", "value"]));
   }
-}), ht = /* @__PURE__ */ g({
+}), St = /* @__PURE__ */ h({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = V("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => M(
+    const s = I("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => H(
       "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(mt, {
-      class: k(e.value)
+    return (r, n) => (i(), f(xt, {
+      class: x(e.value)
     }, {
-      default: f(() => {
+      default: m(() => {
         var a;
         return [
-          (a = o(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
-            var i;
+          (a = l(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
+            var u;
             return [
-              (u(!0), b(D, null, F(((i = o(s)) == null ? void 0 : i.options) ?? [], (l) => (u(), h(Fe, {
-                key: l.key,
-                value: l.value
+              (i(!0), y(D, null, U(((u = l(s)) == null ? void 0 : u.options) ?? [], (o) => (i(), f(Ge, {
+                key: o.key,
+                value: o.value
               }, {
-                default: f(() => [
-                  I(x(l.label), 1)
+                default: m(() => [
+                  L(C(o.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
           }) : w(r.$slots, "default", { key: 1 }, () => [
-            p(Fe, {
+            d(Ge, {
               disabled: "",
               value: null
             }, {
-              default: f(() => [
-                I(x(r.$td("ui.selectEmpty", "No options available")), 1)
+              default: m(() => [
+                L(C(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1466,42 +1472,42 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }, 8, ["class"]));
   }
-}), br = {
+}), Rr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function yr(t, s) {
-  return u(), b("svg", br, s[0] || (s[0] = [
-    y("path", {
+function zr(t, s) {
+  return i(), y("svg", Rr, s[0] || (s[0] = [
+    b("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 wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__PURE__ */ g({
+const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__ */ h({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = V("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => M(
+    const s = I("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => H(
       // 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(dt, {
-      class: k(e.value)
+    return (r, n) => (i(), f(_t, {
+      class: x(e.value)
     }, {
-      default: f(() => [
-        p(ct, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        p(o(wr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+      default: m(() => [
+        d(wt, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        d(l(Ir), { 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({
+}), qr = /* @__PURE__ */ h({
   __name: "Select",
   props: {
     as: {},
@@ -1520,72 +1526,72 @@ const wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Ve();
-    return (e, r) => (u(), h(vr, H({ ref: o(s) }, e.$props, {
+    const { forwardRef: s } = Ie();
+    return (e, r) => (i(), f(Lr, V({ ref: l(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
-      default: f(() => [
-        p(ft),
+      default: m(() => [
+        d(kt),
         w(e.$slots, "default", {}, () => [
-          p(gt),
-          p(ht)
+          d(Tt),
+          d(St)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), _r = { class: "grow" }, xr = /* @__PURE__ */ g({
+}), Ar = { class: "grow" }, Pr = /* @__PURE__ */ h({
   __name: "Language",
   setup(t) {
     const s = Z.getBrowserLocale(), e = c(() => [null, ...Z.locales]);
     function r(n) {
-      return (n && j.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
+      return (n && j.locales[n]) ?? k("settings.localeDefault", "{locale} (default)", {
         locale: j.locales[s] ?? s
       });
     }
-    return (n, a) => (u(), h($r, {
+    return (n, a) => (i(), f(qr, {
       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", _r, [
-          p(ft, { class: "text-base font-semibold" }, {
-            default: f(() => [
-              I(x(n.$td("settings.locale", "Language")), 1)
+      default: m(() => [
+        b("div", Ar, [
+          d(kt, { class: "text-base font-semibold" }, {
+            default: m(() => [
+              L(C(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(R, {
           variant: "ghost",
-          as: gt,
+          as: Tt,
           class: "grid w-auto outline-none"
         }),
-        p(ht)
+        d(St)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), Cr = [
+}), Dr = [
   {
     priority: 100,
-    component: xr
+    component: Pr
   }
-], kr = { $lang: Z }, Sr = {
+], jr = { $lang: Z }, Br = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = rt), t.config.globalProperties.$td = S, Cr.forEach((e) => A.addSetting(e)), await $e(t, kr);
+    (s = t.config.globalProperties).$t ?? (s.$t = bt), t.config.globalProperties.$td = k, Dr.forEach((e) => A.addSetting(e)), await ke(t, jr);
   }
-}, Tr = /* @__PURE__ */ g({
+}, Fr = /* @__PURE__ */ h({
   __name: "Markdown",
   props: {
     as: {},
@@ -1597,38 +1603,38 @@ const wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__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 ?? {}) : rt(t.langKey, t.langParams ?? {})))), n = c(() => {
+    const s = et(), e = Re(), r = c(() => e.default ? e.default().map(ct).join("") : t.text ?? (t.langKey && (t.langDefault ? k(t.langKey, t.langDefault, t.langParams ?? {}) : bt(t.langKey, t.langParams ?? {})))), n = c(() => {
       if (!r.value)
         return null;
-      let l = ur(r.value);
-      return t.inline && (l = l.replace("<p>", "<span>").replace("</p>", "</span>")), l;
-    }), a = () => Lt(t.as ?? (t.inline ? "span" : "div"), {
+      let o = gr(r.value);
+      return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
+    }), a = () => Ut(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
-      onClick: i,
+      onClick: u,
       ...s,
       class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
     });
-    async function i(l) {
-      var v, $;
-      const { target: d } = l;
-      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 g, $;
+      const { target: p } = o;
+      if (Oe(p, HTMLElement) && p.dataset.markdownAction) {
+        ($ = (g = t.actions) == null ? void 0 : g[p.dataset.markdownAction]) == null || $.call(g);
         return;
       }
-      if (Pe(d, HTMLAnchorElement) && d.dataset.markdownRoute) {
-        const m = ir();
-        m && (l.preventDefault(), m.visit(d.dataset.markdownRoute));
+      if (Oe(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
+        const v = hr();
+        v && (o.preventDefault(), v.visit(p.dataset.markdownRoute));
         return;
       }
     }
-    return (l, d) => (u(), h(a));
+    return (o, p) => (i(), f(a));
   }
-}), Mr = (t, s) => {
+}), Ur = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [r, n] of s)
     e[r] = n;
   return e;
-}, P = /* @__PURE__ */ Mr(Tr, [["__scopeId", "data-v-8b211cfb"]]), Hr = { class: "flex-grow" }, Er = ["id"], Vr = /* @__PURE__ */ g({
+}, z = /* @__PURE__ */ Ur(Fr, [["__scopeId", "data-v-8b211cfb"]]), Or = { class: "flex-grow" }, Nr = ["id"], Wr = /* @__PURE__ */ h({
   __name: "Setting",
   props: {
     title: {},
@@ -1638,29 +1644,29 @@ const wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__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(() => H(t.class, "flex flex-col justify-center gap-1"));
+    return (e, r) => (i(), y("div", {
+      class: x(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
-      y("div", Hr, [
-        y("h3", {
+      b("div", Or, [
+        b("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, x(e.title), 9, Er),
-        e.description ? (u(), h(P, {
+        }, C(e.title), 9, Nr),
+        e.description ? (i(), f(z, {
           key: 0,
           text: e.description,
           class: "mt-1 text-sm text-gray-500"
-        }, null, 8, ["text"])) : T("", !0)
+        }, null, 8, ["text"])) : M("", !0)
       ]),
-      y("div", {
-        class: k(s.value)
+      b("div", {
+        class: x(s.value)
       }, [
         w(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), Lr = ["for"], Ir = /* @__PURE__ */ g({
+}), Kr = ["for"], Qr = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessSwitch",
   props: {
@@ -1675,71 +1681,71 @@ const wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__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 = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `switch-${oe()}`,
       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: we(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(l) {
+      update(o) {
         if (n && t.name) {
-          n.setFieldValue(t.name, l);
+          n.setFieldValue(t.name, o);
           return;
         }
-        r("update:modelValue", l);
+        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>");
-    }), (l, d) => (u(), b("div", {
-      class: k(t.class)
+    }), (o, p) => (i(), y("div", {
+      class: x(t.class)
     }, [
-      l.label ? (u(), b("label", {
+      o.label ? (i(), y("label", {
         key: 0,
-        for: i.id,
-        class: k(l.labelClass)
-      }, x(l.label), 11, Lr)) : T("", !0),
-      p(o(vs), H({
-        id: i.id,
-        name: l.name,
-        "model-value": i.value.value
-      }, l.$attrs, {
-        class: l.inputClass,
-        "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
+        for: u.id,
+        class: x(o.labelClass)
+      }, C(o.label), 11, Kr)) : M("", !0),
+      d(l(Es), V({
+        id: u.id,
+        name: o.name,
+        "model-value": u.value.value
+      }, o.$attrs, {
+        class: o.inputClass,
+        "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
       }), {
-        default: f(() => [
-          p(o(bs), {
-            class: k(l.thumbClass)
+        default: m(() => [
+          d(l(Ls), {
+            class: x(o.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 16, ["id", "name", "model-value", "class"])
     ], 2));
   }
-}), qr = /* @__PURE__ */ g({
+}), Jr = /* @__PURE__ */ h({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (u(), h(Ir, {
+    return (s, e) => (i(), f(Qr, {
       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"
     }));
   }
-}), zr = /* @__PURE__ */ g({
+}), Zr = /* @__PURE__ */ h({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (u(), h(Vr, {
+    return (s, e) => (i(), f(Wr, {
       "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(qr, {
+      default: m(() => [
+        d(Jr, {
           modelValue: s.$errors.debug,
           "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
           "aria-labelledby": "debug-setting"
@@ -1748,55 +1754,55 @@ const wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__PURE__
       _: 1
     }, 8, ["title", "description"]));
   }
-}), Rr = [
+}), Xr = [
   {
     priority: 10,
-    component: zr
+    component: Zr
   }
-], vt = [];
-function yl(t) {
-  vt.push(t);
+], Mt = [];
+function Il(t) {
+  Mt.push(t);
 }
-function bt(t) {
-  for (const s of vt) {
+function Ht(t) {
+  for (const s of Mt) {
     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 _e ? t.message : fe(t) ? B(t.message ?? t.description ?? "Unknown error object") : k("errors.unknown", "Unknown Error");
 }
-class Ue extends be {
+class Ye extends _e {
 }
-const Pr = { $errors: nt }, Ar = (t) => (nt.report(t), !0);
-function Dr(t, s = () => !1) {
-  const e = (r) => s(r) || Ar(r);
-  t.config.errorHandler = e, globalThis.onerror = (r, n, a, i, l) => e(l ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
+const Gr = { $errors: yt }, Yr = (t) => (yt.report(t), !0);
+function en(t, s = () => !1) {
+  const e = (r) => s(r) || Yr(r);
+  t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, o) => e(o ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const jr = {
+const tn = {
   async install(t, s) {
-    Dr(t, s.handleError), Rr.forEach((e) => A.addSetting(e)), await $e(t, Pr);
+    en(t, s.handleError), Xr.forEach((e) => A.addSetting(e)), await ke(t, Gr);
   }
-}, Br = {
+}, sn = {
   async install() {
-    Ee() && (globalThis.testingRuntime = {
-      on: (...t) => R.on(...t),
+    ze() && (globalThis.testingRuntime = {
+      on: (...t) => F.on(...t),
       service: (t) => A.service(t)
     });
   }
-}, Fr = {
+}, rn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ur(t, s) {
-  return u(), b("svg", Fr, s[0] || (s[0] = [
-    y("path", {
+function nn(t, s) {
+  return i(), y("svg", rn, s[0] || (s[0] = [
+    b("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 Or = E({ name: "zondicons-close", render: Ur }), Nr = /* @__PURE__ */ g({
+const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
@@ -1806,27 +1812,18 @@ const Or = E({ name: "zondicons-close", render: Ur }), Nr = /* @__PURE__ */ g({
     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), ot("close-modal", async ({ id: l, result: d }) => {
-      l === r.id && await i(d);
-    });
-    async function i(l) {
-      a.value || (await R.emit("modal-will-close", { modal: r, result: l }), a.value = !0, await R.emit("modal-has-closed", { modal: r, result: l }));
-    }
-    return (l, d) => (u(), h(o(ys), {
-      ref: o(n),
+    const e = N(null), { close: r } = Pe();
+    s({ $content: e });
+    const { forwardRef: n } = Ie();
+    return de("$modalContentRef", e), (a, u) => (i(), f(l(Rs), {
+      ref: l(n),
       open: "",
-      "onUpdate:open": d[0] || (d[0] = (v) => l.persistent || i())
+      "onUpdate:open": u[0] || (u[0] = (o) => a.persistent || o || l(r)())
     }, {
-      default: f(() => [
-        p(o(ws), null, {
-          default: f(() => [
-            w(l.$slots, "default", { close: i })
+      default: m(() => [
+        d(l(zs), null, {
+          default: m(() => [
+            w(a.$slots, "default", { close: l(r) })
           ]),
           _: 3
         })
@@ -1834,58 +1831,36 @@ const Or = E({ name: "zondicons-close", render: Ur }), Nr = /* @__PURE__ */ g({
       _: 3
     }, 512));
   }
-}), yt = /* @__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] = o(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));
-  }
-}), Wr = /* @__PURE__ */ g({
+}), on = /* @__PURE__ */ h({
   __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 = Os("$modalContentRef"), r = G("$contentRef"), n = c(() => z.modals[s] ?? null);
-    return Y(() => e.value = r.value), (a, i) => (u(), h(o($s), { ref: "$contentRef" }, {
-      default: f(() => [
-        w(a.$slots, "default"),
-        n.value ? (u(), h(yt, {
+    const { child: s } = Pe(), e = nr("$modalContentRef"), r = ee("$contentRef");
+    return G(() => e.value = r.value), (n, a) => (i(), f(l(Is), { ref: "$contentRef" }, {
+      default: m(() => [
+        w(n.$slots, "default"),
+        l(s) ? (i(), f(l(gs), {
           key: 0,
-          "child-index": o(s) + 1,
-          modal: n.value
-        }, null, 8, ["child-index", "modal"])) : T("", !0)
+          is: l(s)
+        }, null, 8, ["is"])) : M("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), Kr = /* @__PURE__ */ g({
+}), un = /* @__PURE__ */ h({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(o(_s), ne(ae(s.$props)), {
-      default: f(() => [
+    return (s, e) => (i(), f(l(qs), ue(ce(s.$props)), {
+      default: m(() => [
         w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Qr = /* @__PURE__ */ g({
+}), cn = /* @__PURE__ */ h({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1893,31 +1868,31 @@ const Or = E({ name: "zondicons-close", render: Ur }), Nr = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(o(xs), ne(ae(s.$props)), {
-      default: f(() => [
+    return (s, e) => (i(), f(l(As), ue(ce(s.$props)), {
+      default: m(() => [
         w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Jr = /* @__PURE__ */ g({
+}), dn = /* @__PURE__ */ h({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(o(Cs), ne(ae(s.$props)), {
-      default: f(() => [
+    return (s, e) => (i(), f(l(Ps), ue(ce(s.$props)), {
+      default: m(() => [
         w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Zr = {
+}), pn = {
   key: 0,
   class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, Xr = ["onClick"], Yr = { class: "sr-only" }, se = /* @__PURE__ */ g({
+}, mn = ["onClick"], fn = { class: "sr-only" }, Me = dr(), re = /* @__PURE__ */ h({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
@@ -1930,117 +1905,120 @@ const Or = E({ name: "zondicons-close", render: Ur }), Nr = /* @__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"]);
     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 T;
+        return (T = o.value) == null ? void 0 : T.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Ve(), a = n, i = V("modal"), l = 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(
+    const { forwardRef: r, currentRef: n } = Ie(), { id: a, visible: u } = Pe(), o = n, p = ot(), g = c(
+      () => {
+        var T;
+        return u.value && ((T = ae.value.toReversed().find((Be) => Be.visible.value)) == null ? void 0 : T.id) === a.value;
+      }
+    ), $ = c(() => ae.value.find((T) => T.visible.value)), v = c(() => ae.value.some((T) => Me.has(T))), S = c(() => t.description ? {} : { "aria-describedby": void 0 }), q = c(() => H("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), pe = c(() => H(
       "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]",
+      Me.has(p.value) || "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": !l.value,
-        "scale-100 opacity-100": l.value
+        "scale-50 opacity-0": !g.value,
+        "scale-100 opacity-100": g.value
       },
       t.wrapperClass
     ));
-    return ot("modal-will-close", async ({ modal: { id: m } }) => {
-      m === i.modal.id && await ue({ ms: 300 });
-    }), (m, C) => (u(), h(Nr, H(e, {
-      ref: (L) => o(r)(L),
-      persistent: m.persistent
+    return tt(() => le(500).then(() => Me.add(p.value))), (T, Be) => (i(), f(ln, V(e, {
+      ref: (me) => l(r)(me),
+      persistent: T.persistent
     }), {
-      default: f(({ close: L }) => [
-        p(Qr, {
-          class: k(["fixed inset-0 animate-[fade-in_var(--tw-duration)_ease-in-out] transition-opacity duration-300 will-change-[opacity]", {
-            "bg-black/30": o(i).childIndex === 1,
-            "opacity-0": o(i).childIndex === 1 && o(i).modal.closing
-          }])
-        }, null, 8, ["class"]),
-        p(Wr, H(d.value, { class: $.value }), {
-          default: f(() => [
-            !m.persistent && !m.closeHidden ? (u(), b("div", Zr, [
-              y("button", {
-                type: "button",
-                class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                onClick: (_e) => L()
+      default: m(({ close: me }) => {
+        var Fe, Ue;
+        return [
+          d(cn, {
+            class: x(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
+              "animate-[fade-in_var(--tw-duration)_ease-in-out]": !v.value,
+              "bg-black/30": ((Fe = $.value) == null ? void 0 : Fe.id) === l(a) || !$.value && ((Ue = l(ae)[0]) == null ? void 0 : Ue.id) === l(a),
+              "opacity-0": !$.value
+            }])
+          }, null, 8, ["class"]),
+          d(on, V(S.value, { class: pe.value }), {
+            default: m(() => [
+              !T.persistent && !T.closeHidden ? (i(), y("div", pn, [
+                b("button", {
+                  type: "button",
+                  class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
+                  onClick: (il) => me()
+                }, [
+                  b("span", fn, C(T.$td("ui.close", "Close")), 1),
+                  d(l(an), { class: "size-4" })
+                ], 8, mn)
+              ])) : M("", !0),
+              T.title ? (i(), f(dn, {
+                key: 1,
+                class: x(["px-4 pt-5 text-base font-semibold text-gray-900", {
+                  "sr-only": T.titleHidden,
+                  "pb-0": T.description && !T.descriptionHidden,
+                  "pb-2": !T.description || T.descriptionHidden
+                }])
+              }, {
+                default: m(() => [
+                  d(z, {
+                    text: T.title,
+                    inline: ""
+                  }, null, 8, ["text"])
+                ]),
+                _: 1
+              }, 8, ["class"])) : M("", !0),
+              T.description ? (i(), f(un, {
+                key: 2,
+                class: x(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
+              }, {
+                default: m(() => [
+                  d(z, {
+                    text: T.description,
+                    class: "text-sm leading-6 text-gray-500"
+                  }, null, 8, ["text"])
+                ]),
+                _: 1
+              }, 8, ["class"])) : M("", !0),
+              b("div", {
+                class: x(q.value)
               }, [
-                y("span", Yr, x(m.$td("ui.close", "Close")), 1),
-                p(o(Or), { class: "size-4" })
-              ], 8, Xr)
-            ])) : T("", !0),
-            m.title ? (u(), h(Jr, {
-              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(Kr, {
-              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"])
-      ]),
+                w(T.$slots, "default", { close: me })
+              ], 2)
+            ]),
+            _: 2
+          }, 1040, ["class"])
+        ];
+      }),
       _: 3
     }, 16, ["persistent"]));
   }
 });
-function Gr(t) {
-  const s = c(() => t.title ?? S("ui.alert", "Alert")), e = c(() => !t.title);
+function hn(t) {
+  const s = c(() => t.title ?? k("ui.alert", "Alert")), e = c(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const en = /* @__PURE__ */ g({
+const gn = /* @__PURE__ */ h({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = Gr(e);
-    return s(), (a, i) => (u(), h(se, {
-      title: o(r),
-      "title-hidden": o(n)
+    const e = t, { renderedTitle: r, titleHidden: n } = hn(e);
+    return s(), (a, u) => (i(), f(re, {
+      title: l(r),
+      "title-hidden": l(n)
     }, {
-      default: f(() => [
-        p(P, { text: a.message }, null, 8, ["text"])
+      default: m(() => [
+        d(z, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), wt = /* @__PURE__ */ g({
+}), Vt = /* @__PURE__ */ h({
   __name: "Form",
   props: {
     form: {}
@@ -2049,39 +2027,36 @@ const en = /* @__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) => {
-        var l;
-        return (l = n.form) == null ? void 0 : l.submit();
-      }, ["prevent"]))
+    }), de("form", t.form), (n, a) => (i(), y("form", {
+      onSubmit: a[0] || (a[0] = st((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
     }, [
       w(n.$slots, "default")
     ], 32));
   }
 });
-function tn(t) {
-  const s = ut(
+function vn(t) {
+  const s = mt(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (i, [l, d]) => ({
-        [l]: {
+      (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"));
+  ), e = c(() => t.title ?? k("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? k("ui.accept", "Ok")), a = c(() => t.cancelText ?? k("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const sn = {
+const bn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, rn = { class: "flex items-center" }, nn = ["onUpdate:modelValue", "required"], an = { class: "ml-1.5" }, ln = { class: "mt-4 flex flex-row-reverse gap-2" }, on = /* @__PURE__ */ g({
+}, yn = { class: "flex items-center" }, $n = ["onUpdate:modelValue", "required"], wn = { class: "ml-1.5" }, _n = { class: "mt-4 flex flex-row-reverse gap-2" }, Cn = /* @__PURE__ */ h({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2094,55 +2069,56 @@ const sn = {
     actions: {},
     required: { type: Boolean }
   },
+  emits: ["close"],
   setup(t, { expose: s }) {
-    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: i, renderedCancelText: l } = tn(e);
-    return s(), (d, v) => (u(), h(se, {
-      title: o(n),
-      "title-hidden": o(a),
+    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: o } = vn(e);
+    return s(), (p, g) => (i(), f(re, {
+      title: l(n),
+      "title-hidden": l(a),
       persistent: ""
     }, {
-      default: f(({ close: $ }) => [
-        p(wt, {
-          form: o(r),
-          onSubmit: (m) => $([!0, o(r).data()])
+      default: m(({ close: $ }) => [
+        d(Vt, {
+          form: l(r),
+          onSubmit: (v) => $([!0, l(r).data()])
         }, {
-          default: f(() => [
-            p(P, {
-              text: d.message,
-              actions: d.actions
+          default: m(() => [
+            d(z, {
+              text: p.message,
+              actions: p.actions
             }, null, 8, ["text", "actions"]),
-            d.checkboxes ? (u(), b("ul", sn, [
-              (u(!0), b(D, null, F(d.checkboxes, (m, C) => (u(), b("li", { key: C }, [
-                y("label", rn, [
-                  Ke(y("input", {
-                    "onUpdate:modelValue": (L) => o(r)[C] = L,
+            p.checkboxes ? (i(), y("ul", bn, [
+              (i(!0), y(D, null, U(p.checkboxes, (v, S) => (i(), y("li", { key: S }, [
+                b("label", yn, [
+                  rt(b("input", {
+                    "onUpdate:modelValue": (q) => l(r)[S] = q,
                     type: "checkbox",
-                    required: m.required,
+                    required: v.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, nn), [
-                    [It, o(r)[C]]
+                  }, null, 8, $n), [
+                    [Ot, l(r)[S]]
                   ]),
-                  y("span", an, x(m.label), 1)
+                  b("span", wn, C(v.label), 1)
                 ])
               ]))), 128))
-            ])) : T("", !0),
-            y("div", ln, [
-              p(q, {
-                variant: d.acceptVariant,
+            ])) : M("", !0),
+            b("div", _n, [
+              d(R, {
+                variant: p.acceptVariant,
                 submit: ""
               }, {
-                default: f(() => [
-                  I(x(o(i)), 1)
+                default: m(() => [
+                  L(C(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              d.required ? T("", !0) : (u(), h(q, {
+              p.required ? M("", !0) : (i(), f(R, {
                 key: 0,
-                variant: d.cancelVariant,
-                onClick: (m) => $(!1)
+                variant: p.cancelVariant,
+                onClick: (v) => $(!1)
               }, {
-                default: f(() => [
-                  I(x(o(l)), 1)
+                default: m(() => [
+                  L(C(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2154,85 +2130,85 @@ const sn = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), un = {
+}), xn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function cn(t, s) {
-  return u(), b("svg", un, s[0] || (s[0] = [
-    y("path", {
+function kn(t, s) {
+  return i(), y("svg", xn, s[0] || (s[0] = [
+    b("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 dn = E({ name: "zondicons-cheveron-left", render: cn }), pn = {
+const Sn = E({ name: "zondicons-cheveron-left", render: kn }), Tn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function mn(t, s) {
-  return u(), b("svg", pn, s[0] || (s[0] = [
-    y("path", {
+function Mn(t, s) {
+  return i(), y("svg", Tn, s[0] || (s[0] = [
+    b("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: mn }), fn = {
+const Et = E({ name: "zondicons-cheveron-right", render: Mn }), Hn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function hn(t, s) {
-  return u(), b("svg", fn, s[0] || (s[0] = [
-    y("path", {
+function Vn(t, s) {
+  return i(), y("svg", Hn, s[0] || (s[0] = [
+    b("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: hn }), gn = {
+const De = E({ name: "zondicons-exclamation-solid", render: Vn }), En = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function vn(t, s) {
-  return u(), b("svg", gn, s[0] || (s[0] = [
-    y("path", {
+function Ln(t, s) {
+  return i(), y("svg", En, s[0] || (s[0] = [
+    b("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 bn = E({ name: "mdi-console", render: vn }), yn = {
+const Rn = E({ name: "mdi-console", render: Ln }), zn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function wn(t, s) {
-  return u(), b("svg", yn, s[0] || (s[0] = [
-    y("path", {
+function In(t, s) {
+  return i(), y("svg", zn, s[0] || (s[0] = [
+    b("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: wn }), _n = {
+const qn = E({ name: "zondicons-copy", render: In }), An = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function xn(t, s) {
-  return u(), b("svg", _n, s[0] || (s[0] = [
-    y("path", {
+function Pn(t, s) {
+  return i(), y("svg", An, s[0] || (s[0] = [
+    b("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 Cn = E({ name: "mdi-github", render: xn }), kn = { class: "flex" }, Sn = { class: "sr-only" }, Tn = /* @__PURE__ */ g({
+const Dn = E({ name: "mdi-github", render: Pn }), jn = { class: "flex" }, Bn = { class: "sr-only" }, Fn = /* @__PURE__ */ h({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
@@ -2241,13 +2217,13 @@ const Cn = E({ name: "mdi-github", render: xn }), kn = { class: "flex" }, Sn = {
     const s = t, e = c(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = c(() => {
       if (!A.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:",
           "```",
-          Qt(
+          ns(
             s.report.details ?? "Details missing from report",
             1800 - a.length - A.sourceUrl.length
           ).trim(),
@@ -2255,27 +2231,27 @@ const Cn = E({ name: "mdi-github", render: xn }), kn = { class: "flex" }, Sn = {
         ].join(`
 `)
       );
-      return `${A.sourceUrl}/issues/new?title=${a}&body=${i}`;
-    }), n = c(() => ee(
+      return `${A.sourceUrl}/issues/new?title=${a}&body=${u}`;
+    }), n = c(() => te(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: $n,
+          iconComponent: qn,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: bn,
+          iconComponent: Rn,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), z.toast(
-              S(
+            window.error = a, console.error(a), P.toast(
+              k(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
               )
@@ -2287,24 +2263,24 @@ ${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: Cn,
+          iconComponent: Dn,
           url: r.value
         });
       }
     ));
-    return (a, i) => (u(), b("div", kn, [
-      (u(!0), b(D, null, F(n.value, (l) => w(a.$slots, "default", H({ ref_for: !0 }, l), () => [
-        p(q, {
+    return (a, u) => (i(), y("div", jn, [
+      (i(!0), y(D, null, U(n.value, (o) => w(a.$slots, "default", V({ ref_for: !0 }, o), () => [
+        d(R, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
-          href: l.url,
-          title: a.$td(`errors.report_${l.id}`, l.description),
-          onClick: l.click
+          href: o.url,
+          title: a.$td(`errors.report_${o.id}`, o.description),
+          onClick: o.click
         }, {
-          default: f(() => [
-            y("span", Sn, x(a.$td(`errors.report_${l.id}`, l.description)), 1),
-            (u(), h(W(l.iconComponent), {
+          default: m(() => [
+            b("span", Bn, C(a.$td(`errors.report_${o.id}`, o.description)), 1),
+            (i(), f(Y(o.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2314,7 +2290,7 @@ ${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), Mn = /* @__PURE__ */ g({
+}), Un = /* @__PURE__ */ h({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2323,19 +2299,19 @@ ${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(), f(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function Hn(t) {
-  const s = U(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
+function On(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()) || k("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
-  ), n = S("errors.previousReport", "Show previous report"), a = S("errors.nextReport", "Show next report");
+  ), n = k("errors.previousReport", "Show previous report"), a = k("errors.nextReport", "Show next report");
   return {
     activeReportIndex: s,
     details: r,
@@ -2344,102 +2320,102 @@ function Hn(t) {
     activeReport: e
   };
 }
-const En = { class: "px-4 pt-5 pb-4" }, Vn = { class: "flex justify-between gap-4" }, Ln = { class: "flex items-center gap-2" }, In = {
+const Nn = { class: "px-4 pt-5 pb-4" }, Wn = { class: "flex justify-between gap-4" }, Kn = { class: "flex items-center gap-2" }, Qn = {
   key: 0,
   class: "flex gap-0.5"
-}, qn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, zn = ["textContent"], Rn = /* @__PURE__ */ g({
+}, Jn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Zn = ["textContent"], Xn = /* @__PURE__ */ h({
   __name: "ErrorReportModal",
   props: {
     report: {},
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: i, activeReport: l } = Hn(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 } = On(e);
+    return s(), (p, g) => (i(), f(re, {
+      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", En, [
-          y("h2", Vn, [
-            y("div", Ln, [
-              p(o(qe), { class: "size-5 text-red-600" }),
-              p(Mn, {
+      default: m(() => [
+        b("div", Nn, [
+          b("h2", Wn, [
+            b("div", Kn, [
+              d(l(De), { class: "size-5 text-red-600" }),
+              d(Un, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
-                report: o(l),
-                "current-report": o(r) + 1,
-                "total-reports": d.reports.length
+                report: l(o),
+                "current-report": l(r) + 1,
+                "total-reports": p.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              d.reports.length > 1 ? (u(), b("span", In, [
-                p(q, {
+              p.reports.length > 1 ? (i(), y("span", Qn, [
+                d(R, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: o(r) === 0,
-                  "aria-label": o(i),
-                  title: o(i),
-                  onClick: v[0] || (v[0] = ($) => r.value--)
+                  disabled: l(r) === 0,
+                  "aria-label": l(u),
+                  title: l(u),
+                  onClick: g[0] || (g[0] = ($) => r.value--)
                 }, {
-                  default: f(() => [
-                    p(o(dn), { class: "size-4" })
+                  default: m(() => [
+                    d(l(Sn), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                p(q, {
+                d(R, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: o(r) === d.reports.length - 1,
-                  "aria-label": o(a),
-                  title: o(a),
-                  onClick: v[1] || (v[1] = ($) => r.value++)
+                  disabled: l(r) === p.reports.length - 1,
+                  "aria-label": l(a),
+                  title: l(a),
+                  onClick: g[1] || (g[1] = ($) => r.value++)
                 }, {
-                  default: f(() => [
-                    p(o($t), { class: "size-4" })
+                  default: m(() => [
+                    d(l(Et), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : T("", !0)
+              ])) : M("", !0)
             ]),
-            p(Tn, {
-              report: o(l),
+            d(Fn, {
+              report: l(o),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          o(l).description ? (u(), h(P, {
+          l(o).description ? (i(), f(z, {
             key: 0,
-            text: o(l).description,
+            text: l(o).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : T("", !0)
+          }, null, 8, ["text"])) : M("", !0)
         ]),
-        y("div", qn, [
-          y("pre", {
+        b("div", Jn, [
+          b("pre", {
             class: "p-4 text-xs text-red-800",
-            textContent: x(o(n))
-          }, null, 8, zn)
+            textContent: C(l(n))
+          }, null, 8, Zn)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), Pn = {
+}), Gn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function An(t, s) {
-  return u(), b("svg", Pn, s[0] || (s[0] = [
-    y("path", {
+function Yn(t, s) {
+  return i(), y("svg", Gn, s[0] || (s[0] = [
+    b("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",
       opacity: ".25"
     }, null, -1),
-    y("path", {
+    b("path", {
       fill: "currentColor",
       d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
     }, [
-      y("animateTransform", {
+      b("animateTransform", {
         attributeName: "transform",
         dur: "0.75s",
         repeatCount: "indefinite",
@@ -2449,7 +2425,7 @@ function An(t, s) {
     ], -1)
   ]));
 }
-const Dn = E({ name: "svg-spinners-90-ring-with-bg", render: An }), jn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Bn = { class: "sr-only" }, Fn = /* @__PURE__ */ g({
+const ea = E({ name: "svg-spinners-90-ring-with-bg", render: Yn }), ta = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, sa = { class: "sr-only" }, ra = /* @__PURE__ */ h({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -2458,31 +2434,31 @@ const Dn = E({ name: "svg-spinners-90-ring-with-bg", render: An }), jn = { class
   },
   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(() => H("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 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 });
       },
       { immediate: !0 }
-    ), ge(() => s && s()), (a, i) => (u(), b("div", jn, [
-      y("div", {
-        class: k(r.value),
-        style: qt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+    ), $e(() => s && s()), (a, u) => (i(), y("div", ta, [
+      b("div", {
+        class: x(r.value),
+        style: Nt(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      y("span", Bn, x(a.$td("ui.progress", "{progress}% complete", {
+      b("span", sa, C(a.$td("ui.progress", "{progress}% complete", {
         progress: n.value * 100
       })), 1)
     ]));
   }
 });
-function Un(t) {
-  const s = c(() => t.title ?? S("ui.loading", "Loading")), e = c(
-    () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
+function na(t) {
+  const s = c(() => t.title ?? k("ui.loading", "Loading")), e = c(
+    () => t.message ?? k("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 On = /* @__PURE__ */ g({
+const aa = /* @__PURE__ */ h({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2491,30 +2467,30 @@ const On = /* @__PURE__ */ g({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: i } = Un(e);
-    return s(), (l, d) => (u(), h(se, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = na(e);
+    return s(), (o, p) => (i(), f(re, {
       persistent: "",
-      class: k(["flex", { "flex-col-reverse": o(i), "items-center justify-center gap-2": !o(i) }]),
+      class: x(["flex", { "flex-col-reverse": l(u), "items-center justify-center gap-2": !l(u) }]),
       "wrapper-class": "w-auto",
-      title: o(r),
-      "title-hidden": o(a)
+      title: l(r),
+      "title-hidden": l(a)
     }, {
-      default: f(() => [
-        o(i) ? (u(), h(Fn, {
+      default: m(() => [
+        l(u) ? (i(), f(ra, {
           key: 0,
-          progress: l.progress,
-          job: l.job,
+          progress: o.progress,
+          job: o.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (u(), h(o(Dn), {
+        }, null, 8, ["progress", "job"])) : (i(), f(l(ea), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        p(P, { text: o(n) }, null, 8, ["text"])
+        d(z, { text: l(n) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), ze = /* @__PURE__ */ g({
+}), je = /* @__PURE__ */ h({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2525,128 +2501,130 @@ const On = /* @__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 = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `input-${oe()}`,
       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: we(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(l) {
+      update(o) {
         if (n && t.name) {
-          n.setFieldValue(t.name, l);
+          n.setFieldValue(t.name, o);
           return;
         }
-        r("update:modelValue", l);
+        r("update:modelValue", o);
       }
     };
-    return le("input", i), s(i), (l, d) => (u(), h(W(l.as), null, {
-      default: f(() => [
-        w(l.$slots, "default")
+    return de("input", u), s(u), (o, p) => (i(), f(Y(o.as), null, {
+      default: m(() => [
+        w(o.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), Nn = ["for"], fe = /* @__PURE__ */ g({
+}), la = ["for"], be = /* @__PURE__ */ h({
   __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 = I("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Re(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (i(), y("label", {
       key: 0,
-      for: o(s).id
+      for: l(s).id
     }, [
       w(n.$slots, "default", {}, () => [
-        I(x(o(s).label), 1)
+        L(C(l(s).label), 1)
       ])
-    ], 8, Nn)) : T("", !0);
+    ], 8, la)) : M("", !0);
   }
-}), Wn = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], _t = /* @__PURE__ */ g({
+}), ia = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], Lt = /* @__PURE__ */ h({
   __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 = ee("$inputRef"), e = I("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = X("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";
-    }), l = c(() => {
-      if (t.type === "checkbox")
+    }), o = c(() => {
+      if (u.value === "checkbox")
         return !!a.value;
     });
-    function d() {
-      s.value && e.update(v());
+    function p() {
+      s.value && e.update(g());
     }
-    function v() {
+    function g() {
       if (!s.value)
         return null;
-      switch (t.type) {
+      switch (u.value) {
         case "checkbox":
           return s.value.checked;
         case "date":
           return s.value.valueAsDate;
+        case "number":
+          return s.value.valueAsNumber;
         default:
           return s.value.value;
       }
     }
-    return it(e, () => {
+    return pt(e, () => {
       var $;
       return ($ = s.value) == null ? void 0 : $.focus();
-    }), Y(() => {
+    }), G(() => {
       if (s.value) {
-        if (t.type === "date" && a.value instanceof Date) {
+        if (u.value === "date" && a.value instanceof Date) {
           s.value.valueAsDate = a.value;
           return;
         }
         s.value.value = a.value ?? null;
       }
-    }), ($, m) => (u(), b("input", {
-      id: o(e).id,
+    }), ($, v) => (i(), y("input", {
+      id: l(e).id,
       ref: "$inputRef",
       name: n.value,
-      checked: l.value,
-      type: i.value,
-      required: o(e).required ?? void 0,
-      "aria-invalid": o(e).errors ? "true" : "false",
-      "aria-describedby": o(e).errors ? `${o(e).id}-error` : o(e).description ? `${o(e).id}-description` : void 0,
-      onInput: d
-    }, null, 40, Wn));
-  }
-}), xt = /* @__PURE__ */ g({
+      checked: o.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: p
+    }, null, 40, ia));
+  }
+}), Rt = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = V(
+    const s = I(
       "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", {
-      id: `${o(s).id}-description`
+      id: `${l(s).id}-description`
     }, () => [
-      r.value ? (u(), h(P, H({ key: 0 }, n.$attrs, {
-        id: `${o(s).id}-description`,
+      r.value ? (i(), f(z, V({ key: 0 }, n.$attrs, {
+        id: `${l(s).id}-description`,
         text: e.value
-      }), null, 16, ["id", "text"])) : T("", !0)
+      }), null, 16, ["id", "text"])) : M("", !0)
     ]);
   }
-}), Kn = ["id"], he = /* @__PURE__ */ g({
+}), oa = ["id"], ye = /* @__PURE__ */ h({
   __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 = I("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? k(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, n) => e.value ? (i(), y("p", {
       key: 0,
-      id: `${o(s).id}-error`
-    }, x(e.value), 9, Kn)) : T("", !0);
+      id: `${l(s).id}-error`
+    }, C(e.value), 9, oa)) : M("", !0);
   }
-}), Qn = {
+}), ua = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, Jn = /* @__PURE__ */ g({
+}, ca = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2659,61 +2637,61 @@ const On = /* @__PURE__ */ g({
   },
   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 l, d, v;
-      return M(
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Ae(), a = c(() => H("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
+      var o, p, g;
+      return H(
         // 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": !((l = e.value) != null && l.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": !((o = e.value) != null && o.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((p = e.value) != null && p.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (g = e.value) == null ? void 0 : g.errors
         },
         t.inputClass
       );
     });
-    return (l, d) => (u(), h(ze, H({
+    return (o, p) => (i(), f(je, V({
       ref: "$inputRef",
-      label: l.label,
-      class: o(n)
+      label: o.label,
+      class: l(n)
     }, s, {
-      "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
+      "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
     }), {
-      default: f(() => {
-        var v;
+      default: m(() => {
+        var g;
         return [
-          p(fe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
-          y("div", {
-            class: k(a.value)
+          d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          b("div", {
+            class: x(a.value)
           }, [
-            p(_t, H(o(r), { class: i.value }), null, 16, ["class"]),
-            (v = e.value) != null && v.errors ? (u(), b("div", Qn, [
-              p(o(qe), { class: "size-5 text-red-500" })
-            ])) : T("", !0)
+            d(Lt, V(l(r), { class: u.value }), null, 16, ["class"]),
+            (g = e.value) != null && g.errors ? (i(), y("div", ua, [
+              d(l(De), { class: "size-5 text-red-500" })
+            ])) : M("", !0)
           ], 2),
-          p(xt, { 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(ye, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-function wl(t, s = {}) {
+function ql(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function $l(t, s = {}) {
+function Al(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function _l(t, s, e = {}) {
+function Pl(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2721,21 +2699,21 @@ function _l(t, s, e = {}) {
     values: t
   };
 }
-function xl(t) {
+function Dl(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function Cl(t) {
+function jl(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function kl(t, s) {
+function Bl(t, s) {
   return {
     default: s,
     type: "enum",
@@ -2743,55 +2721,55 @@ function kl(t, s) {
     values: t
   };
 }
-function Sl(t) {
+function Fl(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Tl(t) {
+function Ul(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function Zn(t) {
+function da(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Ml(t, s = {}) {
+function Ol(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Hl(t, s = {}) {
+function Nl(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function El(t, s = {}) {
+function Wl(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function Xn(t) {
-  const s = ut({
-    draft: Zn(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"));
+function pa(t) {
+  const s = mt({
+    draft: da(t.defaultValue ?? "")
+  }), e = c(() => t.title ?? t.message), r = c(() => t.title ? t.message : null), n = c(() => t.acceptText ?? k("ui.accept", "Ok")), a = c(() => t.cancelText ?? k("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const Yn = { class: "mt-4 flex flex-row-reverse gap-2" }, Gn = /* @__PURE__ */ g({
+const ma = { class: "mt-4 flex flex-row-reverse gap-2" }, fa = /* @__PURE__ */ h({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2804,44 +2782,45 @@ const Yn = { class: "mt-4 flex flex-row-reverse gap-2" }, Gn = /* @__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: l } = Xn(e);
-    return s(), (d, v) => (u(), h(se, {
-      title: o(n),
+    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: o } = pa(e);
+    return s(), (p, g) => (i(), f(re, {
+      title: l(n),
       persistent: ""
     }, {
-      default: f(({ close: $ }) => [
-        p(wt, {
-          form: o(r),
-          onSubmit: (m) => $(o(r).draft)
+      default: m(({ close: $ }) => [
+        d(Vt, {
+          form: l(r),
+          onSubmit: (v) => $(l(r).draft)
         }, {
-          default: f(() => [
-            o(a) ? (u(), h(P, {
+          default: m(() => [
+            l(a) ? (i(), f(z, {
               key: 0,
-              text: o(a)
-            }, null, 8, ["text"])) : T("", !0),
-            p(Jn, {
+              text: l(a)
+            }, null, 8, ["text"])) : M("", !0),
+            d(ca, {
               name: "draft",
               class: "mt-2",
-              placeholder: d.placeholder,
-              label: d.label
+              placeholder: p.placeholder,
+              label: p.label
             }, null, 8, ["placeholder", "label"]),
-            y("div", Yn, [
-              p(q, {
-                variant: d.acceptVariant,
+            b("div", ma, [
+              d(R, {
+                variant: p.acceptVariant,
                 submit: ""
               }, {
-                default: f(() => [
-                  I(x(o(i)), 1)
+                default: m(() => [
+                  L(C(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p(q, {
-                variant: d.cancelVariant,
-                onClick: (m) => $()
+              d(R, {
+                variant: p.cancelVariant,
+                onClick: (v) => $()
               }, {
-                default: f(() => [
-                  I(x(o(l)), 1)
+                default: m(() => [
+                  L(C(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2853,65 +2832,65 @@ const Yn = { class: "mt-4 flex flex-row-reverse gap-2" }, Gn = /* @__PURE__ */ g
       _: 1
     }, 8, ["title"]));
   }
-}), ea = {
+}), ha = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ta(t, s) {
-  return u(), b("svg", ea, s[0] || (s[0] = [
-    y("path", {
+function ga(t, s) {
+  return i(), y("svg", ha, s[0] || (s[0] = [
+    b("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 sa = E({ name: "material-symbols-bug-report", render: ta }), ra = {
+const va = E({ name: "material-symbols-bug-report", render: ga }), ba = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function na(t, s) {
-  return u(), b("svg", ra, s[0] || (s[0] = [
-    y("path", {
+function ya(t, s) {
+  return i(), y("svg", ba, s[0] || (s[0] = [
+    b("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 aa = E({ name: "material-symbols-delete-forever-rounded", render: na }), la = {
+const $a = E({ name: "material-symbols-delete-forever-rounded", render: ya }), wa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function oa(t, s) {
-  return u(), b("svg", la, s[0] || (s[0] = [
-    y("path", {
+function _a(t, s) {
+  return i(), y("svg", wa, s[0] || (s[0] = [
+    b("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 ia = E({ name: "material-symbols-frame-inspect", render: oa }), ua = {
+const Ca = E({ name: "material-symbols-frame-inspect", render: _a }), xa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ca(t, s) {
-  return u(), b("svg", ua, s[0] || (s[0] = [
-    y("path", {
+function ka(t, s) {
+  return i(), y("svg", xa, s[0] || (s[0] = [
+    b("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 da = E({ name: "material-symbols-refresh-rounded", render: ca }), pa = { class: "grid grow place-items-center" }, ma = { class: "flex flex-col items-center p-8" }, fa = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, ha = { 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" }, ga = /* @__PURE__ */ g({
+const Sa = E({ name: "material-symbols-refresh-rounded", render: ka }), Ta = { class: "grid grow place-items-center" }, Ma = { class: "flex flex-col items-center p-8" }, Ha = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Va = { 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" }, Ea = /* @__PURE__ */ h({
   __name: "StartupCrash",
   setup(t) {
     async function s() {
-      await z.confirm(
-        S("startupCrash.purgeConfirmTitle", "Delete everything?"),
-        S(
+      await P.confirm(
+        k("startupCrash.purgeConfirmTitle", "Delete everything?"),
+        k(
           "startupCrash.purgeConfirmMessage",
           `If the problem persists, one drastic solution may be to wipe the storage in this device to start from scratch. However, keep in mind that **all the data that you haven't synchronized will be deleted forever**.
 
@@ -2919,61 +2898,61 @@ Do you still want to proceed?`
         ),
         {
           acceptVariant: "danger",
-          acceptText: S("startupCrash.purgeConfirmAccept", "Purge device")
+          acceptText: k("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await et.purge(), await A.reload());
+      ) && (await ht.purge(), await A.reload());
     }
     return (e, r) => {
-      const n = zt("i-majesticons-exclamation");
-      return u(), b("div", pa, [
-        y("div", ma, [
-          p(n, { class: "size-20 text-red-600" }),
-          y("h1", fa, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
-          p(P, {
+      const n = Wt("i-majesticons-exclamation");
+      return i(), y("div", Ta, [
+        b("div", Ma, [
+          d(n, { class: "size-20 text-red-600" }),
+          b("h1", Ha, C(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", ha, [
-            p(q, {
+          b("div", Va, [
+            d(R, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
-              default: f(() => [
-                p(o(da)),
-                I(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
+              default: m(() => [
+                d(l(Sa)),
+                L(" " + C(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
-            p(q, {
+            d(R, {
               variant: "danger",
               onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
             }, {
-              default: f(() => [
-                p(o(sa)),
-                I(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
+              default: m(() => [
+                d(l(va)),
+                L(" " + C(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
             }),
-            p(q, {
+            d(R, {
               variant: "danger",
               onClick: r[2] || (r[2] = (a) => s())
             }, {
-              default: f(() => [
-                p(o(aa)),
-                I(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
+              default: m(() => [
+                d(l($a)),
+                L(" " + C(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
-            p(q, {
+            d(R, {
               variant: "danger",
               onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
             }, {
-              default: f(() => [
-                p(o(ia)),
-                I(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+              default: m(() => [
+                d(l(Ca)),
+                L(" " + C(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
             })
@@ -2982,23 +2961,23 @@ Do you still want to proceed?`
       ]);
     };
   }
-}), Ct = /* @__PURE__ */ g({
+}), zt = /* @__PURE__ */ h({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(W(s.action.dismiss ? o(ks) : "button"), {
+    return (s, e) => (i(), f(Y(s.action.dismiss ? l(Ds) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
-      default: f(() => [
-        I(x(s.action.label), 1)
+      default: m(() => [
+        L(C(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), va = { key: 0 }, ba = /* @__PURE__ */ g({
+}), La = { key: 0 }, Ra = /* @__PURE__ */ h({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -3006,11 +2985,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(o(Ss), null, {
-      default: f(() => [
+    return (s, e) => (i(), f(l(js), null, {
+      default: m(() => [
         w(s.$slots, "default", {}, () => [
-          s.message ? (u(), b("span", va, x(s.message), 1)) : T("", !0),
-          (u(!0), b(D, null, F(s.actions, (r, n) => (u(), h(Ct, {
+          s.message ? (i(), y("span", La, C(s.message), 1)) : M("", !0),
+          (i(!0), y(D, null, U(s.actions, (r, n) => (i(), f(zt, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -3019,7 +2998,7 @@ Do you still want to proceed?`
       _: 3
     }));
   }
-}), ya = /* @__PURE__ */ g({
+}), za = /* @__PURE__ */ h({
   __name: "Toast",
   props: {
     message: {},
@@ -3028,7 +3007,7 @@ Do you still want to proceed?`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = c(() => lt(
+    const e = c(() => dt(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
@@ -3043,134 +3022,122 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (u(), h(ba, {
-      class: k(e.value)
+    return s(), (r, n) => (i(), f(Ra, {
+      class: x(e.value)
     }, {
-      default: f(() => [
-        r.message ? (u(), h(P, {
+      default: m(() => [
+        r.message ? (i(), f(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"])) : M("", !0),
+        (i(!0), y(D, null, U(r.actions, (a, u) => (i(), f(R, {
+          key: u,
           action: a,
           variant: r.variant,
-          as: Ct
+          as: zt
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), wa = { $ui: z }, $a = {
+}), Ia = { $ui: P }, qa = {
   async install(t, s) {
     const e = {
-      "alert-modal": en,
-      "confirm-modal": on,
-      "error-report-modal": Rn,
-      "loading-modal": On,
-      "prompt-modal": Gn,
-      "startup-crash": ga,
-      toast: ya,
+      "alert-modal": gn,
+      "confirm-modal": Cn,
+      "error-report-modal": Xn,
+      "loading-modal": aa,
+      "prompt-modal": fa,
+      "startup-crash": Ea,
+      toast: za,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
-      z.registerComponent(r, n);
-    await $e(t, wa);
+      P.registerComponent(r, n);
+    await ke(t, Ia);
   }
 };
-async function _a(t, s = {}) {
+async function Aa(t, s = {}) {
   var r;
-  const e = [Br, Ks, jr, Sr, Xs, $a, ...s.plugins ?? []];
-  A.instance = t, await Bs(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await R.emit("application-ready");
+  const e = [sn, yr, tn, Br, Cr, qa, ...s.plugins ?? []];
+  A.instance = t, await tr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
 }
-async function Vl(t, s = {}) {
+async function Kl(t, s = {}) {
   var r;
-  const e = Rt(t);
-  J() && (window.$aerogel = e), await _a(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await R.emit("application-mounted");
+  const e = Kt(t);
+  J() && (window.$aerogel = e), await Aa(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await F.emit("application-mounted");
 }
-const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
-  __name: "AppModals",
-  setup(t) {
-    const s = c(() => z.modals[0] ?? null);
-    return (e, r) => s.value ? (u(), b("aside", xa, [
-      p(yt, {
-        "child-index": 1,
-        modal: s.value
-      }, null, 8, ["modal"])
-    ])) : T("", !0);
-  }
-}), ka = /* @__PURE__ */ g({
+const Pa = /* @__PURE__ */ h({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (u(), h(o(Ts), null, {
-      default: f(() => [
-        (u(!0), b(D, null, F(s.$ui.toasts, (r) => (u(), h(W(r.component), H({
+    return (s, e) => (i(), f(l(Bs), null, {
+      default: m(() => [
+        (i(!0), y(D, null, U(s.$ui.toasts, (r) => (i(), f(Y(r.component), V({
           id: r.id,
-          key: r.id,
-          ref_for: !0
-        }, r.properties), null, 16, ["id"]))), 128)),
-        p(o(Ms), { 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(Fs), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
   }
-}), Sa = /* @__PURE__ */ g({
+}), Da = /* @__PURE__ */ h({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (u(), b(D, null, [
-      p(Ca),
-      p(ka)
+    return (s, e) => (i(), y(D, null, [
+      d(l(vs), { nested: "" }),
+      d(Pa)
     ], 64));
   }
-}), Ta = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ll = /* @__PURE__ */ g({
+}), ja = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ql = /* @__PURE__ */ h({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (u(), b("div", Ta, [
+    return (s, e) => (i(), y("div", ja, [
       s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
-        (u(), h(W(s.$ui.requireComponent("startup-crash"))))
+        (i(), f(Y(s.$ui.requireComponent("startup-crash"))))
       ]) : w(s.$slots, "default", { key: 1 }),
-      p(Sa)
+      d(Da)
     ]));
   }
-}), Ma = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Ha = /* @__PURE__ */ g({
+}), Ba = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Fa = /* @__PURE__ */ h({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = G("$textAreaRef"), e = V(
+    const s = ee("$textAreaRef"), e = I(
       "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 it(e, () => {
-      var i;
-      return (i = s.value) == null ? void 0 : i.focus();
-    }), (i, l) => (u(), b("textarea", {
-      id: o(e).id,
+    return pt(e, () => {
+      var u;
+      return (u = s.value) == null ? void 0 : u.focus();
+    }), (u, o) => (i(), y("textarea", {
+      id: l(e).id,
       ref: "$textAreaRef",
       name: r.value,
       value: n.value,
-      required: o(e).required ?? void 0,
-      "aria-invalid": o(e).errors ? "true" : "false",
-      "aria-describedby": o(e).errors ? `${o(e).id}-error` : o(e).description ? `${o(e).id}-description` : void 0,
+      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: a
-    }, null, 40, Ma));
+    }, null, 40, Ba));
   }
-}), Ea = { class: "group" }, Va = { 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" }, La = { class: "pt-2 pl-4" }, Il = /* @__PURE__ */ g({
+}), Ua = { class: "group" }, Oa = { 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" }, Na = { class: "pt-2 pl-4" }, Jl = /* @__PURE__ */ h({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (u(), b("details", Ea, [
-      y("summary", Va, [
-        p(o($t), { class: "size-6 transition-transform group-open:rotate-90" }),
-        y("span", null, x(s.$td("ui.advancedOptions", "Advanced options")), 1)
+    return (s, e) => (i(), y("details", Ua, [
+      b("summary", Oa, [
+        d(l(Et), { class: "size-6 transition-transform group-open:rotate-90" }),
+        b("span", null, C(s.$td("ui.advancedOptions", "Advanced options")), 1)
       ]),
-      y("div", La, [
+      b("div", Na, [
         w(s.$slots, "default")
       ])
     ]));
   }
-}), Ia = { class: "flex h-6 items-center" }, ql = /* @__PURE__ */ g({
+}), Wa = { class: "flex h-6 items-center" }, Zl = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3183,53 +3150,53 @@ const xa = { key: 0 }, Ca = /* @__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 = ee("$inputRef"), [r, n] = Ae(), a = c(() => H("relative flex items-start", n.value)), u = c(() => {
+      var p, g;
+      return H(
         "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-red-400 border-2 focus:ring-red-600": (v = e.value) == null ? void 0 : v.errors
+          "border-gray-300 focus:ring-primary-600": !((p = e.value) != null && p.errors),
+          "border-red-400 border-2 focus:ring-red-600": (g = e.value) == null ? void 0 : g.errors
         },
         t.inputClass
       );
-    }), l = c(() => M("ml-2 text-sm leading-6", t.labelClass));
-    return (d, v) => (u(), h(ze, H({
+    }), o = c(() => H("ml-2 text-sm leading-6", t.labelClass));
+    return (p, g) => (i(), f(je, V({
       ref: "$inputRef",
       class: a.value
     }, s, {
-      "onUpdate:modelValue": v[0] || (v[0] = ($) => d.$emit("update:modelValue", $))
+      "onUpdate:modelValue": g[0] || (g[0] = ($) => p.$emit("update:modelValue", $))
     }), {
-      default: f(() => [
-        y("div", Ia, [
-          p(_t, H(o(r), {
+      default: m(() => [
+        b("div", Wa, [
+          d(Lt, V(l(r), {
             type: "checkbox",
-            class: i.value
+            class: u.value
           }), null, 16, ["class"])
         ]),
-        d.$slots.default ? (u(), b("div", {
+        p.$slots.default ? (i(), y("div", {
           key: 0,
-          class: k(l.value)
+          class: x(o.value)
         }, [
-          p(fe, { class: "text-gray-900" }, {
-            default: f(() => [
-              w(d.$slots, "default")
+          d(be, { class: "text-gray-900" }, {
+            default: m(() => [
+              w(p.$slots, "default")
             ]),
             _: 3
           }),
-          p(he, { class: "text-red-600" })
-        ], 2)) : d.label ? (u(), b("div", {
+          d(ye, { class: "text-red-600" })
+        ], 2)) : p.label ? (i(), y("div", {
           key: 1,
-          class: k(l.value)
+          class: x(o.value)
         }, [
-          p(fe, { class: "text-gray-900" }),
-          p(he, { class: "text-red-600" })
-        ], 2)) : T("", !0)
+          d(be, { class: "text-gray-900" }),
+          d(ye, { class: "text-red-600" })
+        ], 2)) : M("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), qa = /* @__PURE__ */ g({
+}), Ka = /* @__PURE__ */ h({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3238,40 +3205,40 @@ const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
   },
   emits: ["select"],
   setup(t) {
-    const s = N(t, ["class"]), e = c(() => M(
+    const s = K(t, ["class"]), e = c(() => H(
       "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(o(Hs), H({ class: e.value }, s, {
+    return (r, n) => (i(), f(l(Us), V({ class: e.value }, s, {
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
-      default: f(() => [
+      default: m(() => [
         w(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), za = /* @__PURE__ */ g({
+}), Qa = /* @__PURE__ */ h({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = V(
+    const s = I(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (u(), h(o(Es), {
+    return (e, r) => (i(), f(l(Os), {
       class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
-      align: o(s).align,
-      side: o(s).side
+      align: l(s).align,
+      side: l(s).side
     }, {
-      default: f(() => [
+      default: m(() => [
         w(e.$slots, "default", {}, () => [
-          (u(!0), b(D, null, F(o(s).options, (n, a) => (u(), h(qa, H(
+          (i(!0), y(D, null, U(l(s).options, (n, a) => (i(), f(Ka, V(
             {
               key: a,
-              as: n.route || n.href ? at : 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,
@@ -3279,14 +3246,14 @@ const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
               routeQuery: n.routeQuery
             } : {},
             {
-              onSelect: (i) => {
-                var l;
-                return (l = n.click) == null ? void 0 : l.call(n);
+              onSelect: (u) => {
+                var o;
+                return (o = n.click) == null ? void 0 : o.call(n);
               }
             }
           ), {
-            default: f(() => [
-              I(x(n.label), 1)
+            default: m(() => [
+              L(C(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3295,7 +3262,7 @@ const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), zl = /* @__PURE__ */ g({
+}), Xl = /* @__PURE__ */ h({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3311,18 +3278,18 @@ const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return le("dropdown-menu", e), s(e), (r, n) => (u(), h(o(Vs), null, {
-      default: f(() => [
-        p(o(Ls), null, {
-          default: f(() => [
+    return de("dropdown-menu", e), s(e), (r, n) => (i(), f(l(Ns), null, {
+      default: m(() => [
+        d(l(Ws), null, {
+          default: m(() => [
             w(r.$slots, "default")
           ]),
           _: 3
         }),
-        p(o(Is), null, {
-          default: f(() => [
+        d(l(Ks), null, {
+          default: m(() => [
             w(r.$slots, "options", {}, () => [
-              p(za)
+              d(Qa)
             ])
           ]),
           _: 3
@@ -3331,7 +3298,7 @@ const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), Ra = ["aria-hidden"], Pa = ["tabindex", "aria-label", "type"], Rl = /* @__PURE__ */ g({
+}), Ja = ["aria-hidden"], Za = ["tabindex", "aria-label", "type"], Gl = /* @__PURE__ */ h({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3344,106 +3311,106 @@ const xa = { key: 0 }, Ca = /* @__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)), l = 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));
-    function v() {
+    const e = s, r = ee("$inputRef"), n = N(null), a = N(t.text), u = c(() => H("inline whitespace-pre", t.contentClass)), o = c(() => H("invisible whitespace-pre", t.contentClass)), p = c(() => H("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    function g() {
       n.value = t.text;
     }
     function $() {
       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), (v, S) => (i(), y("div", {
+      class: x(["relative", { "pointer-events-none!": v.disabled && !n.value }])
     }, [
-      n.value ? (u(), b("span", {
+      n.value ? (i(), y("span", {
         key: 1,
-        class: k(l.value)
-      }, x(a.value), 3)) : (u(), b("div", {
+        class: x(o.value)
+      }, C(a.value), 3)) : (i(), y("div", {
         key: 0,
-        class: k(i.value)
+        class: x(u.value)
       }, [
-        w(m.$slots, "default")
+        w(v.$slots, "default")
       ], 2)),
-      m.type === "number" ? (u(), b("span", {
+      v.type === "number" ? (i(), y("span", {
         key: 2,
-        class: k(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
-      }, null, 2)) : T("", !0),
-      y("form", {
+        class: x(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
+      }, null, 2)) : M("", !0),
+      b("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": v.formAriaHidden,
+        onSubmit: S[4] || (S[4] = st((q) => {
+          var pe;
+          return (pe = r.value) == null ? void 0 : pe.blur();
         }, ["prevent"]))
       }, [
-        Ke(y("input", {
+        rt(b("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": S[0] || (S[0] = (q) => a.value = q),
+          tabindex: v.tabindex ?? void 0,
+          "aria-label": v.ariaLabel ?? void 0,
+          type: v.type,
+          class: x([
+            p.value,
+            { "opacity-0": !n.value, "appearance-textfield": !n.value && v.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, Pa), [
-          [Pt, a.value]
+          onKeyup: S[1] || (S[1] = (q) => v.$emit("update", a.value)),
+          onFocus: S[2] || (S[2] = (q) => g()),
+          onBlur: S[3] || (S[3] = (q) => $())
+        }, null, 42, Za), [
+          [Qt, a.value]
         ])
-      ], 40, Ra)
+      ], 40, Ja)
     ], 2));
   }
-}), Aa = {
+}), Xa = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function Da(t, s) {
-  return u(), b("svg", Aa, s[0] || (s[0] = [
-    y("path", {
+function Ga(t, s) {
+  return i(), y("svg", Xa, s[0] || (s[0] = [
+    b("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 ja = E({ name: "ion-warning", render: Da }), Ba = {
+const Ya = E({ name: "ion-warning", render: Ga }), el = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Fa(t, s) {
-  return u(), b("svg", Ba, s[0] || (s[0] = [
-    y("path", {
+function tl(t, s) {
+  return i(), y("svg", el, s[0] || (s[0] = [
+    b("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 Ua = E({ name: "zondicons-view-show", render: Fa }), Oa = { class: "font-medium" }, Na = ["datetime"], Wa = /* @__PURE__ */ g({
+const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-medium" }, nl = ["datetime"], al = /* @__PURE__ */ h({
   __name: "ErrorLogsModal",
   setup(t) {
-    return (s, e) => (u(), h(se, {
+    return (s, e) => (i(), f(re, {
       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", {
+      default: m(() => [
+        b("ol", null, [
+          (i(!0), y(D, null, U(s.$errors.logs, (r, n) => (i(), y("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", Oa, x(r.report.title), 1),
-              y("time", {
+            b("div", null, [
+              b("h3", rl, C(r.report.title), 1),
+              b("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, x(r.date.toLocaleTimeString()), 9, Na),
-              p(P, {
+              }, C(r.date.toLocaleTimeString()), 9, nl),
+              d(z, {
                 class: "text-sm text-gray-500",
-                text: r.report.description ?? o(bt)(r.report)
+                text: r.report.description ?? l(Ht)(r.report)
               }, null, 8, ["text"])
             ]),
-            p(q, {
+            d(R, {
               size: "icon",
               variant: "ghost",
               "aria-label": s.$td("errors.viewDetails", "View details"),
@@ -3451,11 +3418,11 @@ const Ua = E({ name: "zondicons-view-show", render: Fa }), Oa = { 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(o(Ua), {
+              default: m(() => [
+                d(l(sl), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3468,36 +3435,36 @@ const Ua = E({ name: "zondicons-view-show", render: Fa }), Oa = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), Pl = /* @__PURE__ */ g({
+}), Yl = /* @__PURE__ */ h({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (u(), h(q, {
+    return (s, e) => s.$errors.logs.length > 0 ? (i(), f(R, {
       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(Wa))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(al))
     }, {
-      default: f(() => [
-        p(o(ja), { class: "size-6 text-red-500" })
+      default: m(() => [
+        d(l(Ya), { class: "size-6 text-red-500" })
       ]),
       _: 1
-    }, 8, ["title", "aria-label"])) : T("", !0);
+    }, 8, ["title", "aria-label"])) : M("", !0);
   }
-}), Al = /* @__PURE__ */ g({
+}), ei = /* @__PURE__ */ h({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = c(() => bt(t.error));
-    return (e, r) => (u(), h(P, {
+    const s = c(() => Ht(t.error));
+    return (e, r) => (i(), f(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), Dl = /* @__PURE__ */ g({
+}), ti = /* @__PURE__ */ h({
   __name: "Link",
   props: {
     class: {},
@@ -3512,30 +3479,30 @@ const Ua = E({ name: "zondicons-view-show", render: Fa }), Oa = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(q, H({ variant: "link" }, s.$props), {
-      default: f(() => [
+    return (s, e) => (i(), f(R, V({ variant: "link" }, s.$props), {
+      default: m(() => [
         w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), jl = /* @__PURE__ */ g({
+}), si = /* @__PURE__ */ h({
   __name: "SettingsModal",
   setup(t) {
-    const s = c(() => Jt(A.settings, "priority", "desc"));
-    return (e, r) => (u(), h(se, {
+    const s = c(() => as(A.settings, "priority", "desc"));
+    return (e, r) => (i(), f(re, {
       title: e.$td("settings.title", "Settings")
     }, {
-      default: f(() => [
-        (u(!0), b(D, null, F(s.value, (n, a) => (u(), h(W(n.component), { key: a }))), 128))
+      default: m(() => [
+        (i(!0), y(D, null, U(s.value, (n, a) => (i(), f(Y(n.component), { key: a }))), 128))
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), Ka = {
+}), ll = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, Bl = /* @__PURE__ */ g({
+}, ri = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3548,47 +3515,47 @@ const Ua = E({ name: "zondicons-view-show", render: Fa }), Oa = { 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 l, d, v;
-      return M(
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Ae(), a = c(() => H("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
+      var o, p, g;
+      return H(
         // 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": !((l = e.value) != null && l.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": !((o = e.value) != null && o.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((p = e.value) != null && p.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (g = e.value) == null ? void 0 : g.errors
         },
         t.inputClass
       );
     });
-    return (l, d) => (u(), h(ze, H({
+    return (o, p) => (i(), f(je, V({
       ref: "$inputRef",
-      label: l.label,
-      class: o(n)
+      label: o.label,
+      class: l(n)
     }, s, {
-      "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
+      "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
     }), {
-      default: f(() => {
-        var v;
+      default: m(() => {
+        var g;
         return [
-          p(fe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
-          y("div", {
-            class: k(a.value)
+          d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          b("div", {
+            class: x(a.value)
           }, [
-            p(Ha, H(o(r), { class: i.value }), null, 16, ["class"]),
-            (v = e.value) != null && v.errors ? (u(), b("div", Ka, [
-              p(o(qe), { class: "size-5 text-red-500" })
-            ])) : T("", !0)
+            d(Fa, V(l(r), { class: u.value }), null, 16, ["class"]),
+            (g = e.value) != null && g.errors ? (i(), y("div", ll, [
+              d(l(De), { class: "size-5 text-red-500" })
+            ])) : M("", !0)
           ], 2),
-          p(xt, { 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(ye, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-class Fl {
+class ni {
   constructor() {
     _(this, "status");
     _(this, "_listeners");
@@ -3596,22 +3563,22 @@ class Fl {
     _(this, "_cancelled");
     _(this, "_started");
     _(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new Zt(), this._started = new K(), this._completed = new K();
+    this.status = this.getInitialStatus(), this._listeners = new ls(), this._started = new Q(), this._completed = new Q();
   }
   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 Ye)
         return;
-      throw ee(Xt(s), (e) => {
+      throw te(is(s), (e) => {
         this._completed.reject(e);
       });
     }
   }
   async cancel() {
-    this._cancelled = new K(), await this._cancelled;
+    this._cancelled = new Q(), await this._cancelled;
   }
   serialize() {
     return this.serializeStatus(this.status);
@@ -3646,10 +3613,10 @@ class Fl {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new Ue();
+      throw this._cancelled.resolve(), new Ye();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? Yt(
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? os(
       s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
     ) : 0;
@@ -3663,147 +3630,155 @@ class Fl {
     return { ...s };
   }
 }
-async function Ul(t) {
+async function ai(t) {
   await t.start();
 }
 export {
-  Il as AdvancedOptions,
-  en as AlertModal,
+  Jl as AdvancedOptions,
+  gn as AlertModal,
   A as App,
-  Ll as AppLayout,
-  Ca as AppModals,
-  Sa as AppOverlays,
-  js as AppService,
-  ka as AppToasts,
-  q as Button,
-  cl as Cache,
-  Qs as CacheService,
-  ql as Checkbox,
-  on as ConfirmModal,
-  zl as DropdownMenu,
-  qa as DropdownMenuOption,
-  za as DropdownMenuOptions,
-  Rl as EditableContent,
-  Pl as ErrorLogs,
-  Wa as ErrorLogsModal,
-  Al as ErrorMessage,
-  Rn as ErrorReportModal,
-  Tn as ErrorReportModalButtons,
-  Mn as ErrorReportModalTitle,
-  nt as Errors,
-  ll as EventListenerPriorities,
-  R as Events,
-  As as EventsService,
-  wt as Form,
-  gr as FormController,
-  at as HeadlessButton,
-  ze as HeadlessInput,
-  xt as HeadlessInputDescription,
-  he as HeadlessInputError,
-  _t as HeadlessInputInput,
-  fe as HeadlessInputLabel,
-  Ha as HeadlessInputTextArea,
-  Nr as HeadlessModal,
-  Wr as HeadlessModalContent,
-  Kr as HeadlessModalDescription,
-  Qr as HeadlessModalOverlay,
-  Jr as HeadlessModalTitle,
-  vr as HeadlessSelect,
-  Be as HeadlessSelectLabel,
-  pt as HeadlessSelectOption,
-  mt as HeadlessSelectOptions,
-  dt as HeadlessSelectTrigger,
-  ct as HeadlessSelectValue,
-  Ir as HeadlessSwitch,
-  ba as HeadlessToast,
-  Jn as Input,
-  Fl as Job,
-  Ue as JobCancelledError,
+  Ql as AppLayout,
+  Da as AppOverlays,
+  er as AppService,
+  Pa as AppToasts,
+  R as Button,
+  Rl as Cache,
+  $r as CacheService,
+  Zl as Checkbox,
+  Cn as ConfirmModal,
+  Xl as DropdownMenu,
+  Ka as DropdownMenuOption,
+  Qa as DropdownMenuOptions,
+  Gl as EditableContent,
+  Yl as ErrorLogs,
+  al as ErrorLogsModal,
+  ei as ErrorMessage,
+  Xn as ErrorReportModal,
+  Fn as ErrorReportModalButtons,
+  Un as ErrorReportModalTitle,
+  yt as Errors,
+  wl as EventListenerPriorities,
+  F as Events,
+  Gs as EventsService,
+  Vt as Form,
+  cr as FormController,
+  $t as HeadlessButton,
+  je as HeadlessInput,
+  Rt as HeadlessInputDescription,
+  ye as HeadlessInputError,
+  Lt as HeadlessInputInput,
+  be as HeadlessInputLabel,
+  Fa as HeadlessInputTextArea,
+  ln as HeadlessModal,
+  on as HeadlessModalContent,
+  un as HeadlessModalDescription,
+  cn as HeadlessModalOverlay,
+  dn as HeadlessModalTitle,
+  Lr as HeadlessSelect,
+  Xe as HeadlessSelectLabel,
+  Ct as HeadlessSelectOption,
+  xt as HeadlessSelectOptions,
+  _t as HeadlessSelectTrigger,
+  wt as HeadlessSelectValue,
+  Qr as HeadlessSwitch,
+  Ra as HeadlessToast,
+  ca as Input,
+  ni as Job,
+  Ye as JobCancelledError,
   Z as Lang,
-  me as Layouts,
-  Dl as Link,
-  On as LoadingModal,
-  tt as MOBILE_BREAKPOINT,
-  P as Markdown,
-  se as Modal,
-  yt as ModalContext,
-  Fn as ProgressBar,
-  Gn as PromptModal,
-  $r as Select,
-  ft as SelectLabel,
-  Fe as SelectOption,
-  ht as SelectOptions,
-  gt as SelectTrigger,
-  we as Service,
-  Te as ServiceBootError,
-  Vr as Setting,
-  jl as SettingsModal,
-  ga as StartupCrash,
-  et as Storage,
-  qr as Switch,
-  Bl as TextArea,
-  ya as Toast,
-  z as UI,
-  Gs as UIService,
-  fl as __valueType,
-  qs as appNamespace,
-  wl as booleanInput,
-  $e as bootServices,
-  Vl as bootstrap,
-  _a as bootstrapApplication,
-  M as classes,
-  vl as computedAsync,
-  bl as computedDebounce,
-  $l as dateInput,
-  ul as defineDirective,
-  ml as defineFormValidationRule,
-  il as definePlugin,
-  ye as defineServiceState,
-  Ps as defineServiceStore,
-  ol as defineSettings,
-  Ul as dispatch,
-  _l as enumInput,
-  st as getCurrentLayout,
-  bt as getErrorMessage,
-  ir as getMarkdownRouter,
-  Rs as getPiniaStore,
-  dr as hasSelectOptionLabel,
-  Os as injectOrFail,
-  Us as injectReactive,
-  V as injectReactiveOrFail,
-  Bs as installPlugins,
-  Ml as numberInput,
-  Hl as objectInput,
-  hl as onCleanMounted,
-  it as onFormFocus,
-  gl as persistent,
-  yl as registerErrorHandler,
-  ur as renderMarkdown,
-  Ge as renderVNode,
-  dl as replaceExisting,
-  xl as requiredBooleanInput,
-  Cl as requiredDateInput,
-  kl as requiredEnumInput,
-  Sl as requiredNumberInput,
-  Tl as requiredObjectInput,
-  Zn as requiredStringInput,
-  zs as resetPiniaStore,
-  cr as safeHtml,
-  pl as setMarkdownRouter,
-  El as stringInput,
-  rt as translate,
-  S as translateWithDefault,
-  Gr as useAlertModal,
-  tn as useConfirmModal,
-  Hn as useErrorReportModal,
-  ot as useEvent,
-  ut as useForm,
-  Ie as useInputAttrs,
-  Un as useLoadingModal,
-  Xn as usePromptModal,
-  hr as validate,
-  fr as validateType,
-  de as validators,
-  lt as variantClasses
+  ve as Layouts,
+  ti as Link,
+  aa as LoadingModal,
+  gt as MOBILE_BREAKPOINT,
+  z as Markdown,
+  re as Modal,
+  oi as ModalComponent,
+  ui as ModalsPortal,
+  ra as ProgressBar,
+  fa as PromptModal,
+  qr as Select,
+  kt as SelectLabel,
+  Ge as SelectOption,
+  St as SelectOptions,
+  Tt as SelectTrigger,
+  xe as Service,
+  Ee as ServiceBootError,
+  Wr as Setting,
+  si as SettingsModal,
+  Ea as StartupCrash,
+  ht as Storage,
+  Jr as Switch,
+  ri as TextArea,
+  za as Toast,
+  P as UI,
+  kr as UIService,
+  Tl as __valueType,
+  br as aerogelDirectives,
+  Qs as appNamespace,
+  ql as booleanInput,
+  ke as bootServices,
+  Kl as bootstrap,
+  Aa as bootstrapApplication,
+  H as classes,
+  ci as closeModal,
+  Vl as computedAsync,
+  El as computedDebounce,
+  di as createModal,
+  Al as dateInput,
+  xl as defineDirective,
+  Sl as defineFormValidationRule,
+  Cl as definePlugin,
+  Ce as defineServiceState,
+  Xs as defineServiceStore,
+  _l as defineSettings,
+  ai as dispatch,
+  Pl as enumInput,
+  vt as getCurrentLayout,
+  Ht as getErrorMessage,
+  hr as getMarkdownRouter,
+  Zs as getPiniaStore,
+  Er as hasSelectOptionLabel,
+  pi as injectModal,
+  nr as injectOrFail,
+  rr as injectReactive,
+  I as injectReactiveOrFail,
+  tr as installPlugins,
+  mi as modals,
+  Ol as numberInput,
+  Nl as objectInput,
+  Ml as onCleanMounted,
+  pt as onFormFocus,
+  Hl as persistent,
+  dr as reactiveSet,
+  Il as registerErrorHandler,
+  gr as renderMarkdown,
+  ct as renderVNode,
+  zl as replaceExisting,
+  Dl as requiredBooleanInput,
+  jl as requiredDateInput,
+  Bl as requiredEnumInput,
+  Fl as requiredNumberInput,
+  Ul as requiredObjectInput,
+  da as requiredStringInput,
+  Js as resetPiniaStore,
+  ft as safeHtml,
+  Ll as setMarkdownRouter,
+  fi as showModal,
+  Wl as stringInput,
+  bt as translate,
+  k as translateWithDefault,
+  hn as useAlertModal,
+  vn as useConfirmModal,
+  On as useErrorReportModal,
+  kl as useEvent,
+  mt as useForm,
+  Ae as useInputAttrs,
+  na as useLoadingModal,
+  Pe as useModal,
+  pa as usePromptModal,
+  ur as validate,
+  or as validateType,
+  he as validators,
+  dt as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map