@aerogel/core 0.0.0-next.9aa7c279868edbedbcee075aef52212597d803fb → 0.0.0-next.9d1e54cc195274e9dd7d57a73fcb8a9a51927dcb

package/dist/aerogel-core.js

@@ -1,39 +1,39 @@
-var bt = Object.defineProperty;
-var yt = (t, s, e) => s in t ? bt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var w = (t, s, e) => yt(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as j, Comment as _t, Text as wt, Static as $t, inject as oe, reactive as ce, nextTick as Be, defineComponent as v, useAttrs as De, useSlots as ke, computed as d, createBlock as m, openBlock as i, h as xt, unref as l, mergeProps as T, withCtx as p, renderSlot as _, createPropsRestProxy as X, onUnmounted as de, ref as q, readonly as Me, onMounted as Ct, watch as Ee, toRaw as St, watchEffect as le, createVNode as f, normalizeProps as Y, guardReactiveProps as ee, createTextVNode as V, toDisplayString as C, normalizeClass as k, createElementBlock as b, Fragment as D, renderList as F, provide as te, resolveDynamicComponent as N, createCommentVNode as M, createElementVNode as y, toRef as Re, useTemplateRef as se, withModifiers as qe, withDirectives as Fe, vModelCheckbox as kt, normalizeStyle as Mt, createApp as Et, vModelText as Ht } from "vue";
-import { JSError as pe, tap as J, MagicObject as Ue, PromisedValue as W, Storage as U, objectOnly as ne, arrayFrom as Oe, isEmpty as ve, objectDeepClone as It, fail as K, facade as Z, arrayRemove as _e, getEnv as Lt, updateLocationQueryParameters as Rt, forever as Tt, toString as B, isDevelopment as G, isTesting as He, after as we, uuid as ae, required as Vt, isObject as $e, objectWithoutEmpty as Ne, stringMatchAll as Pt, isInstanceOf as jt, objectWithout as At, noop as zt, debounce as Bt, value as Dt, stringExcerpt as qt, arraySorted as Ft, ListenersManager as Ut, toError as Ot, round as Nt } from "@noeldemartin/utils";
+var _t = Object.defineProperty;
+var $t = (t, s, e) => s in t ? _t(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var $ = (t, s, e) => $t(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as P, Comment as wt, Text as xt, Static as Ct, inject as le, reactive as ue, nextTick as Be, defineComponent as g, useAttrs as De, useSlots as ke, computed as u, createBlock as f, openBlock as i, h as St, unref as l, mergeProps as I, withCtx as m, renderSlot as _, createPropsRestProxy as J, onUnmounted as pe, ref as F, readonly as Me, onMounted as kt, watch as Ee, toRaw as Mt, watchEffect as oe, createVNode as p, normalizeProps as ee, guardReactiveProps as te, createTextVNode as R, toDisplayString as C, normalizeClass as k, createElementBlock as b, Fragment as B, renderList as q, provide as se, resolveDynamicComponent as N, createCommentVNode as M, createElementVNode as y, toRef as Te, useTemplateRef as re, withModifiers as qe, withDirectives as Fe, vModelCheckbox as Et, normalizeStyle as Ht, createApp as Lt, vModelText as It } from "vue";
+import { JSError as me, tap as Z, MagicObject as Ue, PromisedValue as W, Storage as U, objectOnly as ne, arrayFrom as Oe, isEmpty as be, objectDeepClone as Tt, fail as K, facade as G, arrayRemove as $e, getEnv as Vt, updateLocationQueryParameters as Pt, forever as Rt, toString as D, isDevelopment as Y, isTesting as He, after as we, uuid as ae, required as At, isObject as ie, objectWithoutEmpty as Ne, stringMatchAll as zt, isInstanceOf as jt, objectWithout as Bt, noop as Dt, debounce as qt, value as Ft, stringExcerpt as Ut, arraySorted as Ot, ListenersManager as Nt, toError as Wt, round as Kt } from "@noeldemartin/utils";
 import O from "virtual:aerogel";
-import { createPinia as Wt, setActivePinia as Kt, defineStore as Qt } from "pinia";
-import Jt from "dompurify";
-import { marked as Zt, Renderer as Te } from "marked";
-import { Primitive as Gt, SelectValue as Ve, SelectTrigger as Xt, SelectIcon as Yt, SelectItem as es, SelectItemText as ts, SelectPortal as ss, SelectContent as rs, SelectViewport as ns, SelectRoot as as, Label as os, useForwardExpose as Ie, DialogRoot as ls, DialogPortal as is, DialogContent as cs, DialogDescription as us, DialogOverlay as ds, DialogTitle as ps, ToastClose as ms, ToastRoot as fs, ToastProvider as hs, ToastViewport as gs, DropdownMenuItem as vs, DropdownMenuContent as bs, DropdownMenuRoot as ys, DropdownMenuTrigger as _s, DropdownMenuPortal as ws } from "reka-ui";
-import $s from "clsx";
-import { cva as xs } from "class-variance-authority";
-import { twMerge as Cs } from "tailwind-merge";
-class xe extends pe {
+import { createPinia as Qt, setActivePinia as Jt, defineStore as Zt } from "pinia";
+import Gt from "dompurify";
+import { marked as Xt, Renderer as Ve } from "marked";
+import { Primitive as Yt, SelectValue as Pe, SelectTrigger as es, SelectIcon as ts, SelectItem as ss, SelectItemText as rs, SelectPortal as ns, SelectContent as as, SelectViewport as ls, SelectRoot as os, Label as is, useForwardExpose as Le, DialogRoot as cs, DialogPortal as us, DialogContent as ds, DialogDescription as ps, DialogOverlay as ms, DialogTitle as fs, ToastClose as hs, ToastRoot as gs, ToastProvider as vs, ToastViewport as bs, DropdownMenuItem as ys, DropdownMenuContent as _s, DropdownMenuRoot as $s, DropdownMenuTrigger as ws, DropdownMenuPortal as xs } from "reka-ui";
+import Cs from "clsx";
+import { cva as Ss } from "class-variance-authority";
+import { twMerge as ks } from "tailwind-merge";
+class xe extends me {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-let Le = null;
+let Ie = null;
 function We() {
-  return Le ?? Ss();
+  return Ie ?? Ms();
 }
-function Ss() {
-  return J(Wt(), (t) => {
-    Le = t, Kt(t);
+function Ms() {
+  return Z(Qt(), (t) => {
+    Ie = t, Jt(t);
   });
 }
-function ks() {
-  return Le ?? We();
+function Es() {
+  return Ie ?? We();
 }
-function Ms(t, s) {
-  return We(), Qt(t, s)();
+function Hs(t, s) {
+  return We(), Zt(t, s)();
 }
-function me(t) {
+function fe(t) {
   var s;
-  return s = class extends fe {
+  return s = class extends he {
     usesStore() {
       return !0;
     }
@@ -67,19 +67,19 @@ To fix this problem, declare your initialState as a function instead.`
       var r;
       return ((r = t.restore) == null ? void 0 : r.call(t, e)) ?? e;
     }
-  }, w(s, "persist", t.persist ?? []), s;
+  }, $(s, "persist", t.persist ?? []), s;
 }
-var ye;
-let fe = (ye = class extends Ue {
+var _e;
+let he = (_e = class extends Ue {
   constructor() {
     super();
-    w(this, "_name");
-    w(this, "_booted");
-    w(this, "_computedStateKeys");
-    w(this, "_watchers");
-    w(this, "_store");
+    $(this, "_name");
+    $(this, "_booted");
+    $(this, "_computedStateKeys");
+    $(this, "_watchers");
+    $(this, "_store");
     const e = this.getComputedStateDefinition();
-    this._name = this.getName() ?? new.target.name, this._booted = new W(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Ms(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new W(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Hs(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -120,7 +120,7 @@ let fe = (ye = class extends Ue {
     if (!this._store)
       return;
     const r = Oe(e), n = ne(this._store.$state, r);
-    ve(n) || this.onPersistentStateUpdated(n);
+    be(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
     return this.hasState(e) ? this.getState(e) : super.__get(e);
@@ -130,7 +130,7 @@ let fe = (ye = class extends Ue {
   }
   onStateUpdated(e, r) {
     const n = ne(e, this.static("persist"));
-    ve(n) || this.onPersistentStateUpdated(n);
+    be(n) || this.onPersistentStateUpdated(n);
     for (const a in e) {
       const o = this._watchers[a];
       !o || e[a] === r[a] || o.call(this, e[a], r[a]);
@@ -140,7 +140,7 @@ let fe = (ye = class extends Ue {
     const r = U.get(this._name);
     r && U.set(this._name, {
       ...r,
-      ...this.serializePersistedState(It(e))
+      ...this.serializePersistedState(Tt(e))
     });
   }
   usesStore() {
@@ -170,7 +170,7 @@ let fe = (ye = class extends Ue {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || ve(this.static("persist")))) {
+    if (!(!this.usesStore() || be(this.static("persist")))) {
       if (U.has(this._name)) {
         const e = U.require(this._name);
         this.setState(this.deserializePersistedState(e));
@@ -182,16 +182,16 @@ let fe = (ye = class extends Ue {
   requireStore() {
     return this._store ? this._store : K(`Failed getting '${this._name}' store`);
   }
-}, w(ye, "persist", []), ye);
-const ga = {
+}, $(_e, "persist", []), _e);
+const Ea = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class Es extends fe {
+class Ls extends he {
   constructor() {
     super(...arguments);
-    w(this, "listeners", {});
+    $(this, "listeners", {});
   }
   async boot() {
     Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, r]) => (
@@ -216,10 +216,10 @@ class Es extends fe {
   once(e, r, n) {
     let a = null;
     const o = typeof r == "function" ? {} : r, c = typeof r == "function" ? r : n;
-    return J(
+    return Z(
       () => a && this.off(e, a),
-      (u) => {
-        a = (...g) => (u(), c(...g)), this.registerListener(e, o, c);
+      (d) => {
+        a = (...v) => (d(), c(...v)), this.registerListener(e, o, c);
       }
     );
   }
@@ -230,27 +230,27 @@ class Es extends fe {
       return;
     const a = [...n.priorities];
     for (const c of a)
-      _e(n.handlers[c] ?? [], r), ((o = n.handlers[c]) == null ? void 0 : o.length) === 0 && (delete n.handlers[c], _e(n.priorities, c));
+      $e(n.handlers[c] ?? [], r), ((o = n.handlers[c]) == null ? void 0 : o.length) === 0 && (delete n.handlers[c], $e(n.priorities, c));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
-    var u, g, $;
+    var d, v, x;
     const a = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const o = ((u = this.listeners[e]) == null ? void 0 : u.priorities) ?? K(`priorities missing for event '${e}'`), c = ((g = this.listeners[e]) == null ? void 0 : g.handlers) ?? K(`handlers missing for event '${e}'`);
-    o.includes(a) || (o.push(a), o.sort((h, x) => x - h), c[a] = []), ($ = c[a]) == null || $.push(n);
+    const o = ((d = this.listeners[e]) == null ? void 0 : d.priorities) ?? K(`priorities missing for event '${e}'`), c = ((v = this.listeners[e]) == null ? void 0 : v.handlers) ?? K(`handlers missing for event '${e}'`);
+    o.includes(a) || (o.push(a), o.sort((h, w) => w - h), c[a] = []), (x = c[a]) == null || x.push(n);
   }
 }
-const L = Z(Es);
-function va(t) {
+const T = G(Ls);
+function Ha(t) {
   return t;
 }
-const Hs = me({
+const Is = fe({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: Lt() ?? "development",
+    environment: Vt() ?? "development",
     version: O.version,
     sourceUrl: O.sourceUrl,
     settings: []
@@ -267,12 +267,12 @@ const Hs = me({
     }
   }
 });
-class Is extends Hs {
+class Ts extends Is {
   constructor() {
     super(...arguments);
-    w(this, "name", O.name);
-    w(this, "ready", new W());
-    w(this, "mounted", new W());
+    $(this, "name", O.name);
+    $(this, "ready", new W());
+    $(this, "mounted", new W());
   }
   isReady() {
     return this.ready.isResolved();
@@ -281,13 +281,13 @@ class Is extends Hs {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push(j(e));
+    this.settings.push(P(e));
   }
   async whenReady(e) {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Rt(e), location.reload(), await Tt();
+    e && Pt(e), location.reload(), await Rt();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -297,15 +297,15 @@ class Is extends Hs {
     return ((r = this.instance) == null ? void 0 : r.config.globalProperties[e]) ?? null;
   }
   async boot() {
-    L.once("application-ready", () => this.ready.resolve()), L.once("application-mounted", () => this.mounted.resolve());
+    T.once("application-ready", () => this.ready.resolve()), T.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const z = Z(Is);
-function ba(t) {
+const j = G(Ts);
+function La(t) {
   return t;
 }
-async function Ls(t, ...s) {
-  z.setState(
+async function Vs(t, ...s) {
+  j.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -313,42 +313,42 @@ async function Ls(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function Rs(t) {
-  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
+function Ps(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${D(r)}"`, "");
 }
-function ya(t) {
+function Ia(t) {
   return t;
 }
-function Ts(t) {
-  const s = oe(t);
-  return s ? ce(s) : void 0;
+function Rs(t) {
+  const s = le(t);
+  return s ? ue(s) : void 0;
 }
 function H(t, s) {
-  return Ts(t) ?? K(s ?? `Could not resolve '${B(t)}' injection key`);
+  return Rs(t) ?? K(s ?? `Could not resolve '${D(t)}' injection key`);
 }
-function Vs(t, s) {
-  return oe(t) ?? K(s ?? `Could not resolve '${B(t)}' injection key`);
+function As(t, s) {
+  return le(t) ?? K(s ?? `Could not resolve '${D(t)}' injection key`);
 }
 function Ke(t) {
-  return typeof t == "string" ? t : t.type === _t ? "" : t.type === wt || t.type === $t ? t.children : t.type === "br" ? `
+  return typeof t == "string" ? t : t.type === wt ? "" : t.type === xt || t.type === Ct ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${Rs(t)}>${Array.from(t.children).map(Ke).join("")}</${t.type}>`;
+` : `<${t.type} ${Ps(t)}>${Array.from(t.children).map(Ke).join("")}</${t.type}>`;
 }
-const be = /* @__PURE__ */ new WeakMap(), Ps = {
-  mounted(t, { value: s }) {
-    const e = typeof s == "function" ? s : null, r = () => {
-      const n = t.getBoundingClientRect();
-      t.style.setProperty("--width", `${n.width}px`), t.style.setProperty("--height", `${n.height}px`), e == null || e({ width: n.width, height: n.height });
+const ye = /* @__PURE__ */ new WeakMap(), zs = {
+  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 });
     };
-    be.set(t, J(new ResizeObserver(r)).observe(t)), r();
+    e.watch && ye.set(t, Z(new ResizeObserver(n)).observe(t)), n();
   },
   unmounted(t) {
     var s;
-    (s = be.get(t)) == null || s.unobserve(t), be.delete(t);
+    (s = ye.get(t)) == null || s.unobserve(t), ye.delete(t);
   }
 }, js = {
-  measure: Ps
-}, As = {
+  measure: zs
+}, Bs = {
   install(t, s) {
     const e = {
       ...js,
@@ -358,10 +358,10 @@ const be = /* @__PURE__ */ new WeakMap(), Ps = {
       t.directive(r, n);
   }
 };
-class zs extends fe {
+class Ds extends he {
   constructor() {
     super(...arguments);
-    w(this, "cache");
+    $(this, "cache");
   }
   async get(e) {
     return await (await this.open()).match(e) ?? null;
@@ -374,30 +374,30 @@ class zs extends fe {
     (await n.keys(e)).length !== 0 && await n.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? J(new W(), (e) => {
+    return this.cache = this.cache ?? Z(new W(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const _a = Z(zs);
-class Bs extends fe {
+const Ta = G(Ds);
+class qs extends he {
   async purge() {
-    await L.emit("purge-storage");
+    await T.emit("purge-storage");
   }
 }
-const Ds = Z(Bs);
-function wa(t, s) {
+const Fs = G(qs);
+function Va(t, s) {
   return {
     ...t,
     ...ne(s, Object.keys(t))
   };
 }
-const qs = {
-  $app: z,
-  $events: L,
-  $storage: Ds
+const Us = {
+  $app: j,
+  $events: T,
+  $storage: Fs
 };
-async function he(t, s) {
+async function ge(t, s) {
   await Promise.all(
     Object.entries(s).map(async ([e, r]) => {
       await r.launch().catch((n) => {
@@ -405,25 +405,25 @@ async function he(t, s) {
         return (o = (a = t.config).errorHandler) == null ? void 0 : o.call(a, n, null, `Failed launching ${e}.`);
       });
     })
-  ), Object.assign(t.config.globalProperties, s), (G() || He()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (Y() || He()) && Object.assign(globalThis, s);
 }
-const Fs = {
+const Os = {
   async install(t, s) {
     var r;
     const e = {
-      ...qs,
+      ...Us,
       ...s.services
     };
-    t.use(ks()), (r = s.settings) == null || r.forEach((n) => z.addSetting(n)), await he(t, e);
+    t.use(Es()), (r = s.settings) == null || r.forEach((n) => j.addSetting(n)), await ge(t, e);
   }
-}, Qe = 768, ue = {
+}, Qe = 768, de = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
 function Je() {
-  return globalThis.innerWidth > Qe ? ue.Desktop : ue.Mobile;
+  return globalThis.innerWidth > Qe ? de.Desktop : de.Mobile;
 }
-const Us = me({
+const Ns = fe({
   name: "ui",
   initialState: {
     modals: [],
@@ -431,16 +431,16 @@ const Us = me({
     layout: Je()
   },
   computed: {
-    desktop: ({ layout: t }) => t === ue.Desktop,
-    mobile: ({ layout: t }) => t === ue.Mobile,
+    desktop: ({ layout: t }) => t === de.Desktop,
+    mobile: ({ layout: t }) => t === de.Mobile,
     openModals: ({ modals: t }) => t.filter(({ closing: s }) => !s)
   }
 });
-class Os extends Us {
+class Ws extends Ns {
   constructor() {
     super(...arguments);
-    w(this, "modalCallbacks", {});
-    w(this, "components", {});
+    $(this, "modalCallbacks", {});
+    $(this, "components", {});
   }
   registerComponent(e, r) {
     this.components[e] = r;
@@ -456,7 +456,7 @@ class Os extends Us {
       title: e,
       message: r
     };
-    this.openModal(this.requireComponent("alert-modal"), n());
+    this.modal(this.requireComponent("alert-modal"), n());
   }
   // prettier-ignore
   /* eslint-enable max-len */
@@ -470,17 +470,17 @@ class Os extends Us {
       title: e,
       message: r,
       required: !!(n != null && n.required)
-    }, u = await (await this.openModal(this.requireComponent("confirm-modal"), o)).beforeClose, g = typeof u == "object" ? u[0] : u ?? !1, $ = typeof u == "object" ? u[1] : Object.entries(o.checkboxes ?? {}).reduce(
-      (h, [x, { default: I }]) => ({
-        [x]: I ?? !1,
-        ...h
+    }, c = await this.modalForm(this.requireComponent("confirm-modal"), o), d = typeof c == "object" ? c[0] : c ?? !1, v = typeof c == "object" ? c[1] : Object.entries(o.checkboxes ?? {}).reduce(
+      (x, [h, { default: w }]) => ({
+        [h]: w ?? !1,
+        ...x
       }),
       {}
     );
-    for (const [h, x] of Object.entries(o.checkboxes ?? {}))
-      if (!(!x.required || $[h]))
-        return g && G() && console.warn(`Confirmed confirm modal was suppressed because required '${h}' checkbox was missing`), [!1, $];
-    return "checkboxes" in o ? [g, $] : g;
+    for (const [x, h] of Object.entries(o.checkboxes ?? {}))
+      if (!(!h.required || v[x]))
+        return d && Y() && console.warn(`Confirmed confirm modal was suppressed because required '${x}' checkbox was missing`), [!1, v];
+    return "checkboxes" in o ? [d, v] : d;
   }
   async prompt(e, r, n) {
     const a = (n == null ? void 0 : n.trim) ?? !0, o = () => typeof r != "string" ? {
@@ -490,53 +490,56 @@ class Os extends Us {
       title: e,
       message: r,
       ...n ?? {}
-    }, u = await (await this.openModal(this.requireComponent("prompt-modal"), o())).beforeClose;
-    return (a && typeof u == "string" ? u == null ? void 0 : u.trim() : u) ?? null;
+    }, c = await this.modalForm(this.requireComponent("prompt-modal"), o());
+    return (a && typeof c == "string" ? c == null ? void 0 : c.trim() : c) ?? null;
   }
   async loading(e, r) {
-    const n = (g) => typeof g == "function" ? Promise.resolve(g()) : g, a = () => typeof e == "string" ? {
+    const n = (v) => typeof v == "function" ? Promise.resolve(v()) : v, a = () => typeof e == "string" ? {
       props: { message: e },
       operationPromise: n(r)
     } : typeof e == "function" || e instanceof Promise ? { operationPromise: n(e) } : {
       props: e,
       operationPromise: n(r)
-    }, { operationPromise: o, props: c } = a(), u = await this.openModal(this.requireComponent("loading-modal"), c);
+    }, { operationPromise: o, props: c } = a(), d = await this.modal(this.requireComponent("loading-modal"), c);
     try {
-      const g = await o;
-      return await we({ ms: 500 }), g;
+      const v = await o;
+      return await we({ ms: 500 }), v;
     } finally {
-      await this.closeModal(u.id);
+      await this.closeModal(d.id);
     }
   }
   toast(e, r = {}) {
     const { component: n, ...a } = r, o = {
       id: ae(),
       properties: { message: e, ...a },
-      component: j(n ?? this.requireComponent("toast"))
+      component: P(n ?? this.requireComponent("toast"))
     };
     this.setState("toasts", this.toasts.concat(o));
   }
-  async openModal(e, r) {
+  async modal(e, r) {
     const n = ae(), a = {}, o = {
       id: n,
       closing: !1,
       properties: r ?? {},
-      component: j(e),
-      beforeClose: new Promise((u) => a.willClose = u),
-      afterClose: new Promise((u) => a.hasClosed = u)
+      component: P(e),
+      beforeClose: new Promise((d) => a.willClose = d),
+      afterClose: new Promise((d) => a.hasClosed = d)
     }, c = this.modals.concat(o);
     return this.modalCallbacks[o.id] = a, this.setState({ modals: c }), await Be(), o;
   }
+  async modalForm(e, r) {
+    return await (await this.modal(e, r)).beforeClose;
+  }
   async closeModal(e, r) {
-    if (!z.isMounted()) {
+    if (!j.isMounted()) {
       await this.removeModal(e, r);
       return;
     }
-    await L.emit("close-modal", { id: e, result: r });
+    await T.emit("close-modal", { id: e, result: r });
   }
   async closeAllModals() {
     for (; this.modals.length > 0; )
-      await this.closeModal(Vt(this.modals[this.modals.length - 1]).id);
+      await this.closeModal(At(this.modals[this.modals.length - 1]).id);
   }
   async boot() {
     this.watchModalEvents(), this.watchMountedEvent(), this.watchViewportBreakpoints();
@@ -549,16 +552,16 @@ class Os extends Us {
     ), (a = (n = this.modalCallbacks[e]) == null ? void 0 : n.hasClosed) == null || a.call(n, r), delete this.modalCallbacks[e];
   }
   watchModalEvents() {
-    L.on("modal-will-close", ({ modal: { id: e }, result: r }) => {
+    T.on("modal-will-close", ({ modal: { id: e }, result: r }) => {
       var a, o;
       const n = this.modals.find((c) => e === c.id);
       n && (n.closing = !0), (o = (a = this.modalCallbacks[e]) == null ? void 0 : a.willClose) == null || o.call(a, r);
-    }), L.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
+    }), T.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
       await this.removeModal(e, r);
     });
   }
   watchMountedEvent() {
-    L.once("application-mounted", async () => {
+    T.once("application-mounted", async () => {
       if (!globalThis.document || !globalThis.getComputedStyle)
         return;
       const e = globalThis.document.getElementById("splash");
@@ -571,8 +574,8 @@ class Os extends Us {
     globalThis.matchMedia(`(min-width: ${Qe}px)`).addEventListener("change", () => this.setState({ layout: Je() }));
   }
 }
-const R = Z(Os);
-class Ns {
+const V = G(Ws);
+class Ks {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -592,13 +595,13 @@ class Ns {
     return ["en"];
   }
   translate(s) {
-    return G() && console.warn("Lang provider is missing"), s;
+    return Y() && console.warn("Lang provider is missing"), s;
   }
   translateWithDefault(s, e) {
-    return G() && console.warn("Lang provider is missing"), e;
+    return Y() && console.warn("Lang provider is missing"), e;
   }
 }
-const Ws = me({
+const Qs = fe({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -607,11 +610,11 @@ const Ws = me({
     fallbackLocale: "en"
   }
 });
-class Ks extends Ws {
+class Js extends Qs {
   constructor() {
     super();
-    w(this, "provider");
-    this.provider = new Ns(
+    $(this, "provider");
+    this.provider = new Ks(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -639,7 +642,7 @@ class Ks extends Ws {
     );
   }
 }
-const Q = Z(Ks), Ze = Q.translate.bind(Q), S = Q.translateWithDefault.bind(Q), Qs = me({
+const Q = G(Js), Ze = Q.translate.bind(Q), S = Q.translateWithDefault.bind(Q), Zs = fe({
   name: "errors",
   initialState: {
     logs: [],
@@ -651,11 +654,11 @@ const Q = Z(Ks), Ze = Q.translate.bind(Q), S = Q.translateWithDefault.bind(Q), Q
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Js extends Qs {
+class Gs extends Zs {
   constructor() {
     super(...arguments);
-    w(this, "forceReporting", !1);
-    w(this, "enabled", !0);
+    $(this, "forceReporting", !1);
+    $(this, "enabled", !0);
   }
   enable() {
     this.enabled = !0;
@@ -663,18 +666,18 @@ class Js extends Qs {
   disable() {
     this.enabled = !1;
   }
-  async inspect(e) {
-    const r = Array.isArray(e) ? e : [await this.createErrorReport(e)];
-    if (r.length === 0) {
-      R.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
+  async inspect(e, r) {
+    if (Array.isArray(e) && e.length === 0) {
+      V.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
-    R.openModal(R.requireComponent("error-report-modal"), { reports: r });
+    const n = Array.isArray(e) ? e[0] : this.isErrorReport(e) ? e : await this.createErrorReport(e), a = Array.isArray(e) ? e : r ?? [n];
+    V.modal(V.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
-    if (await L.emit("error", { error: e, message: r }), He("unit") || (G() && this.logError(e), !this.enabled))
+    if (await T.emit("error", { error: e, message: r }), He("unit") || (Y() && this.logError(e), !this.enabled))
       throw e;
-    if (!z.isMounted()) {
+    if (!j.isMounted()) {
       const o = await this.createStartupErrorReport(e);
       o && this.setState({ startupErrors: this.startupErrors.concat(o) });
       return;
@@ -684,7 +687,7 @@ class Js extends Qs {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    R.toast(
+    V.toast(
       r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
@@ -692,7 +695,7 @@ class Js extends Qs {
           {
             label: S("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => R.openModal(R.requireComponent("error-report-modal"), { reports: [n] })
+            click: () => V.modal(V.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
         ]
       }
@@ -715,14 +718,17 @@ class Js extends Qs {
     });
   }
   logError(e) {
-    console.error(e), $e(e) && e.cause && this.logError(e.cause);
+    console.error(e), ie(e) && e.cause && this.logError(e.cause);
+  }
+  isErrorReport(e) {
+    return ie(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof pe ? this.createErrorReportFromError(e) : $e(e) ? Ne({
-      title: B(
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof me ? this.createErrorReportFromError(e) : ie(e) ? Ne({
+      title: D(
         e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
       ),
-      description: B(
+      description: D(
         e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
       ),
       error: e
@@ -744,51 +750,51 @@ class Js extends Qs {
     };
   }
 }
-const Ge = Z(Js), Xe = [];
-function $a(t) {
+const Ge = G(Gs), Xe = [];
+function Pa(t) {
   Xe.push(t);
 }
-function Zs(t) {
+function Ye(t) {
   for (const s of Xe) {
     const e = s(t);
     if (e)
       return e;
   }
-  return typeof t == "string" ? t : t instanceof Error || t instanceof pe ? t.message : $e(t) ? B(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
+  return typeof t == "string" ? t : t instanceof Error || t instanceof me ? t.message : ie(t) ? D(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
 }
-class Pe extends pe {
+class Re extends me {
 }
-const Gs = { $errors: Ge }, Xs = (t) => (Ge.report(t), !0);
-function Ys(t, s = () => !1) {
-  const e = (r) => s(r) || Xs(r);
+const Xs = { $errors: Ge }, Ys = (t) => (Ge.report(t), !0);
+function er(t, s = () => !1) {
+  const e = (r) => s(r) || Ys(r);
   t.config.errorHandler = e, globalThis.onerror = (r, n, a, o, c) => e(c ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const er = {
+const tr = {
   async install(t, s) {
-    Ys(t, s.handleError), await he(t, Gs);
+    er(t, s.handleError), await ge(t, Xs);
   }
 };
-function tr() {
-  return J(new Te(), (t) => {
+function sr() {
+  return Z(new Ve(), (t) => {
     t.link = function(s) {
-      return Te.prototype.link.apply(this, [s]).replace("<a", '<a target="_blank"');
+      return Ve.prototype.link.apply(this, [s]).replace("<a", '<a target="_blank"');
     };
   });
 }
-function sr(t) {
-  const s = Pt(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function rr(t) {
+  const s = zt(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 rr(t) {
-  let s = Zt(t, { renderer: tr(), async: !1 });
-  return s = nr(s), s = sr(s), s;
-}
 function nr(t) {
-  return Jt.sanitize(t, { ADD_ATTR: ["target"] });
+  let s = Xt(t, { renderer: sr(), async: !1 });
+  return s = ar(s), s = rr(s), s;
 }
-const P = /* @__PURE__ */ v({
+function ar(t) {
+  return Gt.sanitize(t, { ADD_ATTR: ["target"] });
+}
+const lr = /* @__PURE__ */ g({
   __name: "Markdown",
   props: {
     as: {},
@@ -800,28 +806,33 @@ const P = /* @__PURE__ */ v({
     actions: {}
   },
   setup(t) {
-    const s = De(), e = ke(), r = d(() => e.default ? e.default().map(Ke).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : Ze(t.langKey, t.langParams ?? {})))), n = d(() => {
+    const s = De(), e = ke(), r = u(() => e.default ? e.default().map(Ke).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : Ze(t.langKey, t.langParams ?? {})))), n = u(() => {
       if (!r.value)
         return null;
-      let c = rr(r.value);
+      let c = nr(r.value);
       return t.inline && (c = c.replace("<p>", "<span>").replace("</p>", "</span>")), c;
-    }), a = () => xt(t.as ?? (t.inline ? "span" : "div"), {
+    }), a = () => St(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
       onClick: o,
       ...s,
       class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
     });
     async function o(c) {
-      var g, $;
-      const { target: u } = c;
-      if (jt(u, HTMLElement) && u.dataset.markdownAction) {
-        ($ = (g = t.actions) == null ? void 0 : g[u.dataset.markdownAction]) == null || $.call(g);
+      var v, x;
+      const { target: d } = c;
+      if (jt(d, HTMLElement) && d.dataset.markdownAction) {
+        (x = (v = t.actions) == null ? void 0 : v[d.dataset.markdownAction]) == null || x.call(v);
         return;
       }
     }
-    return (c, u) => (i(), m(a));
-  }
-}), ar = /* @__PURE__ */ v({
+    return (c, d) => (i(), f(a));
+  }
+}), or = (t, s) => {
+  const e = t.__vccOpts || t;
+  for (const [r, n] of s)
+    e[r] = n;
+  return e;
+}, A = /* @__PURE__ */ or(lr, [["__scopeId", "data-v-ba56d181"]]), et = /* @__PURE__ */ g({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -837,8 +848,8 @@ const P = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    const s = d(() => t.as ? { as: t.as } : t.route ? {
-      as: R.resolveComponent("router-link") ?? "a",
+    const s = u(() => t.as ? { as: t.as } : t.route ? {
+      as: V.resolveComponent("router-link") ?? "a",
       to: Ne({
         name: t.route,
         params: t.routeParams,
@@ -852,28 +863,26 @@ const P = /* @__PURE__ */ v({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (i(), m(l(Gt), T({
+    return (e, r) => (i(), f(l(Yt), I({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
-      default: p(() => [
+      default: m(() => [
         _(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
 });
-function Ye(t, s) {
-  return d(() => {
-    const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, o = xs(n, a), c = Object.entries(r).reduce((u, [g, $]) => (u[g] = l($), u), {});
-    return E(o(c), l(e));
-  });
+function tt(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, o = Ss(n, a);
+  return E(o(r), l(e));
 }
 function E(...t) {
-  return Cs($s(t));
+  return ks(Cs(t));
 }
-const A = /* @__PURE__ */ v({
+const z = /* @__PURE__ */ g({
   __name: "Button",
   props: {
     class: {},
@@ -889,10 +898,10 @@ const A = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    const s = X(t, ["class", "size", "variant", "disabled"]), e = Ye(
+    const s = J(t, ["class", "size", "variant", "disabled"]), e = u(() => tt(
       { baseClasses: t.class, variant: t.variant, size: t.size, disabled: t.disabled },
       {
-        baseClasses: "flex items-center justify-center gap-1 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
+        baseClasses: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
         variants: {
           variant: {
             default: "bg-primary-600 text-white focus-visible:outline-primary-600",
@@ -900,12 +909,12 @@ const A = /* @__PURE__ */ v({
             danger: "bg-red-600 text-white focus-visible:outline-red-600",
             ghost: "bg-transparent",
             outline: "bg-transparent text-primary-600 ring-primary-600",
-            link: "text-primary-600"
+            link: "text-links"
           },
           size: {
-            small: "text-xs",
-            default: "text-sm",
-            large: "text-base",
+            small: "text-xs min-h-6",
+            default: "text-sm min-h-8",
+            large: "text-base min-h-10",
             icon: "rounded-full p-2.5"
           },
           disabled: {
@@ -916,7 +925,7 @@ const A = /* @__PURE__ */ v({
         compoundVariants: [
           {
             variant: ["default", "secondary", "danger", "ghost", "outline"],
-            class: "font-medium"
+            class: "flex items-center justify-center gap-1 font-medium"
           },
           {
             variant: ["default", "danger"],
@@ -968,61 +977,61 @@ const A = /* @__PURE__ */ v({
           disabled: !1
         }
       }
-    );
-    return (r, n) => (i(), m(ar, T({
-      class: l(e),
+    ));
+    return (r, n) => (i(), f(et, I({
+      class: e.value,
       disabled: r.disabled
     }, s), {
-      default: p(() => [
+      default: m(() => [
         _(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function or(t) {
+function ir(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-function et(t, s) {
-  const e = L.on(t, s);
-  de(() => e());
+function st(t, s) {
+  const e = T.on(t, s);
+  pe(() => e());
 }
-const lr = {
+const cr = {
   required: (t) => t ? void 0 : "required"
-}, ie = { ...lr };
-function xa(t, s) {
-  ie[t] = s;
+}, ce = { ...cr };
+function Ra(t, s) {
+  ce[t] = s;
 }
-function ir(t, s) {
+function ur(t, s) {
   var r;
-  const e = (r = ie[s]) == null ? void 0 : r.call(ie, t);
+  const e = (r = ce[s]) == null ? void 0 : r.call(ce, t);
   return e ? Oe(e) : [];
 }
-const Ca = Symbol(), je = /* @__PURE__ */ new WeakMap();
-class cr extends Ue {
+const Aa = Symbol(), Ae = /* @__PURE__ */ new WeakMap();
+class dr extends Ue {
   constructor(e) {
     super();
-    w(this, "errors");
-    w(this, "_fields");
-    w(this, "_data");
-    w(this, "_submitted");
-    w(this, "_errors");
-    w(this, "_listeners", {});
-    this._fields = e, this._submitted = q(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), je.set(
+    $(this, "errors");
+    $(this, "_fields");
+    $(this, "_data");
+    $(this, "_submitted");
+    $(this, "_errors");
+    $(this, "_listeners", {});
+    this._fields = e, this._submitted = F(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Ae.set(
       this,
-      d(() => !Object.values(this._errors).some((r) => r !== null))
+      u(() => !Object.values(this._errors).some((r) => r !== null))
     ), this.errors = Me(this._errors);
   }
   get valid() {
     var e;
-    return !!((e = je.get(this)) != null && e.value);
+    return !!((e = Ae.get(this)) != null && e.value);
   }
   get submitted() {
     return this._submitted.value;
   }
   setFieldValue(e, r) {
-    const n = this._fields[e] ?? K(`Trying to set undefined '${B(e)}' field`);
-    this._data[e] = n.type === "string" && (n.trim ?? !0) ? B(r).trim() : r, this._submitted.value && this.validate();
+    const n = this._fields[e] ?? K(`Trying to set undefined '${D(e)}' field`);
+    this._data[e] = n.type === "string" && (n.trim ?? !0) ? D(r).trim() : r, this._submitted.value && this.validate();
   }
   getFieldValue(e) {
     return this._data[e];
@@ -1055,7 +1064,7 @@ class cr extends Ue {
     return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(r), () => this.off(e, r);
   }
   off(e, r) {
-    _e(this._listeners[e] ?? [], r);
+    $e(this._listeners[e] ?? [], r);
   }
   async focus(e) {
     var r;
@@ -1074,21 +1083,21 @@ class cr extends Ue {
   getFieldErrors(e, r) {
     var c;
     const n = [], a = this._data[e], o = ((c = r.rules) == null ? void 0 : c.split("|")) ?? [];
-    for (const u of o)
-      u !== "required" && a == null || n.push(...ir(a, u));
+    for (const d of o)
+      d !== "required" && a == null || n.push(...ur(a, d));
     return n.length > 0 ? n : null;
   }
   getInitialData(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.entries(e).reduce((n, [a, o]) => (n[a] = o.default ?? null, n), {});
-    return ce(r);
+    return ue(r);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return ce(r);
+    return ue(r);
   }
   resetData() {
     for (const [e, r] of Object.entries(this._fields))
@@ -1098,75 +1107,75 @@ class cr extends Ue {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function tt(t, s) {
-  const e = oe("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
-  de(() => r == null ? void 0 : r());
+function rt(t, s) {
+  const e = le("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
+  pe(() => r == null ? void 0 : r());
 }
-function st(t) {
-  return new cr(t);
+function nt(t) {
+  return new dr(t);
 }
-function rt() {
-  const t = De(), s = d(() => t.class);
-  return [d(() => At(t, "class")), s];
+function at() {
+  const t = De(), s = u(() => t.class);
+  return [u(() => Bt(t, "class")), s];
 }
-function Sa(t) {
-  let s = zt;
-  Ct(() => s = t()), de(() => s());
+function za(t) {
+  let s = Dt;
+  kt(() => s = t()), pe(() => s());
 }
-function ka(t, s) {
-  const e = ce(U.get(t) ?? s);
-  return Ee(e, () => U.set(t, St(e))), e;
+function ja(t, s) {
+  const e = ue(U.get(t) ?? s);
+  return Ee(e, () => U.set(t, Mt(e))), e;
 }
-function Ma(t) {
-  const s = q(), e = d(t);
+function Ba(t) {
+  const s = F(), e = u(t);
   return Ee(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-function Ea(t, s) {
-  const e = s ? t : {}, r = s ?? t, n = q(e.initial ?? null), a = Bt((o) => n.value = o, e.delay ?? 300);
-  return le(() => a(r())), n;
+function Da(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = F(e.initial ?? null), a = qt((o) => n.value = o, e.delay ?? 300);
+  return oe(() => a(r())), n;
 }
-const nt = /* @__PURE__ */ v({
+const lt = /* @__PURE__ */ g({
   __name: "HeadlessSelectValue",
   setup(t) {
     const s = H(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (i(), m(l(Ve), {
+    return (e, r) => e.$slots.default ? (i(), f(l(Pe), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
-      default: p(() => [
+      default: m(() => [
         _(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (i(), m(l(Ve), {
+    }, 8, ["placeholder"])) : (i(), f(l(Pe), {
       key: 1,
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), at = /* @__PURE__ */ v({
+}), ot = /* @__PURE__ */ g({
   __name: "HeadlessSelectTrigger",
   setup(t) {
     const s = H(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (i(), m(l(Xt), {
+    return (e, r) => (i(), f(l(es), {
       id: l(s).id
     }, {
-      default: p(() => [
+      default: m(() => [
         _(e.$slots, "default", {}, () => [
-          f(nt, {
+          p(lt, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          f(l(Yt))
+          p(l(ts))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), ot = /* @__PURE__ */ v({
+}), it = /* @__PURE__ */ g({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1179,17 +1188,17 @@ const nt = /* @__PURE__ */ v({
     const s = H(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
-    ), e = d(() => {
+    ), e = u(() => {
       var n;
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
-      return r ? r.label : B(t.value);
+      return r ? r.label : D(t.value);
     });
-    return (r, n) => (i(), m(l(es), Y(ee(r.$props)), {
-      default: p(() => [
-        f(l(ts), null, {
-          default: p(() => [
+    return (r, n) => (i(), f(l(ss), ee(te(r.$props)), {
+      default: m(() => [
+        p(l(rs), null, {
+          default: m(() => [
             _(r.$slots, "default", {}, () => [
-              V(C(e.value), 1)
+              R(C(e.value), 1)
             ])
           ]),
           _: 3
@@ -1198,7 +1207,7 @@ const nt = /* @__PURE__ */ v({
       _: 3
     }, 16));
   }
-}), lt = /* @__PURE__ */ v({
+}), ct = /* @__PURE__ */ g({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
@@ -1208,23 +1217,23 @@ const nt = /* @__PURE__ */ v({
     const s = H(
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
-    ), e = d(() => E("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
-    return (r, n) => (i(), m(l(ss), null, {
-      default: p(() => [
-        f(l(rs), {
+    ), e = u(() => E("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (i(), f(l(ns), null, {
+      default: m(() => [
+        p(l(as), {
           position: "popper",
           class: k(e.value),
           align: l(s).align,
           side: l(s).side,
           "side-offset": 4
         }, {
-          default: p(() => [
-            f(l(ns), {
+          default: m(() => [
+            p(l(ls), {
               class: k(r.innerClass)
             }, {
-              default: p(() => [
+              default: m(() => [
                 _(r.$slots, "default", {}, () => [
-                  (i(!0), b(D, null, F(l(s).options ?? [], (a) => (i(), m(ot, {
+                  (i(!0), b(B, null, q(l(s).options ?? [], (a) => (i(), f(it, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1239,7 +1248,7 @@ const nt = /* @__PURE__ */ v({
       _: 3
     }));
   }
-}), ur = /* @__PURE__ */ v({
+}), pr = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1259,28 +1268,28 @@ const nt = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = oe("form", null), a = d(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), o = d(() => a.value), c = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = d(() => t.options ? t.options.map((h) => ({
+    const r = e, n = le("form", null), a = u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), o = u(() => a.value), c = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), d = u(() => t.options ? t.options.map((h) => ({
       key: ae(),
-      label: t.renderOption ? t.renderOption(h) : or(h) ? Dt(h.label) : B(h),
+      label: t.renderOption ? t.renderOption(h) : ir(h) ? Ft(h.label) : D(h),
       value: h
-    })) : null), g = {
+    })) : null), v = {
       labelClass: t.labelClass,
       optionsClass: t.optionsClass,
       align: t.align,
       side: t.side,
       value: a,
       id: `select-${ae()}`,
-      name: d(() => t.name),
-      label: d(() => t.label),
-      description: d(() => t.description),
-      placeholder: d(() => t.placeholder ?? S("ui.select", "Select an option")),
-      options: u,
-      selectedOption: d(() => {
+      name: u(() => t.name),
+      label: u(() => t.label),
+      description: u(() => t.description),
+      placeholder: u(() => t.placeholder ?? S("ui.select", "Select an option")),
+      options: d,
+      selectedOption: u(() => {
         var h;
-        return (h = u.value) == null ? void 0 : h.find((x) => x.value === t.modelValue);
+        return (h = d.value) == null ? void 0 : h.find((w) => w.value === t.modelValue);
       }),
       errors: Me(c),
-      required: d(() => {
+      required: u(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
@@ -1292,23 +1301,23 @@ const nt = /* @__PURE__ */ v({
         r("update:modelValue", h);
       }
     };
-    function $(h) {
-      g.update(h);
+    function x(h) {
+      v.update(h);
     }
-    return te("select", g), s(g), (h, x) => (i(), m(l(as), {
+    return se("select", v), s(v), (h, w) => (i(), f(l(os), {
       "model-value": o.value,
       by: h.compareOptions,
-      "onUpdate:modelValue": x[0] || (x[0] = (I) => $(I))
+      "onUpdate:modelValue": w[0] || (w[0] = (L) => x(L))
     }, {
-      default: p(({ open: I }) => [
-        (i(), m(N(h.as), Y(ee(h.$attrs)), {
-          default: p(() => [
+      default: m(({ open: L }) => [
+        (i(), f(N(h.as), ee(te(h.$attrs)), {
+          default: m(() => [
             _(h.$slots, "default", {
               modelValue: h.modelValue,
-              open: I
+              open: L
             }, () => [
-              f(at),
-              f(lt)
+              p(ot),
+              p(ct)
             ])
           ]),
           _: 2
@@ -1317,7 +1326,7 @@ const nt = /* @__PURE__ */ v({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Ae = /* @__PURE__ */ v({
+}), ze = /* @__PURE__ */ g({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
@@ -1327,37 +1336,37 @@ const nt = /* @__PURE__ */ v({
     const s = H(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = ke(), r = d(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), m(l(os), T({
+    ), e = ke(), r = u(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (i(), f(l(is), I({
       key: 0,
       for: l(s).id
     }, n.$props), {
-      default: p(() => [
+      default: m(() => [
         _(n.$slots, "default", {}, () => [
-          V(C(l(s).label), 1)
+          R(C(l(s).label), 1)
         ])
       ]),
       _: 3
     }, 16, ["for"])) : M("", !0);
   }
-}), it = /* @__PURE__ */ v({
+}), ut = /* @__PURE__ */ g({
   __name: "SelectLabel",
   setup(t) {
-    const s = H("select", "<SelectLabel> must be a child of a <Select>"), e = d(() => E("block text-sm leading-6 font-medium text-gray-900", s.labelClass));
-    return (r, n) => r.$slots.default ? (i(), m(Ae, {
+    const s = H("select", "<SelectLabel> must be a child of a <Select>"), e = u(() => E("block text-sm leading-6 font-medium text-gray-900", s.labelClass));
+    return (r, n) => r.$slots.default ? (i(), f(ze, {
       key: 0,
       class: k(e.value)
     }, {
-      default: p(() => [
+      default: m(() => [
         _(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (i(), m(Ae, {
+    }, 8, ["class"])) : (i(), f(ze, {
       key: 1,
       class: k(e.value)
     }, null, 8, ["class"]));
   }
-}), ze = /* @__PURE__ */ v({
+}), je = /* @__PURE__ */ g({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1365,16 +1374,16 @@ const nt = /* @__PURE__ */ v({
     innerClass: {}
   },
   setup(t) {
-    const s = d(() => E("group p-1 outline-none", t.class)), e = d(() => E(
+    const s = u(() => E("group p-1 outline-none", t.class)), e = u(() => E(
       // 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) => (i(), m(ot, {
+    return (r, n) => (i(), f(it, {
       class: k(s.value),
       value: r.value
     }, {
-      default: p(() => [
+      default: m(() => [
         y("div", {
           class: k(e.value)
         }, [
@@ -1384,43 +1393,43 @@ const nt = /* @__PURE__ */ v({
       _: 3
     }, 8, ["class", "value"]));
   }
-}), ct = /* @__PURE__ */ v({
+}), dt = /* @__PURE__ */ g({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = H("select", "<SelectOptions> must be a child of a <Select>"), e = d(() => E(
+    const s = H("select", "<SelectOptions> must be a child of a <Select>"), e = u(() => E(
       "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) => (i(), m(lt, {
+    return (r, n) => (i(), f(ct, {
       class: k(e.value)
     }, {
-      default: p(() => {
-        var a, o;
+      default: m(() => {
+        var a;
         return [
-          (o = (a = l(s)) == null ? void 0 : a.options) != null && o.length ? _(r.$slots, "default", { key: 0 }, () => {
-            var c;
+          (a = l(s).options) != null && a.length ? _(r.$slots, "default", { key: 0 }, () => {
+            var o;
             return [
-              (i(!0), b(D, null, F(((c = l(s)) == null ? void 0 : c.options) ?? [], (u) => (i(), m(ze, {
-                key: u.key,
-                value: u.value
+              (i(!0), b(B, null, q(((o = l(s)) == null ? void 0 : o.options) ?? [], (c) => (i(), f(je, {
+                key: c.key,
+                value: c.value
               }, {
-                default: p(() => [
-                  V(C(u.label), 1)
+                default: m(() => [
+                  R(C(c.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
-          }) : _(r.$slots, "empty", { key: 1 }, () => [
-            f(ze, {
+          }) : _(r.$slots, "default", { key: 1 }, () => [
+            p(je, {
               disabled: "",
               value: null
             }, {
-              default: p(() => [
-                V(C(r.$td("ui.selectEmpty", "No options available")), 1)
+              default: m(() => [
+                R(C(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1430,42 +1439,42 @@ const nt = /* @__PURE__ */ v({
       _: 3
     }, 8, ["class"]));
   }
-}), dr = {
+}), mr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function pr(t, s) {
-  return i(), b("svg", dr, s[0] || (s[0] = [
+function fr(t, s) {
+  return i(), b("svg", mr, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "m9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828L5.757 6.586L4.343 8z"
     }, null, -1)
   ]));
 }
-const mr = j({ name: "zondicons-cheveron-down", render: pr }), ut = /* @__PURE__ */ v({
+const hr = P({ name: "zondicons-cheveron-down", render: fr }), pt = /* @__PURE__ */ g({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = H("select", "<SelectTrigger> must be a child of a <Select>"), e = d(() => E(
+    const s = H("select", "<SelectTrigger> must be a child of a <Select>"), e = u(() => E(
       // 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) => (i(), m(at, {
+    return (r, n) => (i(), f(ot, {
       class: k(e.value)
     }, {
-      default: p(() => [
-        f(nt, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        f(l(mr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+      default: m(() => [
+        p(lt, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        p(l(hr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), fr = /* @__PURE__ */ v({
+}), gr = /* @__PURE__ */ g({
   __name: "Select",
   props: {
     as: {},
@@ -1484,30 +1493,30 @@ const mr = j({ name: "zondicons-cheveron-down", render: pr }), ut = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Ie();
-    return (e, r) => (i(), m(ur, T({ ref: l(s) }, e.$props, {
+    const { forwardRef: s } = Le();
+    return (e, r) => (i(), f(pr, I({ ref: l(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
-      default: p(() => [
-        f(it),
+      default: m(() => [
+        p(ut),
         _(e.$slots, "default", {}, () => [
-          f(ut),
-          f(ct)
+          p(pt),
+          p(dt)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), hr = { class: "grow" }, gr = /* @__PURE__ */ v({
+}), vr = { class: "grow" }, br = /* @__PURE__ */ g({
   __name: "Language",
   setup(t) {
-    const s = Q.getBrowserLocale(), e = d(() => [null, ...Q.locales]);
+    const s = Q.getBrowserLocale(), e = u(() => [null, ...Q.locales]);
     function r(n) {
       return (n && O.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
         locale: O.locales[s] ?? s
       });
     }
-    return (n, a) => (i(), m(fr, {
+    return (n, a) => (i(), f(gr, {
       modelValue: n.$lang.locale,
       "onUpdate:modelValue": a[0] || (a[0] = (o) => n.$lang.locale = o),
       class: "flex flex-col items-start md:flex-row",
@@ -1515,60 +1524,60 @@ const mr = j({ name: "zondicons-cheveron-down", render: pr }), ut = /* @__PURE__
       options: e.value,
       "render-option": r
     }, {
-      default: p(() => [
-        y("div", hr, [
-          f(it, null, {
-            default: p(() => [
-              V(C(n.$td("settings.locale", "Language")), 1)
+      default: m(() => [
+        y("div", vr, [
+          p(ut, null, {
+            default: m(() => [
+              R(C(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
-          f(P, {
+          p(A, {
             "lang-key": "settings.localeDescription",
             "lang-default": "Choose the application's language.",
             class: "mt-1 text-sm text-gray-500"
           })
         ]),
-        f(A, {
+        p(z, {
           variant: "ghost",
-          as: ut,
+          as: pt,
           class: "grid w-auto outline-none"
         }),
-        f(ct)
+        p(dt)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), vr = [
+}), yr = [
   {
     priority: 100,
-    component: gr
+    component: br
   }
-], br = { $lang: Q }, yr = {
+], _r = { $lang: Q }, $r = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = Ze), t.config.globalProperties.$td = S, vr.forEach((e) => z.addSetting(e)), await he(t, br);
+    (s = t.config.globalProperties).$t ?? (s.$t = Ze), t.config.globalProperties.$td = S, yr.forEach((e) => j.addSetting(e)), await ge(t, _r);
   }
-}, _r = {
+}, wr = {
   async install() {
     He() && (globalThis.testingRuntime = {
-      on: (...t) => L.on(...t)
+      on: (...t) => T.on(...t)
     });
   }
-}, wr = {
+}, xr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function $r(t, s) {
-  return i(), b("svg", wr, s[0] || (s[0] = [
+function Cr(t, s) {
+  return i(), b("svg", xr, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414z"
     }, null, -1)
   ]));
 }
-const xr = j({ name: "zondicons-close", render: $r }), Cr = /* @__PURE__ */ v({
+const Sr = P({ name: "zondicons-close", render: Cr }), kr = /* @__PURE__ */ g({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
@@ -1578,26 +1587,26 @@ const xr = j({ name: "zondicons-close", render: $r }), Cr = /* @__PURE__ */ v({
     descriptionHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = q(null), { modal: r } = H(
+    const e = F(null), { modal: r } = H(
       "modal",
-      "could not obtain modal reference from <HeadlessModal>, did you render this component manually? Show it using $ui.openModal() instead"
+      "could not obtain modal reference from <HeadlessModal>, did you render this component manually? Show it using $ui.modal() instead"
     );
     s({ close: o, $content: e });
-    const { forwardRef: n } = Ie(), a = q(!1);
-    te("$modalContentRef", e), et("close-modal", async ({ id: c, result: u }) => {
-      c === r.id && await o(u);
+    const { forwardRef: n } = Le(), a = F(!1);
+    se("$modalContentRef", e), st("close-modal", async ({ id: c, result: d }) => {
+      c === r.id && await o(d);
     });
     async function o(c) {
-      a.value || (await L.emit("modal-will-close", { modal: r, result: c }), a.value = !0, await L.emit("modal-has-closed", { modal: r, result: c }));
+      a.value || (await T.emit("modal-will-close", { modal: r, result: c }), a.value = !0, await T.emit("modal-has-closed", { modal: r, result: c }));
     }
-    return (c, u) => (i(), m(l(ls), {
+    return (c, d) => (i(), f(l(cs), {
       ref: l(n),
       open: "",
-      "onUpdate:open": u[0] || (u[0] = (g) => c.persistent || o())
+      "onUpdate:open": d[0] || (d[0] = (v) => c.persistent || o())
     }, {
-      default: p(() => [
-        f(l(is), null, {
-          default: p(() => [
+      default: m(() => [
+        p(l(us), null, {
+          default: m(() => [
             _(c.$slots, "default", { close: o })
           ]),
           _: 3
@@ -1606,35 +1615,35 @@ const xr = j({ name: "zondicons-close", render: $r }), Cr = /* @__PURE__ */ v({
       _: 3
     }, 512));
   }
-}), dt = /* @__PURE__ */ v({
+}), mt = /* @__PURE__ */ g({
   __name: "ModalContext",
   props: {
     modal: {},
     childIndex: {}
   },
   setup(t) {
-    const s = t, e = d(() => {
+    const s = t, e = u(() => {
       const r = {};
       for (const n in s.modal.properties)
         r[n] = l(s.modal.properties[n]);
       return r;
     });
-    return te("modal", {
-      modal: Re(s, "modal"),
-      childIndex: Re(s, "childIndex")
-    }), (r, n) => (i(), m(N(r.modal.component), Y(ee(e.value)), null, 16));
+    return se("modal", {
+      modal: Te(s, "modal"),
+      childIndex: Te(s, "childIndex")
+    }), (r, n) => (i(), f(N(r.modal.component), ee(te(e.value)), null, 16));
   }
-}), Sr = /* @__PURE__ */ v({
+}), Mr = /* @__PURE__ */ g({
   __name: "HeadlessModalContent",
   setup(t) {
     const { childIndex: s = 0 } = H(
       "modal",
-      "could not obtain modal reference from <HeadlessModalContent>, did you render this component manually? Show it using $ui.openModal() instead"
-    ), e = Vs("$modalContentRef"), r = se("$contentRef"), n = d(() => R.modals[s] ?? null);
-    return le(() => e.value = r.value), (a, o) => (i(), m(l(cs), { ref: "$contentRef" }, {
-      default: p(() => [
+      "could not obtain modal reference from <HeadlessModalContent>, did you render this component manually? Show it using $ui.modal() instead"
+    ), e = As("$modalContentRef"), r = re("$contentRef"), n = u(() => V.modals[s] ?? null);
+    return oe(() => e.value = r.value), (a, o) => (i(), f(l(ds), { ref: "$contentRef" }, {
+      default: m(() => [
         _(a.$slots, "default"),
-        n.value ? (i(), m(dt, {
+        n.value ? (i(), f(mt, {
           key: 0,
           "child-index": l(s) + 1,
           modal: n.value
@@ -1643,21 +1652,21 @@ const xr = j({ name: "zondicons-close", render: $r }), Cr = /* @__PURE__ */ v({
       _: 3
     }, 512));
   }
-}), kr = /* @__PURE__ */ v({
+}), Er = /* @__PURE__ */ g({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(l(us), Y(ee(s.$props)), {
-      default: p(() => [
+    return (s, e) => (i(), f(l(ps), ee(te(s.$props)), {
+      default: m(() => [
         _(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Mr = /* @__PURE__ */ v({
+}), Hr = /* @__PURE__ */ g({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1665,31 +1674,31 @@ const xr = j({ name: "zondicons-close", render: $r }), Cr = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(l(ds), Y(ee(s.$props)), {
-      default: p(() => [
+    return (s, e) => (i(), f(l(ms), ee(te(s.$props)), {
+      default: m(() => [
         _(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Er = /* @__PURE__ */ v({
+}), Lr = /* @__PURE__ */ g({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(l(ps), Y(ee(s.$props)), {
-      default: p(() => [
+    return (s, e) => (i(), f(l(fs), ee(te(s.$props)), {
+      default: m(() => [
         _(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Hr = {
+}), Ir = {
   key: 0,
   class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, Ir = ["onClick"], Lr = { class: "sr-only" }, re = /* @__PURE__ */ v({
+}, Tr = ["onClick"], Vr = { class: "sr-only" }, X = /* @__PURE__ */ g({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
@@ -1697,25 +1706,25 @@ const xr = j({ name: "zondicons-close", render: $r }), Cr = /* @__PURE__ */ v({
     titleHidden: { type: Boolean },
     description: {},
     descriptionHidden: { type: Boolean },
-    dismissable: { type: Boolean, default: !0 },
     wrapperClass: { default: "" },
-    class: { default: "" }
+    class: { default: "" },
+    closeHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = X(t, ["class", "dismissable", "wrapperClass", "title", "titleHidden", "description", "persistent"]);
+    const e = J(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden"]);
     s({
       close: async (h) => {
-        var x;
-        return (x = a.value) == null ? void 0 : x.close(h);
+        var w;
+        return (w = a.value) == null ? void 0 : w.close(h);
       },
-      $content: d(() => {
+      $content: u(() => {
         var h;
         return (h = a.value) == null ? void 0 : h.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Ie(), a = n, o = H("modal"), c = d(() => !o.modal.closing && o.childIndex === R.openModals.length), u = d(() => t.description ? {} : { "aria-describedby": void 0 }), g = d(() => E({ "mt-2": t.title && !t.titleHidden }, t.class)), $ = d(() => E(
+    const { forwardRef: r, currentRef: n } = Le(), a = n, o = H("modal"), c = u(() => !o.modal.closing && o.childIndex === V.openModals.length), d = u(() => t.description ? {} : { "aria-describedby": void 0 }), v = u(() => E("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), x = u(() => E(
       "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 px-4 pt-5 pb-4 text-left shadow-xl sm:max-w-lg",
+      "overflow-hidden rounded-lg bg-white text-left shadow-xl sm:max-w-lg",
       "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
       "transition-[scale,opacity] will-change-[scale,opacity] duration-300",
       {
@@ -1724,49 +1733,49 @@ const xr = j({ name: "zondicons-close", render: $r }), Cr = /* @__PURE__ */ v({
       },
       t.wrapperClass
     ));
-    return et("modal-will-close", async ({ modal: { id: h } }) => {
+    return st("modal-will-close", async ({ modal: { id: h } }) => {
       h === o.modal.id && await we({ ms: 300 });
-    }), (h, x) => (i(), m(Cr, T(e, {
-      ref: (I) => l(r)(I),
+    }), (h, w) => (i(), f(kr, I(e, {
+      ref: (L) => l(r)(L),
       persistent: h.persistent
     }), {
-      default: p(({ close: I }) => [
-        f(Mr, {
+      default: m(({ close: L }) => [
+        p(Hr, {
           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(o).childIndex === 1,
             "opacity-0": l(o).childIndex === 1 && l(o).modal.closing
           }])
         }, null, 8, ["class"]),
-        f(Sr, T(u.value, { class: $.value }), {
-          default: p(() => [
-            !h.persistent && h.dismissable ? (i(), b("div", Hr, [
+        p(Mr, I(d.value, { class: x.value }), {
+          default: m(() => [
+            !h.persistent && !h.closeHidden ? (i(), b("div", Ir, [
               y("button", {
                 type: "button",
                 class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                onClick: (ge) => I()
+                onClick: (ve) => L()
               }, [
-                y("span", Lr, C(h.$td("ui.close", "Close")), 1),
-                f(l(xr), { class: "size-4" })
-              ], 8, Ir)
+                y("span", Vr, C(h.$td("ui.close", "Close")), 1),
+                p(l(Sr), { class: "size-4" })
+              ], 8, Tr)
             ])) : M("", !0),
-            h.title ? (i(), m(Er, {
+            h.title ? (i(), f(Lr, {
               key: 1,
-              class: k(["text-base font-semibold text-gray-900", { "sr-only": h.titleHidden }])
+              class: k(["px-4 pt-5 pb-2 text-base font-semibold text-gray-900", { "sr-only": h.titleHidden }])
             }, {
-              default: p(() => [
-                f(P, {
+              default: m(() => [
+                p(A, {
                   text: h.title,
                   inline: ""
                 }, null, 8, ["text"])
               ]),
               _: 1
             }, 8, ["class"])) : M("", !0),
-            h.description ? (i(), m(kr, {
+            h.description ? (i(), f(Er, {
               key: 2,
               class: k({ "sr-only": h.descriptionHidden })
             }, {
-              default: p(() => [
-                f(P, {
+              default: m(() => [
+                p(A, {
                   text: h.description,
                   class: "mt-1 text-sm leading-6 text-gray-500"
                 }, null, 8, ["text"])
@@ -1774,9 +1783,9 @@ const xr = j({ name: "zondicons-close", render: $r }), Cr = /* @__PURE__ */ v({
               _: 1
             }, 8, ["class"])) : M("", !0),
             y("div", {
-              class: k(g.value)
+              class: k(v.value)
             }, [
-              _(h.$slots, "default", { close: I })
+              _(h.$slots, "default", { close: L })
             ], 2)
           ]),
           _: 2
@@ -1785,21 +1794,30 @@ const xr = j({ name: "zondicons-close", render: $r }), Cr = /* @__PURE__ */ v({
       _: 3
     }, 16, ["persistent"]));
   }
-}), Rr = /* @__PURE__ */ v({
+});
+function Pr(t) {
+  const s = u(() => t.title ?? S("ui.alert", "Alert")), e = u(() => !t.title);
+  return { renderedTitle: s, titleHidden: e };
+}
+const Rr = /* @__PURE__ */ g({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    return s(), (e, r) => (i(), m(re, { title: e.title }, {
-      default: p(() => [
-        f(P, { text: e.message }, null, 8, ["text"])
+    const e = t, { renderedTitle: r, titleHidden: n } = Pr(e);
+    return s(), (a, o) => (i(), f(X, {
+      title: l(r),
+      "title-hidden": l(n)
+    }, {
+      default: m(() => [
+        p(A, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
-    }, 8, ["title"]));
+    }, 8, ["title", "title-hidden"]));
   }
-}), pt = /* @__PURE__ */ v({
+}), ft = /* @__PURE__ */ g({
   __name: "Form",
   props: {
     form: {}
@@ -1808,10 +1826,10 @@ const xr = j({ name: "zondicons-close", render: $r }), Cr = /* @__PURE__ */ v({
   setup(t, { emit: s }) {
     let e;
     const r = s;
-    return le((n) => {
+    return oe((n) => {
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
-    }), te("form", t.form), (n, a) => (i(), b("form", {
+    }), se("form", t.form), (n, a) => (i(), b("form", {
       onSubmit: a[0] || (a[0] = qe((o) => {
         var c;
         return (c = n.form) == null ? void 0 : c.submit();
@@ -1821,26 +1839,26 @@ const xr = j({ name: "zondicons-close", render: $r }), Cr = /* @__PURE__ */ v({
     ], 32));
   }
 });
-function Tr(t) {
-  const s = st(
+function Ar(t) {
+  const s = nt(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (n, [a, o]) => ({
-        [a]: {
+      (o, [c, d]) => ({
+        [c]: {
           type: "boolean",
-          default: o.default,
-          required: o.required ? "required" : void 0
+          default: d.default,
+          required: d.required ? "required" : void 0
         },
-        ...n
+        ...o
       }),
       {}
     )
-  ), e = d(() => t.acceptText ?? S("ui.accept", "Ok")), r = d(() => t.cancelText ?? S("ui.cancel", "Cancel"));
-  return { form: s, renderedAcceptText: e, renderedCancelText: r };
+  ), e = u(() => t.title ?? S("ui.confirm", "Confirm")), r = u(() => !t.title), n = u(() => t.acceptText ?? S("ui.accept", "Ok")), a = u(() => t.cancelText ?? S("ui.cancel", "Cancel"));
+  return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const Vr = {
+const zr = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, Pr = { class: "flex items-center" }, jr = ["onUpdate:modelValue", "required"], Ar = { class: "ml-1.5" }, zr = { class: "mt-4 flex flex-row-reverse gap-2" }, Br = /* @__PURE__ */ v({
+}, jr = { class: "flex items-center" }, Br = ["onUpdate:modelValue", "required"], Dr = { class: "ml-1.5" }, qr = { class: "mt-4 flex flex-row-reverse gap-2" }, Fr = /* @__PURE__ */ g({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -1854,53 +1872,54 @@ const Vr = {
     required: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = X(t, ["cancelVariant"]), { form: r, renderedAcceptText: n, renderedCancelText: a } = Tr(e);
-    return s(), (o, c) => (i(), m(re, {
-      title: o.title,
+    const e = J(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: o, renderedCancelText: c } = Ar(e);
+    return s(), (d, v) => (i(), f(X, {
+      title: l(n),
+      "title-hidden": l(a),
       persistent: ""
     }, {
-      default: p(({ close: u }) => [
-        f(pt, {
+      default: m(({ close: x }) => [
+        p(ft, {
           form: l(r),
-          onSubmit: (g) => u([!0, l(r).data()])
+          onSubmit: (h) => x([!0, l(r).data()])
         }, {
-          default: p(() => [
-            f(P, {
-              text: o.message,
-              actions: o.actions
+          default: m(() => [
+            p(A, {
+              text: d.message,
+              actions: d.actions
             }, null, 8, ["text", "actions"]),
-            o.checkboxes ? (i(), b("ul", Vr, [
-              (i(!0), b(D, null, F(o.checkboxes, (g, $) => (i(), b("li", { key: $ }, [
-                y("label", Pr, [
+            d.checkboxes ? (i(), b("ul", zr, [
+              (i(!0), b(B, null, q(d.checkboxes, (h, w) => (i(), b("li", { key: w }, [
+                y("label", jr, [
                   Fe(y("input", {
-                    "onUpdate:modelValue": (h) => l(r)[$] = h,
+                    "onUpdate:modelValue": (L) => l(r)[w] = L,
                     type: "checkbox",
-                    required: g.required,
+                    required: h.required,
                     class: "border-primary-600 text-primary-600 hover:bg-primary-50 hover:checked:bg-primary-500 focus:ring-primary-600 focus-visible:ring-primary-600 rounded border-2"
-                  }, null, 8, jr), [
-                    [kt, l(r)[$]]
+                  }, null, 8, Br), [
+                    [Et, l(r)[w]]
                   ]),
-                  y("span", Ar, C(g.label), 1)
+                  y("span", Dr, C(h.label), 1)
                 ])
               ]))), 128))
             ])) : M("", !0),
-            y("div", zr, [
-              f(A, {
-                variant: o.acceptVariant,
+            y("div", qr, [
+              p(z, {
+                variant: d.acceptVariant,
                 submit: ""
               }, {
-                default: p(() => [
-                  V(C(l(n)), 1)
+                default: m(() => [
+                  R(C(l(o)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              o.required ? M("", !0) : (i(), m(A, {
+              d.required ? M("", !0) : (i(), f(z, {
                 key: 0,
-                variant: o.cancelVariant,
-                onClick: (g) => u(!1)
+                variant: d.cancelVariant,
+                onClick: (h) => x(!1)
               }, {
-                default: p(() => [
-                  V(C(l(a)), 1)
+                default: m(() => [
+                  R(C(l(c)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -1910,94 +1929,94 @@ const Vr = {
         }, 1032, ["form", "onSubmit"])
       ]),
       _: 1
-    }, 8, ["title"]));
+    }, 8, ["title", "title-hidden"]));
   }
-}), Dr = {
+}), Ur = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function qr(t, s) {
-  return i(), b("svg", Dr, s[0] || (s[0] = [
+function Or(t, s) {
+  return i(), b("svg", Ur, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
     }, null, -1)
   ]));
 }
-const Fr = j({ name: "zondicons-cheveron-left", render: qr }), Ur = {
+const Nr = P({ name: "zondicons-cheveron-left", render: Or }), Wr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Or(t, s) {
-  return i(), b("svg", Ur, s[0] || (s[0] = [
+function Kr(t, s) {
+  return i(), b("svg", Wr, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "m12.95 10.707l.707-.707L8 4.343L6.586 5.757L10.828 10l-4.242 4.243L8 15.657z"
     }, null, -1)
   ]));
 }
-const mt = j({ name: "zondicons-cheveron-right", render: Or }), Nr = {
+const ht = P({ name: "zondicons-cheveron-right", render: Kr }), Qr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Wr(t, s) {
-  return i(), b("svg", Nr, s[0] || (s[0] = [
+function Jr(t, s) {
+  return i(), b("svg", Qr, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M2.93 17.07A10 10 0 1 1 17.07 2.93A10 10 0 0 1 2.93 17.07M9 5v6h2V5zm0 8v2h2v-2z"
     }, null, -1)
   ]));
 }
-const ft = j({ name: "zondicons-exclamation-solid", render: Wr }), Kr = {
+const gt = P({ name: "zondicons-exclamation-solid", render: Jr }), Zr = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Qr(t, s) {
-  return i(), b("svg", Kr, s[0] || (s[0] = [
+function Gr(t, s) {
+  return i(), b("svg", Zr, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M20 19V7H4v12zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7 14v-2h5v2zm-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z"
     }, null, -1)
   ]));
 }
-const Jr = j({ name: "mdi-console", render: Qr }), Zr = {
+const Xr = P({ name: "mdi-console", render: Gr }), Yr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Gr(t, s) {
-  return i(), b("svg", Zr, s[0] || (s[0] = [
+function en(t, s) {
+  return i(), b("svg", Yr, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M6 6V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2zm2 0h4a2 2 0 0 1 2 2v4h4V2H8zM2 8v10h10V8z"
     }, null, -1)
   ]));
 }
-const Xr = j({ name: "zondicons-copy", render: Gr }), Yr = {
+const tn = P({ name: "zondicons-copy", render: en }), sn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function en(t, s) {
-  return i(), b("svg", Yr, s[0] || (s[0] = [
+function rn(t, s) {
+  return i(), b("svg", sn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
     }, null, -1)
   ]));
 }
-const tn = j({ name: "mdi-github", render: en }), sn = { class: "flex" }, rn = { class: "sr-only" }, nn = /* @__PURE__ */ v({
+const nn = P({ name: "mdi-github", render: rn }), an = { class: "flex" }, ln = { class: "sr-only" }, on = /* @__PURE__ */ g({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
   },
   setup(t) {
-    const s = t, e = d(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = d(() => {
-      if (!z.sourceUrl)
+    const s = t, e = u(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = u(() => {
+      if (!j.sourceUrl)
         return !1;
       const a = encodeURIComponent(e.value), o = encodeURIComponent(
         [
@@ -2005,34 +2024,34 @@ const tn = j({ name: "mdi-github", render: en }), sn = { class: "flex" }, rn = {
           "",
           "Error details:",
           "```",
-          qt(
+          Ut(
             s.report.details ?? "Details missing from report",
-            1800 - a.length - z.sourceUrl.length
+            1800 - a.length - j.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${z.sourceUrl}/issues/new?title=${a}&body=${o}`;
-    }), n = d(() => J(
+      return `${j.sourceUrl}/issues/new?title=${a}&body=${o}`;
+    }), n = u(() => Z(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: Xr,
+          iconComponent: tn,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), V.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: Jr,
+          iconComponent: Xr,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), R.toast(
+            window.error = a, console.error(a), V.toast(
               S(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
@@ -2045,14 +2064,14 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: tn,
+          iconComponent: nn,
           url: r.value
         });
       }
     ));
-    return (a, o) => (i(), b("div", sn, [
-      (i(!0), b(D, null, F(n.value, (c) => _(a.$slots, "default", T({ ref_for: !0 }, c), () => [
-        f(A, {
+    return (a, o) => (i(), b("div", an, [
+      (i(!0), b(B, null, q(n.value, (c) => _(a.$slots, "default", I({ ref_for: !0 }, c), () => [
+        p(z, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
@@ -2060,9 +2079,9 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
           title: a.$td(`errors.report_${c.id}`, c.description),
           onClick: c.click
         }, {
-          default: p(() => [
-            y("span", rn, C(a.$td(`errors.report_${c.id}`, c.description)), 1),
-            (i(), m(N(c.iconComponent), {
+          default: m(() => [
+            y("span", ln, C(a.$td(`errors.report_${c.id}`, c.description)), 1),
+            (i(), f(N(c.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2072,7 +2091,7 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), an = /* @__PURE__ */ v({
+}), cn = /* @__PURE__ */ g({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2080,15 +2099,15 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
     totalReports: {}
   },
   setup(t) {
-    const s = d(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
-    return (e, r) => (i(), m(P, {
+    const s = u(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
+    return (e, r) => (i(), f(A, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function on(t) {
-  const s = q(0), e = d(() => t.reports[s.value]), r = d(
+function un(t) {
+  const s = F(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = u(() => t.reports[s.value]), r = u(
     () => {
       var o;
       return ((o = e.value.details) == null ? void 0 : o.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
@@ -2099,88 +2118,95 @@ function on(t) {
     details: r,
     nextReportText: a,
     previousReportText: n,
-    report: e
+    activeReport: e
   };
 }
-const ln = { class: "px-4 pt-5 pb-4" }, cn = { class: "flex justify-between gap-4" }, un = { class: "flex items-center gap-2" }, dn = {
+const dn = { class: "px-4 pt-5 pb-4" }, pn = { class: "flex justify-between gap-4" }, mn = { class: "flex items-center gap-2" }, fn = {
   key: 0,
   class: "flex gap-0.5"
-}, pn = { class: "-mt-2 max-h-[80vh] overflow-auto bg-red-800/10" }, mn = ["textContent"], fn = /* @__PURE__ */ v({
+}, hn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, gn = ["textContent"], vn = /* @__PURE__ */ g({
   __name: "ErrorReportModal",
   props: {
+    report: {},
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: o, report: c } = on(e);
-    return s(), (u, g) => (i(), m(re, { "wrapper-class": "p-0 sm:w-auto sm:min-w-lg sm:max-w-[80vw]" }, {
-      default: p(() => [
-        y("div", ln, [
-          y("h2", cn, [
-            y("div", un, [
-              f(l(ft), { class: "size-5 text-red-600" }),
-              f(an, {
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: o, activeReport: c } = un(e);
+    return s(), (d, v) => (i(), f(X, {
+      title: d.$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: m(() => [
+        y("div", dn, [
+          y("h2", pn, [
+            y("div", mn, [
+              p(l(gt), { class: "size-5 text-red-600" }),
+              p(cn, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
                 report: l(c),
                 "current-report": l(r) + 1,
-                "total-reports": u.reports.length
+                "total-reports": d.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              u.reports.length > 1 ? (i(), b("span", dn, [
-                f(A, {
+              d.reports.length > 1 ? (i(), b("span", fn, [
+                p(z, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === 0,
                   "aria-label": l(o),
                   title: l(o),
-                  onClick: g[0] || (g[0] = ($) => r.value--)
+                  onClick: v[0] || (v[0] = (x) => r.value--)
                 }, {
-                  default: p(() => [
-                    f(l(Fr), { class: "size-4" })
+                  default: m(() => [
+                    p(l(Nr), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                f(A, {
+                p(z, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: l(r) === u.reports.length - 1,
+                  disabled: l(r) === d.reports.length - 1,
                   "aria-label": l(a),
                   title: l(a),
-                  onClick: g[1] || (g[1] = ($) => r.value++)
+                  onClick: v[1] || (v[1] = (x) => r.value++)
                 }, {
-                  default: p(() => [
-                    f(l(mt), { class: "size-4" })
+                  default: m(() => [
+                    p(l(ht), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
               ])) : M("", !0)
             ]),
-            f(nn, {
+            p(on, {
               report: l(c),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(c).description ? (i(), m(P, {
+          l(c).description ? (i(), f(A, {
             key: 0,
             text: l(c).description,
             class: "text-gray-600"
           }, null, 8, ["text"])) : M("", !0)
         ]),
-        y("div", pn, [
+        y("div", hn, [
           y("pre", {
             class: "p-4 text-xs text-red-800",
             textContent: C(l(n))
-          }, null, 8, mn)
+          }, null, 8, gn)
         ])
       ]),
       _: 1
-    }));
+    }, 8, ["title"]));
   }
-}), hn = {
+}), bn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function gn(t, s) {
-  return i(), b("svg", hn, s[0] || (s[0] = [
+function yn(t, s) {
+  return i(), b("svg", bn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
@@ -2200,7 +2226,7 @@ function gn(t, s) {
     ], -1)
   ]));
 }
-const vn = j({ name: "svg-spinners-90-ring-with-bg", render: gn }), bn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, yn = { class: "sr-only" }, _n = /* @__PURE__ */ v({
+const _n = P({ name: "svg-spinners-90-ring-with-bg", render: yn }), $n = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, wn = { class: "sr-only" }, xn = /* @__PURE__ */ g({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -2209,31 +2235,31 @@ const vn = j({ name: "svg-spinners-90-ring-with-bg", render: gn }), bn = { class
   },
   setup(t) {
     let s;
-    const e = q(0), r = d(() => E("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = d(() => typeof t.progress == "number" ? t.progress : e.value);
+    const e = F(0), r = u(() => E("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = u(() => typeof t.progress == "number" ? t.progress : e.value);
     return Ee(
       () => 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 }
-    ), de(() => s && s()), (a, o) => (i(), b("div", bn, [
+    ), pe(() => s && s()), (a, o) => (i(), b("div", $n, [
       y("div", {
         class: k(r.value),
-        style: Mt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+        style: Ht(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      y("span", yn, C(a.$td("ui.progress", "{progress}% complete", {
+      y("span", wn, C(a.$td("ui.progress", "{progress}% complete", {
         progress: n.value * 100
       })), 1)
     ]));
   }
 });
-function wn(t) {
-  const s = d(() => t.title ?? S("ui.loading", "Loading")), e = d(
+function Cn(t) {
+  const s = u(() => t.title ?? S("ui.loading", "Loading")), e = u(
     () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
-  ), r = d(() => typeof t.progress == "number" || !!t.job), n = d(() => !t.title);
+  ), r = u(() => typeof t.progress == "number" || !!t.job), n = u(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const $n = /* @__PURE__ */ v({
+const Sn = /* @__PURE__ */ g({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2242,30 +2268,30 @@ const $n = /* @__PURE__ */ v({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: o } = wn(e);
-    return s(), (c, u) => (i(), m(re, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: o } = Cn(e);
+    return s(), (c, d) => (i(), f(X, {
       persistent: "",
       class: k(["flex", { "flex-col-reverse": l(o), "items-center justify-center gap-2": !l(o) }]),
       "wrapper-class": "w-auto",
       title: l(r),
       "title-hidden": l(a)
     }, {
-      default: p(() => [
-        l(o) ? (i(), m(_n, {
+      default: m(() => [
+        l(o) ? (i(), f(xn, {
           key: 0,
           progress: c.progress,
           job: c.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (i(), m(l(vn), {
+        }, null, 8, ["progress", "job"])) : (i(), f(l(_n), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        f(P, { text: l(n) }, null, 8, ["text"])
+        p(A, { text: l(n) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), ht = /* @__PURE__ */ v({
+}), vt = /* @__PURE__ */ g({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2276,14 +2302,14 @@ const $n = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = oe("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), o = {
+    const r = e, n = le("form", null), a = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), o = {
       id: `input-${ae()}`,
-      name: d(() => t.name),
-      label: d(() => t.label),
-      description: d(() => t.description),
-      value: d(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      name: u(() => t.name),
+      label: u(() => t.label),
+      description: u(() => t.description),
+      value: u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
       errors: Me(a),
-      required: d(() => {
+      required: u(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
@@ -2295,33 +2321,33 @@ const $n = /* @__PURE__ */ v({
         r("update:modelValue", c);
       }
     };
-    return te("input", o), s(o), (c, u) => (i(), m(N(c.as), null, {
-      default: p(() => [
+    return se("input", o), s(o), (c, d) => (i(), f(N(c.as), null, {
+      default: m(() => [
         _(c.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), xn = ["for"], Ce = /* @__PURE__ */ v({
+}), kn = ["for"], Ce = /* @__PURE__ */ g({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = H("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = ke(), r = d(() => !!(s.label || e.default));
+    const s = H("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = ke(), r = u(() => !!(s.label || e.default));
     return (n, a) => r.value ? (i(), b("label", {
       key: 0,
       for: l(s).id
     }, [
       _(n.$slots, "default", {}, () => [
-        V(C(l(s).label), 1)
+        R(C(l(s).label), 1)
       ])
-    ], 8, xn)) : M("", !0);
+    ], 8, kn)) : M("", !0);
   }
-}), Cn = ["id", "name", "type", "checked", "required", "aria-invalid", "aria-describedby"], gt = /* @__PURE__ */ v({
+}), Mn = ["id", "name", "type", "checked", "required", "aria-invalid", "aria-describedby"], bt = /* @__PURE__ */ g({
   __name: "HeadlessInputInput",
   props: {
     type: { default: "text" }
   },
   setup(t) {
-    const s = se("$inputRef"), e = H("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = d(() => e.name ?? void 0), n = d(() => e.value), a = d(() => {
+    const s = re("$inputRef"), e = H("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = u(() => e.name ?? void 0), n = u(() => e.value), a = u(() => {
       if (t.type === "checkbox")
         return !!n.value;
     });
@@ -2340,10 +2366,10 @@ const $n = /* @__PURE__ */ v({
           return s.value.value;
       }
     }
-    return tt(e, () => {
-      var u;
-      return (u = s.value) == null ? void 0 : u.focus();
-    }), le(() => {
+    return rt(e, () => {
+      var d;
+      return (d = s.value) == null ? void 0 : d.focus();
+    }), oe(() => {
       if (s.value) {
         if (t.type === "date") {
           s.value.valueAsDate = n.value;
@@ -2351,48 +2377,48 @@ const $n = /* @__PURE__ */ v({
         }
         s.value.value = n.value ?? null;
       }
-    }), (u, g) => (i(), b("input", {
+    }), (d, v) => (i(), b("input", {
       id: l(e).id,
       ref: "$inputRef",
       name: r.value,
-      type: u.type,
+      type: d.type,
       checked: a.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: o
-    }, null, 40, Cn));
+    }, null, 40, Mn));
   }
-}), Sn = /* @__PURE__ */ v({
+}), En = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
     const s = H(
       "input",
       "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
-    ), e = d(() => typeof s.description == "string" ? s.description : ""), r = d(() => !!s.description);
+    ), e = u(() => typeof s.description == "string" ? s.description : ""), r = u(() => !!s.description);
     return (n, a) => _(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
-      r.value ? (i(), m(P, T({ key: 0 }, n.$attrs, {
+      r.value ? (i(), f(A, I({ key: 0 }, n.$attrs, {
         id: `${l(s).id}-description`,
         text: e.value
       }), null, 16, ["id", "text"])) : M("", !0)
     ]);
   }
-}), kn = ["id"], Se = /* @__PURE__ */ v({
+}), Hn = ["id"], Se = /* @__PURE__ */ g({
   __name: "HeadlessInputError",
   setup(t) {
-    const s = H("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = d(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    const s = H("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = u(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
     return (r, n) => e.value ? (i(), b("p", {
       key: 0,
       id: `${l(s).id}-error`
-    }, C(e.value), 9, kn)) : M("", !0);
+    }, C(e.value), 9, Hn)) : M("", !0);
   }
-}), Mn = {
+}), Ln = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, En = /* @__PURE__ */ v({
+}, In = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2405,123 +2431,123 @@ const $n = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = X(t, ["label", "inputClass", "wrapperClass"]), e = se("$inputRef"), [r, n] = rt(), a = d(() => E("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), o = d(() => {
-      var c, u, g;
+    const s = J(t, ["label", "inputClass", "wrapperClass"]), e = re("$inputRef"), [r, n] = at(), a = u(() => E("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), o = u(() => {
+      var c, d, v;
       return E(
         // 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": !((c = e.value) != null && c.errors),
-          "text-gray-900 shadow-2xs ring-gray-300 placeholder:text-gray-400": !((u = e.value) != null && u.errors),
-          "pr-10 text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500": (g = e.value) == null ? void 0 : g.errors
+          "text-gray-900 shadow-2xs ring-gray-300 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
+          "pr-10 text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
         },
         t.inputClass
       );
     });
-    return (c, u) => (i(), m(ht, T({
+    return (c, d) => (i(), f(vt, I({
       ref: "$inputRef",
       label: c.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": u[0] || (u[0] = (g) => c.$emit("update:modelValue", g))
+      "onUpdate:modelValue": d[0] || (d[0] = (v) => c.$emit("update:modelValue", v))
     }), {
-      default: p(() => {
-        var g;
+      default: m(() => {
+        var v;
         return [
-          f(Ce, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          p(Ce, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           y("div", {
             class: k(a.value)
           }, [
-            f(gt, T(l(r), { class: o.value }), null, 16, ["class"]),
-            (g = l(e)) != null && g.errors ? (i(), b("div", Mn, [
-              f(l(ft), { class: "size-5 text-red-500" })
+            p(bt, I(l(r), { class: o.value }), null, 16, ["class"]),
+            (v = l(e)) != null && v.errors ? (i(), b("div", Ln, [
+              p(l(gt), { class: "size-5 text-red-500" })
             ])) : M("", !0)
           ], 2),
-          f(Sn, { class: "mt-2 text-sm text-gray-600" }),
-          f(Se, { class: "mt-2 text-sm text-red-600" })
+          p(En, { class: "mt-2 text-sm text-gray-600" }),
+          p(Se, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-function Ha(t, s = {}) {
+function qa(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function Ia(t, s = {}) {
+function Fa(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function La(t) {
+function Ua(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function Ra(t) {
+function Oa(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Ta(t) {
+function Na(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Va(t) {
+function Wa(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function Hn(t) {
+function Tn(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Pa(t, s = {}) {
+function Ka(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function ja(t, s = {}) {
+function Qa(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Aa(t, s = {}) {
+function Ja(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function In(t) {
-  const s = st({
-    draft: Hn(t.defaultValue ?? "")
-  }), e = d(() => t.title ?? t.message), r = d(() => t.title ? t.message : null), n = d(() => t.acceptText ?? S("ui.accept", "Ok")), a = d(() => t.cancelText ?? S("ui.cancel", "Cancel"));
+function Vn(t) {
+  const s = nt({
+    draft: Tn(t.defaultValue ?? "")
+  }), e = u(() => t.title ?? t.message), r = u(() => t.title ? t.message : null), n = u(() => t.acceptText ?? S("ui.accept", "Ok")), a = u(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const Ln = { class: "mt-4 flex flex-row-reverse gap-2" }, Rn = /* @__PURE__ */ v({
+const Pn = { class: "mt-4 flex flex-row-reverse gap-2" }, Rn = /* @__PURE__ */ g({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2535,43 +2561,43 @@ const Ln = { class: "mt-4 flex flex-row-reverse gap-2" }, Rn = /* @__PURE__ */ v
     cancelVariant: { default: "secondary" }
   },
   setup(t, { expose: s }) {
-    const e = X(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: o, renderedCancelText: c } = In(e);
-    return s(), (u, g) => (i(), m(re, {
+    const e = J(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: o, renderedCancelText: c } = Vn(e);
+    return s(), (d, v) => (i(), f(X, {
       title: l(n),
       persistent: ""
     }, {
-      default: p(({ close: $ }) => [
-        f(pt, {
+      default: m(({ close: x }) => [
+        p(ft, {
           form: l(r),
-          onSubmit: (h) => $(l(r).draft)
+          onSubmit: (h) => x(l(r).draft)
         }, {
-          default: p(() => [
-            l(a) ? (i(), m(P, {
+          default: m(() => [
+            l(a) ? (i(), f(A, {
               key: 0,
               text: l(a)
             }, null, 8, ["text"])) : M("", !0),
-            f(En, {
+            p(In, {
               name: "draft",
               class: "mt-2",
-              placeholder: u.placeholder,
-              label: u.label
+              placeholder: d.placeholder,
+              label: d.label
             }, null, 8, ["placeholder", "label"]),
-            y("div", Ln, [
-              f(A, {
-                variant: u.acceptVariant,
+            y("div", Pn, [
+              p(z, {
+                variant: d.acceptVariant,
                 submit: ""
               }, {
-                default: p(() => [
-                  V(C(l(o)), 1)
+                default: m(() => [
+                  R(C(l(o)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              f(A, {
-                variant: u.cancelVariant,
-                onClick: (h) => $()
+              p(z, {
+                variant: d.cancelVariant,
+                onClick: (h) => x()
               }, {
-                default: p(() => [
-                  V(C(l(c)), 1)
+                default: m(() => [
+                  R(C(l(c)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2583,13 +2609,13 @@ const Ln = { class: "mt-4 flex flex-row-reverse gap-2" }, Rn = /* @__PURE__ */ v
       _: 1
     }, 8, ["title"]));
   }
-}), Tn = { class: "grid grow place-items-center" }, Vn = { class: "flex flex-col items-center space-y-6 p-8" }, Pn = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, jn = { class: "mt-4 flex flex-col space-y-4" }, An = /* @__PURE__ */ v({
+}), An = { class: "grid grow place-items-center" }, zn = { class: "flex flex-col items-center space-y-6 p-8" }, jn = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, Bn = { class: "mt-4 flex flex-col space-y-4" }, Dn = /* @__PURE__ */ g({
   __name: "StartupCrash",
   setup(t) {
-    return (s, e) => (i(), b("div", Tn, [
-      y("div", Vn, [
-        y("h1", Pn, C(s.$td("startupCrash.title", "Something went wrong!")), 1),
-        f(P, {
+    return (s, e) => (i(), b("div", An, [
+      y("div", zn, [
+        y("h1", jn, C(s.$td("startupCrash.title", "Something went wrong!")), 1),
+        p(A, {
           text: s.$td(
             "startupCrash.message",
             `Something failed trying to start the application.
@@ -2598,22 +2624,22 @@ Here's some things you can do:`
           ),
           class: "mt-4 text-center"
         }, null, 8, ["text"]),
-        y("div", jn, [
-          f(A, {
+        y("div", Bn, [
+          p(z, {
             variant: "danger",
             onClick: e[0] || (e[0] = (r) => s.$app.reload())
           }, {
-            default: p(() => [
-              V(C(s.$td("startupCrash.reload", "Try again")), 1)
+            default: m(() => [
+              R(C(s.$td("startupCrash.reload", "Try again")), 1)
             ]),
             _: 1
           }),
-          f(A, {
+          p(z, {
             variant: "danger",
             onClick: e[1] || (e[1] = (r) => s.$errors.inspect(s.$errors.startupErrors))
           }, {
-            default: p(() => [
-              V(C(s.$td("startupCrash.inspect", "View error details")), 1)
+            default: m(() => [
+              R(C(s.$td("startupCrash.inspect", "View error details")), 1)
             ]),
             _: 1
           })
@@ -2621,23 +2647,23 @@ Here's some things you can do:`
       ])
     ]));
   }
-}), vt = /* @__PURE__ */ v({
+}), yt = /* @__PURE__ */ g({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(N(s.action.dismiss ? l(ms) : "button"), {
+    return (s, e) => (i(), f(N(s.action.dismiss ? l(hs) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
-      default: p(() => [
-        V(C(s.action.label), 1)
+      default: m(() => [
+        R(C(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), zn = { key: 0 }, Bn = /* @__PURE__ */ v({
+}), qn = { key: 0 }, Fn = /* @__PURE__ */ g({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -2645,11 +2671,11 @@ Here's some things you can do:`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(l(fs), null, {
-      default: p(() => [
+    return (s, e) => (i(), f(l(gs), null, {
+      default: m(() => [
         _(s.$slots, "default", {}, () => [
-          s.message ? (i(), b("span", zn, C(s.message), 1)) : M("", !0),
-          (i(!0), b(D, null, F(s.actions, (r, n) => (i(), m(vt, {
+          s.message ? (i(), b("span", qn, C(s.message), 1)) : M("", !0),
+          (i(!0), b(B, null, q(s.actions, (r, n) => (i(), f(yt, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -2658,7 +2684,7 @@ Here's some things you can do:`
       _: 3
     }));
   }
-}), Dn = /* @__PURE__ */ v({
+}), Un = /* @__PURE__ */ g({
   __name: "Toast",
   props: {
     message: {},
@@ -2667,7 +2693,7 @@ Here's some things you can do:`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = Ye(
+    const e = u(() => tt(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
@@ -2681,108 +2707,108 @@ Here's some things you can do:`
           variant: "secondary"
         }
       }
-    );
-    return s(), (r, n) => (i(), m(Bn, {
-      class: k(l(e))
+    ));
+    return s(), (r, n) => (i(), f(Fn, {
+      class: k(e.value)
     }, {
-      default: p(() => [
-        r.message ? (i(), m(P, {
+      default: m(() => [
+        r.message ? (i(), f(A, {
           key: 0,
           text: r.message,
           inline: ""
         }, null, 8, ["text"])) : M("", !0),
-        (i(!0), b(D, null, F(r.actions, (a, o) => (i(), m(A, {
+        (i(!0), b(B, null, q(r.actions, (a, o) => (i(), f(z, {
           key: o,
           action: a,
           variant: r.variant,
-          as: vt
+          as: yt
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), qn = { $ui: R }, Fn = {
+}), On = { $ui: V }, Nn = {
   async install(t, s) {
     const e = {
       "alert-modal": Rr,
-      "confirm-modal": Br,
-      "error-report-modal": fn,
-      "loading-modal": $n,
+      "confirm-modal": Fr,
+      "error-report-modal": vn,
+      "loading-modal": Sn,
       "prompt-modal": Rn,
-      "startup-crash": An,
-      toast: Dn,
+      "startup-crash": Dn,
+      toast: Un,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
-      R.registerComponent(r, n);
-    await he(t, qn);
+      V.registerComponent(r, n);
+    await ge(t, On);
   }
 };
-async function Un(t, s = {}) {
+async function Wn(t, s = {}) {
   var r;
-  const e = [_r, As, er, yr, Fs, Fn, ...s.plugins ?? []];
-  z.instance = t, await Ls(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await L.emit("application-ready");
+  const e = [wr, Bs, tr, $r, Os, Nn, ...s.plugins ?? []];
+  j.instance = t, await Vs(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await T.emit("application-ready");
 }
-async function za(t, s = {}) {
+async function Za(t, s = {}) {
   var r;
-  const e = Et(t);
-  G() && (window.$aerogel = e), await Un(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await L.emit("application-mounted");
+  const e = Lt(t);
+  Y() && (window.$aerogel = e), await Wn(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await T.emit("application-mounted");
 }
-const On = { key: 0 }, Nn = /* @__PURE__ */ v({
+const Kn = { key: 0 }, Qn = /* @__PURE__ */ g({
   __name: "AppModals",
   setup(t) {
-    const s = d(() => R.modals[0] ?? null);
-    return (e, r) => s.value ? (i(), b("aside", On, [
-      f(dt, {
+    const s = u(() => V.modals[0] ?? null);
+    return (e, r) => s.value ? (i(), b("aside", Kn, [
+      p(mt, {
         "child-index": 1,
         modal: s.value
       }, null, 8, ["modal"])
     ])) : M("", !0);
   }
-}), Wn = /* @__PURE__ */ v({
+}), Jn = /* @__PURE__ */ g({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (i(), m(l(hs), null, {
-      default: p(() => [
-        (i(!0), b(D, null, F(s.$ui.toasts, (r) => (i(), m(N(r.component), T({
+    return (s, e) => (i(), f(l(vs), null, {
+      default: m(() => [
+        (i(!0), b(B, null, q(s.$ui.toasts, (r) => (i(), f(N(r.component), I({
           id: r.id,
           key: r.id,
           ref_for: !0
         }, r.properties), null, 16, ["id"]))), 128)),
-        f(l(gs), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+        p(l(bs), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
   }
-}), Kn = /* @__PURE__ */ v({
+}), Zn = /* @__PURE__ */ g({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (i(), b(D, null, [
-      f(Nn),
-      f(Wn)
+    return (s, e) => (i(), b(B, null, [
+      p(Qn),
+      p(Jn)
     ], 64));
   }
-}), Qn = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ba = /* @__PURE__ */ v({
+}), Gn = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ga = /* @__PURE__ */ g({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (i(), b("div", Qn, [
+    return (s, e) => (i(), b("div", Gn, [
       s.$errors.hasStartupErrors ? _(s.$slots, "startup-crash", { key: 0 }, () => [
-        (i(), m(N(s.$ui.requireComponent("startup-crash"))))
+        (i(), f(N(s.$ui.requireComponent("startup-crash"))))
       ]) : _(s.$slots, "default", { key: 1 }),
-      f(Kn)
+      p(Zn)
     ]));
   }
-}), Jn = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Da = /* @__PURE__ */ v({
+}), Xn = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Xa = /* @__PURE__ */ g({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = se("$textAreaRef"), e = H(
+    const s = re("$textAreaRef"), e = H(
       "input",
       "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
-    ), r = d(() => e.name ?? void 0), n = d(() => e.value);
+    ), r = u(() => e.name ?? void 0), n = u(() => e.value);
     function a() {
       s.value && e.update(s.value.value);
     }
-    return tt(e, () => {
+    return rt(e, () => {
       var o;
       return (o = s.value) == null ? void 0 : o.focus();
     }), (o, c) => (i(), b("textarea", {
@@ -2794,22 +2820,22 @@ const On = { key: 0 }, Nn = /* @__PURE__ */ v({
       "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, Jn));
+    }, null, 40, Xn));
   }
-}), Zn = { class: "group" }, Gn = { class: "-ml-2 flex w-[max-content] cursor-pointer items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, Xn = { class: "pt-2 pl-4" }, qa = /* @__PURE__ */ v({
+}), Yn = { class: "group" }, ea = { 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" }, ta = { class: "pt-2 pl-4" }, Ya = /* @__PURE__ */ g({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (i(), b("details", Zn, [
-      y("summary", Gn, [
-        f(l(mt), { class: "size-6 transition-transform group-open:rotate-90" }),
+    return (s, e) => (i(), b("details", Yn, [
+      y("summary", ea, [
+        p(l(ht), { class: "size-6 transition-transform group-open:rotate-90" }),
         y("span", null, C(s.$td("ui.advancedOptions", "Advanced options")), 1)
       ]),
-      y("div", Xn, [
+      y("div", ta, [
         _(s.$slots, "default")
       ])
     ]));
   }
-}), Yn = { class: "flex h-6 items-center" }, Fa = /* @__PURE__ */ v({
+}), sa = { class: "flex h-6 items-center" }, el = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -2822,95 +2848,119 @@ const On = { key: 0 }, Nn = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = X(t, ["inputClass", "labelClass"]), e = se("$inputRef"), [r, n] = rt(), a = d(() => E("relative flex items-start", n.value)), o = d(() => {
-      var u, g;
+    const s = J(t, ["inputClass", "labelClass"]), e = re("$inputRef"), [r, n] = at(), a = u(() => E("relative flex items-start", n.value)), o = u(() => {
+      var d, v;
       return E(
         "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": !((u = e.value) != null && u.errors),
-          "border-red-400 border-2 focus:ring-red-600": (g = e.value) == null ? void 0 : g.errors
+          "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
         },
         t.inputClass
       );
-    }), c = d(() => E("ml-2 text-sm leading-6", t.labelClass));
-    return (u, g) => (i(), m(ht, T({
+    }), c = u(() => E("ml-2 text-sm leading-6", t.labelClass));
+    return (d, v) => (i(), f(vt, I({
       ref: "$inputRef",
       class: a.value
     }, s, {
-      "onUpdate:modelValue": g[0] || (g[0] = ($) => u.$emit("update:modelValue", $))
+      "onUpdate:modelValue": v[0] || (v[0] = (x) => d.$emit("update:modelValue", x))
     }), {
-      default: p(() => [
-        y("div", Yn, [
-          f(gt, T(l(r), {
+      default: m(() => [
+        y("div", sa, [
+          p(bt, I(l(r), {
             type: "checkbox",
             class: o.value
           }), null, 16, ["class"])
         ]),
-        u.$slots.default ? (i(), b("div", {
+        d.$slots.default ? (i(), b("div", {
           key: 0,
           class: k(c.value)
         }, [
-          f(Ce, { class: "text-gray-900" }, {
-            default: p(() => [
-              _(u.$slots, "default")
+          p(Ce, { class: "text-gray-900" }, {
+            default: m(() => [
+              _(d.$slots, "default")
             ]),
             _: 3
           }),
-          f(Se, { class: "text-red-600" })
-        ], 2)) : u.label ? (i(), b("div", {
+          p(Se, { class: "text-red-600" })
+        ], 2)) : d.label ? (i(), b("div", {
           key: 1,
           class: k(c.value)
         }, [
-          f(Ce, { class: "text-gray-900" }),
-          f(Se, { class: "text-red-600" })
+          p(Ce, { class: "text-gray-900" }),
+          p(Se, { class: "text-red-600" })
         ], 2)) : M("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), ea = /* @__PURE__ */ v({
+}), ra = /* @__PURE__ */ g({
   __name: "DropdownMenuOption",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
   emits: ["select"],
   setup(t) {
-    return (s, e) => (i(), m(l(vs), {
-      class: "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
-      onSelect: e[0] || (e[0] = (r) => s.$emit("select"))
-    }, {
-      default: p(() => [
-        _(s.$slots, "default")
+    const s = J(t, ["class"]), e = u(() => E(
+      "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) => (i(), f(l(ys), I({ class: e.value }, s, {
+      onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
+    }), {
+      default: m(() => [
+        _(r.$slots, "default")
       ]),
       _: 3
-    }));
+    }, 16, ["class"]));
   }
-}), ta = /* @__PURE__ */ v({
+}), na = /* @__PURE__ */ g({
   __name: "DropdownMenuOptions",
   setup(t) {
     const s = H(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (i(), m(l(bs), {
+    return (e, r) => (i(), f(l(_s), {
       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: p(() => [
+      default: m(() => [
         _(e.$slots, "default", {}, () => [
-          (i(!0), b(D, null, F(l(s).options, (n, a) => (i(), m(ea, {
-            key: a,
-            onSelect: n.click
-          }, {
-            default: p(() => [
-              V(C(n.label), 1)
+          (i(!0), b(B, null, q(l(s).options, (n, a) => (i(), f(ra, I(
+            {
+              key: a,
+              as: n.route || n.href ? et : void 0,
+              class: n.class,
+              ref_for: !0
+            },
+            n.route || n.href ? {
+              href: n.href,
+              route: n.route,
+              routeParams: n.routeParams,
+              routeQuery: n.routeQuery
+            } : {},
+            {
+              onSelect: (o) => {
+                var c;
+                return (c = n.click) == null ? void 0 : c.call(n);
+              }
+            }
+          ), {
+            default: m(() => [
+              R(C(n.label), 1)
             ]),
             _: 2
-          }, 1032, ["onSelect"]))), 128))
+          }, 1040, ["as", "class", "onSelect"]))), 128))
         ])
       ]),
       _: 3
     }, 8, ["align", "side"]));
   }
-}), Ua = /* @__PURE__ */ v({
+}), tl = /* @__PURE__ */ g({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -2921,23 +2971,23 @@ const On = { key: 0 }, Nn = /* @__PURE__ */ v({
     const e = {
       align: t.align,
       side: t.side,
-      options: d(() => {
+      options: u(() => {
         var r;
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return te("dropdown-menu", e), s(e), (r, n) => (i(), m(l(ys), null, {
-      default: p(() => [
-        f(l(_s), null, {
-          default: p(() => [
+    return se("dropdown-menu", e), s(e), (r, n) => (i(), f(l($s), null, {
+      default: m(() => [
+        p(l(ws), null, {
+          default: m(() => [
             _(r.$slots, "default")
           ]),
           _: 3
         }),
-        f(l(ws), null, {
-          default: p(() => [
+        p(l(xs), null, {
+          default: m(() => [
             _(r.$slots, "options", {}, () => [
-              f(ta)
+              p(na)
             ])
           ]),
           _: 3
@@ -2946,7 +2996,7 @@ const On = { key: 0 }, Nn = /* @__PURE__ */ v({
       _: 3
     }));
   }
-}), sa = ["aria-hidden"], ra = ["tabindex", "aria-label", "type"], Oa = /* @__PURE__ */ v({
+}), aa = ["aria-hidden"], la = ["tabindex", "aria-label", "type"], sl = /* @__PURE__ */ g({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -2959,14 +3009,14 @@ const On = { key: 0 }, Nn = /* @__PURE__ */ v({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = se("$inputRef"), n = q(null), a = q(t.text), o = d(() => E("inline whitespace-pre", t.contentClass)), c = d(() => E("invisible whitespace-pre", t.contentClass)), u = d(() => E("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
-    function g() {
+    const e = s, r = re("$inputRef"), n = F(null), a = F(t.text), o = u(() => E("inline whitespace-pre", t.contentClass)), c = u(() => E("invisible whitespace-pre", t.contentClass)), d = u(() => E("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    function v() {
       n.value = t.text;
     }
-    function $() {
+    function x() {
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
-    return le(() => a.value = t.text), (h, x) => (i(), b("div", {
+    return oe(() => a.value = t.text), (h, w) => (i(), b("div", {
       class: k(["relative", { "pointer-events-none!": h.disabled && !n.value }])
     }, [
       n.value ? (i(), b("span", {
@@ -2985,43 +3035,134 @@ const On = { key: 0 }, Nn = /* @__PURE__ */ v({
       y("form", {
         class: "w-full",
         "aria-hidden": h.formAriaHidden,
-        onSubmit: x[4] || (x[4] = qe((I) => {
-          var ge;
-          return (ge = l(r)) == null ? void 0 : ge.blur();
+        onSubmit: w[4] || (w[4] = qe((L) => {
+          var ve;
+          return (ve = l(r)) == null ? void 0 : ve.blur();
         }, ["prevent"]))
       }, [
         Fe(y("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": x[0] || (x[0] = (I) => a.value = I),
+          "onUpdate:modelValue": w[0] || (w[0] = (L) => a.value = L),
           tabindex: h.tabindex ?? void 0,
           "aria-label": h.ariaLabel ?? void 0,
           type: h.type,
           class: k([
-            u.value,
+            d.value,
             { "opacity-0": !n.value, "appearance-textfield": !n.value && h.type === "number" }
           ]),
-          onKeyup: x[1] || (x[1] = (I) => h.$emit("update", a.value)),
-          onFocus: x[2] || (x[2] = (I) => g()),
-          onBlur: x[3] || (x[3] = (I) => $())
-        }, null, 42, ra), [
-          [Ht, a.value]
+          onKeyup: w[1] || (w[1] = (L) => h.$emit("update", a.value)),
+          onFocus: w[2] || (w[2] = (L) => v()),
+          onBlur: w[3] || (w[3] = (L) => x())
+        }, null, 42, la), [
+          [It, a.value]
         ])
-      ], 40, sa)
+      ], 40, aa)
     ], 2));
   }
-}), Na = /* @__PURE__ */ v({
+}), oa = {
+  viewBox: "0 0 512 512",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ia(t, s) {
+  return i(), b("svg", oa, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0 0 80 446.25h340.89a32 32 0 0 0 28.18-47.17m-198.6-1.83a20 20 0 1 1 20-20a20 20 0 0 1-20 20m21.72-201.15l-5.74 122a16 16 0 0 1-32 0l-5.74-121.95a21.73 21.73 0 0 1 21.5-22.69h.21a21.74 21.74 0 0 1 21.73 22.7Z"
+    }, null, -1)
+  ]));
+}
+const ca = P({ name: "ion-warning", render: ia }), ua = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function da(t, s) {
+  return i(), b("svg", ua, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10m9.8 4a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-2a2 2 0 1 1 0-4a2 2 0 0 1 0 4"
+    }, null, -1)
+  ]));
+}
+const pa = P({ name: "zondicons-view-show", render: da }), ma = { class: "font-medium" }, fa = ["datetime"], ha = /* @__PURE__ */ g({
+  __name: "ErrorLogsModal",
+  setup(t) {
+    return (s, e) => (i(), f(X, {
+      title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
+    }, {
+      default: m(() => [
+        y("ol", null, [
+          (i(!0), b(B, null, q(s.$errors.logs, (r, n) => (i(), b("li", {
+            key: n,
+            class: "mb-2 flex max-w-prose min-w-56 justify-between py-2 last:mb-0"
+          }, [
+            y("div", null, [
+              y("h3", ma, C(r.report.title), 1),
+              y("time", {
+                datetime: r.date.toISOString(),
+                class: "text-xs text-gray-700"
+              }, C(r.date.toLocaleTimeString()), 9, fa),
+              p(A, {
+                class: "text-sm text-gray-500",
+                text: r.report.description ?? l(Ye)(r.report)
+              }, null, 8, ["text"])
+            ]),
+            p(z, {
+              size: "icon",
+              variant: "ghost",
+              "aria-label": s.$td("errors.viewDetails", "View details"),
+              title: s.$td("errors.viewDetails", "View details"),
+              class: "self-center",
+              onClick: (a) => s.$errors.inspect(
+                r.report,
+                s.$errors.logs.map(({ report: o }) => o)
+              )
+            }, {
+              default: m(() => [
+                p(l(pa), {
+                  class: "size-4",
+                  "aria-hidden": "true"
+                })
+              ]),
+              _: 2
+            }, 1032, ["aria-label", "title", "onClick"])
+          ]))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), rl = /* @__PURE__ */ g({
+  __name: "ErrorLogs",
+  setup(t) {
+    return (s, e) => s.$errors.logs.length > 0 ? (i(), f(z, {
+      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(ha))
+    }, {
+      default: m(() => [
+        p(l(ca), { class: "size-6 text-red-500" })
+      ]),
+      _: 1
+    }, 8, ["title", "aria-label"])) : M("", !0);
+  }
+}), nl = /* @__PURE__ */ g({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = d(() => Zs(t.error));
-    return (e, r) => (i(), m(P, {
+    const s = u(() => Ye(t.error));
+    return (e, r) => (i(), f(A, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), Wa = /* @__PURE__ */ v({
+}), al = /* @__PURE__ */ g({
   __name: "Link",
   props: {
     class: {},
@@ -3036,45 +3177,45 @@ const On = { key: 0 }, Nn = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(A, T({ variant: "link" }, s.$props), {
-      default: p(() => [
+    return (s, e) => (i(), f(z, I({ variant: "link" }, s.$props), {
+      default: m(() => [
         _(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Ka = /* @__PURE__ */ v({
+}), ll = /* @__PURE__ */ g({
   __name: "SettingsModal",
   setup(t) {
-    const s = d(() => Ft(z.settings, "priority", "desc"));
-    return (e, r) => (i(), m(re, {
+    const s = u(() => Ot(j.settings, "priority", "desc"));
+    return (e, r) => (i(), f(X, {
       title: e.$td("settings.title", "Settings")
     }, {
-      default: p(() => [
-        (i(!0), b(D, null, F(s.value, (n, a) => (i(), m(N(n.component), { key: a }))), 128))
+      default: m(() => [
+        (i(!0), b(B, null, q(s.value, (n, a) => (i(), f(N(n.component), { key: a }))), 128))
       ]),
       _: 1
     }, 8, ["title"]));
   }
 });
-class Qa {
+class ol {
   constructor() {
-    w(this, "status");
-    w(this, "_listeners");
-    w(this, "_progress");
-    w(this, "_cancelled");
-    w(this, "_started");
-    w(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new Ut(), this._started = new W(), this._completed = new W();
+    $(this, "status");
+    $(this, "_listeners");
+    $(this, "_progress");
+    $(this, "_cancelled");
+    $(this, "_started");
+    $(this, "_completed");
+    this.status = this.getInitialStatus(), this._listeners = new Nt(), this._started = new W(), this._completed = new W();
   }
   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 Pe)
+      if (s instanceof Re)
         return;
-      throw J(Ot(s), (e) => {
+      throw Z(Wt(s), (e) => {
         this._completed.reject(e);
       });
     }
@@ -3115,10 +3256,10 @@ class Qa {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new Pe();
+      throw this._cancelled.resolve(), new Re();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? Nt(
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? Kt(
       s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
     ) : 0;
@@ -3132,134 +3273,137 @@ class Qa {
     return { ...s };
   }
 }
-async function Ja(t) {
+async function il(t) {
   await t.start();
 }
 export {
-  qa as AdvancedOptions,
+  Ya as AdvancedOptions,
   Rr as AlertModal,
-  z as App,
-  Ba as AppLayout,
-  Nn as AppModals,
-  Kn as AppOverlays,
-  Is as AppService,
-  Wn as AppToasts,
-  A as Button,
-  _a as Cache,
-  zs as CacheService,
-  Fa as Checkbox,
-  Br as ConfirmModal,
-  Ua as DropdownMenu,
-  ea as DropdownMenuOption,
-  ta as DropdownMenuOptions,
-  Oa as EditableContent,
-  Na as ErrorMessage,
-  fn as ErrorReportModal,
-  nn as ErrorReportModalButtons,
-  an as ErrorReportModalTitle,
+  j as App,
+  Ga as AppLayout,
+  Qn as AppModals,
+  Zn as AppOverlays,
+  Ts as AppService,
+  Jn as AppToasts,
+  z as Button,
+  Ta as Cache,
+  Ds as CacheService,
+  el as Checkbox,
+  Fr as ConfirmModal,
+  tl as DropdownMenu,
+  ra as DropdownMenuOption,
+  na as DropdownMenuOptions,
+  sl as EditableContent,
+  rl as ErrorLogs,
+  ha as ErrorLogsModal,
+  nl as ErrorMessage,
+  vn as ErrorReportModal,
+  on as ErrorReportModalButtons,
+  cn as ErrorReportModalTitle,
   Ge as Errors,
-  ga as EventListenerPriorities,
-  L as Events,
-  Es as EventsService,
-  pt as Form,
-  cr as FormController,
-  ar as HeadlessButton,
-  ht as HeadlessInput,
-  Sn as HeadlessInputDescription,
+  Ea as EventListenerPriorities,
+  T as Events,
+  Ls as EventsService,
+  ft as Form,
+  dr as FormController,
+  et as HeadlessButton,
+  vt as HeadlessInput,
+  En as HeadlessInputDescription,
   Se as HeadlessInputError,
-  gt as HeadlessInputInput,
+  bt as HeadlessInputInput,
   Ce as HeadlessInputLabel,
-  Da as HeadlessInputTextArea,
-  Cr as HeadlessModal,
-  Sr as HeadlessModalContent,
-  kr as HeadlessModalDescription,
-  Mr as HeadlessModalOverlay,
-  Er as HeadlessModalTitle,
-  ur as HeadlessSelect,
-  Ae as HeadlessSelectLabel,
-  ot as HeadlessSelectOption,
-  lt as HeadlessSelectOptions,
-  at as HeadlessSelectTrigger,
-  nt as HeadlessSelectValue,
-  Bn as HeadlessToast,
-  En as Input,
-  Qa as Job,
-  Pe as JobCancelledError,
+  Xa as HeadlessInputTextArea,
+  kr as HeadlessModal,
+  Mr as HeadlessModalContent,
+  Er as HeadlessModalDescription,
+  Hr as HeadlessModalOverlay,
+  Lr as HeadlessModalTitle,
+  pr as HeadlessSelect,
+  ze as HeadlessSelectLabel,
+  it as HeadlessSelectOption,
+  ct as HeadlessSelectOptions,
+  ot as HeadlessSelectTrigger,
+  lt as HeadlessSelectValue,
+  Fn as HeadlessToast,
+  In as Input,
+  ol as Job,
+  Re as JobCancelledError,
   Q as Lang,
-  ue as Layouts,
-  Wa as Link,
-  $n as LoadingModal,
+  de as Layouts,
+  al as Link,
+  Sn as LoadingModal,
   Qe as MOBILE_BREAKPOINT,
-  P as Markdown,
-  re as Modal,
-  dt as ModalContext,
-  _n as ProgressBar,
+  A as Markdown,
+  X as Modal,
+  mt as ModalContext,
+  xn as ProgressBar,
   Rn as PromptModal,
-  fr as Select,
-  it as SelectLabel,
-  ze as SelectOption,
-  ct as SelectOptions,
-  ut as SelectTrigger,
-  fe as Service,
+  gr as Select,
+  ut as SelectLabel,
+  je as SelectOption,
+  dt as SelectOptions,
+  pt as SelectTrigger,
+  he as Service,
   xe as ServiceBootError,
-  Ka as SettingsModal,
-  An as StartupCrash,
-  Ds as Storage,
-  Dn as Toast,
-  R as UI,
-  Os as UIService,
-  Ca as __objectType,
-  Ha as booleanInput,
-  he as bootServices,
-  za as bootstrap,
-  Un as bootstrapApplication,
+  ll as SettingsModal,
+  Dn as StartupCrash,
+  Fs as Storage,
+  Un as Toast,
+  V as UI,
+  Ws as UIService,
+  Aa as __objectType,
+  qa as booleanInput,
+  ge as bootServices,
+  Za as bootstrap,
+  Wn as bootstrapApplication,
   E as classes,
-  Ma as computedAsync,
-  Ea as computedDebounce,
-  Ye as computedVariantClasses,
-  Ia as dateInput,
-  ya as defineDirective,
-  xa as defineFormValidationRule,
-  ba as definePlugin,
-  me as defineServiceState,
-  Ms as defineServiceStore,
-  va as defineSettings,
-  Ja as dispatch,
+  Ba as computedAsync,
+  Da as computedDebounce,
+  Fa as dateInput,
+  Ia as defineDirective,
+  Ra as defineFormValidationRule,
+  La as definePlugin,
+  fe as defineServiceState,
+  Hs as defineServiceStore,
+  Ha as defineSettings,
+  il as dispatch,
   Je as getCurrentLayout,
-  Zs as getErrorMessage,
-  ks as getPiniaStore,
-  or as hasSelectOptionLabel,
-  Vs as injectOrFail,
-  Ts as injectReactive,
+  Ye as getErrorMessage,
+  Es as getPiniaStore,
+  ir as hasSelectOptionLabel,
+  As as injectOrFail,
+  Rs as injectReactive,
   H as injectReactiveOrFail,
-  Ls as installPlugins,
-  Pa as numberInput,
-  ja as objectInput,
-  Sa as onCleanMounted,
-  tt as onFormFocus,
-  ka as persistent,
-  $a as registerErrorHandler,
-  rr as renderMarkdown,
+  Vs as installPlugins,
+  Ka as numberInput,
+  Qa as objectInput,
+  za as onCleanMounted,
+  rt as onFormFocus,
+  ja as persistent,
+  Pa as registerErrorHandler,
+  nr as renderMarkdown,
   Ke as renderVNode,
-  wa as replaceExisting,
-  La as requiredBooleanInput,
-  Ra as requiredDateInput,
-  Ta as requiredNumberInput,
-  Va as requiredObjectInput,
-  Hn as requiredStringInput,
-  Ss as resetPiniaStore,
-  nr as safeHtml,
-  Aa as stringInput,
+  Va as replaceExisting,
+  Ua as requiredBooleanInput,
+  Oa as requiredDateInput,
+  Na as requiredNumberInput,
+  Wa as requiredObjectInput,
+  Tn as requiredStringInput,
+  Ms as resetPiniaStore,
+  ar as safeHtml,
+  Ja as stringInput,
   Ze as translate,
   S as translateWithDefault,
-  Tr as useConfirmModal,
-  on as useErrorReportModal,
-  et as useEvent,
-  st as useForm,
-  rt as useInputAttrs,
-  wn as useLoadingModal,
-  In as usePromptModal,
-  ir as validate,
-  ie as validators
+  Pr as useAlertModal,
+  Ar as useConfirmModal,
+  un as useErrorReportModal,
+  st as useEvent,
+  nt as useForm,
+  at as useInputAttrs,
+  Cn as useLoadingModal,
+  Vn as usePromptModal,
+  ur as validate,
+  ce as validators,
+  tt as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map