@aerogel/core 0.0.0-next.b3caf219a503ce9b8c65ef1463132c9507f56c0a → 0.0.0-next.b656a964404fbde17d9cce7668722596098e47fd

package/dist/aerogel-core.js

@@ -1,39 +1,39 @@
-var lt = Object.defineProperty;
-var ct = (t, r, e) => r in t ? lt(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
-var b = (t, r, e) => ct(t, typeof r != "symbol" ? r + "" : r, e);
-import { ref as A, computed as d, watch as Se, inject as X, reactive as ue, markRaw as Ae, nextTick as ze, defineComponent as h, createElementBlock as _, openBlock as u, renderSlot as y, createBlock as g, unref as c, mergeProps as H, withCtx as f, onUnmounted as oe, createPropsRestProxy as Y, useAttrs as qe, h as ut, normalizeClass as L, createVNode as m, Fragment as ee, renderList as ie, createTextVNode as q, toDisplayString as k, createElementVNode as v, provide as fe, toRef as He, resolveDynamicComponent as te, normalizeProps as ke, guardReactiveProps as Ce, createCommentVNode as E, resolveComponent as j, watchEffect as Be, withModifiers as dt, readonly as De, withDirectives as Fe, vModelCheckbox as pt, normalizeStyle as mt, createApp as ft, customRef as ht, useSlots as gt, resolveDirective as vt, onMounted as _t, toRaw as bt } from "vue";
-import { JSError as he, tap as K, MagicObject as Ue, PromisedValue as W, Storage as U, objectOnly as re, arrayFrom as Ge, isEmpty as be, objectDeepClone as yt, fail as O, facade as Q, arrayRemove as $e, getEnv as wt, updateLocationQueryParameters as $t, forever as xt, toString as B, isDevelopment as Z, isTesting as Me, after as Le, uuid as de, required as St, isObject as pe, objectWithoutEmpty as Ne, objectWithout as We, stringMatchAll as kt, isInstanceOf as Ct, stringExcerpt as Mt, ListenersManager as Et, toError as Pt, round as It, noop as At } from "@noeldemartin/utils";
-import J from "virtual:aerogel";
-import { createPinia as Ht, setActivePinia as Lt, defineStore as Tt } from "pinia";
-import { Primitive as Rt, DialogRoot as jt, DialogPortal as Vt, DialogContent as zt, DialogOverlay as qt, DialogTitle as Bt, SelectRoot as Dt, SelectTrigger as Ft, SelectValue as Ut, SelectItem as Gt, SelectItemText as Nt, SelectPortal as Wt, SelectContent as Ot, SelectViewport as Kt } from "reka-ui";
-import Qt from "clsx";
-import { cva as Jt } from "class-variance-authority";
-import { twMerge as Zt } from "tailwind-merge";
-import Xt from "dompurify";
-import { marked as Yt, Renderer as Te } from "marked";
-class xe extends he {
-  constructor(r, e) {
-    super(`Service '${r}' failed booting`, { cause: e });
-  }
-}
-let Ee = null;
-function Oe() {
-  return Ee ?? er();
-}
-function er() {
-  return K(Ht(), (t) => {
-    Ee = t, Lt(t);
+var vt = Object.defineProperty;
+var bt = (t, s, e) => s in t ? vt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var _ = (t, s, e) => bt(t, typeof s != "symbol" ? s + "" : s, e);
+import { Comment as yt, Text as _t, Static as wt, inject as ae, reactive as ie, markRaw as Pe, nextTick as Be, defineComponent as g, useAttrs as De, useSlots as Se, computed as p, createBlock as h, openBlock as l, h as $t, unref as i, mergeProps as T, withCtx as f, renderSlot as w, createPropsRestProxy as Y, onUnmounted as ue, onMounted as xt, watch as ke, toRaw as Ct, ref as H, watchEffect as de, createVNode as m, normalizeProps as ne, guardReactiveProps as oe, createTextVNode as R, toDisplayString as $, normalizeClass as L, createElementBlock as v, Fragment as D, renderList as F, readonly as Me, provide as pe, resolveDynamicComponent as O, createCommentVNode as M, createElementVNode as y, toRef as Te, useTemplateRef as Ee, withModifiers as qe, withDirectives as Fe, vModelCheckbox as St, normalizeStyle as kt, createApp as Mt, vModelText as Et } from "vue";
+import { JSError as me, tap as Z, MagicObject as Ue, PromisedValue as K, Storage as U, objectOnly as te, arrayFrom as Ne, isEmpty as ve, objectDeepClone as Lt, fail as J, facade as G, arrayRemove as _e, getEnv as Ht, updateLocationQueryParameters as Vt, forever as Pt, toString as B, isDevelopment as X, isTesting as Le, after as Ie, uuid as re, required as Tt, isObject as we, objectWithoutEmpty as Oe, stringMatchAll as It, isInstanceOf as At, objectWithout as Rt, noop as zt, debounce as jt, value as Bt, stringExcerpt as Dt, arraySorted as qt, ListenersManager as Ft, toError as Ut, round as Nt } from "@noeldemartin/utils";
+import N from "virtual:aerogel";
+import { createPinia as Ot, setActivePinia as Wt, defineStore as Kt } from "pinia";
+import Jt from "dompurify";
+import { marked as Qt, Renderer as Ae } from "marked";
+import { Primitive as Zt, SelectValue as Gt, SelectTrigger as Xt, SelectIcon as Yt, SelectItem as es, SelectItemText as ts, SelectPortal as ss, SelectContent as rs, SelectViewport as as, SelectRoot as ns, Label as os, DialogRoot as ls, DialogPortal as is, DialogContent as cs, DialogOverlay as us, DialogTitle as ds, ToastClose as ps, ToastRoot as ms, ToastProvider as fs, ToastViewport as hs, DropdownMenuRoot as gs, DropdownMenuTrigger as vs, DropdownMenuPortal as bs, DropdownMenuContent as ys, DropdownMenuItem as _s } from "reka-ui";
+import ws from "clsx";
+import { cva as $s } from "class-variance-authority";
+import { twMerge as xs } from "tailwind-merge";
+class $e extends me {
+  constructor(s, e) {
+    super(`Service '${s}' failed booting`, { cause: e });
+  }
+}
+let He = null;
+function We() {
+  return He ?? Cs();
+}
+function Cs() {
+  return Z(Ot(), (t) => {
+    He = t, Wt(t);
   });
 }
-function tr() {
-  return Ee ?? Oe();
+function Ss() {
+  return He ?? We();
 }
-function rr(t, r) {
-  return Oe(), Tt(t, r)();
+function ks(t, s) {
+  return We(), Kt(t, s)();
 }
-function ge(t) {
-  var r;
-  return r = class extends ve {
+function fe(t) {
+  var s;
+  return s = class extends he {
     usesStore() {
       return !0;
     }
@@ -41,16 +41,16 @@ function ge(t) {
       return t.name ?? null;
     }
     getInitialState() {
-      return typeof t.initialState == "function" ? t.initialState() : Object.entries(t.initialState).reduce((e, [s, n]) => {
+      return typeof t.initialState == "function" ? t.initialState() : Object.entries(t.initialState).reduce((e, [r, a]) => {
         try {
-          n = structuredClone(n);
+          a = structuredClone(a);
         } catch {
           console.warn(
-            `Could not clone '${s}' state from ${this.getName()} service, this may cause problems if you're using multiple instances of the service (for example, in unit tests).
+            `Could not clone '${r}' state from ${this.getName()} service, this may cause problems if you're using multiple instances of the service (for example, in unit tests).
 To fix this problem, declare your initialState as a function instead.`
           );
         }
-        return e[s] = n, e;
+        return e[r] = a, e;
       }, {});
     }
     getComputedStateDefinition() {
@@ -60,26 +60,26 @@ To fix this problem, declare your initialState as a function instead.`
       return t.watch ?? {};
     }
     serializePersistedState(e) {
-      var s;
-      return ((s = t.serialize) == null ? void 0 : s.call(t, e)) ?? e;
+      var r;
+      return ((r = t.serialize) == null ? void 0 : r.call(t, e)) ?? e;
     }
     deserializePersistedState(e) {
-      var s;
-      return ((s = t.restore) == null ? void 0 : s.call(t, e)) ?? e;
+      var r;
+      return ((r = t.restore) == null ? void 0 : r.call(t, e)) ?? e;
     }
-  }, b(r, "persist", t.persist ?? []), r;
+  }, _(s, "persist", t.persist ?? []), s;
 }
-var we;
-let ve = (we = class extends Ue {
+var ye;
+let he = (ye = class extends Ue {
   constructor() {
     super();
-    b(this, "_name");
-    b(this, "_booted");
-    b(this, "_computedStateKeys");
-    b(this, "_watchers");
-    b(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() && rr(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new K(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && ks(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -92,11 +92,11 @@ let ve = (we = class extends Ue {
     return super.static(e);
   }
   launch() {
-    const e = (s) => this._booted.reject(new xe(this._name, s));
+    const e = (r) => this._booted.reject(new $e(this._name, r));
     try {
       this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
-    } catch (s) {
-      e(s);
+    } catch (r) {
+      e(r);
     }
     return this._booted;
   }
@@ -107,40 +107,40 @@ let ve = (we = class extends Ue {
     return this._store ? e in this._store.$state || this._computedStateKeys.has(e) : !1;
   }
   getState(e) {
-    const s = this._store;
-    return e ? s ? s[e] : void 0 : s || {};
+    const r = this._store;
+    return e ? r ? r[e] : void 0 : r || {};
   }
-  setState(e, s) {
+  setState(e, r) {
     if (!this._store)
       return;
-    const n = typeof e == "string" ? { [e]: s } : e, a = re(this._store.$state, Object.keys(n));
-    Object.assign(this._store.$state, n), this.onStateUpdated(n, a);
+    const a = typeof e == "string" ? { [e]: r } : e, n = te(this._store.$state, Object.keys(a));
+    Object.assign(this._store.$state, a), this.onStateUpdated(a, n);
   }
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const s = Ge(e), n = re(this._store.$state, s);
-    be(n) || this.onPersistentStateUpdated(n);
+    const r = Ne(e), a = te(this._store.$state, r);
+    ve(a) || this.onPersistentStateUpdated(a);
   }
   __get(e) {
     return this.hasState(e) ? this.getState(e) : super.__get(e);
   }
-  __set(e, s) {
-    this.setState({ [e]: s });
+  __set(e, r) {
+    this.setState({ [e]: r });
   }
-  onStateUpdated(e, s) {
-    const n = re(e, this.static("persist"));
-    be(n) || this.onPersistentStateUpdated(n);
-    for (const a in e) {
-      const i = this._watchers[a];
-      !i || e[a] === s[a] || i.call(this, e[a], s[a]);
+  onStateUpdated(e, r) {
+    const a = te(e, this.static("persist"));
+    ve(a) || this.onPersistentStateUpdated(a);
+    for (const n in e) {
+      const o = this._watchers[n];
+      !o || e[n] === r[n] || o.call(this, e[n], r[n]);
     }
   }
   onPersistentStateUpdated(e) {
-    const s = U.get(this._name);
-    s && U.set(this._name, {
-      ...s,
-      ...this.serializePersistedState(yt(e))
+    const r = U.get(this._name);
+    r && U.set(this._name, {
+      ...r,
+      ...this.serializePersistedState(Lt(e))
     });
   }
   usesStore() {
@@ -170,101 +170,106 @@ let ve = (we = class extends Ue {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || be(this.static("persist")))) {
+    if (!(!this.usesStore() || ve(this.static("persist")))) {
       if (U.has(this._name)) {
         const e = U.require(this._name);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      U.set(this._name, re(this.getState(), this.static("persist")));
+      U.set(this._name, te(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
-    return this._store ? this._store : O(`Failed getting '${this._name}' store`);
+    return this._store ? this._store : J(`Failed getting '${this._name}' store`);
   }
-}, b(we, "persist", []), we);
-const na = {
+}, _(ye, "persist", []), ye);
+const pn = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class sr extends ve {
+class Ms extends he {
   constructor() {
     super(...arguments);
-    b(this, "listeners", {});
+    _(this, "listeners", {});
   }
   async boot() {
-    Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, s]) => this.on(e, s));
+    Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, r]) => this.on(e, r));
   }
-  async emit(e, s) {
-    var a;
-    const n = this.listeners[e] ?? { priorities: [], handlers: {} };
-    for (const i of n.priorities)
-      await Promise.all(((a = n.handlers[i]) == null ? void 0 : a.map((o) => o(s))) ?? []);
+  async emit(e, r) {
+    var n;
+    const a = this.listeners[e] ?? { priorities: [], handlers: {} };
+    for (const o of a.priorities)
+      await Promise.all(((n = a.handlers[o]) == null ? void 0 : n.map((c) => c(r))) ?? []);
   }
   // prettier-ignore
   /* eslint-enable max-len */
-  on(e, s, n) {
-    const a = typeof s == "function" ? {} : typeof s == "number" ? { priority: s } : s, i = typeof s == "function" ? s : n;
-    return this.registerListener(e, a, i), () => this.off(e, i);
+  on(e, r, a) {
+    const n = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, o = typeof r == "function" ? r : a;
+    return this.registerListener(e, n, o), () => this.off(e, o);
   }
   // prettier-ignore
   /* eslint-enable max-len */
-  once(e, s, n) {
-    let a = null;
-    const i = typeof s == "function" ? {} : s, o = typeof s == "function" ? s : n;
-    return K(
-      () => a && this.off(e, a),
-      (l) => {
-        a = (...p) => (l(), o(...p)), this.registerListener(e, i, o);
+  once(e, r, a) {
+    let n = null;
+    const o = typeof r == "function" ? {} : r, c = typeof r == "function" ? r : a;
+    return Z(
+      () => n && this.off(e, n),
+      (u) => {
+        n = (...d) => (u(), c(...d)), this.registerListener(e, o, c);
       }
     );
   }
-  off(e, s) {
-    var i;
-    const n = this.listeners[e];
-    if (!n)
+  off(e, r) {
+    var o;
+    const a = this.listeners[e];
+    if (!a)
       return;
-    const a = [...n.priorities];
-    for (const o of a)
-      $e(n.handlers[o] ?? [], s), ((i = n.handlers[o]) == null ? void 0 : i.length) === 0 && (delete n.handlers[o], $e(n.priorities, o));
-    n.priorities.length === 0 && delete this.listeners[e];
-  }
-  registerListener(e, s, n) {
-    var l, p, w;
-    const a = s.priority ?? 0;
+    const n = [...a.priorities];
+    for (const c of n)
+      _e(a.handlers[c] ?? [], r), ((o = a.handlers[c]) == null ? void 0 : o.length) === 0 && (delete a.handlers[c], _e(a.priorities, c));
+    a.priorities.length === 0 && delete this.listeners[e];
+  }
+  registerListener(e, r, a) {
+    var u, d, b;
+    const n = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const i = ((l = this.listeners[e]) == null ? void 0 : l.priorities) ?? O(`priorities missing for event '${e}'`), o = ((p = this.listeners[e]) == null ? void 0 : p.handlers) ?? O(`handlers missing for event '${e}'`);
-    i.includes(a) || (i.push(a), i.sort((M, S) => S - M), o[a] = []), (w = o[a]) == null || w.push(n);
+    const o = ((u = this.listeners[e]) == null ? void 0 : u.priorities) ?? J(`priorities missing for event '${e}'`), c = ((d = this.listeners[e]) == null ? void 0 : d.handlers) ?? J(`handlers missing for event '${e}'`);
+    o.includes(n) || (o.push(n), o.sort((x, S) => S - x), c[n] = []), (b = c[n]) == null || b.push(a);
   }
 }
-const x = Q(sr), nr = ge({
+const k = G(Ms);
+function mn(t) {
+  return t;
+}
+const Es = fe({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: wt() ?? "development",
-    version: J.version,
-    sourceUrl: J.sourceUrl
+    environment: Ht() ?? "development",
+    version: N.version,
+    sourceUrl: N.sourceUrl,
+    settings: []
   },
   computed: {
     development: (t) => t.environment === "development",
     staging: (t) => t.environment === "staging",
     testing: (t) => t.environment === "test" || t.environment === "testing",
     versionName(t) {
-      return this.development ? "dev." + J.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + J.sourceHash.toString().substring(0, 7) : `v${t.version}`;
+      return this.development ? "dev." + N.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + N.sourceHash.toString().substring(0, 7) : `v${t.version}`;
     },
     versionUrl(t) {
-      return t.sourceUrl + (this.development || this.staging ? `/tree/${J.sourceHash}` : `/releases/tag/${this.versionName}`);
+      return t.sourceUrl + (this.development || this.staging ? `/tree/${N.sourceHash}` : `/releases/tag/${this.versionName}`);
     }
   }
 });
-class ar extends nr {
+class Ls extends Es {
   constructor() {
     super(...arguments);
-    b(this, "name", J.name);
-    b(this, "ready", new W());
-    b(this, "mounted", new W());
+    _(this, "name", N.name);
+    _(this, "ready", new K());
+    _(this, "mounted", new K());
   }
   isReady() {
     return this.ready.isResolved();
@@ -276,426 +281,333 @@ class ar extends nr {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && $t(e), location.reload(), await xt();
+    e && Vt(e), location.reload(), await Pt();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
   }
   service(e) {
-    var s;
-    return ((s = this.instance) == null ? void 0 : s.config.globalProperties[e]) ?? null;
+    var r;
+    return ((r = this.instance) == null ? void 0 : r.config.globalProperties[e]) ?? null;
   }
   async boot() {
-    x.once("application-ready", () => this.ready.resolve()), x.once("application-mounted", () => this.mounted.resolve());
+    k.once("application-ready", () => this.ready.resolve()), k.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const G = Q(ar);
-function aa(t) {
+const j = G(Ls);
+function fn(t) {
   return t;
 }
-async function or(t, ...r) {
-  G.setState(
+async function Hs(t, ...s) {
+  j.setState(
     "plugins",
     t.reduce(
-      (e, s) => (s.name && (e[s.name] = s), e),
+      (e, r) => (r.name && (e[r.name] = r), e),
       {}
     )
-  ), await Promise.all(t.map((e) => e.install(...r)) ?? []);
-}
-function ir(t) {
-  return {
-    type: Array,
-    default: t ?? (() => [])
-  };
-}
-function lr(t = !1) {
-  return {
-    type: Boolean,
-    default: t
-  };
+  ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function Pe() {
-  return A();
+function Vs(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
 }
-function oa(t) {
-  const r = A(), e = d(t);
-  return Se(e, async () => r.value = await e.value, { immediate: !0 }), r;
-}
-function ia(t) {
+function hn(t) {
   return t;
 }
-function cr(t, r) {
-  const e = Object.values(t);
-  return {
-    type: String,
-    default: r ?? e[0] ?? null,
-    validator: (s) => e.includes(s)
-  };
-}
-function ur(t) {
-  const r = X(t);
-  return r ? ue(r) : void 0;
-}
-function V(t, r) {
-  return ur(t) ?? O(r ?? `Could not resolve '${B(t)}' injection key`);
-}
-function la(t, r) {
-  return X(t) ?? O(r ?? `Could not resolve '${B(t)}' injection key`);
-}
-function ca() {
-  return {
-    type: Function,
-    default: null
-  };
-}
-function Ie(t, r) {
-  return {
-    type: t,
-    default: r ?? null
-  };
-}
-function ua(t = null) {
-  return {
-    type: Number,
-    default: t
-  };
-}
-function dr(t = null) {
-  return {
-    type: Object,
-    default: t
-  };
-}
-function pr() {
-  return {
-    type: Array,
-    required: !0
-  };
-}
-function da(t) {
-  const r = Object.values(t);
-  return {
-    type: String,
-    required: !0,
-    validator: (e) => r.includes(e)
-  };
+function Ps(t) {
+  const s = ae(t);
+  return s ? ie(s) : void 0;
 }
-function mr(t) {
-  return {
-    type: t,
-    required: !0
-  };
-}
-function pa() {
-  return {
-    type: Number,
-    required: !0
-  };
-}
-function fr() {
-  return {
-    type: Object,
-    required: !0
-  };
+function V(t, s) {
+  return Ps(t) ?? J(s ?? `Could not resolve '${B(t)}' injection key`);
 }
-function Re() {
-  return {
-    type: String,
-    required: !0
-  };
+function gn(t, s) {
+  return ae(t) ?? J(s ?? `Could not resolve '${B(t)}' injection key`);
 }
-function I(t = null) {
-  return {
-    type: String,
-    default: t
-  };
+function Ke(t) {
+  return typeof t == "string" ? t : t.type === yt ? "" : t.type === _t || t.type === wt ? t.children : t.type === "br" ? `
+
+` : `<${t.type} ${Vs(t)}>${Array.from(t.children).map(Ke).join("")}</${t.type}>`;
 }
-const ye = /* @__PURE__ */ new WeakMap(), hr = {
-  mounted(t, { value: r }) {
-    const e = typeof r == "function" ? r : null, s = () => {
-      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 be = /* @__PURE__ */ new WeakMap(), Ts = {
+  mounted(t, { value: s }) {
+    const e = typeof s == "function" ? s : null, r = () => {
+      const a = t.getBoundingClientRect();
+      t.style.setProperty("--width", `${a.width}px`), t.style.setProperty("--height", `${a.height}px`), e == null || e({ width: a.width, height: a.height });
     };
-    ye.set(t, K(new ResizeObserver(s)).observe(t)), s();
+    be.set(t, Z(new ResizeObserver(r)).observe(t)), r();
   },
   unmounted(t) {
-    var r;
-    (r = ye.get(t)) == null || r.unobserve(t), ye.delete(t);
+    var s;
+    (s = be.get(t)) == null || s.unobserve(t), be.delete(t);
   }
-}, gr = {
-  measure: hr
-}, vr = {
-  install(t, r) {
+}, Is = {
+  measure: Ts
+}, As = {
+  install(t, s) {
     const e = {
-      ...gr,
-      ...r.directives
+      ...Is,
+      ...s.directives
     };
-    for (const [s, n] of Object.entries(e))
-      t.directive(s, n);
+    for (const [r, a] of Object.entries(e))
+      t.directive(r, a);
   }
 };
-class _r extends ve {
+class Rs extends he {
   constructor() {
     super(...arguments);
-    b(this, "cache");
+    _(this, "cache");
   }
   async get(e) {
     return await (await this.open()).match(e) ?? null;
   }
-  async store(e, s) {
-    await (await this.open()).put(e, s);
+  async store(e, r) {
+    await (await this.open()).put(e, r);
   }
-  async replace(e, s) {
-    const n = await this.open();
-    (await n.keys(e)).length !== 0 && await n.put(e, s);
+  async replace(e, r) {
+    const a = await this.open();
+    (await a.keys(e)).length !== 0 && await a.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? K(new W(), (e) => {
-      caches.open("app").then((s) => e.resolve(s));
+    return this.cache = this.cache ?? Z(new K(), (e) => {
+      caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const ma = Q(_r);
-class br extends ve {
+const vn = G(Rs);
+class zs extends he {
   async purge() {
-    await x.emit("purge-storage");
+    await k.emit("purge-storage");
   }
 }
-const yr = Q(br);
-function fa(t, r) {
+const js = G(zs);
+function bn(t, s) {
   return {
     ...t,
-    ...re(r, Object.keys(t))
+    ...te(s, Object.keys(t))
   };
 }
-const wr = {
-  $app: G,
-  $events: x,
-  $storage: yr
+const Bs = {
+  $app: j,
+  $events: k,
+  $storage: js
 };
-async function _e(t, r) {
+async function ge(t, s) {
   await Promise.all(
-    Object.entries(r).map(async ([e, s]) => {
-      await s.launch().catch((n) => {
-        var a, i;
-        return (i = (a = t.config).errorHandler) == null ? void 0 : i.call(a, n, null, `Failed launching ${e}.`);
+    Object.entries(s).map(async ([e, r]) => {
+      await r.launch().catch((a) => {
+        var n, o;
+        return (o = (n = t.config).errorHandler) == null ? void 0 : o.call(n, a, null, `Failed launching ${e}.`);
       });
     })
-  ), Object.assign(t.config.globalProperties, r), (Z() || Me()) && Object.assign(globalThis, r);
+  ), Object.assign(t.config.globalProperties, s), (X() || Le()) && Object.assign(globalThis, s);
 }
-const $r = {
-  async install(t, r) {
+const Ds = {
+  async install(t, s) {
     const e = {
-      ...wr,
-      ...r.services
+      ...Bs,
+      ...s.services
     };
-    t.use(tr()), await _e(t, e);
+    t.use(Ss()), j.settings.push(...s.settings ?? []), await ge(t, e);
   }
-}, Ke = 768, me = {
+}, Je = 768, ce = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
 function Qe() {
-  return globalThis.innerWidth > Ke ? me.Desktop : me.Mobile;
+  return globalThis.innerWidth > Je ? ce.Desktop : ce.Mobile;
 }
-const xr = ge({
+const qs = fe({
   name: "ui",
   initialState: {
     modals: [],
-    snackbars: [],
+    toasts: [],
     layout: Qe()
   },
   computed: {
-    mobile: ({ layout: t }) => t === me.Mobile,
-    desktop: ({ layout: t }) => t === me.Desktop
+    mobile: ({ layout: t }) => t === ce.Mobile,
+    desktop: ({ layout: t }) => t === ce.Desktop
   }
-}), C = {
+}), E = {
   AlertModal: "alert-modal",
   ConfirmModal: "confirm-modal",
   ErrorReportModal: "error-report-modal",
   LoadingModal: "loading-modal",
   PromptModal: "prompt-modal",
-  Snackbar: "snackbar",
+  Toast: "toast",
   StartupCrash: "startup-crash"
 };
-class Sr extends xr {
+class Fs extends qs {
   constructor() {
     super(...arguments);
-    b(this, "modalCallbacks", {});
-    b(this, "components", {});
+    _(this, "modalCallbacks", {});
+    _(this, "components", {});
   }
   requireComponent(e) {
-    return this.components[e] ?? O(`UI Component '${e}' is not defined!`);
+    return this.components[e] ?? J(`UI Component '${e}' is not defined!`);
   }
-  alert(e, s) {
-    const n = () => typeof s != "string" ? { message: e } : {
+  alert(e, r) {
+    const a = () => typeof r != "string" ? { message: e } : {
       title: e,
-      message: s
+      message: r
     };
     this.openModal(
-      this.requireComponent(C.AlertModal),
-      n()
+      this.requireComponent(E.AlertModal),
+      a()
     );
   }
   // prettier-ignore
   /* eslint-enable max-len */
-  async confirm(e, s, n) {
-    const i = typeof s != "string" ? {
-      ...s ?? {},
+  async confirm(e, r, a) {
+    const o = typeof r != "string" ? {
+      ...r ?? {},
       message: e,
-      required: !!(s != null && s.required)
+      required: !!(r != null && r.required)
     } : {
-      ...n ?? {},
+      ...a ?? {},
       title: e,
-      message: s,
-      required: !!(n != null && n.required)
-    }, l = await (await this.openModal(
-      this.requireComponent(C.ConfirmModal),
-      i
-    )).beforeClose, p = typeof l == "object" ? l[0] : l ?? !1, w = typeof l == "object" ? l[1] : Object.entries(i.checkboxes ?? {}).reduce(
-      (M, [S, { default: D }]) => ({
-        [S]: D ?? !1,
-        ...M
+      message: r,
+      required: !!(a != null && a.required)
+    }, u = await (await this.openModal(
+      this.requireComponent(E.ConfirmModal),
+      o
+    )).beforeClose, d = typeof u == "object" ? u[0] : u ?? !1, b = typeof u == "object" ? u[1] : Object.entries(o.checkboxes ?? {}).reduce(
+      (x, [S, { default: W }]) => ({
+        [S]: W ?? !1,
+        ...x
       }),
       {}
     );
-    for (const [M, S] of Object.entries(i.checkboxes ?? {}))
-      if (!(!S.required || w[M]))
-        return p && Z() && console.warn(`Confirmed confirm modal was suppressed because required '${M}' checkbox was missing`), [!1, w];
-    return "checkboxes" in i ? [p, w] : p;
+    for (const [x, S] of Object.entries(o.checkboxes ?? {}))
+      if (!(!S.required || b[x]))
+        return d && X() && console.warn(`Confirmed confirm modal was suppressed because required '${x}' checkbox was missing`), [!1, b];
+    return "checkboxes" in o ? [d, b] : d;
   }
-  async prompt(e, s, n) {
-    const a = (n == null ? void 0 : n.trim) ?? !0, i = () => typeof s != "string" ? {
+  async prompt(e, r, a) {
+    const n = (a == null ? void 0 : a.trim) ?? !0, o = () => typeof r != "string" ? {
       message: e,
-      ...s ?? {}
+      ...r ?? {}
     } : {
       title: e,
-      message: s,
-      ...n ?? {}
-    }, l = await (await this.openModal(
-      this.requireComponent(C.PromptModal),
-      i()
+      message: r,
+      ...a ?? {}
+    }, u = await (await this.openModal(
+      this.requireComponent(E.PromptModal),
+      o()
     )).beforeClose;
-    return (a && typeof l == "string" ? l == null ? void 0 : l.trim() : l) ?? null;
+    return (n && typeof u == "string" ? u == null ? void 0 : u.trim() : u) ?? null;
   }
-  async loading(e, s) {
-    const n = (p) => typeof p == "function" ? Promise.resolve(p()) : p, a = () => typeof e == "string" ? {
+  async loading(e, r) {
+    const a = (d) => typeof d == "function" ? Promise.resolve(d()) : d, n = () => typeof e == "string" ? {
       props: { message: e },
-      operationPromise: n(s)
-    } : typeof e == "function" || e instanceof Promise ? { operationPromise: n(e) } : {
+      operationPromise: a(r)
+    } : typeof e == "function" || e instanceof Promise ? { operationPromise: a(e) } : {
       props: e,
-      operationPromise: n(s)
-    }, { operationPromise: i, props: o } = a(), l = await this.openModal(this.requireComponent(C.LoadingModal), o);
+      operationPromise: a(r)
+    }, { operationPromise: o, props: c } = n(), u = await this.openModal(this.requireComponent(E.LoadingModal), c);
     try {
-      const p = await i;
-      return await Le({ ms: 500 }), p;
+      const d = await o;
+      return await Ie({ ms: 500 }), d;
     } finally {
-      await this.closeModal(l.id);
+      await this.closeModal(u.id);
     }
   }
-  showSnackbar(e, s = {}) {
-    const n = {
-      id: de(),
-      properties: { message: e, ...s },
-      component: Ae(s.component ?? this.requireComponent(C.Snackbar))
+  toast(e, r = {}) {
+    const { component: a, ...n } = r, o = {
+      id: re(),
+      properties: { message: e, ...n },
+      component: Pe(a ?? this.requireComponent(E.Toast))
     };
-    this.setState("snackbars", this.snackbars.concat(n)), setTimeout(() => this.hideSnackbar(n.id), 5e3);
-  }
-  hideSnackbar(e) {
-    this.setState(
-      "snackbars",
-      this.snackbars.filter((s) => s.id !== e)
-    );
-  }
-  registerComponent(e, s) {
-    this.components[e] = s;
-  }
-  async openModal(e, s) {
-    const n = de(), a = {}, i = {
-      id: n,
-      properties: s ?? {},
-      component: Ae(e),
-      beforeClose: new Promise((p) => a.willClose = p),
-      afterClose: new Promise((p) => a.closed = p)
-    }, o = this.modals.at(-1), l = this.modals.concat(i);
-    return this.modalCallbacks[i.id] = a, this.setState({ modals: l }), await ze(), await (o && x.emit("hide-modal", { id: o.id })), await Promise.all([
-      o || x.emit("show-overlays-backdrop"),
-      x.emit("show-modal", { id: i.id })
-    ]), i;
-  }
-  async closeModal(e, s) {
-    if (!G.isMounted()) {
-      await this.removeModal(e, s);
+    this.setState("toasts", this.toasts.concat(o));
+  }
+  registerComponent(e, r) {
+    this.components[e] = r;
+  }
+  async openModal(e, r) {
+    const a = re(), n = {}, o = {
+      id: a,
+      properties: r ?? {},
+      component: Pe(e),
+      beforeClose: new Promise((d) => n.willClose = d),
+      afterClose: new Promise((d) => n.closed = d)
+    }, c = this.modals.at(-1), u = this.modals.concat(o);
+    return this.modalCallbacks[o.id] = n, this.setState({ modals: u }), await Be(), await (c && k.emit("hide-modal", { id: c.id })), await Promise.all([
+      c || k.emit("show-overlays-backdrop"),
+      k.emit("show-modal", { id: o.id })
+    ]), o;
+  }
+  async closeModal(e, r) {
+    if (!j.isMounted()) {
+      await this.removeModal(e, r);
       return;
     }
-    await x.emit("close-modal", { id: e, result: s });
+    await k.emit("close-modal", { id: e, result: r });
   }
   async closeAllModals() {
     for (; this.modals.length > 0; )
-      await this.closeModal(St(this.modals[this.modals.length - 1]).id);
+      await this.closeModal(Tt(this.modals[this.modals.length - 1]).id);
   }
   async boot() {
     this.watchModalEvents(), this.watchMountedEvent(), this.watchViewportBreakpoints();
   }
-  async removeModal(e, s) {
-    var a, i;
+  async removeModal(e, r) {
+    var n, o;
     this.setState(
       "modals",
-      this.modals.filter((o) => o.id !== e)
-    ), (i = (a = this.modalCallbacks[e]) == null ? void 0 : a.closed) == null || i.call(a, s), delete this.modalCallbacks[e];
-    const n = this.modals.at(-1);
-    await (n && x.emit("show-modal", { id: n.id }));
+      this.modals.filter((c) => c.id !== e)
+    ), (o = (n = this.modalCallbacks[e]) == null ? void 0 : n.closed) == null || o.call(n, r), delete this.modalCallbacks[e];
+    const a = this.modals.at(-1);
+    await (a && k.emit("show-modal", { id: a.id }));
   }
   watchModalEvents() {
-    x.on("modal-will-close", ({ modal: e, result: s }) => {
-      var n, a;
-      (a = (n = this.modalCallbacks[e.id]) == null ? void 0 : n.willClose) == null || a.call(n, s), this.modals.length === 1 && x.emit("hide-overlays-backdrop");
-    }), x.on("modal-closed", async ({ modal: { id: e }, result: s }) => {
-      await this.removeModal(e, s);
+    k.on("modal-will-close", ({ modal: e, result: r }) => {
+      var a, n;
+      (n = (a = this.modalCallbacks[e.id]) == null ? void 0 : a.willClose) == null || n.call(a, r), this.modals.length === 1 && k.emit("hide-overlays-backdrop");
+    }), k.on("modal-closed", async ({ modal: { id: e }, result: r }) => {
+      await this.removeModal(e, r);
     });
   }
   watchMountedEvent() {
-    x.once("application-mounted", async () => {
+    k.once("application-mounted", async () => {
       if (!globalThis.document || !globalThis.getComputedStyle)
         return;
       const e = globalThis.document.getElementById("splash");
-      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await Le({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await Ie({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${Ke}px)`).addEventListener("change", () => this.setState({ layout: Qe() }));
+    globalThis.matchMedia(`(min-width: ${Je}px)`).addEventListener("change", () => this.setState({ layout: Qe() }));
   }
 }
-const P = Q(Sr);
-class kr {
-  constructor(r, e) {
-    this.locale = r, this.fallbackLocale = e;
+const A = G(Fs);
+class Us {
+  constructor(s, e) {
+    this.locale = s, this.fallbackLocale = e;
   }
   getLocale() {
     return this.locale;
   }
-  async setLocale(r) {
-    this.locale = r;
+  async setLocale(s) {
+    this.locale = s;
   }
   getFallbackLocale() {
     return this.fallbackLocale;
   }
-  async setFallbackLocale(r) {
-    this.fallbackLocale = r;
+  async setFallbackLocale(s) {
+    this.fallbackLocale = s;
   }
   getLocales() {
     return ["en"];
   }
-  translate(r) {
-    return Z() && console.warn("Lang provider is missing"), r;
+  translate(s) {
+    return X() && console.warn("Lang provider is missing"), s;
   }
-  translateWithDefault(r, e) {
-    return Z() && console.warn("Lang provider is missing"), e;
+  translateWithDefault(s, e) {
+    return X() && console.warn("Lang provider is missing"), e;
   }
 }
-const Cr = ge({
+const Ns = fe({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -704,11 +616,11 @@ const Cr = ge({
     fallbackLocale: "en"
   }
 });
-class Mr extends Cr {
+class Os extends Ns {
   constructor() {
     super();
-    b(this, "provider");
-    this.provider = new kr(
+    _(this, "provider");
+    this.provider = new Us(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -716,32 +628,27 @@ class Mr extends Cr {
   async setProvider(e) {
     this.provider = e, this.locales = e.getLocales(), await e.setLocale(this.locale ?? this.getBrowserLocale()), await e.setFallbackLocale(this.fallbackLocale);
   }
-  translate(e, s) {
-    return this.provider.translate(e, s) ?? e;
+  translate(e, r) {
+    return this.provider.translate(e, r) ?? e;
   }
-  translateWithDefault(e, s, n = {}) {
-    return this.provider.translateWithDefault(e, s, n);
+  translateWithDefault(e, r, a = {}) {
+    return this.provider.translateWithDefault(e, r, a);
   }
   getBrowserLocale() {
     const e = this.getState("locales");
-    return navigator.languages.find((s) => e.includes(s)) ?? "en";
+    return navigator.languages.find((r) => e.includes(r)) ?? "en";
   }
   async boot() {
     globalThis.document && this.requireStore().$subscribe(
       async () => {
-        var e, s;
-        await this.provider.setLocale(this.locale ?? this.getBrowserLocale()), await this.provider.setFallbackLocale(this.fallbackLocale), this.locale ? (e = document.querySelector("html")) == null || e.setAttribute("lang", this.locale) : (s = document.querySelector("html")) == null || s.removeAttribute("lang");
+        var e, r;
+        await this.provider.setLocale(this.locale ?? this.getBrowserLocale()), await this.provider.setFallbackLocale(this.fallbackLocale), this.locale ? (e = document.querySelector("html")) == null || e.setAttribute("lang", this.locale) : (r = document.querySelector("html")) == null || r.removeAttribute("lang");
       },
       { immediate: !0 }
     );
   }
 }
-const ne = Q(Mr), Je = ne.translate.bind(ne), $ = ne.translateWithDefault.bind(ne), ae = {
-  Primary: "primary",
-  Secondary: "secondary",
-  Danger: "danger",
-  Clear: "clear"
-}, Er = ge({
+const Q = G(Os), Ze = Q.translate.bind(Q), C = Q.translateWithDefault.bind(Q), Ws = fe({
   name: "errors",
   initialState: {
     logs: [],
@@ -749,15 +656,15 @@ const ne = Q(Mr), Je = ne.translate.bind(ne), $ = ne.translateWithDefault.bind(n
   },
   computed: {
     hasErrors: ({ logs: t }) => t.length > 0,
-    hasNewErrors: ({ logs: t }) => t.some((r) => !r.seen),
+    hasNewErrors: ({ logs: t }) => t.some((s) => !s.seen),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Pr extends Er {
+class Ks extends Ws {
   constructor() {
     super(...arguments);
-    b(this, "forceReporting", !1);
-    b(this, "enabled", !0);
+    _(this, "forceReporting", !1);
+    _(this, "enabled", !0);
   }
   enable() {
     this.enabled = !0;
@@ -766,49 +673,49 @@ class Pr extends Er {
     this.enabled = !1;
   }
   async inspect(e) {
-    const s = Array.isArray(e) ? e : [await this.createErrorReport(e)];
-    if (s.length === 0) {
-      P.alert($("errors.inspectEmpty", "Nothing to inspect!"));
+    const r = Array.isArray(e) ? e : [await this.createErrorReport(e)];
+    if (r.length === 0) {
+      A.alert(C("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
-    P.openModal(P.requireComponent(C.ErrorReportModal), {
-      reports: s
+    A.openModal(A.requireComponent(E.ErrorReportModal), {
+      reports: r
     });
   }
-  async report(e, s) {
-    if (await x.emit("error", { error: e, message: s }), Me("unit") || (Z() && this.logError(e), !this.enabled))
+  async report(e, r) {
+    if (await k.emit("error", { error: e, message: r }), Le("unit") || (X() && this.logError(e), !this.enabled))
       throw e;
-    if (!G.isMounted()) {
-      const i = await this.createStartupErrorReport(e);
-      i && this.setState({ startupErrors: this.startupErrors.concat(i) });
+    if (!j.isMounted()) {
+      const o = await this.createStartupErrorReport(e);
+      o && this.setState({ startupErrors: this.startupErrors.concat(o) });
       return;
     }
-    const n = await this.createErrorReport(e), a = {
-      report: n,
+    const a = await this.createErrorReport(e), n = {
+      report: a,
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    P.showSnackbar(
-      s ?? $("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
+    A.toast(
+      r ?? C("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
-        color: ae.Danger,
+        variant: "danger",
         actions: [
           {
-            text: $("errors.viewDetails", "View details"),
+            label: C("errors.viewDetails", "View details"),
             dismiss: !0,
-            handler: () => P.openModal(
-              P.requireComponent(C.ErrorReportModal),
-              { reports: [n] }
+            click: () => A.openModal(
+              A.requireComponent(E.ErrorReportModal),
+              { reports: [a] }
             )
           }
         ]
       }
-    ), this.setState({ logs: [a].concat(this.logs) });
+    ), this.setState({ logs: [n].concat(this.logs) });
   }
   see(e) {
     this.setState({
-      logs: this.logs.map((s) => s.report !== e ? s : {
-        ...s,
+      logs: this.logs.map((r) => r.report !== e ? r : {
+        ...r,
         seen: !0
       })
     });
@@ -822,96 +729,117 @@ class Pr extends Er {
     });
   }
   logError(e) {
-    console.error(e), pe(e) && e.cause && this.logError(e.cause);
+    console.error(e), we(e) && e.cause && this.logError(e.cause);
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof he ? this.createErrorReportFromError(e) : pe(e) ? Ne({
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof me ? this.createErrorReportFromError(e) : we(e) ? Oe({
       title: B(
-        e.name ?? e.title ?? $("errors.unknown", "Unknown Error")
+        e.name ?? e.title ?? C("errors.unknown", "Unknown Error")
       ),
       description: B(
-        e.message ?? e.description ?? $("errors.unknownDescription", "Unknown error object")
+        e.message ?? e.description ?? C("errors.unknownDescription", "Unknown error object")
       ),
       error: e
     }) : {
-      title: $("errors.unknown", "Unknown Error"),
+      title: C("errors.unknown", "Unknown Error"),
       error: e
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof xe ? e.cause instanceof xe ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+    return e instanceof $e ? e.cause instanceof $e ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
-  createErrorReportFromError(e, s = {}) {
+  createErrorReportFromError(e, r = {}) {
     return {
       title: e.name,
       description: e.message,
       details: e.stack,
       error: e,
-      ...s
+      ...r
     };
   }
 }
-const Ze = Q(Pr), Xe = [];
-function ha(t) {
+const Ge = G(Ks), Xe = [];
+function yn(t) {
   Xe.push(t);
 }
-function Ir(t) {
-  for (const r of Xe) {
-    const e = r(t);
+function Js(t) {
+  for (const s of Xe) {
+    const e = s(t);
     if (e)
       return e;
   }
-  return typeof t == "string" ? t : t instanceof Error || t instanceof he ? t.message : pe(t) ? B(t.message ?? t.description ?? "Unknown error object") : $("errors.unknown", "Unknown Error");
+  return typeof t == "string" ? t : t instanceof Error || t instanceof me ? t.message : we(t) ? B(t.message ?? t.description ?? "Unknown error object") : C("errors.unknown", "Unknown Error");
 }
-class je extends he {
+class Re extends me {
 }
-const Ar = { $errors: Ze }, Hr = (t) => (Ze.report(t), !0);
-function Lr(t, r = () => !1) {
-  const e = (s) => r(s) || Hr(s);
-  t.config.errorHandler = e, globalThis.onerror = (s, n, a, i, o) => e(o ?? s), globalThis.onunhandledrejection = (s) => e(s.reason);
+const Qs = { $errors: Ge }, Zs = (t) => (Ge.report(t), !0);
+function Gs(t, s = () => !1) {
+  const e = (r) => s(r) || Zs(r);
+  t.config.errorHandler = e, globalThis.onerror = (r, a, n, o, c) => e(c ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const Tr = {
-  async install(t, r) {
-    Lr(t, r.handleError), await _e(t, Ar);
-  }
-}, Rr = { $lang: ne }, jr = {
-  async install(t) {
-    var r;
-    (r = t.config.globalProperties).$t ?? (r.$t = Je), t.config.globalProperties.$td = $, await _e(t, Rr);
+const Xs = {
+  async install(t, s) {
+    Gs(t, s.handleError), await ge(t, Qs);
   }
-}, Vr = {
-  async install() {
-    Me() && (globalThis.testingRuntime = {
-      on: (...t) => x.on(...t)
-    });
-  }
-}, zr = { class: "pointer-events-auto" }, qr = /* @__PURE__ */ h({
-  __name: "AGHeadlessSnackbar",
-  setup(t) {
-    return (r, e) => (u(), _("div", zr, [
-      y(r.$slots, "default")
-    ]));
-  }
-}), Br = We(ae, ["Primary", "Clear"]), Dr = {
-  id: Re(),
-  message: Re(),
-  actions: ir(() => []),
-  color: cr(Br, ae.Secondary)
 };
-function Fr() {
-  return Dr;
+function Ys() {
+  return Z(new Ae(), (t) => {
+    t.link = function(s) {
+      return Ae.prototype.link.apply(this, [s]).replace("<a", '<a target="_blank"');
+    };
+  });
 }
-function Ur(t) {
-  function r(e) {
-    var s;
-    (s = e.handler) == null || s.call(e), e.dismiss && P.hideSnackbar(t.id);
-  }
-  return { activate: r };
+function er(t) {
+  const s = It(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  for (const [e, r, a] of s)
+    t = t.replace(e, `<button type="button" data-markdown-action="${r}">${a}</button>`);
+  return t;
+}
+function tr(t) {
+  let s = Qt(t, { renderer: Ys(), async: !1 });
+  return s = sr(s), s = er(s), s;
 }
-const Gr = /* @__PURE__ */ h({
+function sr(t) {
+  return Jt.sanitize(t, { ADD_ATTR: ["target"] });
+}
+const z = /* @__PURE__ */ g({
+  __name: "Markdown",
+  props: {
+    as: {},
+    inline: { type: Boolean },
+    langKey: {},
+    langParams: {},
+    langDefault: {},
+    text: {},
+    actions: {}
+  },
+  setup(t) {
+    const s = De(), e = Se(), r = p(() => e.default ? e.default().map(Ke).join("") : t.text ?? (t.langKey && (t.langDefault ? C(t.langKey, t.langDefault, t.langParams ?? {}) : Ze(t.langKey, t.langParams ?? {})))), a = p(() => {
+      if (!r.value)
+        return null;
+      let c = tr(r.value);
+      return t.inline && (c = c.replace("<p>", "<span>").replace("</p>", "</span>")), c;
+    }), n = () => $t(t.as ?? (t.inline ? "span" : "div"), {
+      innerHTML: a.value,
+      onClick: o,
+      ...s,
+      class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
+    });
+    async function o(c) {
+      var d, b;
+      const { target: u } = c;
+      if (At(u, HTMLElement) && u.dataset.markdownAction) {
+        (b = (d = t.actions) == null ? void 0 : d[u.dataset.markdownAction]) == null || b.call(d);
+        return;
+      }
+    }
+    return (c, u) => (l(), h(n));
+  }
+}), rr = /* @__PURE__ */ g({
   __name: "HeadlessButton",
   props: {
     class: {},
+    disabled: { type: Boolean },
     href: {},
     route: {},
     routeParams: {},
@@ -923,9 +851,9 @@ const Gr = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const r = d(() => t.as ? { as: t.as } : t.route ? {
+    const s = p(() => t.as ? { as: t.as } : t.route ? {
       as: "router-link",
-      to: Ne({
+      to: Oe({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -938,49 +866,32 @@ const Gr = /* @__PURE__ */ h({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, s) => (u(), g(c(Rt), H({
+    return (e, r) => (l(), h(i(Zt), T({
       class: t.class,
-      "as-child": e.asChild
-    }, r.value), {
+      "as-child": e.asChild,
+      disabled: e.disabled
+    }, s.value), {
       default: f(() => [
-        y(e.$slots, "default")
+        w(e.$slots, "default")
       ]),
       _: 3
-    }, 16, ["class", "as-child"]));
+    }, 16, ["class", "as-child", "disabled"]));
   }
 });
-function Nr(t, r) {
-  return d(() => {
-    const { baseClasses: e, ...s } = t, { baseClasses: n, ...a } = r, i = Jt(n, a), o = Object.entries(s).reduce((l, [p, w]) => (l[p] = c(w), l), {});
-    return N(i(o), c(e));
+function Ye(t, s) {
+  return p(() => {
+    const { baseClasses: e, ...r } = t, { baseClasses: a, ...n } = s, o = $s(a, n), c = Object.entries(r).reduce((u, [d, b]) => (u[d] = i(b), u), {});
+    return P(o(c), i(e));
   });
 }
-function N(...t) {
-  return Zt(Qt(t));
+function P(...t) {
+  return xs(ws(t));
 }
-function Wr(t, r) {
-  return Object.keys(r).reduce(
-    (e, s) => (e[s] = t[s], e),
-    {}
-  );
-}
-function Or(t) {
-  if (t instanceof HTMLElement)
-    return t;
-  if (Kr(t))
-    return t.$el;
-}
-function Kr(t) {
-  return pe(t) && "$el" in t;
-}
-function Ye(t, r) {
-  const e = X("form", null), s = e == null ? void 0 : e.on("focus", (n) => t.name === n && r());
-  oe(() => s == null ? void 0 : s());
-}
-const T = /* @__PURE__ */ h({
+const I = /* @__PURE__ */ g({
   __name: "Button",
   props: {
     class: {},
+    disabled: { type: Boolean },
     href: {},
     route: {},
     routeParams: {},
@@ -992,24 +903,28 @@ const T = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const r = Y(t, ["class", "size", "variant"]), e = Nr(
-      { baseClasses: t.class, variant: t.variant, size: t.size },
+    const s = Y(t, ["class", "size", "variant", "disabled"]), e = Ye(
+      { baseClasses: t.class, variant: t.variant, size: t.size, disabled: t.disabled },
       {
-        baseClasses: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
+        baseClasses: "flex items-center justify-center gap-1 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
         variants: {
           variant: {
-            default: "bg-primary text-white hover:bg-primary/90 focus-visible:outline-primary",
-            secondary: "bg-background text-gray-900 ring-gray-300 hover:bg-accent",
-            danger: "bg-danger text-white hover:bg-danger/80 focus-visible:outline-danger",
-            ghost: "bg-background hover:bg-accent",
-            outline: "bg-background text-primary ring-primary hover:bg-accent",
-            link: "text-primary hover:underline"
+            default: "bg-primary text-white focus-visible:outline-primary",
+            secondary: "bg-background text-gray-900 ring-gray-300",
+            danger: "bg-danger text-white focus-visible:outline-danger",
+            ghost: "bg-transparent",
+            outline: "bg-transparent text-primary ring-primary",
+            link: "text-primary"
           },
           size: {
-            small: "rounded px-2 py-1 text-xs",
-            default: "rounded-md px-2.5 py-1.5 text-sm",
-            large: "rounded-md px-3 py-2 text-base",
+            small: "text-xs",
+            default: "text-sm",
+            large: "text-base",
             icon: "rounded-full p-2.5"
+          },
+          disabled: {
+            false: null,
+            true: "opacity-50 cursor-not-allowed"
           }
         },
         compoundVariants: [
@@ -1024,435 +939,729 @@ const T = /* @__PURE__ */ h({
           {
             variant: ["secondary", "outline"],
             class: "ring-1 ring-inset"
+          },
+          {
+            variant: ["default", "secondary", "danger", "ghost", "outline"],
+            size: "small",
+            class: "rounded px-2 py-1"
+          },
+          {
+            variant: ["default", "secondary", "danger", "ghost", "outline"],
+            size: "default",
+            class: "rounded-md px-2.5 py-1.5"
+          },
+          {
+            variant: ["default", "secondary", "danger", "ghost", "outline"],
+            size: "large",
+            class: "rounded-md px-3 py-2"
+          },
+          {
+            variant: "default",
+            disabled: !1,
+            class: "hover:bg-primary/90"
+          },
+          {
+            variant: ["secondary", "ghost", "outline"],
+            disabled: !1,
+            class: "hover:bg-accent"
+          },
+          {
+            variant: "danger",
+            disabled: !1,
+            class: "hover:bg-danger/80"
+          },
+          {
+            variant: "link",
+            disabled: !1,
+            class: "hover:underline"
           }
         ],
         defaultVariants: {
           variant: "default",
-          size: "default"
+          size: "default",
+          disabled: !1
         }
       }
     );
-    return (s, n) => (u(), g(Gr, H({ class: c(e) }, r), {
+    return (r, a) => (l(), h(rr, T({
+      class: i(e),
+      disabled: r.disabled
+    }, s), {
       default: f(() => [
-        y(s.$slots, "default")
+        w(r.$slots, "default")
       ]),
       _: 3
-    }, 16, ["class"]));
+    }, 16, ["class", "disabled"]));
   }
 });
-function Qr() {
-  return K(new Te(), (t) => {
-    t.link = function(r) {
-      return Te.prototype.link.apply(this, [r]).replace("<a", '<a target="_blank"');
-    };
-  });
+function ar(t) {
+  return typeof t == "object" && t !== null && "label" in t;
 }
-function Jr(t) {
-  const r = kt(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
-  for (const [e, s, n] of r)
-    t = t.replace(e, `<button type="button" data-markdown-action="${s}">${n}</button>`);
-  return t;
+function se(t, s) {
+  const e = k.on(t, s);
+  ue(() => e());
 }
-function Zr(t) {
-  let r = Yt(t, { renderer: Qr(), async: !1 });
-  return r = Xr(r), r = Jr(r), r;
+function et(t, s) {
+  const e = ae("form", null), r = e == null ? void 0 : e.on("focus", (a) => t.name === a && s());
+  ue(() => r == null ? void 0 : r());
 }
-function Xr(t) {
-  return Xt.sanitize(t, { ADD_ATTR: ["target"] });
+function tt() {
+  const t = De(), s = p(() => t.class);
+  return [p(() => Rt(t, "class")), s];
 }
-const R = /* @__PURE__ */ h({
-  __name: "AGMarkdown",
-  props: {
-    as: I(),
-    inline: lr(),
-    langKey: I(),
-    langParams: Ie(),
-    text: I(),
-    actions: dr()
-  },
+function _n(t) {
+  let s = zt;
+  xt(() => s = t()), ue(() => s());
+}
+function wn(t, s) {
+  const e = ie(U.get(t) ?? s);
+  return ke(e, () => U.set(t, Ct(e))), e;
+}
+function $n(t) {
+  const s = H(), e = p(t);
+  return ke(e, async () => s.value = await e.value, { immediate: !0 }), s;
+}
+function xn(t, s) {
+  const e = s ? t : {}, r = s ?? t, a = H(e.initial ?? null), n = jt((o) => a.value = o, e.delay ?? 300);
+  return de(() => n(r())), a;
+}
+const st = /* @__PURE__ */ g({
+  __name: "HeadlessSelectValue",
   setup(t) {
-    const r = t, e = qe(), s = d(() => r.text ?? (r.langKey && Je(r.langKey, r.langParams ?? {}))), n = d(() => {
-      if (!s.value)
-        return null;
-      let o = Zr(s.value);
-      return r.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
-    }), a = () => ut(r.as ?? (r.inline ? "span" : "div"), {
-      innerHTML: n.value,
-      onClick: i,
-      ...e,
-      class: `${e.class ?? ""} ${r.inline ? "" : "prose"}`
-    });
-    async function i(o) {
-      var p, w;
-      const { target: l } = o;
-      if (Ct(l, HTMLElement) && l.dataset.markdownAction) {
-        (w = (p = r.actions) == null ? void 0 : p[l.dataset.markdownAction]) == null || w.call(p);
-        return;
-      }
-    }
-    return (o, l) => (u(), g(a));
+    const s = V(
+      "select",
+      "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
+    );
+    return (e, r) => (l(), h(i(Gt), {
+      placeholder: i(s).placeholder
+    }, null, 8, ["placeholder"]));
   }
-}), Yr = /* @__PURE__ */ h({
-  __name: "AGSnackbar",
-  props: Fr(),
+}), rt = /* @__PURE__ */ g({
+  __name: "HeadlessSelectTrigger",
   setup(t) {
-    const r = t, { activate: e } = Ur(r), s = d(() => {
-      switch (r.color) {
-        case ae.Danger:
-          return "bg-red-200 text-red-900";
-        default:
-        case ae.Secondary:
-          return "bg-gray-900 text-white";
-      }
-    }), n = d(() => r.color);
-    return (a, i) => (u(), g(qr, {
-      class: L(["flex flex-row items-center justify-center gap-3 p-4", s.value])
+    const s = V(
+      "select",
+      "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
+    );
+    return (e, r) => (l(), h(i(Xt), {
+      id: i(s).id
     }, {
       default: f(() => [
-        m(R, {
-          text: a.message,
-          inline: ""
-        }, null, 8, ["text"]),
-        (u(!0), _(ee, null, ie(a.actions, (o, l) => (u(), g(T, {
-          key: l,
-          variant: n.value,
-          onClick: (p) => c(e)(o)
-        }, {
-          default: f(() => [
-            q(k(o.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["variant", "onClick"]))), 128))
-      ]),
-      _: 1
-    }, 8, ["class"]));
-  }
-}), es = { class: "grid grow place-items-center" }, ts = { class: "flex flex-col items-center space-y-6 p-8" }, rs = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, ss = { class: "mt-4 flex flex-col space-y-4" }, ns = /* @__PURE__ */ h({
-  __name: "AGStartupCrash",
-  setup(t) {
-    return (r, e) => (u(), _("div", es, [
-      v("div", ts, [
-        v("h1", rs, k(r.$td("startupCrash.title", "Something went wrong!")), 1),
-        m(R, {
-          text: r.$td(
-            "startupCrash.message",
-            `Something failed trying to start the application.
-
-Here's some things you can do:`
-          ),
-          class: "mt-4 text-center"
-        }, null, 8, ["text"]),
-        v("div", ss, [
-          m(T, {
-            variant: "danger",
-            onClick: e[0] || (e[0] = (s) => r.$app.reload())
-          }, {
-            default: f(() => [
-              q(k(r.$td("startupCrash.reload", "Try again")), 1)
-            ]),
-            _: 1
-          }),
-          m(T, {
-            variant: "danger",
-            onClick: e[1] || (e[1] = (s) => r.$errors.inspect(r.$errors.startupErrors))
-          }, {
-            default: f(() => [
-              q(k(r.$td("startupCrash.inspect", "View error details")), 1)
-            ]),
-            _: 1
-          })
+        w(e.$slots, "default", {}, () => [
+          m(st, {
+            placeholder: i(s).placeholder
+          }, null, 8, ["placeholder"]),
+          m(i(Yt))
         ])
-      ])
-    ]));
+      ]),
+      _: 3
+    }, 8, ["id"]));
   }
-}), as = {
-  viewBox: "0 0 20 20",
-  width: "1.2em",
-  height: "1.2em"
-};
-function os(t, r) {
-  return u(), _("svg", as, r[0] || (r[0] = [
-    v("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 is = { name: "zondicons-close", render: os };
-function se(t, r) {
-  const e = x.on(t, r);
-  oe(() => e());
-}
-const ls = /* @__PURE__ */ h({
-  __name: "HeadlessModal",
+}), at = /* @__PURE__ */ g({
+  __name: "HeadlessSelectOption",
   props: {
-    persistent: { type: Boolean },
-    title: {},
-    description: {}
+    value: {},
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {}
   },
   setup(t) {
-    const r = A(null), e = A(!0), s = A(!1), { modal: n } = V(
-      "modal",
-      "could not obtain modal reference from <HeadlessModal>, did you render this component manually? Show it using $ui.openModal() instead"
-    );
-    async function a() {
-      var l;
-      (l = r.value) != null && l.$el && (e.value = !0);
-    }
-    async function i() {
-      var l;
-      (l = r.value) != null && l.$el && (e.value = !1);
-    }
-    async function o(l) {
-      s.value || (x.emit("modal-will-close", { modal: n, result: l }), await a(), s.value = !0, x.emit("modal-closed", { modal: n, result: l }));
-    }
-    return se("close-modal", async ({ id: l, result: p }) => {
-      l === n.id && await o(p);
-    }), se("hide-modal", async ({ id: l }) => {
-      l === n.id && await a();
-    }), se("show-modal", async ({ id: l }) => {
-      l === n.id && await i();
-    }), (l, p) => (u(), g(c(jt), {
-      ref_key: "$root",
-      ref: r,
-      open: !0,
-      "onUpdate:open": p[0] || (p[0] = (w) => l.persistent || o())
-    }, {
+    const s = V(
+      "select",
+      "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
+    ), e = p(() => {
+      var a;
+      const r = (a = s.options) == null ? void 0 : a.find((n) => n.value === t.value);
+      return r ? r.label : B(t.value);
+    });
+    return (r, a) => (l(), h(i(es), ne(oe(r.$props)), {
       default: f(() => [
-        m(c(Vt), null, {
+        m(i(ts), { class: "the-text" }, {
           default: f(() => [
-            y(l.$slots, "default", { close: o })
+            w(r.$slots, "default", {}, () => [
+              R($(e.value), 1)
+            ])
           ]),
           _: 3
         })
       ]),
       _: 3
-    }, 512));
+    }, 16));
   }
-}), et = /* @__PURE__ */ h({
-  __name: "ModalContext",
+}), nt = /* @__PURE__ */ g({
+  __name: "HeadlessSelectOptions",
   props: {
-    modal: {},
-    childIndex: {}
+    class: {}
   },
   setup(t) {
-    const r = t, e = d(() => {
-      const s = {};
-      for (const n in r.modal.properties)
-        s[n] = c(r.modal.properties[n]);
-      return s;
-    });
-    return fe("modal", {
-      modal: He(r, "modal"),
-      childIndex: He(r, "childIndex")
-    }), (s, n) => (u(), g(te(s.modal.component), ke(Ce(e.value)), null, 16));
-  }
-}), cs = /* @__PURE__ */ h({
-  __name: "HeadlessModalContent",
-  setup(t) {
-    const { childIndex: r = 0 } = V(
-      "modal",
-      "could not obtain modal reference from <HeadlessModalContent>, did you render this component manually? Show it using $ui.openModal() instead"
-    ), e = d(() => P.modals[r] ?? null);
-    return (s, n) => (u(), g(c(zt), null, {
+    const s = V(
+      "select",
+      "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
+    );
+    return (e, r) => (l(), h(i(ss), null, {
       default: f(() => [
-        y(s.$slots, "default"),
-        e.value ? (u(), g(et, {
-          key: 0,
-          "child-index": c(r) + 1,
-          modal: e.value
-        }, null, 8, ["child-index", "modal"])) : E("", !0)
+        m(i(rs), {
+          class: L(t.class)
+        }, {
+          default: f(() => [
+            m(i(as), null, {
+              default: f(() => [
+                w(e.$slots, "default", {}, () => [
+                  (l(!0), v(D, null, F(i(s).options ?? [], (a) => (l(), h(at, {
+                    key: a.key,
+                    value: a.value
+                  }, null, 8, ["value"]))), 128))
+                ])
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["class"])
       ]),
       _: 3
     }));
   }
-}), us = /* @__PURE__ */ h({
-  __name: "HeadlessModalOverlay",
+}), nr = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "HeadlessSelect",
   props: {
-    forceMount: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
+    as: { default: "template" },
+    options: {},
+    placeholder: {},
+    renderOption: { type: Function },
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {}
   },
-  setup(t) {
-    const r = t;
-    return (e, s) => (u(), g(c(qt), ke(Ce(r)), {
-      default: f(() => [
-        y(e.$slots, "default")
+  emits: ["update:modelValue"],
+  setup(t, { expose: s, emit: e }) {
+    const r = e, a = ae("form", null), n = p(() => t.modelValue), o = p(() => !a || !t.name ? null : a.errors[t.name] ?? null), c = p(() => t.options ? t.options.map((b) => ({
+      key: re(),
+      label: t.renderOption ? t.renderOption(b) : ar(b) ? Bt(b.label) : B(b),
+      value: b
+    })) : null), u = {
+      id: `select-${re()}`,
+      name: p(() => t.name),
+      label: p(() => t.label),
+      description: p(() => t.description),
+      placeholder: p(() => t.placeholder ?? C("ui.select", "Select an option")),
+      options: c,
+      selectedOption: p(() => {
+        var b;
+        return (b = c.value) == null ? void 0 : b.find((x) => x.value === t.modelValue);
+      }),
+      value: p(() => a && t.name ? a.getFieldValue(t.name) : t.modelValue),
+      errors: Me(o),
+      required: p(() => {
+        if (!(!t.name || !a))
+          return a.getFieldRules(t.name).includes("required");
+      }),
+      update(b) {
+        if (a && t.name) {
+          a.setFieldValue(t.name, b);
+          return;
+        }
+        r("update:modelValue", b);
+      }
+    };
+    function d(b) {
+      u.update(b);
+    }
+    return pe("select", u), s(u), (b, x) => (l(), h(i(ns), {
+      "model-value": n.value,
+      "onUpdate:modelValue": x[0] || (x[0] = (S) => d(S))
+    }, {
+      default: f(({ open: S }) => [
+        (l(), h(O(b.as), ne(oe(b.$attrs)), {
+          default: f(() => [
+            w(b.$slots, "default", {
+              modelValue: b.modelValue,
+              open: S
+            }, () => [
+              m(rt),
+              m(nt)
+            ])
+          ]),
+          _: 2
+        }, 1040))
       ]),
       _: 3
-    }, 16));
+    }, 8, ["model-value"]));
   }
-}), ds = /* @__PURE__ */ h({
-  __name: "HeadlessModalTitle",
+}), ze = /* @__PURE__ */ g({
+  __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const r = t;
-    return (e, s) => (u(), g(c(Bt), ke(Ce(r)), {
+    const s = V(
+      "select",
+      "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
+    ), e = Se(), r = p(() => !!(s.label || e.default));
+    return (a, n) => r.value ? (l(), h(i(os), T({
+      key: 0,
+      for: i(s).id
+    }, a.$props), {
       default: f(() => [
-        y(e.$slots, "default")
+        w(a.$slots, "default", {}, () => [
+          R($(i(s).label), 1)
+        ])
       ]),
       _: 3
-    }, 16));
+    }, 16, ["for"])) : M("", !0);
   }
-}), ps = {
-  key: 0,
-  class: "absolute top-0 right-0 hidden pt-1.5 pr-1.5 sm:block"
-}, ms = { class: "sr-only" }, le = /* @__PURE__ */ h({
+}), ot = /* @__PURE__ */ g({
+  __name: "SelectLabel",
+  setup(t) {
+    return (s, e) => s.$slots.default ? (l(), h(ze, {
+      key: 0,
+      class: "block text-sm leading-6 font-medium text-gray-900"
+    }, {
+      default: f(() => [
+        w(s.$slots, "default")
+      ]),
+      _: 3
+    })) : (l(), h(ze, {
+      key: 1,
+      class: "block text-sm leading-6 font-medium text-gray-900"
+    }));
+  }
+}), or = { class: "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md px-2 py-1 select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50" }, lr = { class: "text-sm" }, lt = /* @__PURE__ */ g({
+  __name: "SelectOptions",
+  setup(t) {
+    const s = V("select", "<SelectOptions> must be a child of a <Select>");
+    return (e, r) => (l(), h(nt, { class: "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden" }, {
+      default: f(() => [
+        w(e.$slots, "default", {}, () => {
+          var a;
+          return [
+            (l(!0), v(D, null, F(((a = i(s)) == null ? void 0 : a.options) ?? [], (n) => (l(), h(at, {
+              key: n.key,
+              value: n.value,
+              class: "group p-1 outline-none"
+            }, {
+              default: f(() => [
+                y("div", or, [
+                  y("span", lr, $(n.label), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["value"]))), 128))
+          ];
+        })
+      ]),
+      _: 3
+    }));
+  }
+}), ir = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function cr(t, s) {
+  return l(), v("svg", ir, 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 ur = { name: "zondicons-cheveron-down", render: cr }, it = /* @__PURE__ */ g({
+  __name: "SelectTrigger",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = V("select", "<SelectTrigger> must be a child of a <Select>"), e = p(() => P(
+      // eslint-disable-next-line vue/max-len
+      "focus:outline-primary 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 outline-1 -outline-offset-1 outline-gray-300 focus:outline focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
+      { "mt-1": s.label },
+      t.class
+    ));
+    return (r, a) => (l(), h(rt, {
+      class: L(e.value)
+    }, {
+      default: f(() => [
+        m(st, { class: "col-start-1 row-start-1 truncate pr-2" }),
+        m(i(ur), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), dr = /* @__PURE__ */ g({
+  __name: "Select",
+  props: {
+    as: {},
+    options: {},
+    placeholder: {},
+    renderOption: { type: Function },
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    return (s, e) => (l(), h(nr, T(s.$props, {
+      "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$emit("update:modelValue", r))
+    }), {
+      default: f(() => [
+        m(ot),
+        w(s.$slots, "default", {}, () => [
+          m(it),
+          m(lt)
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), pr = { class: "grow" }, mr = /* @__PURE__ */ g({
+  __name: "Language",
+  setup(t) {
+    const s = Q.getBrowserLocale(), e = p(() => [null, ...Q.locales]);
+    function r(a) {
+      return (a && N.locales[a]) ?? C("settings.localeDefault", "{locale} (default)", {
+        locale: N.locales[s] ?? s
+      });
+    }
+    return (a, n) => (l(), h(dr, {
+      modelValue: a.$lang.locale,
+      "onUpdate:modelValue": n[0] || (n[0] = (o) => a.$lang.locale = o),
+      class: "flex flex-col items-start md:flex-row",
+      as: "div",
+      options: e.value,
+      "render-option": r
+    }, {
+      default: f(() => [
+        y("div", pr, [
+          m(ot, null, {
+            default: f(() => [
+              R($(a.$td("settings.locale", "Language")), 1)
+            ]),
+            _: 1
+          }),
+          m(z, {
+            "lang-key": "settings.localeDescription",
+            "lang-default": "Choose the application's language.",
+            class: "mt-1 text-sm text-gray-500"
+          })
+        ]),
+        m(I, {
+          variant: "ghost",
+          as: it,
+          class: "w-auto outline-none"
+        }),
+        m(lt)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "options"]));
+  }
+}), fr = [
+  {
+    priority: 100,
+    component: mr
+  }
+], hr = { $lang: Q }, gr = {
+  async install(t) {
+    var s;
+    (s = t.config.globalProperties).$t ?? (s.$t = Ze), t.config.globalProperties.$td = C, j.settings.push(...fr), await ge(t, hr);
+  }
+}, vr = {
+  async install() {
+    Le() && (globalThis.testingRuntime = {
+      on: (...t) => k.on(...t)
+    });
+  }
+}, br = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function yr(t, s) {
+  return l(), v("svg", br, 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 _r = { name: "zondicons-close", render: yr }, wr = /* @__PURE__ */ g({
+  __name: "HeadlessModal",
+  props: {
+    persistent: { type: Boolean },
+    title: {},
+    description: {}
+  },
+  setup(t, { expose: s }) {
+    const e = H(null), r = H(!0), a = H(!1), { modal: n } = V(
+      "modal",
+      "could not obtain modal reference from <HeadlessModal>, did you render this component manually? Show it using $ui.openModal() instead"
+    );
+    async function o() {
+      var d;
+      (d = e.value) != null && d.$el && (r.value = !0);
+    }
+    async function c() {
+      var d;
+      (d = e.value) != null && d.$el && (r.value = !1);
+    }
+    async function u(d) {
+      a.value || (k.emit("modal-will-close", { modal: n, result: d }), await o(), a.value = !0, k.emit("modal-closed", { modal: n, result: d }));
+    }
+    return se("close-modal", async ({ id: d, result: b }) => {
+      d === n.id && await u(b);
+    }), se("hide-modal", async ({ id: d }) => {
+      d === n.id && await o();
+    }), se("show-modal", async ({ id: d }) => {
+      d === n.id && await c();
+    }), s({ close: u }), (d, b) => (l(), h(i(ls), {
+      ref_key: "$root",
+      ref: e,
+      open: "",
+      "onUpdate:open": b[0] || (b[0] = (x) => d.persistent || u())
+    }, {
+      default: f(() => [
+        m(i(is), null, {
+          default: f(() => [
+            w(d.$slots, "default", { close: u })
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 512));
+  }
+}), ct = /* @__PURE__ */ g({
+  __name: "ModalContext",
+  props: {
+    modal: {},
+    childIndex: {}
+  },
+  setup(t) {
+    const s = t, e = p(() => {
+      const r = {};
+      for (const a in s.modal.properties)
+        r[a] = i(s.modal.properties[a]);
+      return r;
+    });
+    return pe("modal", {
+      modal: Te(s, "modal"),
+      childIndex: Te(s, "childIndex")
+    }), (r, a) => (l(), h(O(r.modal.component), ne(oe(e.value)), null, 16));
+  }
+}), $r = /* @__PURE__ */ g({
+  __name: "HeadlessModalContent",
+  setup(t) {
+    const { childIndex: s = 0 } = V(
+      "modal",
+      "could not obtain modal reference from <HeadlessModalContent>, did you render this component manually? Show it using $ui.openModal() instead"
+    ), e = p(() => A.modals[s] ?? null);
+    return (r, a) => (l(), h(i(cs), null, {
+      default: f(() => [
+        w(r.$slots, "default"),
+        e.value ? (l(), h(ct, {
+          key: 0,
+          "child-index": i(s) + 1,
+          modal: e.value
+        }, null, 8, ["child-index", "modal"])) : M("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}), xr = /* @__PURE__ */ g({
+  __name: "HeadlessModalOverlay",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    return (s, e) => (l(), h(i(us), ne(oe(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Cr = /* @__PURE__ */ g({
+  __name: "HeadlessModalTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    return (s, e) => (l(), h(i(ds), ne(oe(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Sr = {
+  key: 0,
+  class: "absolute top-0 right-0 hidden pt-1.5 pr-1.5 sm:block"
+}, kr = { class: "sr-only" }, ee = /* @__PURE__ */ g({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
     title: {},
     description: {},
+    dismissable: { type: Boolean, default: !0 },
     wrapperClass: { default: "" },
     class: { default: "" }
   },
-  setup(t) {
-    const r = Y(t, ["class", "wrapperClass", "title", "persistent"]), e = d(() => N({ "mt-2": t.title }, t.class)), s = d(() => N(
+  setup(t, { expose: s }) {
+    const e = Y(t, ["class", "dismissable", "wrapperClass", "title", "persistent"]), r = Ee("$modal"), a = p(() => P({ "mt-2": t.title }, t.class)), n = p(() => P(
       // eslint-disable-next-line vue/max-len
       "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",
       t.wrapperClass
     ));
-    return (n, a) => {
-      const i = j("Button");
-      return u(), g(ls, H({ persistent: n.persistent }, r), {
-        default: f(({ close: o }) => [
-          m(us, { class: "fixed inset-0 bg-gray-500/75" }),
-          m(cs, {
-            class: L(s.value)
-          }, {
-            default: f(() => [
-              n.persistent ? E("", !0) : (u(), _("div", ps, [
-                m(i, {
-                  variant: "ghost",
-                  size: "icon",
-                  onClick: (l) => o()
-                }, {
-                  default: f(() => [
-                    v("span", ms, k(n.$td("ui.close", "Close")), 1),
-                    m(c(is), { class: "size-3 text-gray-400" })
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ])),
-              n.title ? (u(), g(ds, {
-                key: 1,
-                class: "text-base font-semibold text-gray-900"
+    return s({ close: async () => {
+      var o;
+      return (o = r.value) == null ? void 0 : o.close();
+    } }), (o, c) => (l(), h(wr, T(e, {
+      ref_key: "$modal",
+      ref: r,
+      persistent: o.persistent
+    }), {
+      default: f(({ close: u }) => [
+        m(xr, { class: "fixed inset-0 bg-gray-500/75" }),
+        m($r, {
+          class: L(n.value)
+        }, {
+          default: f(() => [
+            !o.persistent && o.dismissable ? (l(), v("div", Sr, [
+              m(I, {
+                variant: "ghost",
+                size: "icon",
+                onClick: (d) => u()
               }, {
                 default: f(() => [
-                  m(R, {
-                    text: n.title,
-                    inline: ""
-                  }, null, 8, ["text"])
+                  y("span", kr, $(o.$td("ui.close", "Close")), 1),
+                  m(i(_r), { class: "size-3 text-gray-400" })
                 ]),
-                _: 1
-              })) : E("", !0),
-              v("div", {
-                class: L(e.value)
-              }, [
-                y(n.$slots, "default", { close: o })
-              ], 2)
-            ]),
-            _: 2
-          }, 1032, ["class"])
-        ]),
-        _: 3
-      }, 16, ["persistent"]);
-    };
+                _: 2
+              }, 1032, ["onClick"])
+            ])) : M("", !0),
+            o.title ? (l(), h(Cr, {
+              key: 1,
+              class: "text-base font-semibold text-gray-900"
+            }, {
+              default: f(() => [
+                m(z, {
+                  text: o.title,
+                  inline: ""
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            })) : M("", !0),
+            y("div", {
+              class: L(a.value)
+            }, [
+              w(o.$slots, "default", { close: u })
+            ], 2)
+          ]),
+          _: 2
+        }, 1032, ["class"])
+      ]),
+      _: 3
+    }, 16, ["persistent"]));
   }
-}), fs = /* @__PURE__ */ h({
+}), Mr = /* @__PURE__ */ g({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t) {
-    return (r, e) => (u(), g(le, { title: r.title }, {
+    return (s, e) => (l(), h(ee, { title: s.title }, {
       default: f(() => [
-        m(R, { text: r.message }, null, 8, ["text"])
+        m(z, { text: s.message }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), tt = /* @__PURE__ */ h({
+}), ut = /* @__PURE__ */ g({
   __name: "Form",
   props: {
     form: {}
   },
   emits: ["submit"],
-  setup(t, { emit: r }) {
+  setup(t, { emit: s }) {
     let e;
-    const s = r;
-    return Be((n) => {
-      var a;
-      e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => s("submit")), n(() => e == null ? void 0 : e());
-    }), fe("form", t.form), (n, a) => (u(), _("form", {
-      onSubmit: a[0] || (a[0] = dt((i) => {
-        var o;
-        return (o = n.form) == null ? void 0 : o.submit();
+    const r = s;
+    return de((a) => {
+      var n;
+      e == null || e(), e = (n = t.form) == null ? void 0 : n.on("submit", () => r("submit")), a(() => e == null ? void 0 : e());
+    }), pe("form", t.form), (a, n) => (l(), v("form", {
+      onSubmit: n[0] || (n[0] = qe((o) => {
+        var c;
+        return (c = a.form) == null ? void 0 : c.submit();
       }, ["prevent"]))
     }, [
-      y(n.$slots, "default")
+      w(a.$slots, "default")
     ], 32));
   }
-}), hs = {
+}), Er = {
   required: (t) => t ? void 0 : "required"
-}, ce = { ...hs };
-function ga(t, r) {
-  ce[t] = r;
+}, le = { ...Er };
+function Cn(t, s) {
+  le[t] = s;
 }
-function gs(t, r) {
-  var s;
-  const e = (s = ce[r]) == null ? void 0 : s.call(ce, t);
-  return e ? Ge(e) : [];
+function Lr(t, s) {
+  var r;
+  const e = (r = le[s]) == null ? void 0 : r.call(le, t);
+  return e ? Ne(e) : [];
 }
-const z = {
+const q = {
   String: "string",
   Number: "number",
   Boolean: "boolean",
   Object: "object",
   Date: "date"
-}, Ve = /* @__PURE__ */ new WeakMap();
-class vs extends Ue {
+}, je = /* @__PURE__ */ new WeakMap();
+class Hr extends Ue {
   constructor(e) {
     super();
-    b(this, "errors");
-    b(this, "_fields");
-    b(this, "_data");
-    b(this, "_submitted");
-    b(this, "_errors");
-    b(this, "_listeners", {});
-    this._fields = e, this._submitted = A(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Ve.set(
+    _(this, "errors");
+    _(this, "_fields");
+    _(this, "_data");
+    _(this, "_submitted");
+    _(this, "_errors");
+    _(this, "_listeners", {});
+    this._fields = e, this._submitted = H(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), je.set(
       this,
-      d(() => !Object.values(this._errors).some((s) => s !== null))
-    ), this.errors = De(this._errors);
+      p(() => !Object.values(this._errors).some((r) => r !== null))
+    ), this.errors = Me(this._errors);
   }
   get valid() {
     var e;
-    return !!((e = Ve.get(this)) != null && e.value);
+    return !!((e = je.get(this)) != null && e.value);
   }
   get submitted() {
     return this._submitted.value;
   }
-  setFieldValue(e, s) {
-    const n = this._fields[e] ?? O(`Trying to set undefined '${B(e)}' field`);
-    this._data[e] = n.type === z.String && (n.trim ?? !0) ? B(s).trim() : s, this._submitted.value && this.validate();
+  setFieldValue(e, r) {
+    const a = this._fields[e] ?? J(`Trying to set undefined '${B(e)}' field`);
+    this._data[e] = a.type === q.String && (a.trim ?? !0) ? B(r).trim() : r, this._submitted.value && this.validate();
   }
   getFieldValue(e) {
     return this._data[e];
   }
   getFieldRules(e) {
-    var s, n;
-    return ((n = (s = this._fields[e]) == null ? void 0 : s.rules) == null ? void 0 : n.split("|")) ?? [];
+    var r, a;
+    return ((a = (r = this._fields[e]) == null ? void 0 : r.rules) == null ? void 0 : a.split("|")) ?? [];
   }
   data() {
     return { ...this._data };
   }
   validate() {
     const e = Object.entries(this._fields).reduce(
-      (s, [n, a]) => (s[n] = this.getFieldErrors(n, a), s),
+      (r, [a, n]) => (r[a] = this.getFieldErrors(a, n), r),
       {}
     );
     return this.resetErrors(e), this.valid;
@@ -1461,138 +1670,138 @@ class vs extends Ue {
     this._submitted.value = !1, e.keepData || this.resetData(), e.keepErrors || this.resetErrors();
   }
   submit() {
-    var s;
+    var r;
     this._submitted.value = !0;
     const e = this.validate();
-    return e && ((s = this._listeners.submit) == null || s.forEach((n) => n())), e;
+    return e && ((r = this._listeners.submit) == null || r.forEach((a) => a())), e;
   }
-  on(e, s) {
-    var n, a;
-    return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(s), () => this.off(e, s);
+  on(e, r) {
+    var a, n;
+    return (a = this._listeners)[e] ?? (a[e] = []), (n = this._listeners[e]) == null || n.push(r), () => this.off(e, r);
   }
-  off(e, s) {
-    $e(this._listeners[e] ?? [], s);
+  off(e, r) {
+    _e(this._listeners[e] ?? [], r);
   }
   async focus(e) {
-    var s;
-    await ze(), (s = this._listeners.focus) == null || s.forEach((n) => n(e));
+    var r;
+    await Be(), (r = this._listeners.focus) == null || r.forEach((a) => a(e));
   }
   __get(e) {
     return e in this._fields ? this.getFieldValue(e) : super.__get(e);
   }
-  __set(e, s) {
+  __set(e, r) {
     if (!(e in this._fields)) {
-      super.__set(e, s);
+      super.__set(e, r);
       return;
     }
-    this.setFieldValue(e, s);
+    this.setFieldValue(e, r);
   }
-  getFieldErrors(e, s) {
-    var o;
-    const n = [], a = this._data[e], i = ((o = s.rules) == null ? void 0 : o.split("|")) ?? [];
-    for (const l of i)
-      l !== "required" && a == null || n.push(...gs(a, l));
-    return n.length > 0 ? n : null;
+  getFieldErrors(e, r) {
+    var c;
+    const a = [], n = this._data[e], o = ((c = r.rules) == null ? void 0 : c.split("|")) ?? [];
+    for (const u of o)
+      u !== "required" && n == null || a.push(...Lr(n, u));
+    return a.length > 0 ? a : null;
   }
   getInitialData(e) {
     if (this.static().isConjuring())
       return {};
-    const s = Object.entries(e).reduce((n, [a, i]) => (n[a] = i.default ?? null, n), {});
-    return ue(s);
+    const r = Object.entries(e).reduce((a, [n, o]) => (a[n] = o.default ?? null, a), {});
+    return ie(r);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
-    const s = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return ue(s);
+    const r = Object.keys(e).reduce((a, n) => (a[n] = null, a), {});
+    return ie(r);
   }
   resetData() {
-    for (const [e, s] of Object.entries(this._fields))
-      this._data[e] = s.default ?? null;
+    for (const [e, r] of Object.entries(this._fields))
+      this._data[e] = r.default ?? null;
   }
   resetErrors(e) {
-    Object.keys(this._errors).forEach((s) => delete this._errors[s]), e && Object.assign(this._errors, e);
+    Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function rt(t) {
-  return new vs(t);
+function dt(t) {
+  return new Hr(t);
 }
-function va(t, r = {}) {
+function Sn(t, s = {}) {
   return {
     default: t,
-    type: z.Boolean,
-    rules: r.rules
+    type: q.Boolean,
+    rules: s.rules
   };
 }
-function _a(t, r = {}) {
+function kn(t, s = {}) {
   return {
     default: t,
-    type: z.Date,
-    rules: r.rules
+    type: q.Date,
+    rules: s.rules
   };
 }
-function ba(t) {
+function Mn(t) {
   return {
     default: t,
-    type: z.Boolean,
+    type: q.Boolean,
     rules: "required"
   };
 }
-function ya(t) {
+function En(t) {
   return {
     default: t,
-    type: z.Date,
+    type: q.Date,
     rules: "required"
   };
 }
-function wa(t) {
+function Ln(t) {
   return {
     default: t,
-    type: z.Number,
+    type: q.Number,
     rules: "required"
   };
 }
-function _s(t) {
+function Vr(t) {
   return {
     default: t,
-    type: z.String,
+    type: q.String,
     rules: "required"
   };
 }
-function $a(t, r = {}) {
+function Hn(t, s = {}) {
   return {
     default: t,
-    type: z.Number,
-    rules: r.rules
+    type: q.Number,
+    rules: s.rules
   };
 }
-function xa(t, r = {}) {
+function Vn(t, s = {}) {
   return {
     default: t,
-    type: z.String,
-    rules: r.rules
+    type: q.String,
+    rules: s.rules
   };
 }
-function bs(t) {
-  const r = rt(
+function Pr(t) {
+  const s = dt(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (n, [a, i]) => ({
-        [a]: {
-          type: z.Boolean,
-          default: i.default,
-          required: i.required ? "required" : void 0
+      (a, [n, o]) => ({
+        [n]: {
+          type: q.Boolean,
+          default: o.default,
+          required: o.required ? "required" : void 0
         },
-        ...n
+        ...a
       }),
       {}
     )
-  ), e = d(() => t.acceptText ?? $("ui.accept", "Ok")), s = d(() => t.cancelText ?? $("ui.cancel", "Cancel"));
-  return { form: r, renderedAcceptText: e, renderedCancelText: s };
+  ), e = p(() => t.acceptText ?? C("ui.accept", "Ok")), r = p(() => t.cancelText ?? C("ui.cancel", "Cancel"));
+  return { form: s, renderedAcceptText: e, renderedCancelText: r };
 }
-const ys = {
+const Tr = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, ws = { class: "flex items-center" }, $s = ["onUpdate:modelValue", "required"], xs = { class: "ml-1.5" }, Ss = { class: "mt-4 flex flex-row-reverse gap-2" }, ks = /* @__PURE__ */ h({
+}, Ir = { class: "flex items-center" }, Ar = ["onUpdate:modelValue", "required"], Rr = { class: "ml-1.5" }, zr = { class: "mt-4 flex flex-row-reverse gap-2" }, jr = /* @__PURE__ */ g({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -1606,53 +1815,53 @@ const ys = {
     required: { type: Boolean }
   },
   setup(t) {
-    const r = Y(t, ["cancelVariant"]), { form: e, renderedAcceptText: s, renderedCancelText: n } = bs(r);
-    return (a, i) => (u(), g(le, {
-      title: a.title,
+    const s = Y(t, ["cancelVariant"]), { form: e, renderedAcceptText: r, renderedCancelText: a } = Pr(s);
+    return (n, o) => (l(), h(ee, {
+      title: n.title,
       persistent: ""
     }, {
-      default: f(({ close: o }) => [
-        m(tt, {
-          form: c(e),
-          onSubmit: (l) => o([!0, c(e).data()])
+      default: f(({ close: c }) => [
+        m(ut, {
+          form: i(e),
+          onSubmit: (u) => c([!0, i(e).data()])
         }, {
           default: f(() => [
-            m(R, {
-              text: a.message,
-              actions: a.actions
+            m(z, {
+              text: n.message,
+              actions: n.actions
             }, null, 8, ["text", "actions"]),
-            a.checkboxes ? (u(), _("ul", ys, [
-              (u(!0), _(ee, null, ie(a.checkboxes, (l, p) => (u(), _("li", { key: p }, [
-                v("label", ws, [
-                  Fe(v("input", {
-                    "onUpdate:modelValue": (w) => c(e)[p] = w,
+            n.checkboxes ? (l(), v("ul", Tr, [
+              (l(!0), v(D, null, F(n.checkboxes, (u, d) => (l(), v("li", { key: d }, [
+                y("label", Ir, [
+                  Fe(y("input", {
+                    "onUpdate:modelValue": (b) => i(e)[d] = b,
                     type: "checkbox",
-                    required: l.required,
+                    required: u.required,
                     class: "border-primary text-primary hover:bg-primary/10 hover:checked:bg-primary/80 focus:ring-primary focus-visible:ring-primary rounded border-2"
-                  }, null, 8, $s), [
-                    [pt, c(e)[p]]
+                  }, null, 8, Ar), [
+                    [St, i(e)[d]]
                   ]),
-                  v("span", xs, k(l.label), 1)
+                  y("span", Rr, $(u.label), 1)
                 ])
               ]))), 128))
-            ])) : E("", !0),
-            v("div", Ss, [
-              m(T, {
-                variant: a.acceptVariant,
+            ])) : M("", !0),
+            y("div", zr, [
+              m(I, {
+                variant: n.acceptVariant,
                 submit: ""
               }, {
                 default: f(() => [
-                  q(k(c(s)), 1)
+                  R($(i(r)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              a.required ? E("", !0) : (u(), g(T, {
+              n.required ? M("", !0) : (l(), h(I, {
                 key: 0,
-                variant: a.cancelVariant,
-                onClick: (l) => o(!1)
+                variant: n.cancelVariant,
+                onClick: (u) => c(!1)
               }, {
                 default: f(() => [
-                  q(k(c(n)), 1)
+                  R($(i(a)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -1664,130 +1873,128 @@ const ys = {
       _: 1
     }, 8, ["title"]));
   }
-}), Cs = {
+}), Br = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ms(t, r) {
-  return u(), _("svg", Cs, r[0] || (r[0] = [
-    v("path", {
+function Dr(t, s) {
+  return l(), v("svg", Br, 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 Es = { name: "zondicons-cheveron-left", render: Ms }, Ps = {
+const qr = { name: "zondicons-cheveron-left", render: Dr }, Fr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Is(t, r) {
-  return u(), _("svg", Ps, r[0] || (r[0] = [
-    v("path", {
+function Ur(t, s) {
+  return l(), v("svg", Fr, 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 As = { name: "zondicons-cheveron-right", render: Is }, Hs = {
+const pt = { name: "zondicons-cheveron-right", render: Ur }, Nr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ls(t, r) {
-  return u(), _("svg", Hs, r[0] || (r[0] = [
-    v("path", {
+function Or(t, s) {
+  return l(), v("svg", Nr, 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 st = { name: "zondicons-exclamation-solid", render: Ls }, Ts = {
+const mt = { name: "zondicons-exclamation-solid", render: Or }, Wr = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Rs(t, r) {
-  return u(), _("svg", Ts, r[0] || (r[0] = [
-    v("path", {
+function Kr(t, s) {
+  return l(), v("svg", Wr, 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 js = { name: "mdi-console", render: Rs }, Vs = {
+const Jr = { name: "mdi-console", render: Kr }, Qr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function zs(t, r) {
-  return u(), _("svg", Vs, r[0] || (r[0] = [
-    v("path", {
+function Zr(t, s) {
+  return l(), v("svg", Qr, 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 qs = { name: "zondicons-copy", render: zs }, Bs = {
+const Gr = { name: "zondicons-copy", render: Zr }, Xr = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ds(t, r) {
-  return u(), _("svg", Bs, r[0] || (r[0] = [
-    v("path", {
+function Yr(t, s) {
+  return l(), v("svg", Xr, 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 Fs = { name: "mdi-github", render: Ds }, Us = { class: "flex" }, Gs = { class: "sr-only" }, Ns = /* @__PURE__ */ h({
+const ea = { name: "mdi-github", render: Yr }, ta = { class: "flex" }, sa = { class: "sr-only" }, ra = /* @__PURE__ */ g({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
   },
   setup(t) {
-    const r = t, e = d(() => r.report.description ? `${r.report.title}: ${r.report.description}` : r.report.title), s = d(() => {
-      if (!G.sourceUrl)
+    const s = t, e = p(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = p(() => {
+      if (!j.sourceUrl)
         return !1;
-      const a = encodeURIComponent(e.value), i = encodeURIComponent(
+      const n = encodeURIComponent(e.value), o = encodeURIComponent(
         [
           "[Please, explain here what you were trying to do when this error appeared]",
           "",
           "Error details:",
           "```",
-          Mt(
-            r.report.details ?? "Details missing from report",
-            1800 - a.length - G.sourceUrl.length
+          Dt(
+            s.report.details ?? "Details missing from report",
+            1800 - n.length - j.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${G.sourceUrl}/issues/new?title=${a}&body=${i}`;
-    }), n = d(() => K(
+      return `${j.sourceUrl}/issues/new?title=${n}&body=${o}`;
+    }), a = p(() => Z(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: qs,
-          async handler() {
+          iconComponent: Gr,
+          async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${r.report.details}`), P.showSnackbar(
-              $("errors.copiedToClipboard", "Debug information copied to clipboard")
-            );
+${s.report.details}`), A.toast(C("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: js,
-          handler() {
-            const a = r.report.error ?? r.report;
-            window.error = a, console.error(a), P.showSnackbar(
-              $(
+          iconComponent: Jr,
+          click() {
+            const n = s.report.error ?? s.report;
+            window.error = n, console.error(n), A.toast(
+              C(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
               )
@@ -1795,28 +2002,28 @@ ${r.report.details}`), P.showSnackbar(
           }
         }
       ],
-      (a) => {
-        s.value && a.push({
+      (n) => {
+        r.value && n.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: Fs,
-          url: s.value
+          iconComponent: ea,
+          url: r.value
         });
       }
     ));
-    return (a, i) => (u(), _("div", Us, [
-      (u(!0), _(ee, null, ie(n.value, (o) => y(a.$slots, "default", H({ ref_for: !0 }, o), () => [
-        m(T, {
+    return (n, o) => (l(), v("div", ta, [
+      (l(!0), v(D, null, F(a.value, (c) => w(n.$slots, "default", T({ ref_for: !0 }, c), () => [
+        m(I, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
-          href: o.url,
-          title: a.$td(`errors.report_${o.id}`, o.description),
-          onClick: o.handler
+          href: c.url,
+          title: n.$td(`errors.report_${c.id}`, c.description),
+          onClick: c.click
         }, {
           default: f(() => [
-            v("span", Gs, k(a.$td(`errors.report_${o.id}`, o.description)), 1),
-            (u(), g(te(o.iconComponent), {
+            y("span", sa, $(n.$td(`errors.report_${c.id}`, c.description)), 1),
+            (l(), h(O(c.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -1826,7 +2033,7 @@ ${r.report.details}`), P.showSnackbar(
       ])), 256))
     ]));
   }
-}), Ws = /* @__PURE__ */ h({
+}), aa = /* @__PURE__ */ g({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -1834,117 +2041,117 @@ ${r.report.details}`), P.showSnackbar(
     totalReports: {}
   },
   setup(t) {
-    const r = d(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
-    return (e, s) => (u(), g(R, {
-      text: r.value,
+    const s = p(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
+    return (e, r) => (l(), h(z, {
+      text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function Os(t) {
-  const r = A(0), e = d(() => t.reports[r.value]), s = d(
+function na(t) {
+  const s = H(0), e = p(() => t.reports[s.value]), r = p(
     () => {
-      var i;
-      return ((i = e.value.details) == null ? void 0 : i.trim()) || $("errors.detailsEmpty", "This error is missing a stacktrace.");
+      var o;
+      return ((o = e.value.details) == null ? void 0 : o.trim()) || C("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
-  ), n = $("errors.previousReport", "Show previous report"), a = $("errors.nextReport", "Show next report");
+  ), a = C("errors.previousReport", "Show previous report"), n = C("errors.nextReport", "Show next report");
   return {
-    activeReportIndex: r,
-    details: s,
-    nextReportText: a,
-    previousReportText: n,
+    activeReportIndex: s,
+    details: r,
+    nextReportText: n,
+    previousReportText: a,
     report: e
   };
 }
-const Ks = { class: "px-4 pt-5 pb-4" }, Qs = { class: "flex justify-between gap-4" }, Js = { class: "flex items-center gap-2" }, Zs = {
+const oa = { class: "px-4 pt-5 pb-4" }, la = { class: "flex justify-between gap-4" }, ia = { class: "flex items-center gap-2" }, ca = {
   key: 0,
   class: "flex gap-0.5"
-}, Xs = { class: "-mt-2 max-h-[80vh] overflow-auto bg-red-800/10" }, Ys = ["textContent"], en = /* @__PURE__ */ h({
+}, ua = { class: "-mt-2 max-h-[80vh] overflow-auto bg-red-800/10" }, da = ["textContent"], pa = /* @__PURE__ */ g({
   __name: "ErrorReportModal",
   props: {
     reports: {}
   },
   setup(t) {
-    const r = t, { activeReportIndex: e, details: s, nextReportText: n, previousReportText: a, report: i } = Os(r);
-    return (o, l) => (u(), g(le, { "wrapper-class": "p-0 sm:w-auto sm:min-w-lg sm:max-w-[80vw]" }, {
+    const s = t, { activeReportIndex: e, details: r, nextReportText: a, previousReportText: n, report: o } = na(s);
+    return (c, u) => (l(), h(ee, { "wrapper-class": "p-0 sm:w-auto sm:min-w-lg sm:max-w-[80vw]" }, {
       default: f(() => [
-        v("div", Ks, [
-          v("h2", Qs, [
-            v("div", Js, [
-              m(c(st), { class: "size-5 text-red-600" }),
-              m(Ws, {
+        y("div", oa, [
+          y("h2", la, [
+            y("div", ia, [
+              m(i(mt), { class: "size-5 text-red-600" }),
+              m(aa, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
-                report: c(i),
-                "current-report": c(e) + 1,
-                "total-reports": o.reports.length
+                report: i(o),
+                "current-report": i(e) + 1,
+                "total-reports": c.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              o.reports.length > 1 ? (u(), _("span", Zs, [
-                m(T, {
+              c.reports.length > 1 ? (l(), v("span", ca, [
+                m(I, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: c(e) === 0,
-                  "aria-label": c(a),
-                  title: c(a),
-                  onClick: l[0] || (l[0] = (p) => e.value--)
+                  disabled: i(e) === 0,
+                  "aria-label": i(n),
+                  title: i(n),
+                  onClick: u[0] || (u[0] = (d) => e.value--)
                 }, {
                   default: f(() => [
-                    m(c(Es), { class: "size-4" })
+                    m(i(qr), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                m(T, {
+                m(I, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: c(e) === o.reports.length - 1,
-                  "aria-label": c(n),
-                  title: c(n),
-                  onClick: l[1] || (l[1] = (p) => e.value++)
+                  disabled: i(e) === c.reports.length - 1,
+                  "aria-label": i(a),
+                  title: i(a),
+                  onClick: u[1] || (u[1] = (d) => e.value++)
                 }, {
                   default: f(() => [
-                    m(c(As), { class: "size-4" })
+                    m(i(pt), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : E("", !0)
+              ])) : M("", !0)
             ]),
-            m(Ns, {
-              report: c(i),
+            m(ra, {
+              report: i(o),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          c(i).description ? (u(), g(R, {
+          i(o).description ? (l(), h(z, {
             key: 0,
-            text: c(i).description,
+            text: i(o).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : E("", !0)
+          }, null, 8, ["text"])) : M("", !0)
         ]),
-        v("div", Xs, [
-          v("pre", {
+        y("div", ua, [
+          y("pre", {
             class: "p-4 text-xs text-red-800",
-            textContent: k(c(s))
-          }, null, 8, Ys)
+            textContent: $(i(r))
+          }, null, 8, da)
         ])
       ]),
       _: 1
     }));
   }
-}), tn = {
+}), ma = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function rn(t, r) {
-  return u(), _("svg", tn, r[0] || (r[0] = [
-    v("path", {
+function fa(t, s) {
+  return l(), v("svg", ma, 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",
       opacity: ".25"
     }, null, -1),
-    v("path", {
+    y("path", {
       fill: "currentColor",
       d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
     }, [
-      v("animateTransform", {
+      y("animateTransform", {
         attributeName: "transform",
         dur: "0.75s",
         repeatCount: "indefinite",
@@ -1954,7 +2161,7 @@ function rn(t, r) {
     ], -1)
   ]));
 }
-const sn = { name: "svg-spinners-90-ring-with-bg", render: rn }, nn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, an = { class: "sr-only" }, on = /* @__PURE__ */ h({
+const ha = { name: "svg-spinners-90-ring-with-bg", render: fa }, ga = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, va = { class: "sr-only" }, ba = /* @__PURE__ */ g({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -1962,31 +2169,31 @@ const sn = { name: "svg-spinners-90-ring-with-bg", render: rn }, nn = { class: "
     job: {}
   },
   setup(t) {
-    let r;
-    const e = A(0), s = d(() => N("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary", t.filledClass)), n = d(() => typeof t.progress == "number" ? t.progress : e.value);
-    return Se(
+    let s;
+    const e = H(0), r = p(() => P("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary", t.filledClass)), a = p(() => typeof t.progress == "number" ? t.progress : e.value);
+    return ke(
       () => t.job,
       () => {
-        var a, i;
-        r == null || r(), e.value = ((a = t.job) == null ? void 0 : a.progress) ?? 0, r = (i = t.job) == null ? void 0 : i.listeners.add({ onUpdated: (o) => e.value = o });
+        var n, o;
+        s == null || s(), e.value = ((n = t.job) == null ? void 0 : n.progress) ?? 0, s = (o = t.job) == null ? void 0 : o.listeners.add({ onUpdated: (c) => e.value = c });
       },
       { immediate: !0 }
-    ), oe(() => r == null ? void 0 : r()), (a, i) => (u(), _("div", nn, [
-      v("div", {
-        class: L(s.value),
-        style: mt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+    ), ue(() => s == null ? void 0 : s()), (n, o) => (l(), v("div", ga, [
+      y("div", {
+        class: L(r.value),
+        style: kt(`transform:translateX(-${(1 - a.value) * 100}%)`)
       }, null, 6),
-      v("span", an, k(a.$td("ui.progress", "{progress}% complete", {
-        progress: n.value * 100
+      y("span", va, $(n.$td("ui.progress", "{progress}% complete", {
+        progress: a.value * 100
       })), 1)
     ]));
   }
 });
-function ln(t) {
-  const r = d(() => t.message ?? $("ui.loading", "Loading...")), e = d(() => typeof t.progress == "number" || !!t.job);
-  return { renderedMessage: r, showProgress: e };
+function ya(t) {
+  const s = p(() => t.message ?? C("ui.loading", "Loading...")), e = p(() => typeof t.progress == "number" || !!t.job);
+  return { renderedMessage: s, showProgress: e };
 }
-const cn = /* @__PURE__ */ h({
+const _a = /* @__PURE__ */ g({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -1995,147 +2202,264 @@ const cn = /* @__PURE__ */ h({
     job: {}
   },
   setup(t) {
-    const r = t, { renderedMessage: e, showProgress: s } = ln(r);
-    return (n, a) => (u(), g(le, {
+    const s = t, { renderedMessage: e, showProgress: r } = ya(s);
+    return (a, n) => (l(), h(ee, {
       persistent: "",
-      class: L(["flex", { "flex-col-reverse": c(s), "items-center justify-center gap-2": !c(s) }]),
+      class: L(["flex", { "flex-col-reverse": i(r), "items-center justify-center gap-2": !i(r) }]),
       "wrapper-class": "w-auto",
-      title: n.title
+      title: a.title
     }, {
       default: f(() => [
-        c(s) ? (u(), g(on, {
+        i(r) ? (l(), h(ba, {
           key: 0,
-          progress: n.progress,
-          job: n.job,
+          progress: a.progress,
+          job: a.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (u(), g(c(sn), {
+        }, null, 8, ["progress", "job"])) : (l(), h(i(ha), {
           key: 1,
           class: "text-primary mr-1 size-6"
         })),
-        m(R, { text: c(e) }, null, 8, ["text"])
+        m(z, { text: i(e) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "class"]));
   }
-});
-function nt() {
-  const t = qe(), r = d(() => t.class);
-  return [d(() => We(t, "class")), r];
-}
-const un = {
-  key: 0,
-  class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, dn = /* @__PURE__ */ h({
-  inheritAttrs: !1,
-  __name: "Input",
+}), ft = /* @__PURE__ */ g({
+  __name: "HeadlessInput",
   props: {
     name: {},
     label: {},
     description: {},
     modelValue: {},
-    inputClass: {},
-    wrapperClass: {}
+    as: { default: "div" }
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    const r = Y(t, ["label", "inputClass", "wrapperClass"]), e = Pe(), [s, n] = nt(), a = d(() => N("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = d(() => {
-      var o, l, p;
-      return N(
-        // 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",
-        {
-          "text-gray-900 shadow-2xs ring-gray-300 placeholder:text-gray-400": !((o = e.value) != null && o.errors),
-          "hover:ring-1 hover:ring-primary/80 hover:ring-inset focus:ring-primary": !((l = e.value) != null && l.errors),
-          "pr-10 text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500": (p = e.value) == null ? void 0 : p.errors
-        },
-        t.inputClass
-      );
-    });
-    return (o, l) => {
-      const p = j("HeadlessInputLabel"), w = j("HeadlessInputInput"), M = j("HeadlessInputDescription"), S = j("HeadlessInputError"), D = j("HeadlessInput");
-      return u(), g(D, H({
-        ref_key: "$input",
-        ref: e,
-        label: o.label,
-        class: c(n)
-      }, r, {
-        "onUpdate:modelValue": l[0] || (l[0] = (F) => o.$emit("update:modelValue", F))
-      }), {
-        default: f(() => {
-          var F;
-          return [
-            m(p, { class: "block text-sm leading-6 font-medium text-gray-900" }),
-            v("div", {
-              class: L(a.value)
-            }, [
-              m(w, H(c(s), { class: i.value }), null, 16, ["class"]),
-              (F = c(e)) != null && F.errors ? (u(), _("div", un, [
-                m(c(st), { class: "size-5 text-red-500" })
-              ])) : E("", !0)
-            ], 2),
-            m(M, { class: "mt-2 text-sm text-gray-600" }),
-            m(S, { class: "mt-2 text-sm text-red-600" })
-          ];
-        }),
-        _: 1
-      }, 16, ["label", "class"]);
+  setup(t, { expose: s, emit: e }) {
+    const r = e, a = ae("form", null), n = p(() => !a || !t.name ? null : a.errors[t.name] ?? null), o = {
+      id: `input-${re()}`,
+      name: p(() => t.name),
+      label: p(() => t.label),
+      description: p(() => t.description),
+      value: p(() => a && t.name ? a.getFieldValue(t.name) : t.modelValue),
+      errors: Me(n),
+      required: p(() => {
+        if (!(!t.name || !a))
+          return a.getFieldRules(t.name).includes("required");
+      }),
+      update(c) {
+        if (a && t.name) {
+          a.setFieldValue(t.name, c);
+          return;
+        }
+        r("update:modelValue", c);
+      }
     };
+    return pe("input", o), s(o), (c, u) => (l(), h(O(c.as), null, {
+      default: f(() => [
+        w(c.$slots, "default")
+      ]),
+      _: 3
+    }));
   }
-});
-function pn(t) {
-  const r = rt({
-    draft: _s(t.defaultValue ?? "")
-  }), e = d(() => t.acceptText ?? $("ui.accept", "Ok")), s = d(() => t.cancelText ?? $("ui.cancel", "Cancel"));
-  return { form: r, renderedAcceptText: e, renderedCancelText: s };
-}
-const mn = { class: "mt-4 flex flex-row-reverse gap-2" }, fn = /* @__PURE__ */ h({
-  __name: "PromptModal",
+}), wa = ["for"], xe = /* @__PURE__ */ g({
+  __name: "HeadlessInputLabel",
+  setup(t) {
+    const s = V("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Se(), r = p(() => !!(s.label || e.default));
+    return (a, n) => r.value ? (l(), v("label", {
+      key: 0,
+      for: i(s).id
+    }, [
+      w(a.$slots, "default", {}, () => [
+        R($(i(s).label), 1)
+      ])
+    ], 8, wa)) : M("", !0);
+  }
+}), $a = ["id", "name", "type", "checked", "required", "aria-invalid", "aria-describedby"], ht = /* @__PURE__ */ g({
+  __name: "HeadlessInputInput",
   props: {
-    title: {},
-    message: {},
-    label: {},
-    defaultValue: {},
-    placeholder: {},
-    acceptText: {},
-    acceptVariant: {},
-    cancelText: {},
-    cancelVariant: { default: "secondary" }
+    type: { default: "text" }
   },
   setup(t) {
-    const r = Y(t, ["cancelVariant"]), { form: e, renderedAcceptText: s, renderedCancelText: n } = pn(r);
-    return (a, i) => (u(), g(le, {
-      title: a.title,
-      persistent: ""
-    }, {
-      default: f(({ close: o }) => [
-        m(tt, {
-          form: c(e),
-          onSubmit: (l) => o(c(e).draft)
-        }, {
-          default: f(() => [
-            m(R, { text: a.message }, null, 8, ["text"]),
-            m(dn, {
-              name: "draft",
-              class: "mt-2",
-              placeholder: a.placeholder,
-              label: a.label
-            }, null, 8, ["placeholder", "label"]),
-            v("div", mn, [
-              m(T, {
-                variant: a.acceptVariant,
+    const s = H(), e = V("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = p(() => e.name ?? void 0), a = p(() => e.value), n = p(() => {
+      if (t.type === "checkbox")
+        return !!a.value;
+    });
+    function o() {
+      s.value && e.update(c());
+    }
+    function c() {
+      if (!s.value)
+        return null;
+      switch (t.type) {
+        case "checkbox":
+          return s.value.checked;
+        case "date":
+          return s.value.valueAsDate;
+        default:
+          return s.value.value;
+      }
+    }
+    return et(e, () => {
+      var u;
+      return (u = s.value) == null ? void 0 : u.focus();
+    }), de(() => {
+      if (s.value) {
+        if (t.type === "date") {
+          s.value.valueAsDate = a.value;
+          return;
+        }
+        s.value.value = a.value ?? null;
+      }
+    }), (u, d) => (l(), v("input", {
+      id: i(e).id,
+      ref_key: "$input",
+      ref: s,
+      name: r.value,
+      type: u.type,
+      checked: n.value,
+      required: i(e).required ?? void 0,
+      "aria-invalid": i(e).errors ? "true" : "false",
+      "aria-describedby": i(e).errors ? `${i(e).id}-error` : i(e).description ? `${i(e).id}-description` : void 0,
+      onInput: o
+    }, null, 40, $a));
+  }
+}), xa = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "HeadlessInputDescription",
+  setup(t) {
+    const s = V(
+      "input",
+      "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
+    ), e = p(() => typeof s.description == "string" ? s.description : ""), r = p(() => !!s.description);
+    return (a, n) => w(a.$slots, "default", {
+      id: `${i(s).id}-description`
+    }, () => [
+      r.value ? (l(), h(z, T({ key: 0 }, a.$attrs, {
+        id: `${i(s).id}-description`,
+        text: e.value
+      }), null, 16, ["id", "text"])) : M("", !0)
+    ]);
+  }
+}), Ca = ["id"], Ce = /* @__PURE__ */ g({
+  __name: "HeadlessInputError",
+  setup(t) {
+    const s = V("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = p(() => s.errors ? C(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, a) => e.value ? (l(), v("p", {
+      key: 0,
+      id: `${i(s).id}-error`
+    }, $(e.value), 9, Ca)) : M("", !0);
+  }
+}), Sa = {
+  key: 0,
+  class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
+}, ka = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "Input",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    inputClass: {},
+    wrapperClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const s = Y(t, ["label", "inputClass", "wrapperClass"]), e = Ee("$input"), [r, a] = tt(), n = p(() => P("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), o = p(() => {
+      var c, u, d;
+      return P(
+        // 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",
+        {
+          "text-gray-900 shadow-2xs ring-gray-300 placeholder:text-gray-400": !((c = e.value) != null && c.errors),
+          "hover:ring-1 hover:ring-primary/80 hover:ring-inset focus:ring-primary": !((u = e.value) != null && u.errors),
+          "pr-10 text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500": (d = e.value) == null ? void 0 : d.errors
+        },
+        t.inputClass
+      );
+    });
+    return (c, u) => (l(), h(ft, T({
+      ref_key: "$input",
+      ref: e,
+      label: c.label,
+      class: i(a)
+    }, s, {
+      "onUpdate:modelValue": u[0] || (u[0] = (d) => c.$emit("update:modelValue", d))
+    }), {
+      default: f(() => {
+        var d;
+        return [
+          m(xe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          y("div", {
+            class: L(n.value)
+          }, [
+            m(ht, T(i(r), { class: o.value }), null, 16, ["class"]),
+            (d = i(e)) != null && d.errors ? (l(), v("div", Sa, [
+              m(i(mt), { class: "size-5 text-red-500" })
+            ])) : M("", !0)
+          ], 2),
+          m(xa, { class: "mt-2 text-sm text-gray-600" }),
+          m(Ce, { class: "mt-2 text-sm text-red-600" })
+        ];
+      }),
+      _: 1
+    }, 16, ["label", "class"]));
+  }
+});
+function Ma(t) {
+  const s = dt({
+    draft: Vr(t.defaultValue ?? "")
+  }), e = p(() => t.acceptText ?? C("ui.accept", "Ok")), r = p(() => t.cancelText ?? C("ui.cancel", "Cancel"));
+  return { form: s, renderedAcceptText: e, renderedCancelText: r };
+}
+const Ea = { class: "mt-4 flex flex-row-reverse gap-2" }, La = /* @__PURE__ */ g({
+  __name: "PromptModal",
+  props: {
+    title: {},
+    message: {},
+    label: {},
+    defaultValue: {},
+    placeholder: {},
+    acceptText: {},
+    acceptVariant: {},
+    cancelText: {},
+    cancelVariant: { default: "secondary" }
+  },
+  setup(t) {
+    const s = Y(t, ["cancelVariant"]), { form: e, renderedAcceptText: r, renderedCancelText: a } = Ma(s);
+    return (n, o) => (l(), h(ee, {
+      title: n.title,
+      persistent: ""
+    }, {
+      default: f(({ close: c }) => [
+        m(ut, {
+          form: i(e),
+          onSubmit: (u) => c(i(e).draft)
+        }, {
+          default: f(() => [
+            m(z, { text: n.message }, null, 8, ["text"]),
+            m(ka, {
+              name: "draft",
+              class: "mt-2",
+              placeholder: n.placeholder,
+              label: n.label
+            }, null, 8, ["placeholder", "label"]),
+            y("div", Ea, [
+              m(I, {
+                variant: n.acceptVariant,
                 submit: ""
               }, {
                 default: f(() => [
-                  q(k(c(s)), 1)
+                  R($(i(r)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              m(T, {
-                variant: a.cancelVariant,
-                onClick: (l) => o(!1)
+              m(I, {
+                variant: n.cancelVariant,
+                onClick: (u) => c(!1)
               }, {
                 default: f(() => [
-                  q(k(c(n)), 1)
+                  R($(i(a)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2147,516 +2471,239 @@ const mn = { class: "mt-4 flex flex-row-reverse gap-2" }, fn = /* @__PURE__ */ h
       _: 1
     }, 8, ["title"]));
   }
-}), hn = { $ui: P }, gn = {
-  async install(t, r) {
-    const e = {
-      [C.AlertModal]: fs,
-      [C.ConfirmModal]: ks,
-      [C.ErrorReportModal]: en,
-      [C.LoadingModal]: cn,
-      [C.PromptModal]: fn,
-      [C.Snackbar]: Yr,
-      [C.StartupCrash]: ns
-    };
-    Object.entries({
-      ...e,
-      ...r.components
-    }).forEach(([s, n]) => P.registerComponent(s, n)), await _e(t, hn);
-  }
-};
-async function vn(t, r = {}) {
-  var s;
-  const e = [Vr, vr, Tr, jr, $r, gn, ...r.plugins ?? []];
-  G.instance = t, await or(e, t, r), await ((s = r.install) == null ? void 0 : s.call(r, t)), await x.emit("application-ready");
-}
-async function Sa(t, r = {}) {
-  var s;
-  const e = ft(t);
-  Z() && (window.$aerogel = e), await vn(e, r), e.mount("#app"), (s = e._container) == null || s.classList.remove("loading"), await x.emit("application-mounted");
-}
-const _n = { key: 0 }, bn = /* @__PURE__ */ h({
-  __name: "AppModals",
-  setup(t) {
-    const r = d(() => P.modals[0] ?? null);
-    return (e, s) => r.value ? (u(), _("aside", _n, [
-      m(et, {
-        "child-index": 1,
-        modal: r.value
-      }, null, 8, ["modal"])
-    ])) : E("", !0);
-  }
-}), yn = (t, r) => {
-  const e = t.__vccOpts || t;
-  for (const [s, n] of r)
-    e[s] = n;
-  return e;
-}, wn = {}, $n = {
-  "aria-live": "assertive",
-  class: "pointer-events-none fixed inset-0 z-50 flex items-end px-4 py-6 sm:p-6"
-}, xn = { class: "flex w-full flex-col items-end space-y-4" };
-function Sn(t, r) {
-  return u(), _("div", $n, [
-    v("div", xn, [
-      (u(!0), _(ee, null, ie(t.$ui.snackbars, (e) => (u(), g(te(e.component), H({
-        id: e.id,
-        key: e.id,
-        ref_for: !0
-      }, e.properties), null, 16, ["id"]))), 128))
-    ])
-  ]);
-}
-const kn = /* @__PURE__ */ yn(wn, [["render", Sn]]), Cn = /* @__PURE__ */ h({
-  __name: "AppOverlays",
-  setup(t) {
-    const r = A(null), e = A(!0);
-    return se("show-overlays-backdrop", async () => {
-      !r.value || !e.value || (e.value = !1, r.value.classList.remove("opacity-0"));
-    }), se("hide-overlays-backdrop", async () => {
-      !r.value || e.value || (e.value = !0, r.value.classList.add("opacity-0"));
-    }), (s, n) => (u(), _(ee, null, [
-      v("div", {
-        id: "aerogel-overlays-backdrop",
-        ref_key: "$backdrop",
-        ref: r,
-        class: "pointer-events-none fixed inset-0 z-50 bg-black/30 opacity-0"
-      }, null, 512),
-      m(bn),
-      m(kn)
-    ], 64));
-  }
-}), Mn = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, ka = /* @__PURE__ */ h({
-  __name: "AppLayout",
+}), Ha = { class: "grid grow place-items-center" }, Va = { class: "flex flex-col items-center space-y-6 p-8" }, Pa = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, Ta = { class: "mt-4 flex flex-col space-y-4" }, Ia = /* @__PURE__ */ g({
+  __name: "StartupCrash",
   setup(t) {
-    return (r, e) => (u(), _("div", Mn, [
-      r.$errors.hasStartupErrors ? y(r.$slots, "startup-crash", { key: 0 }, () => [
-        (u(), g(te(r.$ui.requireComponent(c(C).StartupCrash))))
-      ]) : y(r.$slots, "default", { key: 1 }),
-      m(Cn)
+    return (s, e) => (l(), v("div", Ha, [
+      y("div", Va, [
+        y("h1", Pa, $(s.$td("startupCrash.title", "Something went wrong!")), 1),
+        m(z, {
+          text: s.$td(
+            "startupCrash.message",
+            `Something failed trying to start the application.
+
+Here's some things you can do:`
+          ),
+          class: "mt-4 text-center"
+        }, null, 8, ["text"]),
+        y("div", Ta, [
+          m(I, {
+            variant: "danger",
+            onClick: e[0] || (e[0] = (r) => s.$app.reload())
+          }, {
+            default: f(() => [
+              R($(s.$td("startupCrash.reload", "Try again")), 1)
+            ]),
+            _: 1
+          }),
+          m(I, {
+            variant: "danger",
+            onClick: e[1] || (e[1] = (r) => s.$errors.inspect(s.$errors.startupErrors))
+          }, {
+            default: f(() => [
+              R($(s.$td("startupCrash.inspect", "View error details")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])
     ]));
   }
-});
-function Ca() {
-  return ht((t, r) => {
-    let e;
-    return {
-      get() {
-        return t(), e;
-      },
-      set(s) {
-        e = Or(s), r();
-      }
-    };
-  });
-}
-const En = {
-  viewBox: "0 0 20 20",
-  width: "1.2em",
-  height: "1.2em"
-};
-function Pn(t, r) {
-  return u(), _("svg", En, r[0] || (r[0] = [
-    v("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 In = { name: "zondicons-cheveron-down", render: Pn }, at = {
-  name: I(),
-  label: I(),
-  options: pr(),
-  noSelectionText: I(),
-  optionsText: Ie()
-}, An = ["update:modelValue"];
-function ot() {
-  return at;
-}
-function it() {
-  return [...An];
-}
-function Ma(t) {
-  return Wr(t, at);
-}
-const Hn = /* @__PURE__ */ h({
-  __name: "AGHeadlessSelect",
+}), gt = /* @__PURE__ */ g({
+  __name: "HeadlessToastAction",
   props: {
-    modelValue: Ie(),
-    ...ot()
+    action: {}
   },
-  emits: it(),
-  setup(t, { expose: r, emit: e }) {
-    const s = e, n = t, a = d(() => typeof n.optionsText == "function" ? n.optionsText : typeof n.optionsText == "string" ? (S) => B(S[n.optionsText]) : (S) => B(S)), i = X("form", null), o = d(() => n.noSelectionText ?? $("select.noSelection", "-")), l = d(
-      () => i && n.name ? i.getFieldValue(n.name) : n.modelValue
-    ), p = d(() => !i || !n.name ? null : i.errors[n.name] ?? null);
-    function w(S) {
-      if (i && n.name) {
-        i.setFieldValue(n.name, S);
-        return;
-      }
-      s("update:modelValue", S);
-    }
-    const M = {
-      id: `select-${de()}`,
-      noSelectionText: o,
-      selectedOption: l,
-      errors: p,
-      options: d(() => n.options),
-      label: d(() => n.label),
-      buttonText: d(() => l.value === null ? o.value : a.value(l.value)),
-      renderText: a,
-      update: w
-    };
-    return fe("select", M), r(M), (S, D) => (u(), g(c(Dt), {
-      "model-value": l.value,
-      "onUpdate:modelValue": D[0] || (D[0] = (F) => w(F))
+  setup(t) {
+    return (s, e) => (l(), h(O(s.action.dismiss ? i(ps) : "button"), {
+      type: "button",
+      onClick: s.action.click
     }, {
-      default: f(({ open: F }) => [
-        y(S.$slots, "default", {
-          modelValue: t.modelValue,
-          open: F
-        })
+      default: f(() => [
+        R($(s.action.label), 1)
       ]),
-      _: 3
-    }, 8, ["model-value"]));
+      _: 1
+    }, 8, ["onClick"]));
   }
-}), Ln = /* @__PURE__ */ h({
-  __name: "AGHeadlessSelectTrigger",
-  props: { textClass: I() },
+}), Aa = { key: 0 }, Ra = /* @__PURE__ */ g({
+  __name: "HeadlessToast",
+  props: {
+    message: {},
+    actions: {},
+    variant: {}
+  },
   setup(t) {
-    const r = V(
-      "select",
-      "<AGHeadlessSelectTrigger> must be a child of a <AGHeadlessSelect>"
-    );
-    return (e, s) => (u(), g(c(Ft), null, {
+    return (s, e) => (l(), h(i(ms), null, {
       default: f(() => [
-        m(c(Ut), null, {
-          default: f(() => [
-            y(e.$slots, "default", {}, () => {
-              var n;
-              return [
-                v("span", {
-                  class: L(t.textClass)
-                }, k((n = c(r)) == null ? void 0 : n.buttonText), 3)
-              ];
-            }),
-            y(e.$slots, "icon")
-          ]),
-          _: 3
-        })
+        w(s.$slots, "default", {}, () => [
+          s.message ? (l(), v("span", Aa, $(s.message), 1)) : M("", !0),
+          (l(!0), v(D, null, F(s.actions, (r, a) => (l(), h(gt, {
+            key: a,
+            action: r
+          }, null, 8, ["action"]))), 128))
+        ])
       ]),
       _: 3
     }));
   }
-}), Tn = ["id"], Rn = /* @__PURE__ */ h({
-  __name: "AGHeadlessSelectError",
-  setup(t) {
-    const r = V(
-      "select",
-      "<AGHeadlessSelectError> must be a child of a <AGHeadlessSelect>"
-    ), e = d(() => r.errors ? $(`errors.${r.errors[0]}`, `Error: ${r.errors[0]}`) : null);
-    return (s, n) => e.value ? (u(), _("p", {
-      key: 0,
-      id: `${c(r).id}-error`
-    }, k(e.value), 9, Tn)) : E("", !0);
-  }
-}), jn = /* @__PURE__ */ h({
-  __name: "AGHeadlessSelectOption",
+}), za = /* @__PURE__ */ g({
+  __name: "Toast",
   props: {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    value: mr(),
-    selectedClass: I(),
-    unselectedClass: I(),
-    activeClass: I(),
-    inactiveClass: I()
+    message: {},
+    actions: {},
+    variant: { default: "secondary" },
+    class: {}
   },
   setup(t) {
-    const r = V(
-      "select",
-      "<AGHeadlessSelectOption> must be a child of a <AGHeadlessSelect>"
+    const s = Ye(
+      { baseClasses: t.class, variant: t.variant },
+      {
+        baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
+        variants: {
+          variant: {
+            secondary: "bg-gray-900 text-white ring-black",
+            danger: "bg-red-50 text-red-900 ring-red-100"
+          }
+        },
+        defaultVariants: {
+          variant: "secondary"
+        }
+      }
     );
-    return (e, s) => (u(), g(c(Gt), {
-      value: t.value,
-      as: "template"
+    return (e, r) => (l(), h(Ra, {
+      class: L(i(s))
     }, {
       default: f(() => [
-        m(c(Nt), null, {
-          default: f(() => [
-            y(e.$slots, "default", {}, () => [
-              q(k(c(r).renderText(t.value)), 1)
-            ])
-          ]),
-          _: 3
-        })
+        e.message ? (l(), h(z, {
+          key: 0,
+          text: e.message,
+          inline: ""
+        }, null, 8, ["text"])) : M("", !0),
+        (l(!0), v(D, null, F(e.actions, (a, n) => (l(), h(I, {
+          key: n,
+          action: a,
+          variant: e.variant,
+          as: gt
+        }, null, 8, ["action", "variant"]))), 128))
       ]),
-      _: 3
-    }, 8, ["value"]));
+      _: 1
+    }, 8, ["class"]));
   }
-}), Vn = /* @__PURE__ */ h({
-  __name: "AGHeadlessSelectOptions",
-  props: { class: I("") },
-  setup(t) {
-    const r = t, e = d(() => r.class);
-    return (s, n) => (u(), g(c(Wt), null, {
-      default: f(() => [
-        m(c(Ot), {
-          class: L(e.value)
-        }, {
-          default: f(() => [
-            m(c(Kt), null, {
-              default: f(() => [
-                y(s.$slots, "default")
-              ]),
-              _: 3
-            })
-          ]),
-          _: 3
-        }, 8, ["class"])
-      ]),
-      _: 3
-    }));
+}), ja = { $ui: A }, Ba = {
+  async install(t, s) {
+    const e = {
+      [E.AlertModal]: Mr,
+      [E.ConfirmModal]: jr,
+      [E.ErrorReportModal]: pa,
+      [E.LoadingModal]: _a,
+      [E.PromptModal]: La,
+      [E.Toast]: za,
+      [E.StartupCrash]: Ia
+    };
+    Object.entries({
+      ...e,
+      ...s.components
+    }).forEach(([r, a]) => A.registerComponent(r, a)), await ge(t, ja);
   }
-}), zn = { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" }, Ea = /* @__PURE__ */ h({
-  __name: "AGSelect",
-  props: ot(),
-  emits: it(),
+};
+async function Da(t, s = {}) {
+  var r;
+  const e = [vr, As, Xs, gr, Ds, Ba, ...s.plugins ?? []];
+  j.instance = t, await Hs(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await k.emit("application-ready");
+}
+async function Pn(t, s = {}) {
+  var r;
+  const e = Mt(t);
+  X() && (window.$aerogel = e), await Da(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await k.emit("application-mounted");
+}
+const qa = { key: 0 }, Fa = /* @__PURE__ */ g({
+  __name: "AppModals",
   setup(t) {
-    const r = t, e = Pe();
-    return (s, n) => (u(), g(Hn, H(r, {
-      ref_key: "$select",
-      ref: e,
-      as: "div",
-      "onUpdate:modelValue": n[0] || (n[0] = (a) => s.$emit("update:modelValue", a))
-    }), {
-      default: f(() => {
-        var a, i;
-        return [
-          v("div", {
-            class: L(["relative", { "mt-2": (a = c(e)) == null ? void 0 : a.label }])
-          }, [
-            m(Ln, {
-              class: L(["relative w-full cursor-default bg-white py-1.5 pr-10 pl-3 text-left text-gray-900 ring-1 ring-gray-300 ring-inset focus:ring-2 focus:ring-indigo-600 focus:outline-hidden", {
-                "ring-1 ring-red-500": (i = c(e)) == null ? void 0 : i.errors
-              }]),
-              "text-class": "block truncate"
-            }, {
-              icon: f(() => [
-                v("span", zn, [
-                  m(c(In), { class: "size-5 text-gray-400" })
-                ])
-              ]),
-              _: 1
-            }, 8, ["class"]),
-            m(Vn, { class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto border border-gray-300 bg-white py-1 text-base ring-1 ring-black/5 focus:outline-hidden" }, {
-              default: f(() => {
-                var o;
-                return [
-                  (u(!0), _(ee, null, ie(((o = c(e)) == null ? void 0 : o.options) ?? [], (l, p) => (u(), g(jn, {
-                    key: p,
-                    value: l,
-                    class: "relative block cursor-default truncate py-2 pr-9 pl-3 text-gray-900 select-none data-[highlighted]:bg-indigo-600 data-[highlighted]:text-white data-[state=checked]:font-semibold data-[state=unchecked]:font-normal"
-                  }, null, 8, ["value"]))), 128))
-                ];
-              }),
-              _: 1
-            })
-          ], 2),
-          m(Rn, { class: "mt-2 text-sm text-red-600" })
-        ];
-      }),
-      _: 1
-    }, 16));
+    const s = p(() => A.modals[0] ?? null);
+    return (e, r) => s.value ? (l(), v("aside", qa, [
+      m(ct, {
+        "child-index": 1,
+        modal: s.value
+      }, null, 8, ["modal"])
+    ])) : M("", !0);
   }
-});
-function Pa(t, r) {
-  const e = X("form", null), s = e == null ? void 0 : e.on("focus", (n) => t.name === n && r());
-  oe(() => s == null ? void 0 : s());
-}
-const Ia = /* @__PURE__ */ h({
-  __name: "HeadlessInput",
-  props: {
-    name: {},
-    label: {},
-    description: {},
-    modelValue: {},
-    as: { default: "div" }
-  },
-  emits: ["update:modelValue"],
-  setup(t, { expose: r, emit: e }) {
-    const s = e, n = X("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
-      id: `input-${de()}`,
-      name: d(() => t.name),
-      label: d(() => t.label),
-      description: d(() => t.description),
-      value: d(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: De(a),
-      required: d(() => {
-        if (!(!t.name || !n))
-          return n.getFieldRules(t.name).includes("required");
-      }),
-      update(o) {
-        if (n && t.name) {
-          n.setFieldValue(t.name, o);
-          return;
-        }
-        s("update:modelValue", o);
-      }
-    };
-    return fe("input", i), r(i), (o, l) => (u(), g(te(o.as), null, {
+}), Ua = /* @__PURE__ */ g({
+  __name: "AppToasts",
+  setup(t) {
+    return (s, e) => (l(), h(i(fs), null, {
       default: f(() => [
-        y(o.$slots, "default")
+        (l(!0), v(D, null, F(s.$ui.toasts, (r) => (l(), h(O(r.component), T({
+          id: r.id,
+          key: r.id,
+          ref_for: !0
+        }, r.properties), null, 16, ["id"]))), 128)),
+        m(i(hs), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
-      _: 3
+      _: 1
     }));
   }
-}), Aa = /* @__PURE__ */ h({
-  inheritAttrs: !1,
-  __name: "HeadlessInputDescription",
-  setup(t) {
-    const r = V(
-      "input",
-      "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
-    ), e = d(() => typeof r.description == "string" ? r.description : ""), s = d(() => !!r.description);
-    return (n, a) => y(n.$slots, "default", {
-      id: `${c(r).id}-description`
-    }, () => [
-      s.value ? (u(), g(R, H({ key: 0 }, n.$attrs, {
-        id: `${c(r).id}-description`,
-        text: e.value
-      }), null, 16, ["id", "text"])) : E("", !0)
-    ]);
-  }
-}), qn = ["id"], Ha = /* @__PURE__ */ h({
-  __name: "HeadlessInputError",
+}), Na = /* @__PURE__ */ g({
+  __name: "AppOverlays",
   setup(t) {
-    const r = V("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = d(() => r.errors ? $(`errors.${r.errors[0]}`, `Error: ${r.errors[0]}`) : null);
-    return (s, n) => e.value ? (u(), _("p", {
-      key: 0,
-      id: `${c(r).id}-error`
-    }, k(e.value), 9, qn)) : E("", !0);
+    const s = H(null), e = H(!0);
+    return se("show-overlays-backdrop", async () => {
+      !s.value || !e.value || (e.value = !1, s.value.classList.remove("opacity-0"));
+    }), se("hide-overlays-backdrop", async () => {
+      !s.value || e.value || (e.value = !0, s.value.classList.add("opacity-0"));
+    }), (r, a) => (l(), v(D, null, [
+      m(Fa),
+      m(Ua)
+    ], 64));
   }
-}), Bn = ["id", "name", "type", "required", "aria-invalid", "aria-describedby", "checked"], La = /* @__PURE__ */ h({
-  __name: "HeadlessInputInput",
-  props: {
-    type: { default: "text" }
-  },
-  setup(t) {
-    const r = A(), e = V("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), s = d(() => e.name ?? void 0), n = d(() => e.value), a = d(() => {
-      if (t.type === "checkbox")
-        return !!n.value;
-    });
-    function i() {
-      r.value && e.update(o());
-    }
-    function o() {
-      if (!r.value)
-        return null;
-      switch (t.type) {
-        case "checkbox":
-          return r.value.checked;
-        case "date":
-          return r.value.valueAsDate;
-        default:
-          return r.value.value;
-      }
-    }
-    return Ye(e, () => {
-      var l;
-      return (l = r.value) == null ? void 0 : l.focus();
-    }), Be(() => {
-      if (r.value) {
-        if (t.type === "date") {
-          r.value.valueAsDate = n.value;
-          return;
-        }
-        r.value.value = n.value ?? null;
-      }
-    }), (l, p) => (u(), _("input", {
-      id: c(e).id,
-      ref_key: "$input",
-      ref: r,
-      name: s.value,
-      type: l.type,
-      required: c(e).required ?? void 0,
-      "aria-invalid": c(e).errors ? "true" : "false",
-      "aria-describedby": c(e).errors ? `${c(e).id}-error` : c(e).description ? `${c(e).id}-description` : void 0,
-      checked: a.value,
-      onInput: i
-    }, null, 40, Bn));
-  }
-}), Dn = ["for"], Ta = /* @__PURE__ */ h({
-  __name: "HeadlessInputLabel",
+}), Oa = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Tn = /* @__PURE__ */ g({
+  __name: "AppLayout",
   setup(t) {
-    const r = V("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = gt(), s = d(() => !!(r.label || e.default));
-    return (n, a) => s.value ? (u(), _("label", {
-      key: 0,
-      for: c(r).id
-    }, [
-      y(n.$slots, "default", {}, () => [
-        q(k(c(r).label), 1)
-      ])
-    ], 8, Dn)) : E("", !0);
+    return (s, e) => (l(), v("div", Oa, [
+      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
+        (l(), h(O(s.$ui.requireComponent(i(E).StartupCrash))))
+      ]) : w(s.$slots, "default", { key: 1 }),
+      m(Na)
+    ]));
   }
-}), Fn = ["id", "name", "required", "value", "aria-invalid", "aria-describedby"], Ra = /* @__PURE__ */ h({
+}), Wa = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], In = /* @__PURE__ */ g({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const r = A(), e = V(
+    const s = H(), e = V(
       "input",
       "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
-    ), s = d(() => e.name ?? void 0), n = d(() => e.value);
-    function a() {
-      r.value && e.update(r.value.value);
+    ), r = p(() => e.name ?? void 0), a = p(() => e.value);
+    function n() {
+      s.value && e.update(s.value.value);
     }
-    return Ye(e, () => {
-      var i;
-      return (i = r.value) == null ? void 0 : i.focus();
-    }), (i, o) => (u(), _("textarea", {
-      id: c(e).id,
+    return et(e, () => {
+      var o;
+      return (o = s.value) == null ? void 0 : o.focus();
+    }), (o, c) => (l(), v("textarea", {
+      id: i(e).id,
       ref_key: "$textArea",
-      ref: r,
-      name: s.value,
-      required: c(e).required ?? void 0,
-      value: n.value,
-      "aria-invalid": c(e).errors ? "true" : "false",
-      "aria-describedby": c(e).errors ? `${c(e).id}-error` : c(e).description ? `${c(e).id}-description` : void 0,
-      onInput: a
-    }, null, 40, Fn));
-  }
-}), ja = /* @__PURE__ */ h({
-  __name: "AGErrorMessage",
-  props: { error: fr() },
+      ref: s,
+      name: r.value,
+      value: a.value,
+      required: i(e).required ?? void 0,
+      "aria-invalid": i(e).errors ? "true" : "false",
+      "aria-describedby": i(e).errors ? `${i(e).id}-error` : i(e).description ? `${i(e).id}-description` : void 0,
+      onInput: n
+    }, null, 40, Wa));
+  }
+}), Ka = { class: "group" }, Ja = { 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" }, Qa = { class: "pt-2 pl-4" }, An = /* @__PURE__ */ g({
+  __name: "AdvancedOptions",
   setup(t) {
-    const r = t, e = d(() => Ir(r.error));
-    return (s, n) => (u(), g(R, {
-      text: e.value,
-      inline: ""
-    }, null, 8, ["text"]));
-  }
-}), Va = /* @__PURE__ */ h({
-  __name: "AGMeasured",
-  props: { as: I("span") },
-  setup(t) {
-    const r = A(!1);
-    return (e, s) => {
-      const n = vt("measure");
-      return Fe((u(), g(te(t.as), {
-        class: L({ "invisible! absolute! w-auto!": !r.value })
-      }, {
-        default: f(() => [
-          y(e.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class"])), [
-        [n, () => r.value = !0]
-      ]);
-    };
+    return (s, e) => (l(), v("details", Ka, [
+      y("summary", Ja, [
+        m(i(pt), { class: "size-6 transition-transform group-open:rotate-90" }),
+        y("span", null, $(s.$td("ui.advancedOptions", "Advanced options")), 1)
+      ]),
+      y("div", Qa, [
+        w(s.$slots, "default")
+      ])
+    ]));
   }
-}), Un = { class: "flex h-6 items-center" }, Gn = {
-  key: 0,
-  class: "ml-2 text-sm leading-6"
-}, Nn = {
-  key: 1,
-  class: "ml-2 text-sm leading-6"
-}, za = /* @__PURE__ */ h({
+}), Za = { class: "flex h-6 items-center" }, Rn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -2664,58 +2711,181 @@ const Ia = /* @__PURE__ */ h({
     label: {},
     description: {},
     modelValue: {},
-    inputClass: {}
+    inputClass: {},
+    labelClass: {}
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const r = Y(t, ["inputClass"]), e = Pe(), [s, n] = nt(), a = d(() => N("relative flex items-start", n.value)), i = d(() => {
-      var o, l;
-      return N(
+    const s = Y(t, ["inputClass", "labelClass"]), e = Ee("$input"), [r, a] = tt(), n = p(() => P("relative flex items-start", a.value)), o = p(() => {
+      var u, d;
+      return P(
         "size-4 rounded text-primary hover:bg-gray-200 checked:hover:bg-primary/80 checked:border-0",
         {
-          "border-gray-300 focus:ring-primary": !((o = e.value) != null && o.errors),
-          "border-red-400 border-2 focus:ring-red-600": (l = e.value) == null ? void 0 : l.errors
+          "border-gray-300 focus:ring-primary": !((u = e.value) != null && u.errors),
+          "border-red-400 border-2 focus:ring-red-600": (d = e.value) == null ? void 0 : d.errors
         },
         t.inputClass
       );
-    });
-    return (o, l) => {
-      const p = j("HeadlessInputInput"), w = j("HeadlessInputLabel"), M = j("HeadlessInputError"), S = j("HeadlessInput");
-      return u(), g(S, H({
-        ref_key: "$input",
-        ref: e,
-        class: a.value
-      }, r, {
-        "onUpdate:modelValue": l[0] || (l[0] = (D) => o.$emit("update:modelValue", D))
-      }), {
-        default: f(() => [
-          v("div", Un, [
-            m(p, H(c(s), {
-              type: "checkbox",
-              class: i.value
-            }), null, 16, ["class"])
+    }), c = p(() => P("ml-2 text-sm leading-6", t.labelClass));
+    return (u, d) => (l(), h(ft, T({
+      ref_key: "$input",
+      ref: e,
+      class: n.value
+    }, s, {
+      "onUpdate:modelValue": d[0] || (d[0] = (b) => u.$emit("update:modelValue", b))
+    }), {
+      default: f(() => [
+        y("div", Za, [
+          m(ht, T(i(r), {
+            type: "checkbox",
+            class: o.value
+          }), null, 16, ["class"])
+        ]),
+        u.$slots.default ? (l(), v("div", {
+          key: 0,
+          class: L(c.value)
+        }, [
+          m(xe, { class: "text-gray-900" }, {
+            default: f(() => [
+              w(u.$slots, "default")
+            ]),
+            _: 3
+          }),
+          m(Ce, { class: "text-red-600" })
+        ], 2)) : u.label ? (l(), v("div", {
+          key: 1,
+          class: L(c.value)
+        }, [
+          m(xe, { class: "text-gray-900" }),
+          m(Ce, { class: "text-red-600" })
+        ], 2)) : M("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), zn = /* @__PURE__ */ g({
+  __name: "DropdownMenu",
+  props: {
+    align: {},
+    options: {}
+  },
+  setup(t) {
+    return (s, e) => (l(), h(i(gs), null, {
+      default: f(() => [
+        m(i(vs), null, {
+          default: f(() => [
+            w(s.$slots, "default")
           ]),
-          o.$slots.default ? (u(), _("div", Gn, [
-            m(w, { class: "text-gray-900" }, {
+          _: 3
+        }),
+        m(i(bs), null, {
+          default: f(() => [
+            m(i(ys), {
+              class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
+              align: s.align
+            }, {
               default: f(() => [
-                y(o.$slots, "default")
+                (l(!0), v(D, null, F(s.options, (r, a) => (l(), h(i(_s), {
+                  key: a,
+                  class: "flex w-full items-center rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
+                  onSelect: r.click
+                }, {
+                  default: f(() => [
+                    R($(r.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onSelect"]))), 128))
               ]),
-              _: 3
-            }),
-            m(M, { class: "text-sm text-red-600" })
-          ])) : o.label ? (u(), _("div", Nn, [
-            m(w),
-            m(M, { class: "text-sm text-red-600" })
-          ])) : E("", !0)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
+              _: 1
+            }, 8, ["align"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }));
   }
-}), qa = /* @__PURE__ */ h({
+}), Ga = ["aria-hidden"], Xa = ["tabindex", "aria-label", "type"], jn = /* @__PURE__ */ g({
+  __name: "EditableContent",
+  props: {
+    type: { default: "text" },
+    contentClass: {},
+    ariaLabel: {},
+    formAriaHidden: { type: Boolean },
+    tabindex: {},
+    text: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update", "save"],
+  setup(t, { emit: s }) {
+    const e = s, r = H(), a = H(null), n = H(t.text), o = p(() => P("inline whitespace-pre", t.contentClass)), c = p(() => P("invisible whitespace-pre", t.contentClass)), u = p(() => P("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    function d() {
+      a.value = t.text;
+    }
+    function b() {
+      a.value && (t.type !== "number" && n.value.trim().length === 0 && (n.value = a.value, e("update", n.value)), a.value = null, e("save"));
+    }
+    return de(() => n.value = t.text), (x, S) => (l(), v("div", {
+      class: L(["relative", { "pointer-events-none!": x.disabled && !a.value }])
+    }, [
+      a.value ? (l(), v("span", {
+        key: 1,
+        class: L(c.value)
+      }, $(n.value), 3)) : (l(), v("div", {
+        key: 0,
+        class: L(o.value)
+      }, [
+        w(x.$slots, "default")
+      ], 2)),
+      x.type === "number" ? (l(), v("span", {
+        key: 2,
+        class: L(["inline-block transition-[width]", a.value ? "w-5" : "w-0"])
+      }, null, 2)) : M("", !0),
+      y("form", {
+        class: "w-full",
+        "aria-hidden": x.formAriaHidden,
+        onSubmit: S[4] || (S[4] = qe((W) => {
+          var Ve;
+          return (Ve = r.value) == null ? void 0 : Ve.blur();
+        }, ["prevent"]))
+      }, [
+        Fe(y("input", {
+          ref_key: "$input",
+          ref: r,
+          "onUpdate:modelValue": S[0] || (S[0] = (W) => n.value = W),
+          tabindex: x.tabindex ?? void 0,
+          "aria-label": x.ariaLabel ?? void 0,
+          type: x.type,
+          class: L([
+            u.value,
+            { "opacity-0": !a.value, "appearance-textfield": !a.value && x.type === "number" }
+          ]),
+          onKeyup: S[1] || (S[1] = (W) => x.$emit("update", n.value)),
+          onFocus: S[2] || (S[2] = (W) => d()),
+          onBlur: S[3] || (S[3] = (W) => b())
+        }, null, 42, Xa), [
+          [Et, n.value]
+        ])
+      ], 40, Ga)
+    ], 2));
+  }
+}), Bn = /* @__PURE__ */ g({
+  __name: "ErrorMessage",
+  props: {
+    error: {}
+  },
+  setup(t) {
+    const s = p(() => Js(t.error));
+    return (e, r) => (l(), h(z, {
+      text: s.value,
+      inline: ""
+    }, null, 8, ["text"]));
+  }
+}), Dn = /* @__PURE__ */ g({
   __name: "Link",
   props: {
     class: {},
+    disabled: { type: Boolean },
     href: {},
     route: {},
     routeParams: {},
@@ -2726,39 +2896,51 @@ const Ia = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const r = t;
-    return (e, s) => (u(), g(T, H({ variant: "link" }, r), {
+    return (s, e) => (l(), h(I, T({ variant: "link" }, s.$props), {
       default: f(() => [
-        y(e.$slots, "default")
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
+}), qn = /* @__PURE__ */ g({
+  __name: "SettingsModal",
+  setup(t) {
+    const s = p(() => qt(j.settings, "priority", "desc"));
+    return (e, r) => (l(), h(ee, {
+      title: e.$td("settings.title", "Settings")
+    }, {
+      default: f(() => [
+        (l(!0), v(D, null, F(s.value, (a, n) => (l(), h(O(a.component), { key: n }))), 128))
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
 });
-class Ba {
+class Fn {
   constructor() {
-    b(this, "status");
-    b(this, "_listeners");
-    b(this, "_progress");
-    b(this, "_cancelled");
-    b(this, "_started");
-    b(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new Et(), 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 Ft(), this._started = new K(), this._completed = new K();
   }
   async start() {
     this.beforeStart(), this._started.resolve();
     try {
       await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
-    } catch (r) {
-      if (r instanceof je)
+    } catch (s) {
+      if (s instanceof Re)
         return;
-      throw K(Pt(r), (e) => {
+      throw Z(Ut(s), (e) => {
         this._completed.reject(e);
       });
     }
   }
   async cancel() {
-    this._cancelled = new W(), await this._cancelled;
+    this._cancelled = new K(), await this._cancelled;
   }
   serialize() {
     return this.serializeStatus(this.status);
@@ -2770,8 +2952,8 @@ class Ba {
     return this._progress ?? 0;
   }
   get cancelled() {
-    var r;
-    return !!((r = this._cancelled) != null && r.isResolved());
+    var s;
+    return !!((s = this._cancelled) != null && s.isResolved());
   }
   get started() {
     return this._started;
@@ -2793,168 +2975,145 @@ class Ba {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new je();
+      throw this._cancelled.resolve(), new Re();
   }
-  calculateCurrentProgress(r) {
-    return r ?? (r = this.status), r.completed ? 1 : r.children ? It(
-      r.children.reduce((e, s) => e + this.calculateCurrentProgress(s), 0) / r.children.length,
+  calculateCurrentProgress(s) {
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? Nt(
+      s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
     ) : 0;
   }
-  async updateProgress(r) {
-    await (r == null ? void 0 : r(this.status));
+  async updateProgress(s) {
+    await (s == null ? void 0 : s(this.status));
     const e = this.calculateCurrentProgress();
     e !== this._progress && (this._progress = e, await this._listeners.emit("onUpdated", e));
   }
-  serializeStatus(r) {
-    return { ...r };
+  serializeStatus(s) {
+    return { ...s };
   }
 }
-async function Da(t) {
+async function Un(t) {
   await t.start();
 }
-function Fa(t) {
-  let r = At;
-  _t(() => r = t()), oe(() => r());
-}
-function Ua(t, r) {
-  const e = ue(U.get(t) ?? r);
-  return Se(e, () => U.set(t, bt(e))), e;
-}
-function Ga(t) {
-  return t.split(/\s+/).filter((r) => !/^(hover|focus|focus-visible):/.test(r)).join(" ").trim();
-}
 export {
-  ja as AGErrorMessage,
-  Hn as AGHeadlessSelect,
-  Rn as AGHeadlessSelectError,
-  jn as AGHeadlessSelectOption,
-  Vn as AGHeadlessSelectOptions,
-  Ln as AGHeadlessSelectTrigger,
-  qr as AGHeadlessSnackbar,
-  R as AGMarkdown,
-  Va as AGMeasured,
-  Ea as AGSelect,
-  Yr as AGSnackbar,
-  ns as AGStartupCrash,
-  fs as AlertModal,
-  G as App,
-  ka as AppLayout,
-  Cn as AppOverlays,
-  ar as AppService,
-  T as Button,
-  ma as Cache,
-  _r as CacheService,
-  za as Checkbox,
-  ae as Colors,
-  ks as ConfirmModal,
-  en as ErrorReportModal,
-  Ns as ErrorReportModalButtons,
-  Ws as ErrorReportModalTitle,
-  Ze as Errors,
-  na as EventListenerPriorities,
-  x as Events,
-  sr as EventsService,
-  tt as Form,
-  vs as FormController,
-  z as FormFieldTypes,
-  Gr as HeadlessButton,
-  Ia as HeadlessInput,
-  Aa as HeadlessInputDescription,
-  Ha as HeadlessInputError,
-  La as HeadlessInputInput,
-  Ta as HeadlessInputLabel,
-  Ra as HeadlessInputTextArea,
-  ls as HeadlessModal,
-  cs as HeadlessModalContent,
-  us as HeadlessModalOverlay,
-  ds as HeadlessModalTitle,
-  dn as Input,
-  Ba as Job,
-  je as JobCancelledError,
-  ne as Lang,
-  me as Layouts,
-  qa as Link,
-  cn as LoadingModal,
-  Ke as MOBILE_BREAKPOINT,
-  le as Modal,
-  et as ModalContext,
-  on as ProgressBar,
-  fn as PromptModal,
-  ve as Service,
-  xe as ServiceBootError,
-  Br as SnackbarColors,
-  yr as Storage,
-  P as UI,
-  C as UIComponents,
-  Sr as UIService,
-  ir as arrayProp,
-  va as booleanInput,
-  lr as booleanProp,
-  _e as bootServices,
-  Sa as bootstrap,
-  vn as bootstrapApplication,
-  Pe as componentRef,
-  oa as computedAsync,
-  _a as dateInput,
-  ia as defineDirective,
-  ga as defineFormValidationRule,
-  aa as definePlugin,
-  ge as defineServiceState,
-  rr as defineServiceStore,
-  Da as dispatch,
-  Ca as elementRef,
-  cr as enumProp,
-  Ma as extractSelectProps,
+  An as AdvancedOptions,
+  Mr as AlertModal,
+  j as App,
+  Tn as AppLayout,
+  Fa as AppModals,
+  Na as AppOverlays,
+  Ls as AppService,
+  Ua as AppToasts,
+  I as Button,
+  vn as Cache,
+  Rs as CacheService,
+  Rn as Checkbox,
+  jr as ConfirmModal,
+  zn as DropdownMenu,
+  jn as EditableContent,
+  Bn as ErrorMessage,
+  pa as ErrorReportModal,
+  ra as ErrorReportModalButtons,
+  aa as ErrorReportModalTitle,
+  Ge as Errors,
+  pn as EventListenerPriorities,
+  k as Events,
+  Ms as EventsService,
+  ut as Form,
+  Hr as FormController,
+  q as FormFieldTypes,
+  rr as HeadlessButton,
+  ft as HeadlessInput,
+  xa as HeadlessInputDescription,
+  Ce as HeadlessInputError,
+  ht as HeadlessInputInput,
+  xe as HeadlessInputLabel,
+  In as HeadlessInputTextArea,
+  wr as HeadlessModal,
+  $r as HeadlessModalContent,
+  xr as HeadlessModalOverlay,
+  Cr as HeadlessModalTitle,
+  nr as HeadlessSelect,
+  ze as HeadlessSelectLabel,
+  at as HeadlessSelectOption,
+  nt as HeadlessSelectOptions,
+  rt as HeadlessSelectTrigger,
+  st as HeadlessSelectValue,
+  Ra as HeadlessToast,
+  ka as Input,
+  Fn as Job,
+  Re as JobCancelledError,
+  Q as Lang,
+  ce as Layouts,
+  Dn as Link,
+  _a as LoadingModal,
+  Je as MOBILE_BREAKPOINT,
+  z as Markdown,
+  ee as Modal,
+  ct as ModalContext,
+  ba as ProgressBar,
+  La as PromptModal,
+  dr as Select,
+  ot as SelectLabel,
+  lt as SelectOptions,
+  it as SelectTrigger,
+  he as Service,
+  $e as ServiceBootError,
+  qn as SettingsModal,
+  Ia as StartupCrash,
+  js as Storage,
+  za as Toast,
+  A as UI,
+  E as UIComponents,
+  Fs as UIService,
+  Sn as booleanInput,
+  ge as bootServices,
+  Pn as bootstrap,
+  Da as bootstrapApplication,
+  P as classes,
+  $n as computedAsync,
+  xn as computedDebounce,
+  Ye as computedVariantClasses,
+  kn as dateInput,
+  hn as defineDirective,
+  Cn as defineFormValidationRule,
+  fn as definePlugin,
+  fe as defineServiceState,
+  ks as defineServiceStore,
+  mn as defineSettings,
+  Un as dispatch,
   Qe as getCurrentLayout,
-  Ir as getErrorMessage,
-  tr as getPiniaStore,
-  la as injectOrFail,
-  ur as injectReactive,
+  Js as getErrorMessage,
+  Ss as getPiniaStore,
+  ar as hasSelectOptionLabel,
+  gn as injectOrFail,
+  Ps as injectReactive,
   V as injectReactiveOrFail,
-  or as installPlugins,
-  ca as listenerProp,
-  Ie as mixedProp,
-  $a as numberInput,
-  ua as numberProp,
-  dr as objectProp,
-  Fa as onCleanMounted,
-  Pa as onFormFocus,
-  Ua as persistent,
-  ha as registerErrorHandler,
-  Ga as removeInteractiveClasses,
-  Zr as renderMarkdown,
-  fa as replaceExisting,
-  pr as requiredArrayProp,
-  ba as requiredBooleanInput,
-  ya as requiredDateInput,
-  da as requiredEnumProp,
-  mr as requiredMixedProp,
-  wa as requiredNumberInput,
-  pa as requiredNumberProp,
-  fr as requiredObjectProp,
-  _s as requiredStringInput,
-  Re as requiredStringProp,
-  er as resetPiniaStore,
-  Xr as safeHtml,
-  An as selectEmits,
-  at as selectProps,
-  Dr as snackbarProps,
-  xa as stringInput,
-  I as stringProp,
-  Je as translate,
-  $ as translateWithDefault,
-  bs as useConfirmModal,
+  Hs as installPlugins,
+  Hn as numberInput,
+  _n as onCleanMounted,
+  et as onFormFocus,
+  wn as persistent,
+  yn as registerErrorHandler,
+  tr as renderMarkdown,
+  Ke as renderVNode,
+  bn as replaceExisting,
+  Mn as requiredBooleanInput,
+  En as requiredDateInput,
+  Ln as requiredNumberInput,
+  Vr as requiredStringInput,
+  Cs as resetPiniaStore,
+  sr as safeHtml,
+  Vn as stringInput,
+  Ze as translate,
+  C as translateWithDefault,
+  Pr as useConfirmModal,
   se as useEvent,
-  rt as useForm,
-  nt as useInputAttrs,
-  ln as useLoadingModal,
-  pn as usePromptModal,
-  it as useSelectEmits,
-  ot as useSelectProps,
-  Ur as useSnackbar,
-  Fr as useSnackbarProps,
-  gs as validate,
-  ce as validators
+  dt as useForm,
+  tt as useInputAttrs,
+  ya as useLoadingModal,
+  Ma as usePromptModal,
+  Lr as validate,
+  le as validators
 };
 //# sourceMappingURL=aerogel-core.js.map