@aerogel/core 0.1.1-next.1a964fb10cbea49d0eed8de0623c9b71ce8442f4 → 0.1.1-next.1d7c8c18816e65c5c2c583364135435a9eb414fa

package/dist/aerogel-core.js

@@ -1,42 +1,44 @@
-var St = Object.defineProperty;
-var Tt = (t, s, e) => s in t ? St(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var _ = (t, s, e) => Tt(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as E, Comment as Mt, Text as Ht, Static as Et, inject as X, reactive as pe, unref as l, onUnmounted as ge, ref as U, computed as c, readonly as ve, nextTick as Oe, useAttrs as Ne, onMounted as Vt, watch as Me, toRaw as Lt, customRef as It, watchEffect as Y, defineComponent as g, createBlock as h, openBlock as u, mergeProps as H, withCtx as f, renderSlot as w, createPropsRestProxy as W, 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 K, useSlots as He, createCommentVNode as T, createElementVNode as y, h as qt, toRef as Re, useTemplateRef as G, withModifiers as We, withDirectives as Ke, vModelCheckbox as zt, normalizeStyle as Rt, resolveComponent as At, createApp as Pt, vModelText as Dt } from "vue";
-import { JSError as be, stringToSlug as jt, tap as ee, MagicObject as Qe, PromisedValue as Q, Storage as O, objectOnly as oe, arrayFrom as Je, isEmpty as xe, objectDeepClone as Bt, fail as N, facade as te, arrayRemove as Se, getEnv as Ft, updateLocationQueryParameters as Ut, forever as Ot, toString as B, objectWithout as Nt, noop as Wt, debounce as Kt, stringMatchAll as Ze, isDevelopment as J, isTesting as Ee, after as ue, uuid as re, required as Qt, isObject as ce, objectWithoutEmpty as Xe, value as Jt, isInstanceOf as Ae, stringExcerpt as Zt, arraySorted as Xt, ListenersManager as Yt, toError as Gt, round as es } 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 we, ref as N, computed as c, readonly as $e, 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 $, createPropsRestProxy as K, createVNode as d, normalizeProps as ue, guardReactiveProps as ce, createTextVNode as L, toDisplayString as x, normalizeClass as C, 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 ts, setActivePinia as ss, defineStore as rs } from "pinia";
-import ns from "dompurify";
-import { marked as as, Renderer as Pe } from "marked";
-import ls from "clsx";
-import { cva as os } from "class-variance-authority";
-import { twMerge as is } from "tailwind-merge";
-import { Primitive as us, SelectValue as De, SelectTrigger as cs, SelectIcon as ds, SelectItem as ps, SelectItemText as ms, SelectPortal as fs, SelectContent as hs, SelectViewport as gs, SelectRoot as vs, Label as bs, useForwardExpose as Ve, SwitchRoot as ys, SwitchThumb as ws, DialogRoot as $s, DialogPortal as _s, DialogContent as xs, DialogDescription as Cs, DialogOverlay as ks, DialogTitle as Ss, ToastClose as Ts, ToastRoot as Ms, ToastProvider as Hs, ToastViewport as Es, DropdownMenuItem as Vs, DropdownMenuContent as Ls, DropdownMenuRoot as Is, DropdownMenuTrigger as qs, DropdownMenuPortal as zs } 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 ws } from "tailwind-merge";
+import { Primitive as $s, SelectValue as Qe, SelectTrigger as _s, SelectIcon as xs, SelectItem as Cs, 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 Rs() {
-  return j.namespace ?? jt(j.name);
+function Qs() {
+  return j.namespace ?? Jt(j.name);
 }
-let Le = null;
-function Ye() {
-  return Le ?? As();
+let qe = null;
+function ut() {
+  return qe ?? Js();
 }
-function As() {
-  return ee(ts(), (t) => {
-    Le = t, ss(t);
+function Js() {
+  return te(us(), (t) => {
+    qe = t, cs(t);
   });
 }
-function Ps() {
-  return Le ?? Ye();
+function Zs() {
+  return qe ?? ut();
 }
-function Ds(t, s) {
-  return Ye(), rs(t, s)();
+function Xs(t, s) {
+  return ut(), ds(t, s)();
 }
-function ye(t) {
+function xe(t) {
   var s;
-  return s = class extends we {
+  return s = class extends Ce {
     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 Ce = (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 Q(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Ds(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 `${Rs()}:${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(Bt(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 : N(`Failed getting '${this._name}' store`);
+    return this._store ? this._store : W(`Failed getting '${this._name}' store`);
   }
-}, _(ke, "persist", []), ke);
-const il = {
+}, _(He, "persist", []), He);
+const $l = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class js extends we {
+class Gs extends Ce {
   constructor() {
     super(...arguments);
     _(this, "listeners", {});
@@ -208,55 +210,55 @@ class js extends we {
   async emit(e, r) {
     var a;
     const n = this.listeners[e] ?? { priorities: [], handlers: {} };
-    for (const i of n.priorities)
-      await Promise.all(((a = n.handlers[i]) == null ? void 0 : a.map((o) => o(r))) ?? []);
+    for (const u of n.priorities)
+      await Promise.all(((a = n.handlers[u]) == null ? void 0 : a.map((o) => o(r))) ?? []);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   on(e, r, n) {
-    const a = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, i = typeof r == "function" ? r : n;
-    return this.registerListener(e, a, i), () => this.off(e, i);
+    const a = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, u = typeof r == "function" ? r : n;
+    return this.registerListener(e, a, u), () => this.off(e, u);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   once(e, r, n) {
     let a = null;
-    const i = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
-    return ee(
+    const u = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
+    return te(
       () => a && this.off(e, a),
-      (d) => {
-        a = (...v) => (d(), o(...v)), this.registerListener(e, i, o);
+      (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 o of a)
-      Se(n.handlers[o] ?? [], r), ((i = n.handlers[o]) == null ? void 0 : i.length) === 0 && (delete n.handlers[o], Se(n.priorities, o));
+      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, w;
     const a = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const i = ((d = this.listeners[e]) == null ? void 0 : d.priorities) ?? N(`priorities missing for event '${e}'`), o = ((v = this.listeners[e]) == null ? void 0 : v.handlers) ?? N(`handlers missing for event '${e}'`);
-    i.includes(a) || (i.push(a), i.sort((m, C) => C - m), o[a] = []), ($ = o[a]) == null || $.push(n);
+    const u = ((p = this.listeners[e]) == null ? void 0 : p.priorities) ?? W(`priorities missing for event '${e}'`), o = ((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] = []), (w = o[a]) == null || w.push(n);
   }
 }
-const R = te(js);
-function ul(t) {
+const F = se(Gs);
+function _l(t) {
   return t;
 }
-const Bs = ye({
+const Ys = xe({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: Ft() ?? "development",
+    environment: Xt() ?? "development",
     version: j.version,
     sourceUrl: j.sourceUrl,
     settings: []
@@ -273,7 +275,7 @@ const Bs = ye({
     }
   }
 });
-class Fs extends Bs {
+class er extends Ys {
   constructor() {
     super(...arguments);
     _(this, "name", j.name);
@@ -293,7 +295,7 @@ class Fs extends Bs {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Ut(e), location.reload(), await Ot();
+    e && Gt(e), location.reload(), await Yt();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -303,15 +305,15 @@ class Fs extends Bs {
     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 P = te(Fs);
-function cl(t) {
+const A = se(er);
+function xl(t) {
   return t;
 }
-async function Us(t, ...s) {
-  P.setState(
+async function tr(t, ...s) {
+  A.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -319,55 +321,55 @@ async function Us(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function Os(t) {
+function sr(t) {
   return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
 }
-function dl(t) {
+function Cl(t) {
   return t;
 }
-function Ns(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 Ns(t) ?? N(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 Ws(t, s) {
-  return X(t) ?? N(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 === Mt ? "" : t.type === Ht || t.type === Et ? 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} ${Os(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(), Ks = {
+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 et(t, s) {
-  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, i = os(n, a);
-  return M(i(r), l(e));
+function dt(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = ys(n, a);
+  return H(u(r), l(e));
 }
-function M(...t) {
-  return is(ls(t));
+function H(...t) {
+  return ws(bs(t));
 }
-function tt(t, s) {
-  const e = R.on(t, s);
-  ge(() => e());
+function kl(t, s) {
+  const e = F.on(t, s);
+  we(() => e());
 }
-const Qs = {
+const lr = {
   required: (t) => t ? void 0 : "required"
 };
-function Js(t, s) {
+function ir(t, s) {
   var e;
   if (t == null)
     return !0;
@@ -386,20 +388,20 @@ function Js(t, s) {
       return typeof t == "object";
   }
 }
-const de = { ...Qs };
-function pl(t, s) {
-  de[t] = s;
+const he = { ...lr };
+function Sl(t, s) {
+  he[t] = s;
 }
-function Zs(t, s) {
-  return Js(t, s) ? [] : ["invalid_value"];
+function or(t, s) {
+  return ir(t, s) ? [] : ["invalid_value"];
 }
-function Xs(t, s) {
+function ur(t, s) {
   var r;
-  const e = (r = de[s]) == null ? void 0 : r.call(de, t);
-  return e ? Je(e) : [];
+  const e = (r = he[s]) == null ? void 0 : r.call(he, t);
+  return e ? at(e) : [];
 }
-const ml = Symbol(), je = /* @__PURE__ */ new WeakMap();
-class Ys extends Qe {
+const Tl = Symbol(), Je = /* @__PURE__ */ new WeakMap();
+class cr extends nt {
   constructor(e) {
     super();
     _(this, "errors");
@@ -408,20 +410,20 @@ class Ys extends Qe {
     _(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._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 = ve(this._errors);
+    ), this.errors = $e(this._errors);
   }
   get valid() {
     var e;
-    return !!((e = je.get(this)) != null && e.value);
+    return !!((e = Je.get(this)) != null && e.value);
   }
   get submitted() {
     return this._submitted.value;
   }
   setFieldValue(e, r) {
-    const n = this._fields[e] ?? N(`Trying to set undefined '${B(e)}' field`);
+    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) {
@@ -431,6 +433,9 @@ class Ys extends Qe {
     var r, n;
     return ((n = (r = this._fields[e]) == null ? void 0 : r.rules) == null ? void 0 : n.split("|")) ?? [];
   }
+  setFieldErrors(e, r) {
+    this._errors[e] = r;
+  }
   getFieldType(e) {
     var r;
     return ((r = this._fields[e]) == null ? void 0 : r.type) ?? null;
@@ -459,11 +464,11 @@ class Ys extends Qe {
     return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(r), () => this.off(e, r);
   }
   off(e, r) {
-    Se(this._listeners[e] ?? [], r);
+    Ve(this._listeners[e] ?? [], r);
   }
   async focus(e) {
     var r;
-    await Oe(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
+    await jt(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
   }
   __get(e) {
     return e in this._fields ? this.getFieldValue(e) : super.__get(e);
@@ -477,23 +482,23 @@ class Ys extends Qe {
   }
   getFieldErrors(e, r) {
     var o;
-    const n = [], a = this._data[e], i = ((o = r.rules) == null ? void 0 : o.split("|")) ?? [];
-    n.push(...Zs(a, r));
-    for (const d of i)
-      d !== "required" && a == null || n.push(...Xs(a, d));
+    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, i]) => (n[a] = i.default ?? null, n), {});
-    return pe(r);
+    const r = Object.entries(e).reduce((n, [a, u]) => (n[a] = u.default ?? null, n), {});
+    return ge(r);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return pe(r);
+    return ge(r);
   }
   resetData() {
     for (const [e, r] of Object.entries(this._fields))
@@ -503,30 +508,30 @@ class Ys extends Qe {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function st(t, s) {
+function pt(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());
+  we(() => r == null ? void 0 : r());
 }
-function rt(t) {
-  return new Ys(t);
+function mt(t) {
+  return new cr(t);
 }
-function Ie() {
-  const t = Ne(), s = c(() => t.class);
-  return [c(() => Nt(t, "class")), s];
+function Ae() {
+  const t = et(), s = c(() => t.class);
+  return [c(() => es(t, "class")), s];
 }
-function fl(t) {
-  let s = Wt;
-  Vt(() => s = t()), ge(() => s());
+function Ml(t) {
+  let s = ts;
+  tt(() => s = t()), we(() => s());
 }
-function hl(t, s) {
-  const e = pe(O.get(t) ?? s);
-  return Me(e, () => O.set(t, Lt(e))), e;
+function Hl(t, s) {
+  const e = ge(O.get(t) ?? s);
+  return Le(e, () => O.set(t, Bt(e))), e;
 }
-function gl(t) {
+function dr(t) {
   let s = new Set(t), e, r;
-  const n = It((a, i) => (r = a, e = i, {
+  const n = Ft((a, u) => (r = a, e = u, {
     get: () => s,
-    set: () => N("Attempted to write read-only reactive set")
+    set: () => W("Attempted to write read-only reactive set")
   }));
   return {
     values() {
@@ -549,68 +554,68 @@ function gl(t) {
     }
   };
 }
-function vl(t) {
-  const s = U(), e = c(t);
-  return Me(e, async () => s.value = await e.value, { immediate: !0 }), s;
+function Vl(t) {
+  const s = N(), e = c(t);
+  return Le(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 = Kt((i) => n.value = i, e.delay ?? 300);
-  return Y(() => a(r())), n;
+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 Gs() {
-  return ee(new Pe(), (t) => {
+function pr() {
+  return te(new Ne(), (t) => {
     t.link = function(s) {
-      const e = Pe.prototype.link.apply(this, [s]);
+      const e = Ne.prototype.link.apply(this, [s]);
       return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
     };
   });
 }
-function er(t) {
-  const s = Ze(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+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 tr(t) {
-  const s = Ze(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+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 sr() {
+function hr() {
   return ie;
 }
-function yl(t) {
+function Ll(t) {
   ie = t;
 }
-function rr(t) {
-  let s = as(t, { renderer: Gs(), async: !1 });
-  return s = nt(s), s = er(s), s = tr(s), s;
+function gr(t) {
+  let s = ms(t, { renderer: pr(), async: !1 });
+  return s = ft(s), s = mr(s), s = fr(s), s;
 }
-function nt(t) {
-  return ns.sanitize(t, { ADD_ATTR: ["target"] });
+function ft(t) {
+  return ps.sanitize(t, { ADD_ATTR: ["target"] });
 }
-const nr = {
+const vr = {
   mounted(t, { value: s }) {
-    t.innerHTML = nt(s);
+    t.innerHTML = ft(s);
   }
-}, ar = {
-  measure: Ks,
-  "safe-html": nr
-}, lr = {
+}, br = {
+  measure: ar,
+  "safe-html": vr
+}, yr = {
   install(t, s) {
     const e = {
-      ...ar,
+      ...br,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class or extends we {
+class wr extends Ce {
   constructor() {
     super(...arguments);
     _(this, "cache");
@@ -626,72 +631,79 @@ class or extends we {
     (await n.keys(e)).length !== 0 && await n.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? ee(new Q(), (e) => {
+    return this.cache = this.cache ?? te(new Q(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const wl = te(or);
-class ir extends we {
+const Rl = se(wr);
+class $r extends Ce {
   async purge() {
-    await R.emit("purge-storage");
+    await F.emit("purge-storage");
   }
 }
-const at = te(ir);
-function $l(t, s) {
+const ht = se($r);
+function zl(t, s) {
   return {
     ...t,
-    ...oe(s, Object.keys(t))
+    ...ne(s, Object.keys(t))
   };
 }
-const ur = {
-  $app: P,
-  $events: R,
-  $storage: at
+const _r = {
+  $app: A,
+  $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 cr = {
+const xr = {
   async install(t, s) {
     var r;
     const e = {
-      ...ur,
+      ..._r,
       ...s.services
     };
-    t.use(Ps()), (r = s.settings) == null || r.forEach((n) => P.addSetting(n)), await $e(t, e);
-  }
-}, lt = 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 ot() {
-  return globalThis.innerWidth > lt ? me.Desktop : me.Mobile;
+function vt() {
+  return globalThis.innerWidth > gt ? ve.Desktop : ve.Mobile;
 }
-const dr = ye({
+const Cr = xe({
   name: "ui",
   initialState: {
-    modals: [],
     toasts: [],
-    layout: ot()
+    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 pr extends dr {
+class kr extends Cr {
   constructor() {
     super(...arguments);
-    _(this, "modalCallbacks", {});
     _(this, "components", {});
   }
   registerComponent(e, r) {
@@ -701,7 +713,7 @@ class pr extends dr {
     return this.components[e] ?? null;
   }
   requireComponent(e) {
-    return this.resolveComponent(e) ?? N(`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 } : {
@@ -713,7 +725,7 @@ class pr extends dr {
   // 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)
@@ -722,31 +734,31 @@ class pr extends dr {
       title: e,
       message: r,
       required: !!(n != null && n.required)
-    }, o = await this.modalForm(this.requireComponent("confirm-modal"), i), d = typeof o == "object" ? o[0] : o ?? !1, v = typeof o == "object" ? o[1] : Object.entries(i.checkboxes ?? {}).reduce(
-      ($, [m, { default: C }]) => ({
-        [m]: C ?? !1,
-        ...$
+    }, { response: o } = await this.modal(this.requireComponent("confirm-modal"), u), p = typeof o == "object" ? o[0] : o ?? !1, g = typeof o == "object" ? o[1] : Object.entries(u.checkboxes ?? {}).reduce(
+      (w, [v, { default: S }]) => ({
+        [v]: S ?? !1,
+        ...w
       }),
       {}
     );
-    for (const [$, m] of Object.entries(i.checkboxes ?? {}))
-      if (!(!m.required || v[$]))
-        return d && J() && console.warn(`Confirmed confirm modal was suppressed because required '${$}' checkbox was missing`), [!1, v];
-    return "checkboxes" in i ? [d, v] : d;
+    for (const [w, v] of Object.entries(u.checkboxes ?? {}))
+      if (!(!v.required || g[w]))
+        return p && J() && console.warn(`Confirmed confirm modal was suppressed because required '${w}' 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 ?? {}
-    }, o = await this.modalForm(this.requireComponent("prompt-modal"), i());
+    }, { response: o } = await this.modal(this.requireComponent("prompt-modal"), u());
     return (a && typeof o == "string" ? o == null ? void 0 : o.trim() : o) ?? null;
   }
   async loading(e, r) {
-    const n = (m) => typeof m == "function" ? Promise.resolve(m()) : m, a = () => {
+    const n = (v) => typeof v == "function" ? Promise.resolve(v()) : v, a = () => {
       if (typeof e == "string")
         return {
           props: { message: e },
@@ -754,93 +766,59 @@ class pr extends dr {
         };
       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: l(m),
+        props: S,
+        delay: l(v),
         operationPromise: n(r)
       };
     };
-    let i = !1;
-    const { operationPromise: o, props: d, delay: v } = a();
-    if (v && await Promise.race([ue({ ms: v }).then(() => i = !0), o]), v && !i)
+    let u = !1;
+    const { operationPromise: o, props: p, delay: g } = a();
+    if (g && await Promise.race([le({ ms: g }).then(() => u = !0), o]), g && !u)
       return o;
-    const $ = await this.modal(this.requireComponent("loading-modal"), d);
+    const w = hs(this.requireComponent("loading-modal"), p);
+    We(w);
     try {
-      const m = await o;
-      return await ue({ ms: 500 }), m;
+      const v = await o;
+      return await le({ ms: 500 }), v;
     } finally {
-      await this.closeModal($.id);
+      await Ke(w.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)
-    }, o = this.modals.concat(i);
-    return this.modalCallbacks[i.id] = a, this.setState({ modals: o }), await Oe(), i;
-  }
-  async modalForm(e, r) {
-    return await (await this.modal(e, r)).beforeClose;
-  }
-  async closeModal(e, r) {
-    if (!P.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(Qt(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((o) => e === o.id);
-      n && (n.closing = !0), (i = (a = this.modalCallbacks[e]) == null ? void 0 : a.willClose) == null || i.call(a, r);
-    }), R.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
-      await this.removeModal(e, r);
-    });
+    this.watchMountedEvent(), this.watchViewportBreakpoints();
   }
   watchMountedEvent() {
-    R.once("application-mounted", async () => {
+    F.once("application-mounted", async () => {
       if (!globalThis.document || !globalThis.getComputedStyle)
         return;
       const e = globalThis.document.getElementById("splash");
-      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ue({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await le({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${lt}px)`).addEventListener("change", () => this.setState({ layout: ot() }));
+    globalThis.matchMedia(`(min-width: ${gt}px)`).addEventListener("change", () => this.setState({ layout: vt() }));
   }
 }
-const z = te(pr);
-class mr {
+const P = se(kr);
+class Sr {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -866,7 +844,7 @@ class mr {
     return J() && console.warn("Lang provider is missing"), e;
   }
 }
-const fr = ye({
+const Tr = xe({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -875,11 +853,11 @@ const fr = ye({
     fallbackLocale: "en"
   }
 });
-class hr extends fr {
+class Mr extends Tr {
   constructor() {
     super();
     _(this, "provider");
-    this.provider = new mr(
+    this.provider = new Sr(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -907,7 +885,7 @@ class hr extends fr {
     );
   }
 }
-const Z = te(hr), it = Z.translate.bind(Z), S = Z.translateWithDefault.bind(Z), gr = ye({
+const Z = se(Mr), bt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z), Hr = xe({
   name: "errors",
   initialState: {
     logs: [],
@@ -920,7 +898,7 @@ const Z = te(hr), it = Z.translate.bind(Z), S = Z.translateWithDefault.bind(Z),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class vr extends gr {
+class Vr extends Hr {
   constructor() {
     super(...arguments);
     _(this, "forceReporting", !1);
@@ -935,18 +913,18 @@ class vr extends gr {
   }
   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 (!P.isMounted()) {
-      const i = await this.createStartupErrorReport(e);
-      i && this.setState({ startupErrors: this.startupErrors.concat(i) });
+    if (!A.isMounted()) {
+      const u = await this.createStartupErrorReport(e);
+      u && this.setState({ startupErrors: this.startupErrors.concat(u) });
       return;
     }
     const n = await this.createErrorReport(e), a = {
@@ -954,15 +932,15 @@ class vr extends gr {
       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] })
           }
         ]
       }
@@ -980,7 +958,7 @@ class vr extends gr {
     });
   }
   async boot() {
-    Y(async () => {
+    G(async () => {
       var e;
       if (!this.debug) {
         (e = this.eruda) == null || e.destroy();
@@ -990,27 +968,27 @@ class vr extends gr {
     });
   }
   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) ? Xe({
+    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 {
@@ -1022,7 +1000,7 @@ class vr extends gr {
     };
   }
 }
-const ut = te(vr), ct = /* @__PURE__ */ g({
+const yt = se(Vr), wt = /* @__PURE__ */ h({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1039,8 +1017,8 @@ const ut = te(vr), ct = /* @__PURE__ */ g({
   },
   setup(t) {
     const s = c(() => t.as ? { as: t.as } : t.route ? {
-      as: z.resolveComponent("router-link") ?? "a",
-      to: Xe({
+      as: P.resolveComponent("router-link") ?? "a",
+      to: it({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -1053,18 +1031,18 @@ const ut = te(vr), ct = /* @__PURE__ */ g({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (u(), h(l(us), H({
+    return (e, r) => (i(), f(l($s), V({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
-      default: f(() => [
-        w(e.$slots, "default")
+      default: m(() => [
+        $(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
-}), q = /* @__PURE__ */ g({
+}), R = /* @__PURE__ */ h({
   __name: "Button",
   props: {
     class: {},
@@ -1080,7 +1058,7 @@ const ut = te(vr), ct = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = W(t, ["class", "size", "variant", "disabled"]), e = c(() => et(
+    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",
@@ -1089,6 +1067,7 @@ const ut = te(vr), ct = /* @__PURE__ */ g({
             default: "bg-primary-600 text-white focus-visible:outline-primary-600",
             secondary: "bg-background text-gray-900 ring-gray-300",
             danger: "bg-red-600 text-white focus-visible:outline-red-600",
+            warning: "bg-yellow-600 text-white focus-visible:outline-yellow-600",
             ghost: "bg-transparent",
             outline: "bg-transparent text-primary-600 ring-primary-600",
             link: "text-links"
@@ -1175,62 +1154,62 @@ const ut = te(vr), ct = /* @__PURE__ */ g({
         }
       }
     ));
-    return (r, n) => (u(), h(ct, H({
+    return (r, n) => (i(), f(wt, V({
       class: e.value,
       disabled: r.disabled
     }, s), {
-      default: f(() => [
-        w(r.$slots, "default")
+      default: m(() => [
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function br(t) {
+function Er(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-const dt = /* @__PURE__ */ g({
+const $t = /* @__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(l(De), {
+    return (e, r) => e.$slots.default ? (i(), f(l(Qe), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
-      default: f(() => [
-        w(e.$slots, "default")
+      default: m(() => [
+        $(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (u(), h(l(De), {
+    }, 8, ["placeholder"])) : (i(), f(l(Qe), {
       key: 1,
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), pt = /* @__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(l(cs), {
+    return (e, r) => (i(), f(l(_s), {
       id: l(s).id
     }, {
-      default: f(() => [
-        w(e.$slots, "default", {}, () => [
-          p(dt, {
+      default: m(() => [
+        $(e.$slots, "default", {}, () => [
+          d($t, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          p(l(ds))
+          d(l(xs))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), mt = /* @__PURE__ */ g({
+}), xt = /* @__PURE__ */ h({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1240,7 +1219,7 @@ const dt = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = V(
+    const s = I(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
     ), e = c(() => {
@@ -1248,12 +1227,12 @@ const dt = /* @__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(l(ps), ne(ae(r.$props)), {
-      default: f(() => [
-        p(l(ms), null, {
-          default: f(() => [
-            w(r.$slots, "default", {}, () => [
-              I(x(e.value), 1)
+    return (r, n) => (i(), f(l(Cs), ue(ce(r.$props)), {
+      default: m(() => [
+        d(l(ks), null, {
+          default: m(() => [
+            $(r.$slots, "default", {}, () => [
+              L(x(e.value), 1)
             ])
           ]),
           _: 3
@@ -1262,33 +1241,33 @@ const dt = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), ft = /* @__PURE__ */ g({
+}), Ct = /* @__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(l(fs), null, {
-      default: f(() => [
-        p(l(hs), {
+    ), 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),
+          class: C(e.value),
           align: l(s).align,
           side: l(s).side,
           "side-offset": 4
         }, {
-          default: f(() => [
-            p(l(gs), {
-              class: k(r.innerClass)
+          default: m(() => [
+            d(l(Ms), {
+              class: C(r.innerClass)
             }, {
-              default: f(() => [
-                w(r.$slots, "default", {}, () => [
-                  (u(!0), b(D, null, F(l(s).options ?? [], (a) => (u(), h(mt, {
+              default: m(() => [
+                $(r.$slots, "default", {}, () => [
+                  (i(!0), y(D, null, U(l(s).options ?? [], (a) => (i(), f(xt, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1303,7 +1282,7 @@ const dt = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), yr = /* @__PURE__ */ g({
+}), Lr = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1323,56 +1302,56 @@ const dt = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), i = c(() => a.value), o = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), d = c(() => t.options ? t.options.map((m) => ({
-      key: re(),
-      label: t.renderOption ? t.renderOption(m) : br(m) ? Jt(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(o),
+      errors: $e(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 w(v) {
+      g.update(v);
     }
-    return le("select", v), s(v), (m, C) => (u(), h(l(vs), {
-      "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) => w(q))
     }, {
-      default: f(({ open: L }) => [
-        (u(), h(K(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(() => [
+            $(v.$slots, "default", {
+              modelValue: v.modelValue,
+              open: q
             }, () => [
-              p(pt),
-              p(ft)
+              d(_t),
+              d(Ct)
             ])
           ]),
           _: 2
@@ -1381,50 +1360,50 @@ const dt = /* @__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(l(bs), H({
+    ), e = Re(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (i(), f(l(Vs), V({
       key: 0,
       for: l(s).id
     }, n.$props), {
-      default: f(() => [
-        w(n.$slots, "default", {}, () => [
-          I(x(l(s).label), 1)
+      default: m(() => [
+        $(n.$slots, "default", {}, () => [
+          L(x(l(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for"])) : T("", !0);
+    }, 16, ["for"])) : M("", !0);
   }
-}), ht = /* @__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: C(e.value)
     }, {
-      default: f(() => [
-        w(r.$slots, "default")
+      default: m(() => [
+        $(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (u(), h(Be, {
+    }, 8, ["class"])) : (i(), f(Xe, {
       key: 1,
-      class: k(e.value)
+      class: C(e.value)
     }, null, 8, ["class"]));
   }
-}), Fe = /* @__PURE__ */ g({
+}), Ge = /* @__PURE__ */ h({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1432,62 +1411,62 @@ const dt = /* @__PURE__ */ g({
     innerClass: {}
   },
   setup(t) {
-    const s = c(() => M("group p-1 outline-none", t.class)), e = c(() => M(
+    const s = c(() => 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(mt, {
-      class: k(s.value),
+    return (r, n) => (i(), f(xt, {
+      class: C(s.value),
       value: r.value
     }, {
-      default: f(() => [
-        y("div", {
-          class: k(e.value)
+      default: m(() => [
+        b("div", {
+          class: C(e.value)
         }, [
-          w(r.$slots, "default")
+          $(r.$slots, "default")
         ], 2)
       ]),
       _: 3
     }, 8, ["class", "value"]));
   }
-}), gt = /* @__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(ft, {
-      class: k(e.value)
+    return (r, n) => (i(), f(Ct, {
+      class: C(e.value)
     }, {
-      default: f(() => {
+      default: m(() => {
         var a;
         return [
-          (a = l(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
-            var i;
+          (a = l(s).options) != null && a.length ? $(r.$slots, "default", { key: 0 }, () => {
+            var u;
             return [
-              (u(!0), b(D, null, F(((i = l(s)) == null ? void 0 : i.options) ?? [], (o) => (u(), h(Fe, {
+              (i(!0), 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(o.label), 1)
+                default: m(() => [
+                  L(x(o.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
-          }) : w(r.$slots, "default", { key: 1 }, () => [
-            p(Fe, {
+          }) : $(r.$slots, "default", { key: 1 }, () => [
+            d(Ge, {
               disabled: "",
               value: null
             }, {
-              default: f(() => [
-                I(x(r.$td("ui.selectEmpty", "No options available")), 1)
+              default: m(() => [
+                L(x(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1497,42 +1476,42 @@ const dt = /* @__PURE__ */ g({
       _: 3
     }, 8, ["class"]));
   }
-}), wr = {
+}), Rr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function $r(t, s) {
-  return u(), b("svg", wr, 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 _r = E({ name: "zondicons-cheveron-down", render: $r }), vt = /* @__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(pt, {
-      class: k(e.value)
+    return (r, n) => (i(), f(_t, {
+      class: C(e.value)
     }, {
-      default: f(() => [
-        p(dt, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        p(l(_r), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+      default: m(() => [
+        d($t, { 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"]));
   }
-}), xr = /* @__PURE__ */ g({
+}), qr = /* @__PURE__ */ h({
   __name: "Select",
   props: {
     as: {},
@@ -1551,72 +1530,72 @@ const _r = E({ name: "zondicons-cheveron-down", render: $r }), vt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Ve();
-    return (e, r) => (u(), h(yr, H({ ref: l(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(ht),
-        w(e.$slots, "default", {}, () => [
-          p(vt),
-          p(gt)
+      default: m(() => [
+        d(kt),
+        $(e.$slots, "default", {}, () => [
+          d(Tt),
+          d(St)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), Cr = { class: "grow" }, kr = /* @__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(xr, {
+    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", Cr, [
-          p(ht, { 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(x(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
-          p(A, {
+          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: vt,
+          as: Tt,
           class: "grid w-auto outline-none"
         }),
-        p(gt)
+        d(St)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), Sr = [
+}), Dr = [
   {
     priority: 100,
-    component: kr
+    component: Pr
   }
-], Tr = { $lang: Z }, Mr = {
+], jr = { $lang: Z }, Br = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = it), t.config.globalProperties.$td = S, Sr.forEach((e) => P.addSetting(e)), await $e(t, Tr);
+    (s = t.config.globalProperties).$t ?? (s.$t = bt), t.config.globalProperties.$td = k, Dr.forEach((e) => A.addSetting(e)), await ke(t, jr);
   }
-}, Hr = /* @__PURE__ */ g({
+}, Fr = /* @__PURE__ */ h({
   __name: "Markdown",
   props: {
     as: {},
@@ -1628,38 +1607,38 @@ const _r = E({ name: "zondicons-cheveron-down", render: $r }), vt = /* @__PURE__
     actions: {}
   },
   setup(t) {
-    const s = Ne(), e = He(), r = c(() => e.default ? e.default().map(Ge).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : it(t.langKey, t.langParams ?? {})))), n = c(() => {
+    const s = 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 o = rr(r.value);
+      let o = gr(r.value);
       return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
-    }), a = () => qt(t.as ?? (t.inline ? "span" : "div"), {
+    }), 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(o) {
-      var v, $;
-      const { target: d } = o;
-      if (Ae(d, HTMLElement) && d.dataset.markdownAction) {
-        ($ = (v = t.actions) == null ? void 0 : v[d.dataset.markdownAction]) == null || $.call(v);
+    async function u(o) {
+      var g, w;
+      const { target: p } = o;
+      if (Oe(p, HTMLElement) && p.dataset.markdownAction) {
+        (w = (g = t.actions) == null ? void 0 : g[p.dataset.markdownAction]) == null || w.call(g);
         return;
       }
-      if (Ae(d, HTMLAnchorElement) && d.dataset.markdownRoute) {
-        const m = sr();
-        m && (o.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 (o, d) => (u(), h(a));
+    return (o, p) => (i(), f(a));
   }
-}), Er = (t, s) => {
+}), Ur = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [r, n] of s)
     e[r] = n;
   return e;
-}, A = /* @__PURE__ */ Er(Hr, [["__scopeId", "data-v-8b211cfb"]]), Vr = { class: "flex-grow" }, Lr = ["id"], Ir = /* @__PURE__ */ g({
+}, z = /* @__PURE__ */ Ur(Fr, [["__scopeId", "data-v-8b211cfb"]]), Or = { class: "flex-grow" }, Nr = ["id"], Wr = /* @__PURE__ */ h({
   __name: "Setting",
   props: {
     title: {},
@@ -1669,29 +1648,29 @@ const _r = E({ name: "zondicons-cheveron-down", render: $r }), vt = /* @__PURE__
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const s = c(() => M(t.class, "flex flex-col justify-center gap-1"));
-    return (e, r) => (u(), b("div", {
-      class: k(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
+    const s = c(() => H(t.class, "flex flex-col justify-center gap-1"));
+    return (e, r) => (i(), y("div", {
+      class: C(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
-      y("div", Vr, [
-        y("h3", {
+      b("div", Or, [
+        b("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, x(e.title), 9, Lr),
-        e.description ? (u(), h(A, {
+        }, x(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: C(s.value)
       }, [
-        w(e.$slots, "default")
+        $(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), qr = ["for"], zr = /* @__PURE__ */ g({
+}), Kr = ["for"], Qr = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessSwitch",
   props: {
@@ -1706,13 +1685,13 @@ const _r = E({ name: "zondicons-cheveron-down", render: $r }), vt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
-      id: `switch-${re()}`,
+    const r = e, n = 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: $e(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
@@ -1725,52 +1704,52 @@ const _r = E({ name: "zondicons-cheveron-down", render: $r }), vt = /* @__PURE__
         r("update:modelValue", o);
       }
     };
-    return s(i), Y(() => {
+    return s(u), G(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
-    }), (o, d) => (u(), b("div", {
-      class: k(t.class)
+    }), (o, p) => (i(), y("div", {
+      class: C(t.class)
     }, [
-      o.label ? (u(), b("label", {
+      o.label ? (i(), y("label", {
         key: 0,
-        for: i.id,
-        class: k(o.labelClass)
-      }, x(o.label), 11, qr)) : T("", !0),
-      p(l(ys), H({
-        id: i.id,
+        for: u.id,
+        class: C(o.labelClass)
+      }, x(o.label), 11, Kr)) : M("", !0),
+      d(l(Es), V({
+        id: u.id,
         name: o.name,
-        "model-value": i.value.value
+        "model-value": u.value.value
       }, o.$attrs, {
         class: o.inputClass,
-        "onUpdate:modelValue": d[0] || (d[0] = (v) => o.$emit("update:modelValue", v))
+        "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
       }), {
-        default: f(() => [
-          p(l(ws), {
-            class: k(o.thumbClass)
+        default: m(() => [
+          d(l(Ls), {
+            class: C(o.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 16, ["id", "name", "model-value", "class"])
     ], 2));
   }
-}), Rr = /* @__PURE__ */ g({
+}), Jr = /* @__PURE__ */ h({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (u(), h(zr, {
+    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"
     }));
   }
-}), Ar = /* @__PURE__ */ g({
+}), Zr = /* @__PURE__ */ h({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (u(), h(Ir, {
+    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(Rr, {
+      default: m(() => [
+        d(Jr, {
           modelValue: s.$errors.debug,
           "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
           "aria-labelledby": "debug-setting"
@@ -1779,55 +1758,55 @@ const _r = E({ name: "zondicons-cheveron-down", render: $r }), vt = /* @__PURE__
       _: 1
     }, 8, ["title", "description"]));
   }
-}), Pr = [
+}), Xr = [
   {
     priority: 10,
-    component: Ar
+    component: Zr
   }
-], bt = [];
-function _l(t) {
-  bt.push(t);
+], Mt = [];
+function Il(t) {
+  Mt.push(t);
 }
-function yt(t) {
-  for (const s of bt) {
+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 Dr = { $errors: ut }, jr = (t) => (ut.report(t), !0);
-function Br(t, s = () => !1) {
-  const e = (r) => s(r) || jr(r);
-  t.config.errorHandler = e, globalThis.onerror = (r, n, a, i, o) => e(o ?? 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 Fr = {
+const tn = {
   async install(t, s) {
-    Br(t, s.handleError), Pr.forEach((e) => P.addSetting(e)), await $e(t, Dr);
+    en(t, s.handleError), Xr.forEach((e) => A.addSetting(e)), await ke(t, Gr);
   }
-}, Ur = {
+}, sn = {
   async install() {
-    Ee() && (globalThis.testingRuntime = {
-      on: (...t) => R.on(...t),
-      service: (t) => P.service(t)
+    ze() && (globalThis.testingRuntime = {
+      on: (...t) => F.on(...t),
+      service: (t) => A.service(t)
     });
   }
-}, Or = {
+}, rn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Nr(t, s) {
-  return u(), b("svg", Or, 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 Wr = E({ name: "zondicons-close", render: Nr }), Kr = /* @__PURE__ */ g({
+const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
@@ -1837,27 +1816,18 @@ const Wr = E({ name: "zondicons-close", render: Nr }), Kr = /* @__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), tt("close-modal", async ({ id: o, result: d }) => {
-      o === r.id && await i(d);
-    });
-    async function i(o) {
-      a.value || (await R.emit("modal-will-close", { modal: r, result: o }), a.value = !0, await R.emit("modal-has-closed", { modal: r, result: o }));
-    }
-    return (o, d) => (u(), h(l($s), {
+    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) => o.persistent || i())
+      "onUpdate:open": u[0] || (u[0] = (o) => a.persistent || o || l(r)())
     }, {
-      default: f(() => [
-        p(l(_s), null, {
-          default: f(() => [
-            w(o.$slots, "default", { close: i })
+      default: m(() => [
+        d(l(zs), null, {
+          default: m(() => [
+            $(a.$slots, "default", { close: l(r) })
           ]),
           _: 3
         })
@@ -1865,58 +1835,36 @@ const Wr = E({ name: "zondicons-close", render: Nr }), Kr = /* @__PURE__ */ g({
       _: 3
     }, 512));
   }
-}), wt = /* @__PURE__ */ g({
-  __name: "ModalContext",
-  props: {
-    modal: {},
-    childIndex: {}
-  },
-  setup(t) {
-    const s = t, e = c(() => {
-      const r = {};
-      for (const n in s.modal.properties)
-        r[n] = l(s.modal.properties[n]);
-      return r;
-    });
-    return le("modal", {
-      modal: Re(s, "modal"),
-      childIndex: Re(s, "childIndex")
-    }), (r, n) => (u(), h(K(r.modal.component), ne(ae(e.value)), null, 16));
-  }
-}), Qr = /* @__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 = Ws("$modalContentRef"), r = G("$contentRef"), n = c(() => z.modals[s] ?? null);
-    return Y(() => e.value = r.value), (a, i) => (u(), h(l(xs), { ref: "$contentRef" }, {
-      default: f(() => [
-        w(a.$slots, "default"),
-        n.value ? (u(), h(wt, {
+    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(() => [
+        $(n.$slots, "default"),
+        l(s) ? (i(), f(l(gs), {
           key: 0,
-          "child-index": l(s) + 1,
-          modal: n.value
-        }, null, 8, ["child-index", "modal"])) : T("", !0)
+          is: l(s)
+        }, null, 8, ["is"])) : M("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), Jr = /* @__PURE__ */ g({
+}), un = /* @__PURE__ */ h({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(l(Cs), ne(ae(s.$props)), {
-      default: f(() => [
-        w(s.$slots, "default")
+    return (s, e) => (i(), f(l(qs), ue(ce(s.$props)), {
+      default: m(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Zr = /* @__PURE__ */ g({
+}), cn = /* @__PURE__ */ h({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1924,31 +1872,31 @@ const Wr = E({ name: "zondicons-close", render: Nr }), Kr = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(l(ks), ne(ae(s.$props)), {
-      default: f(() => [
-        w(s.$slots, "default")
+    return (s, e) => (i(), f(l(As), ue(ce(s.$props)), {
+      default: m(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Xr = /* @__PURE__ */ g({
+}), dn = /* @__PURE__ */ h({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(l(Ss), ne(ae(s.$props)), {
-      default: f(() => [
-        w(s.$slots, "default")
+    return (s, e) => (i(), f(l(Ps), ue(ce(s.$props)), {
+      default: m(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Yr = {
+}), pn = {
   key: 0,
   class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, Gr = ["onClick"], en = { class: "sr-only" }, se = /* @__PURE__ */ g({
+}, mn = ["onClick"], fn = { class: "sr-only" }, Me = dr(), re = /* @__PURE__ */ h({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
@@ -1961,117 +1909,120 @@ const Wr = E({ name: "zondicons-close", render: Nr }), Kr = /* @__PURE__ */ g({
     closeHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = W(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"), o = c(() => !i.modal.closing && i.childIndex === z.openModals.length), d = c(() => t.description ? {} : { "aria-describedby": void 0 }), v = c(() => M("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), $ = c(() => M(
+    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;
+      }
+    ), w = 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": !o.value,
-        "scale-100 opacity-100": o.value
+        "scale-50 opacity-0": !g.value,
+        "scale-100 opacity-100": g.value
       },
       t.wrapperClass
     ));
-    return tt("modal-will-close", async ({ modal: { id: m } }) => {
-      m === i.modal.id && await ue({ ms: 300 });
-    }), (m, C) => (u(), h(Kr, H(e, {
-      ref: (L) => l(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(Zr, {
-          class: k(["fixed inset-0 animate-[fade-in_var(--tw-duration)_ease-in-out] transition-opacity duration-300 will-change-[opacity]", {
-            "bg-black/30": l(i).childIndex === 1,
-            "opacity-0": l(i).childIndex === 1 && l(i).modal.closing
-          }])
-        }, null, 8, ["class"]),
-        p(Qr, H(d.value, { class: $.value }), {
-          default: f(() => [
-            !m.persistent && !m.closeHidden ? (u(), b("div", Yr, [
-              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: C(["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 = w.value) == null ? void 0 : Fe.id) === l(a) || !w.value && ((Ue = l(ae)[0]) == null ? void 0 : Ue.id) === l(a),
+              "opacity-0": !w.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, x(T.$td("ui.close", "Close")), 1),
+                  d(l(an), { class: "size-4" })
+                ], 8, mn)
+              ])) : M("", !0),
+              T.title ? (i(), f(dn, {
+                key: 1,
+                class: C(["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: C(["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: C(q.value)
               }, [
-                y("span", en, x(m.$td("ui.close", "Close")), 1),
-                p(l(Wr), { class: "size-4" })
-              ], 8, Gr)
-            ])) : T("", !0),
-            m.title ? (u(), h(Xr, {
-              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(A, {
-                  text: m.title,
-                  inline: ""
-                }, null, 8, ["text"])
-              ]),
-              _: 1
-            }, 8, ["class"])) : T("", !0),
-            m.description ? (u(), h(Jr, {
-              key: 2,
-              class: k(["px-4 pt-1 pb-2", { "sr-only": m.descriptionHidden }])
-            }, {
-              default: f(() => [
-                p(A, {
-                  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"])
-      ]),
+                $(T.$slots, "default", { close: me })
+              ], 2)
+            ]),
+            _: 2
+          }, 1040, ["class"])
+        ];
+      }),
       _: 3
     }, 16, ["persistent"]));
   }
 });
-function tn(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 sn = /* @__PURE__ */ g({
+const gn = /* @__PURE__ */ h({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = tn(e);
-    return s(), (a, i) => (u(), h(se, {
+    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(A, { text: a.message }, null, 8, ["text"])
+      default: m(() => [
+        d(z, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), $t = /* @__PURE__ */ g({
+}), Vt = /* @__PURE__ */ h({
   __name: "Form",
   props: {
     form: {}
@@ -2080,36 +2031,36 @@ const sn = /* @__PURE__ */ g({
   setup(t, { emit: s }) {
     let e;
     const r = s;
-    return Y((n) => {
+    return G((n) => {
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
-    }), le("form", t.form), (n, a) => (u(), b("form", {
-      onSubmit: a[0] || (a[0] = We((i) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
+    }), 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")
+      $(n.$slots, "default")
     ], 32));
   }
 });
-function rn(t) {
-  const s = rt(
+function vn(t) {
+  const s = mt(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (i, [o, d]) => ({
+      (u, [o, p]) => ({
         [o]: {
           type: "boolean",
-          default: d.default,
-          required: d.required ? "required" : void 0
+          default: p.default,
+          required: p.required ? "required" : void 0
         },
-        ...i
+        ...u
       }),
       {}
     )
-  ), e = c(() => t.title ?? S("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
+  ), 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 nn = {
+const bn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, an = { class: "flex items-center" }, ln = ["onUpdate:modelValue", "required"], on = { class: "ml-1.5" }, un = { class: "mt-4 flex flex-row-reverse gap-2" }, cn = /* @__PURE__ */ g({
+}, yn = { class: "flex items-center" }, wn = ["onUpdate:modelValue", "required"], $n = { class: "ml-1.5" }, _n = { class: "mt-4 flex flex-row-reverse gap-2" }, xn = /* @__PURE__ */ h({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2122,55 +2073,56 @@ const nn = {
     actions: {},
     required: { type: Boolean }
   },
+  emits: ["close"],
   setup(t, { expose: s }) {
-    const e = W(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: i, renderedCancelText: o } = rn(e);
-    return s(), (d, v) => (u(), h(se, {
+    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($t, {
+      default: m(({ close: w }) => [
+        d(Vt, {
           form: l(r),
-          onSubmit: (m) => $([!0, l(r).data()])
+          onSubmit: (v) => w([!0, l(r).data()])
         }, {
-          default: f(() => [
-            p(A, {
-              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", nn, [
-              (u(!0), b(D, null, F(d.checkboxes, (m, C) => (u(), b("li", { key: C }, [
-                y("label", an, [
-                  Ke(y("input", {
-                    "onUpdate:modelValue": (L) => l(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, ln), [
-                    [zt, l(r)[C]]
+                  }, null, 8, wn), [
+                    [Ot, l(r)[S]]
                   ]),
-                  y("span", on, x(m.label), 1)
+                  b("span", $n, x(v.label), 1)
                 ])
               ]))), 128))
-            ])) : T("", !0),
-            y("div", un, [
-              p(q, {
-                variant: d.acceptVariant,
+            ])) : M("", !0),
+            b("div", _n, [
+              d(R, {
+                variant: p.acceptVariant,
                 submit: ""
               }, {
-                default: f(() => [
-                  I(x(l(i)), 1)
+                default: m(() => [
+                  L(x(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) => w(!1)
               }, {
-                default: f(() => [
-                  I(x(l(o)), 1)
+                default: m(() => [
+                  L(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2182,128 +2134,128 @@ const nn = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), dn = {
+}), Cn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function pn(t, s) {
-  return u(), b("svg", dn, s[0] || (s[0] = [
-    y("path", {
+function kn(t, s) {
+  return i(), y("svg", Cn, 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 mn = E({ name: "zondicons-cheveron-left", render: pn }), fn = {
+const Sn = E({ name: "zondicons-cheveron-left", render: kn }), Tn = {
   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 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: hn }), gn = {
+const Et = E({ name: "zondicons-cheveron-right", render: Mn }), Hn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function vn(t, s) {
-  return u(), b("svg", gn, 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: vn }), bn = {
+const De = E({ name: "zondicons-exclamation-solid", render: Vn }), En = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function yn(t, s) {
-  return u(), b("svg", bn, 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 wn = E({ name: "mdi-console", render: yn }), $n = {
+const Rn = E({ name: "mdi-console", render: Ln }), zn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function _n(t, s) {
-  return u(), b("svg", $n, 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 xn = E({ name: "zondicons-copy", render: _n }), Cn = {
+const qn = E({ name: "zondicons-copy", render: In }), An = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function kn(t, s) {
-  return u(), b("svg", Cn, 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 Sn = E({ name: "mdi-github", render: kn }), Tn = { class: "flex" }, Mn = { class: "sr-only" }, Hn = /* @__PURE__ */ g({
+const Dn = E({ name: "mdi-github", render: Pn }), jn = { class: "flex" }, Bn = { class: "sr-only" }, Fn = /* @__PURE__ */ h({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
   },
   setup(t) {
     const s = t, e = c(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = c(() => {
-      if (!P.sourceUrl)
+      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:",
           "```",
-          Zt(
+          ns(
             s.report.details ?? "Details missing from report",
-            1800 - a.length - P.sourceUrl.length
+            1800 - a.length - A.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${P.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: xn,
+          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: wn,
+          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"
               )
@@ -2315,14 +2267,14 @@ ${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: Sn,
+          iconComponent: Dn,
           url: r.value
         });
       }
     ));
-    return (a, i) => (u(), b("div", Tn, [
-      (u(!0), b(D, null, F(n.value, (o) => w(a.$slots, "default", H({ ref_for: !0 }, o), () => [
-        p(q, {
+    return (a, u) => (i(), y("div", jn, [
+      (i(!0), y(D, null, U(n.value, (o) => $(a.$slots, "default", V({ ref_for: !0 }, o), () => [
+        d(R, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
@@ -2330,9 +2282,9 @@ ${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information
           title: a.$td(`errors.report_${o.id}`, o.description),
           onClick: o.click
         }, {
-          default: f(() => [
-            y("span", Mn, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
-            (u(), h(K(o.iconComponent), {
+          default: m(() => [
+            b("span", Bn, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
+            (i(), f(Y(o.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2342,7 +2294,7 @@ ${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), En = /* @__PURE__ */ g({
+}), Un = /* @__PURE__ */ h({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2351,19 +2303,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(A, {
+    return (e, r) => (i(), f(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function Vn(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,
@@ -2372,102 +2324,102 @@ function Vn(t) {
     activeReport: e
   };
 }
-const Ln = { class: "px-4 pt-5 pb-4" }, In = { class: "flex justify-between gap-4" }, qn = { class: "flex items-center gap-2" }, zn = {
+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"
-}, Rn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, An = ["textContent"], Pn = /* @__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: o } = Vn(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", Ln, [
-          y("h2", In, [
-            y("div", qn, [
-              p(l(qe), { class: "size-5 text-red-600" }),
-              p(En, {
+      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: l(o),
                 "current-report": l(r) + 1,
-                "total-reports": d.reports.length
+                "total-reports": p.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              d.reports.length > 1 ? (u(), b("span", zn, [
-                p(q, {
+              p.reports.length > 1 ? (i(), y("span", Qn, [
+                d(R, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === 0,
-                  "aria-label": l(i),
-                  title: l(i),
-                  onClick: v[0] || (v[0] = ($) => r.value--)
+                  "aria-label": l(u),
+                  title: l(u),
+                  onClick: g[0] || (g[0] = (w) => r.value--)
                 }, {
-                  default: f(() => [
-                    p(l(mn), { 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: l(r) === d.reports.length - 1,
+                  disabled: l(r) === p.reports.length - 1,
                   "aria-label": l(a),
                   title: l(a),
-                  onClick: v[1] || (v[1] = ($) => r.value++)
+                  onClick: g[1] || (g[1] = (w) => r.value++)
                 }, {
-                  default: f(() => [
-                    p(l(_t), { class: "size-4" })
+                  default: m(() => [
+                    d(l(Et), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : T("", !0)
+              ])) : M("", !0)
             ]),
-            p(Hn, {
+            d(Fn, {
               report: l(o),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(o).description ? (u(), h(A, {
+          l(o).description ? (i(), f(z, {
             key: 0,
             text: l(o).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : T("", !0)
+          }, null, 8, ["text"])) : M("", !0)
         ]),
-        y("div", Rn, [
-          y("pre", {
+        b("div", Jn, [
+          b("pre", {
             class: "p-4 text-xs text-red-800",
             textContent: x(l(n))
-          }, null, 8, An)
+          }, null, 8, Zn)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), Dn = {
+}), Gn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function jn(t, s) {
-  return u(), b("svg", Dn, 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",
@@ -2477,7 +2429,7 @@ function jn(t, s) {
     ], -1)
   ]));
 }
-const Bn = E({ name: "svg-spinners-90-ring-with-bg", render: jn }), Fn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Un = { class: "sr-only" }, On = /* @__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: {},
@@ -2486,31 +2438,31 @@ const Bn = E({ name: "svg-spinners-90-ring-with-bg", render: jn }), Fn = { 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", Fn, [
-      y("div", {
-        class: k(r.value),
-        style: Rt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+    ), we(() => s && s()), (a, u) => (i(), y("div", ta, [
+      b("div", {
+        class: C(r.value),
+        style: Nt(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      y("span", Un, x(a.$td("ui.progress", "{progress}% complete", {
+      b("span", sa, x(a.$td("ui.progress", "{progress}% complete", {
         progress: n.value * 100
       })), 1)
     ]));
   }
 });
-function Nn(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 Wn = /* @__PURE__ */ g({
+const aa = /* @__PURE__ */ h({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2519,30 +2471,30 @@ const Wn = /* @__PURE__ */ g({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: i } = Nn(e);
-    return s(), (o, 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": l(i), "items-center justify-center gap-2": !l(i) }]),
+      class: C(["flex", { "flex-col-reverse": l(u), "items-center justify-center gap-2": !l(u) }]),
       "wrapper-class": "w-auto",
       title: l(r),
       "title-hidden": l(a)
     }, {
-      default: f(() => [
-        l(i) ? (u(), h(On, {
+      default: m(() => [
+        l(u) ? (i(), f(ra, {
           key: 0,
           progress: o.progress,
           job: o.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (u(), h(l(Bn), {
+        }, null, 8, ["progress", "job"])) : (i(), f(l(ea), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        p(A, { text: l(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: {},
@@ -2553,13 +2505,13 @@ const Wn = /* @__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: $e(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
@@ -2572,109 +2524,111 @@ const Wn = /* @__PURE__ */ g({
         r("update:modelValue", o);
       }
     };
-    return le("input", i), s(i), (o, d) => (u(), h(K(o.as), null, {
-      default: f(() => [
-        w(o.$slots, "default")
+    return de("input", u), s(u), (o, p) => (i(), f(Y(o.as), null, {
+      default: m(() => [
+        $(o.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), Kn = ["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: l(s).id
     }, [
-      w(n.$slots, "default", {}, () => [
-        I(x(l(s).label), 1)
+      $(n.$slots, "default", {}, () => [
+        L(x(l(s).label), 1)
       ])
-    ], 8, Kn)) : T("", !0);
+    ], 8, la)) : M("", !0);
   }
-}), Qn = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], xt = /* @__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";
+      const w = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
+      return ["text", "email", "number", "tel", "url"].includes(w) ? w : "text";
     }), o = c(() => {
-      if (t.type === "checkbox")
+      if (u.value === "checkbox")
         return !!a.value;
     });
-    function d() {
-      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 st(e, () => {
-      var $;
-      return ($ = s.value) == null ? void 0 : $.focus();
-    }), Y(() => {
+    return pt(e, () => {
+      var w;
+      return (w = s.value) == null ? void 0 : w.focus();
+    }), 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", {
+    }), (w, v) => (i(), y("input", {
       id: l(e).id,
       ref: "$inputRef",
       name: n.value,
       checked: o.value,
-      type: i.value,
+      type: u.value,
       required: l(e).required ?? void 0,
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
-      onInput: d
-    }, null, 40, Qn));
+      onInput: p
+    }, null, 40, ia));
   }
-}), Ct = /* @__PURE__ */ g({
+}), 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", {
+    return (n, a) => $(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
-      r.value ? (u(), h(A, H({ key: 0 }, n.$attrs, {
+      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)
     ]);
   }
-}), Jn = ["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: `${l(s).id}-error`
-    }, x(e.value), 9, Jn)) : T("", !0);
+    }, x(e.value), 9, oa)) : M("", !0);
   }
-}), Zn = {
+}), ua = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, Xn = /* @__PURE__ */ g({
+}, ca = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2687,61 +2641,61 @@ const Wn = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = W(t, ["label", "inputClass", "wrapperClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = c(() => {
-      var o, d, v;
-      return M(
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = 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": !((o = e.value) != null && o.errors),
-          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
-          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
+          "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 (o, d) => (u(), h(ze, H({
+    return (o, p) => (i(), f(je, V({
       ref: "$inputRef",
       label: o.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": d[0] || (d[0] = (v) => o.$emit("update:modelValue", v))
+      "onUpdate:modelValue": p[0] || (p[0] = (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: C(a.value)
           }, [
-            p(xt, H(l(r), { class: i.value }), null, 16, ["class"]),
-            (v = e.value) != null && v.errors ? (u(), b("div", Zn, [
-              p(l(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(Ct, { class: "mt-2 text-sm text-gray-600" }),
-          p(he, { class: "mt-2 text-sm text-red-600" })
+          d(Rt, { class: "mt-2 text-sm text-gray-600" }),
+          d(ye, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-function xl(t, s = {}) {
+function ql(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function Cl(t, s = {}) {
+function Al(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function kl(t, s, e = {}) {
+function Pl(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2749,21 +2703,21 @@ function kl(t, s, e = {}) {
     values: t
   };
 }
-function Sl(t) {
+function Dl(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function Tl(t) {
+function jl(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Ml(t, s) {
+function Bl(t, s) {
   return {
     default: s,
     type: "enum",
@@ -2771,55 +2725,55 @@ function Ml(t, s) {
     values: t
   };
 }
-function Hl(t) {
+function Fl(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function El(t) {
+function Ul(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function Yn(t) {
+function da(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Vl(t, s = {}) {
+function Ol(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Ll(t, s = {}) {
+function Nl(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Il(t, s = {}) {
+function Wl(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function Gn(t) {
-  const s = rt({
-    draft: Yn(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 ea = { class: "mt-4 flex flex-row-reverse gap-2" }, ta = /* @__PURE__ */ g({
+const ma = { class: "mt-4 flex flex-row-reverse gap-2" }, fa = /* @__PURE__ */ h({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2832,44 +2786,45 @@ const ea = { class: "mt-4 flex flex-row-reverse gap-2" }, ta = /* @__PURE__ */ g
     cancelText: {},
     cancelVariant: { default: "secondary" }
   },
+  emits: ["close"],
   setup(t, { expose: s }) {
-    const e = W(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: i, renderedCancelText: o } = Gn(e);
-    return s(), (d, v) => (u(), h(se, {
+    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($t, {
+      default: m(({ close: w }) => [
+        d(Vt, {
           form: l(r),
-          onSubmit: (m) => $(l(r).draft)
+          onSubmit: (v) => w(l(r).draft)
         }, {
-          default: f(() => [
-            l(a) ? (u(), h(A, {
+          default: m(() => [
+            l(a) ? (i(), f(z, {
               key: 0,
               text: l(a)
-            }, null, 8, ["text"])) : T("", !0),
-            p(Xn, {
+            }, 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", ea, [
-              p(q, {
-                variant: d.acceptVariant,
+            b("div", ma, [
+              d(R, {
+                variant: p.acceptVariant,
                 submit: ""
               }, {
-                default: f(() => [
-                  I(x(l(i)), 1)
+                default: m(() => [
+                  L(x(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p(q, {
-                variant: d.cancelVariant,
-                onClick: (m) => $()
+              d(R, {
+                variant: p.cancelVariant,
+                onClick: (v) => w()
               }, {
-                default: f(() => [
-                  I(x(l(o)), 1)
+                default: m(() => [
+                  L(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2881,65 +2836,65 @@ const ea = { class: "mt-4 flex flex-row-reverse gap-2" }, ta = /* @__PURE__ */ g
       _: 1
     }, 8, ["title"]));
   }
-}), sa = {
+}), ha = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ra(t, s) {
-  return u(), b("svg", sa, 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 na = E({ name: "material-symbols-bug-report", render: ra }), aa = {
+const va = E({ name: "material-symbols-bug-report", render: ga }), ba = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function la(t, s) {
-  return u(), b("svg", aa, 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 oa = E({ name: "material-symbols-delete-forever-rounded", render: la }), ia = {
+const wa = E({ name: "material-symbols-delete-forever-rounded", render: ya }), $a = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ua(t, s) {
-  return u(), b("svg", ia, s[0] || (s[0] = [
-    y("path", {
+function _a(t, s) {
+  return i(), y("svg", $a, 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 ca = E({ name: "material-symbols-frame-inspect", render: ua }), da = {
+const xa = E({ name: "material-symbols-frame-inspect", render: _a }), Ca = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function pa(t, s) {
-  return u(), b("svg", da, s[0] || (s[0] = [
-    y("path", {
+function ka(t, s) {
+  return i(), y("svg", Ca, 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 ma = E({ name: "material-symbols-refresh-rounded", render: pa }), fa = { class: "grid grow place-items-center" }, ha = { class: "flex flex-col items-center p-8" }, ga = { 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" }, ba = /* @__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**.
 
@@ -2947,61 +2902,61 @@ Do you still want to proceed?`
         ),
         {
           acceptVariant: "danger",
-          acceptText: S("startupCrash.purgeConfirmAccept", "Purge device")
+          acceptText: k("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await at.purge(), await P.reload());
+      ) && (await ht.purge(), await A.reload());
     }
     return (e, r) => {
-      const n = At("i-majesticons-exclamation");
-      return u(), b("div", fa, [
-        y("div", ha, [
-          p(n, { class: "size-20 text-red-600" }),
-          y("h1", ga, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
-          p(A, {
+      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, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          d(z, {
             text: e.$td(
               "startupCrash.message",
               "There was a problem starting the application, but here's some things you can do:"
             ),
             class: "mt-4 text-center"
           }, null, 8, ["text"]),
-          y("div", va, [
-            p(q, {
+          b("div", Va, [
+            d(R, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
-              default: f(() => [
-                p(l(ma)),
-                I(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
+              default: m(() => [
+                d(l(Sa)),
+                L(" " + x(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(l(na)),
-                I(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
+              default: m(() => [
+                d(l(va)),
+                L(" " + x(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(l(oa)),
-                I(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
+              default: m(() => [
+                d(l(wa)),
+                L(" " + x(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(l(ca)),
-                I(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+              default: m(() => [
+                d(l(xa)),
+                L(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
             })
@@ -3010,23 +2965,23 @@ Do you still want to proceed?`
       ]);
     };
   }
-}), kt = /* @__PURE__ */ g({
+}), zt = /* @__PURE__ */ h({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(K(s.action.dismiss ? l(Ts) : "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(x(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), ya = { key: 0 }, wa = /* @__PURE__ */ g({
+}), La = { key: 0 }, Ra = /* @__PURE__ */ h({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -3034,11 +2989,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(l(Ms), null, {
-      default: f(() => [
-        w(s.$slots, "default", {}, () => [
-          s.message ? (u(), b("span", ya, x(s.message), 1)) : T("", !0),
-          (u(!0), b(D, null, F(s.actions, (r, n) => (u(), h(kt, {
+    return (s, e) => (i(), f(l(js), null, {
+      default: m(() => [
+        $(s.$slots, "default", {}, () => [
+          s.message ? (i(), y("span", La, x(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))
@@ -3047,7 +3002,7 @@ Do you still want to proceed?`
       _: 3
     }));
   }
-}), $a = /* @__PURE__ */ g({
+}), za = /* @__PURE__ */ h({
   __name: "Toast",
   props: {
     message: {},
@@ -3056,14 +3011,15 @@ Do you still want to proceed?`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = c(() => et(
+    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",
         variants: {
           variant: {
             secondary: "bg-gray-900 text-white ring-black",
-            danger: "bg-red-50 text-red-900 ring-red-100"
+            danger: "bg-red-50 text-red-900 ring-red-100",
+            warning: "bg-yellow-50 text-yellow-900 ring-yellow-100"
           }
         },
         defaultVariants: {
@@ -3071,110 +3027,98 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (u(), h(wa, {
-      class: k(e.value)
+    return s(), (r, n) => (i(), f(Ra, {
+      class: C(e.value)
     }, {
-      default: f(() => [
-        r.message ? (u(), h(A, {
+      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: kt
+          as: zt
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), _a = { $ui: z }, xa = {
+}), Ia = { $ui: P }, qa = {
   async install(t, s) {
     const e = {
-      "alert-modal": sn,
-      "confirm-modal": cn,
-      "error-report-modal": Pn,
-      "loading-modal": Wn,
-      "prompt-modal": ta,
-      "startup-crash": ba,
-      toast: $a,
+      "alert-modal": gn,
+      "confirm-modal": xn,
+      "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, _a);
+      P.registerComponent(r, n);
+    await ke(t, Ia);
   }
 };
-async function Ca(t, s = {}) {
+async function Aa(t, s = {}) {
   var r;
-  const e = [Ur, lr, Fr, Mr, cr, xa, ...s.plugins ?? []];
-  P.instance = t, await Us(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, xr, 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 ql(t, s = {}) {
+async function Kl(t, s = {}) {
   var r;
-  const e = Pt(t);
-  J() && (window.$aerogel = e), await Ca(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 ka = { key: 0 }, Sa = /* @__PURE__ */ g({
-  __name: "AppModals",
-  setup(t) {
-    const s = c(() => z.modals[0] ?? null);
-    return (e, r) => s.value ? (u(), b("aside", ka, [
-      p(wt, {
-        "child-index": 1,
-        modal: s.value
-      }, null, 8, ["modal"])
-    ])) : T("", !0);
-  }
-}), Ta = /* @__PURE__ */ g({
+const Pa = /* @__PURE__ */ h({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (u(), h(l(Hs), null, {
-      default: f(() => [
-        (u(!0), b(D, null, F(s.$ui.toasts, (r) => (u(), h(K(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(l(Es), { 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
     }));
   }
-}), Ma = /* @__PURE__ */ g({
+}), Da = /* @__PURE__ */ h({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (u(), b(D, null, [
-      p(Sa),
-      p(Ta)
+    return (s, e) => (i(), y(D, null, [
+      d(l(vs), { nested: "" }),
+      d(Pa)
     ], 64));
   }
-}), Ha = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, zl = /* @__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", Ha, [
-      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
-        (u(), h(K(s.$ui.requireComponent("startup-crash"))))
-      ]) : w(s.$slots, "default", { key: 1 }),
-      p(Ma)
+    return (s, e) => (i(), y("div", ja, [
+      s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
+        (i(), f(Y(s.$ui.requireComponent("startup-crash"))))
+      ]) : $(s.$slots, "default", { key: 1 }),
+      d(Da)
     ]));
   }
-}), Ea = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Va = /* @__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 st(e, () => {
-      var i;
-      return (i = s.value) == null ? void 0 : i.focus();
-    }), (i, o) => (u(), b("textarea", {
+    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,
@@ -3183,22 +3127,22 @@ const ka = { key: 0 }, Sa = /* @__PURE__ */ g({
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
       onInput: a
-    }, null, 40, Ea));
+    }, null, 40, Ba));
   }
-}), La = { class: "group" }, Ia = { 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" }, qa = { class: "pt-2 pl-4" }, Rl = /* @__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", La, [
-      y("summary", Ia, [
-        p(l(_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, x(s.$td("ui.advancedOptions", "Advanced options")), 1)
       ]),
-      y("div", qa, [
-        w(s.$slots, "default")
+      b("div", Na, [
+        $(s.$slots, "default")
       ])
     ]));
   }
-}), za = { class: "flex h-6 items-center" }, Al = /* @__PURE__ */ g({
+}), Wa = { class: "flex h-6 items-center" }, Zl = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3211,53 +3155,53 @@ const ka = { key: 0 }, Sa = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = W(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
       );
-    }), o = 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] = (w) => p.$emit("update:modelValue", w))
     }), {
-      default: f(() => [
-        y("div", za, [
-          p(xt, H(l(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(o.value)
+          class: C(o.value)
         }, [
-          p(fe, { class: "text-gray-900" }, {
-            default: f(() => [
-              w(d.$slots, "default")
+          d(be, { class: "text-gray-900" }, {
+            default: m(() => [
+              $(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(o.value)
+          class: C(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"]));
   }
-}), Ra = /* @__PURE__ */ g({
+}), Ka = /* @__PURE__ */ h({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3266,40 +3210,40 @@ const ka = { key: 0 }, Sa = /* @__PURE__ */ g({
   },
   emits: ["select"],
   setup(t) {
-    const s = W(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(l(Vs), 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(() => [
-        w(r.$slots, "default")
+      default: m(() => [
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Aa = /* @__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(l(Ls), {
+    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: l(s).align,
       side: l(s).side
     }, {
-      default: f(() => [
-        w(e.$slots, "default", {}, () => [
-          (u(!0), b(D, null, F(l(s).options, (n, a) => (u(), h(Ra, H(
+      default: m(() => [
+        $(e.$slots, "default", {}, () => [
+          (i(!0), y(D, null, U(l(s).options, (n, a) => (i(), f(Ka, V(
             {
               key: a,
-              as: n.route || n.href ? ct : void 0,
-              class: n.class,
-              ref_for: !0
+              as: n.route || n.href ? wt : void 0,
+              class: n.class
             },
+            { ref_for: !0 },
             n.route || n.href ? {
               href: n.href,
               route: n.route,
@@ -3307,14 +3251,14 @@ const ka = { key: 0 }, Sa = /* @__PURE__ */ g({
               routeQuery: n.routeQuery
             } : {},
             {
-              onSelect: (i) => {
+              onSelect: (u) => {
                 var o;
                 return (o = n.click) == null ? void 0 : o.call(n);
               }
             }
           ), {
-            default: f(() => [
-              I(x(n.label), 1)
+            default: m(() => [
+              L(x(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3323,7 +3267,7 @@ const ka = { key: 0 }, Sa = /* @__PURE__ */ g({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), Pl = /* @__PURE__ */ g({
+}), Xl = /* @__PURE__ */ h({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3339,18 +3283,18 @@ const ka = { key: 0 }, Sa = /* @__PURE__ */ g({
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return le("dropdown-menu", e), s(e), (r, n) => (u(), h(l(Is), null, {
-      default: f(() => [
-        p(l(qs), null, {
-          default: f(() => [
-            w(r.$slots, "default")
+    return de("dropdown-menu", e), s(e), (r, n) => (i(), f(l(Ns), null, {
+      default: m(() => [
+        d(l(Ws), null, {
+          default: m(() => [
+            $(r.$slots, "default")
           ]),
           _: 3
         }),
-        p(l(zs), null, {
-          default: f(() => [
-            w(r.$slots, "options", {}, () => [
-              p(Aa)
+        d(l(Ks), null, {
+          default: m(() => [
+            $(r.$slots, "options", {}, () => [
+              d(Qa)
             ])
           ]),
           _: 3
@@ -3359,7 +3303,7 @@ const ka = { key: 0 }, Sa = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), Pa = ["aria-hidden"], Da = ["tabindex", "aria-label", "type"], Dl = /* @__PURE__ */ g({
+}), Ja = ["aria-hidden"], Za = ["tabindex", "aria-label", "type"], Gl = /* @__PURE__ */ h({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3372,106 +3316,106 @@ const ka = { key: 0 }, Sa = /* @__PURE__ */ g({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = G("$inputRef"), n = U(null), a = U(t.text), i = c(() => M("inline whitespace-pre", t.contentClass)), o = c(() => M("invisible whitespace-pre", t.contentClass)), d = c(() => M("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
-    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 $() {
+    function w() {
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
-    return Y(() => a.value = t.text), (m, C) => (u(), b("div", {
-      class: k(["relative", { "pointer-events-none!": m.disabled && !n.value }])
+    return G(() => a.value = t.text), (v, S) => (i(), y("div", {
+      class: C(["relative", { "pointer-events-none!": v.disabled && !n.value }])
     }, [
-      n.value ? (u(), b("span", {
+      n.value ? (i(), y("span", {
         key: 1,
-        class: k(o.value)
-      }, x(a.value), 3)) : (u(), b("div", {
+        class: C(o.value)
+      }, x(a.value), 3)) : (i(), y("div", {
         key: 0,
-        class: k(i.value)
+        class: C(u.value)
       }, [
-        w(m.$slots, "default")
+        $(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: C(["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: C([
+            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, Da), [
-          [Dt, 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) => w())
+        }, null, 42, Za), [
+          [Qt, a.value]
         ])
-      ], 40, Pa)
+      ], 40, Ja)
     ], 2));
   }
-}), ja = {
+}), Xa = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function Ba(t, s) {
-  return u(), b("svg", ja, 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 Fa = E({ name: "ion-warning", render: Ba }), Ua = {
+const Ya = E({ name: "ion-warning", render: Ga }), el = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Oa(t, s) {
-  return u(), b("svg", Ua, 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 Na = E({ name: "zondicons-view-show", render: Oa }), Wa = { class: "font-medium" }, Ka = ["datetime"], Qa = /* @__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", Wa, x(r.report.title), 1),
-              y("time", {
+            b("div", null, [
+              b("h3", rl, x(r.report.title), 1),
+              b("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, x(r.date.toLocaleTimeString()), 9, Ka),
-              p(A, {
+              }, x(r.date.toLocaleTimeString()), 9, nl),
+              d(z, {
                 class: "text-sm text-gray-500",
-                text: r.report.description ?? l(yt)(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"),
@@ -3479,11 +3423,11 @@ const Na = E({ name: "zondicons-view-show", render: Oa }), Wa = { class: "font-m
               class: "self-center",
               onClick: (a) => s.$errors.inspect(
                 r.report,
-                s.$errors.logs.map(({ report: i }) => i)
+                s.$errors.logs.map(({ report: u }) => u)
               )
             }, {
-              default: f(() => [
-                p(l(Na), {
+              default: m(() => [
+                d(l(sl), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3496,36 +3440,36 @@ const Na = E({ name: "zondicons-view-show", render: Oa }), Wa = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), jl = /* @__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(Qa))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(al))
     }, {
-      default: f(() => [
-        p(l(Fa), { 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);
   }
-}), Bl = /* @__PURE__ */ g({
+}), ei = /* @__PURE__ */ h({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = c(() => yt(t.error));
-    return (e, r) => (u(), h(A, {
+    const s = c(() => Ht(t.error));
+    return (e, r) => (i(), f(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), Fl = /* @__PURE__ */ g({
+}), ti = /* @__PURE__ */ h({
   __name: "Link",
   props: {
     class: {},
@@ -3540,30 +3484,30 @@ const Na = E({ name: "zondicons-view-show", render: Oa }), Wa = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(q, H({ variant: "link" }, s.$props), {
-      default: f(() => [
-        w(s.$slots, "default")
+    return (s, e) => (i(), f(R, V({ variant: "link" }, s.$props), {
+      default: m(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Ul = /* @__PURE__ */ g({
+}), si = /* @__PURE__ */ h({
   __name: "SettingsModal",
   setup(t) {
-    const s = c(() => Xt(P.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(K(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"]));
   }
-}), Ja = {
+}), ll = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, Ol = /* @__PURE__ */ g({
+}, ri = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3576,47 +3520,47 @@ const Na = E({ name: "zondicons-view-show", render: Oa }), Wa = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = W(t, ["label", "inputClass", "wrapperClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = c(() => {
-      var o, d, v;
-      return M(
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = 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": !((o = e.value) != null && o.errors),
-          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
-          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
+          "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 (o, d) => (u(), h(ze, H({
+    return (o, p) => (i(), f(je, V({
       ref: "$inputRef",
       label: o.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": d[0] || (d[0] = (v) => o.$emit("update:modelValue", v))
+      "onUpdate:modelValue": p[0] || (p[0] = (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: C(a.value)
           }, [
-            p(Va, H(l(r), { class: i.value }), null, 16, ["class"]),
-            (v = e.value) != null && v.errors ? (u(), b("div", Ja, [
-              p(l(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(Ct, { class: "mt-2 text-sm text-gray-600" }),
-          p(he, { class: "mt-2 text-sm text-red-600" })
+          d(Rt, { class: "mt-2 text-sm text-gray-600" }),
+          d(ye, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-class Nl {
+class ni {
   constructor() {
     _(this, "status");
     _(this, "_listeners");
@@ -3624,16 +3568,16 @@ class Nl {
     _(this, "_cancelled");
     _(this, "_started");
     _(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new Yt(), this._started = new Q(), this._completed = new Q();
+    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(Gt(s), (e) => {
+      throw te(is(s), (e) => {
         this._completed.reject(e);
       });
     }
@@ -3674,10 +3618,10 @@ class Nl {
   }
   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 ? es(
+    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;
@@ -3691,149 +3635,155 @@ class Nl {
     return { ...s };
   }
 }
-async function Wl(t) {
+async function ai(t) {
   await t.start();
 }
 export {
-  Rl as AdvancedOptions,
-  sn as AlertModal,
-  P as App,
-  zl as AppLayout,
-  Sa as AppModals,
-  Ma as AppOverlays,
-  Fs as AppService,
-  Ta as AppToasts,
-  q as Button,
-  wl as Cache,
-  or as CacheService,
-  Al as Checkbox,
-  cn as ConfirmModal,
-  Pl as DropdownMenu,
-  Ra as DropdownMenuOption,
-  Aa as DropdownMenuOptions,
-  Dl as EditableContent,
-  jl as ErrorLogs,
-  Qa as ErrorLogsModal,
-  Bl as ErrorMessage,
-  Pn as ErrorReportModal,
-  Hn as ErrorReportModalButtons,
-  En as ErrorReportModalTitle,
-  ut as Errors,
-  il as EventListenerPriorities,
-  R as Events,
-  js as EventsService,
-  $t as Form,
-  Ys as FormController,
-  ct as HeadlessButton,
-  ze as HeadlessInput,
-  Ct as HeadlessInputDescription,
-  he as HeadlessInputError,
-  xt as HeadlessInputInput,
-  fe as HeadlessInputLabel,
-  Va as HeadlessInputTextArea,
-  Kr as HeadlessModal,
-  Qr as HeadlessModalContent,
-  Jr as HeadlessModalDescription,
-  Zr as HeadlessModalOverlay,
-  Xr as HeadlessModalTitle,
-  yr as HeadlessSelect,
-  Be as HeadlessSelectLabel,
-  mt as HeadlessSelectOption,
-  ft as HeadlessSelectOptions,
-  pt as HeadlessSelectTrigger,
-  dt as HeadlessSelectValue,
-  zr as HeadlessSwitch,
-  wa as HeadlessToast,
-  Xn as Input,
-  Nl as Job,
-  Ue as JobCancelledError,
+  Jl as AdvancedOptions,
+  gn as AlertModal,
+  A as App,
+  Ql as AppLayout,
+  Da as AppOverlays,
+  er as AppService,
+  Pa as AppToasts,
+  R as Button,
+  Rl as Cache,
+  wr as CacheService,
+  Zl as Checkbox,
+  xn 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,
+  $l as EventListenerPriorities,
+  F as Events,
+  Gs as EventsService,
+  Vt as Form,
+  cr as FormController,
+  wt 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,
+  xt as HeadlessSelectOption,
+  Ct as HeadlessSelectOptions,
+  _t as HeadlessSelectTrigger,
+  $t as HeadlessSelectValue,
+  Qr as HeadlessSwitch,
+  Ra as HeadlessToast,
+  ca as Input,
+  ni as Job,
+  Ye as JobCancelledError,
   Z as Lang,
-  me as Layouts,
-  Fl as Link,
-  Wn as LoadingModal,
-  lt as MOBILE_BREAKPOINT,
-  A as Markdown,
-  se as Modal,
-  wt as ModalContext,
-  On as ProgressBar,
-  ta as PromptModal,
-  xr as Select,
-  ht as SelectLabel,
-  Fe as SelectOption,
-  gt as SelectOptions,
-  vt as SelectTrigger,
-  we as Service,
-  Te as ServiceBootError,
-  Ir as Setting,
-  Ul as SettingsModal,
-  ba as StartupCrash,
-  at as Storage,
-  Rr as Switch,
-  Ol as TextArea,
-  $a as Toast,
-  z as UI,
-  pr as UIService,
-  ml as __valueType,
-  ar as aerogelDirectives,
-  Rs as appNamespace,
-  xl as booleanInput,
-  $e as bootServices,
-  ql as bootstrap,
-  Ca as bootstrapApplication,
-  M as classes,
-  vl as computedAsync,
-  bl as computedDebounce,
-  Cl as dateInput,
-  dl as defineDirective,
-  pl as defineFormValidationRule,
-  cl as definePlugin,
-  ye as defineServiceState,
-  Ds as defineServiceStore,
-  ul as defineSettings,
-  Wl as dispatch,
-  kl as enumInput,
-  ot as getCurrentLayout,
-  yt as getErrorMessage,
-  sr as getMarkdownRouter,
-  Ps as getPiniaStore,
-  br as hasSelectOptionLabel,
-  Ws as injectOrFail,
-  Ns as injectReactive,
-  V as injectReactiveOrFail,
-  Us as installPlugins,
-  Vl as numberInput,
-  Ll as objectInput,
-  fl as onCleanMounted,
-  st as onFormFocus,
-  hl as persistent,
-  gl as reactiveSet,
-  _l as registerErrorHandler,
-  rr as renderMarkdown,
-  Ge as renderVNode,
-  $l as replaceExisting,
-  Sl as requiredBooleanInput,
-  Tl as requiredDateInput,
-  Ml as requiredEnumInput,
-  Hl as requiredNumberInput,
-  El as requiredObjectInput,
-  Yn as requiredStringInput,
-  As as resetPiniaStore,
-  nt as safeHtml,
-  yl as setMarkdownRouter,
-  Il as stringInput,
-  it as translate,
-  S as translateWithDefault,
-  tn as useAlertModal,
-  rn as useConfirmModal,
-  Vn as useErrorReportModal,
-  tt as useEvent,
-  rt as useForm,
-  Ie as useInputAttrs,
-  Nn as useLoadingModal,
-  Gn as usePromptModal,
-  Xs as validate,
-  Zs as validateType,
-  de as validators,
-  et 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,
+  Ce 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,
+  Cl as defineDirective,
+  Sl as defineFormValidationRule,
+  xl as definePlugin,
+  xe 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