@aerogel/core 0.1.0 → 0.1.1-next.12b5648bed6792adcb11294580a568b4ad7b8838

package/dist/aerogel-core.js

@@ -1,42 +1,44 @@
-var kt = Object.defineProperty;
-var St = (t, s, e) => s in t ? kt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var _ = (t, s, e) => St(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as E, Comment as Tt, Text as Mt, Static as Ht, inject as X, reactive as pe, nextTick as Oe, unref as o, watchEffect as Y, defineComponent as g, computed as c, createBlock as h, openBlock as u, mergeProps as H, withCtx as f, renderSlot as w, createPropsRestProxy as N, onUnmounted as ge, ref as U, readonly as ve, useAttrs as Ne, onMounted as Et, watch as Me, toRaw as Vt, createVNode as p, normalizeProps as ne, guardReactiveProps as ae, createTextVNode as I, toDisplayString as x, normalizeClass as k, createElementBlock as b, Fragment as D, renderList as F, provide as le, resolveDynamicComponent as W, useSlots as He, createCommentVNode as T, createElementVNode as y, h as Lt, toRef as Re, useTemplateRef as G, withModifiers as We, withDirectives as Ke, vModelCheckbox as It, normalizeStyle as qt, resolveComponent as zt, createApp as Rt, vModelText as Pt } from "vue";
-import { JSError as be, stringToSlug as At, tap as ee, MagicObject as Qe, PromisedValue as K, Storage as O, objectOnly as oe, arrayFrom as Je, isEmpty as xe, objectDeepClone as Dt, fail as Q, facade as te, arrayRemove as Se, getEnv as jt, updateLocationQueryParameters as Bt, forever as Ft, toString as B, isDevelopment as J, isTesting as Ee, after as ue, uuid as re, required as Ut, isObject as ce, objectWithoutEmpty as Ze, stringMatchAll as Xe, objectWithout as Ot, noop as Nt, debounce as Wt, value as Kt, isInstanceOf as Pe, stringExcerpt as Qt, arraySorted as Jt, ListenersManager as Zt, toError as Xt, round as Yt } from "@noeldemartin/utils";
-import j from "virtual:aerogel";
-import { createPinia as Gt, setActivePinia as es, defineStore as ts } from "pinia";
-import ss from "dompurify";
-import { marked as rs, Renderer as Ae } from "marked";
-import ns from "clsx";
-import { cva as as } from "class-variance-authority";
-import { twMerge as ls } from "tailwind-merge";
-import { Primitive as os, SelectValue as De, SelectTrigger as is, SelectIcon as us, SelectItem as cs, SelectItemText as ds, SelectPortal as ps, SelectContent as ms, SelectViewport as fs, SelectRoot as hs, Label as gs, useForwardExpose as Ve, SwitchRoot as vs, SwitchThumb as bs, DialogRoot as ys, DialogPortal as ws, DialogContent as $s, DialogDescription as _s, DialogOverlay as xs, DialogTitle as Cs, ToastClose as ks, ToastRoot as Ss, ToastProvider as Ts, ToastViewport as Ms, DropdownMenuItem as Hs, DropdownMenuContent as Es, DropdownMenuRoot as Vs, DropdownMenuTrigger as Ls, DropdownMenuPortal as Is } from "reka-ui";
-class Te extends be {
+var At = Object.defineProperty;
+var Pt = (t, s, e) => s in t ? At(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var _ = (t, s, e) => Pt(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as V, Comment as Dt, Text as Bt, Static as jt, inject as Y, reactive as ve, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as _e, nextTick as Ft, useAttrs as tt, onMounted as st, watch as Le, toRaw as Ut, customRef as Ot, watchEffect as G, defineComponent as h, createBlock as m, openBlock as i, mergeProps as H, withCtx as f, renderSlot as $, createPropsRestProxy as K, createVNode as d, normalizeProps as ce, guardReactiveProps as de, createTextVNode as L, toDisplayString as x, normalizeClass as C, createElementBlock as y, Fragment as D, renderList as U, provide as pe, resolveDynamicComponent as ee, useSlots as Ie, createCommentVNode as M, createElementVNode as b, h as Nt, useTemplateRef as te, withModifiers as rt, withDirectives as nt, vModelCheckbox as Wt, normalizeStyle as Kt, resolveComponent as Qt, createApp as Jt, vModelText as Zt } from "vue";
+import { JSError as xe, stringToSlug as Xt, tap as se, MagicObject as at, PromisedValue as J, Storage as O, objectOnly as ae, arrayFrom as lt, isEmpty as Te, objectDeepClone as Yt, fail as W, facade as re, arrayRemove as He, getEnv as Gt, updateLocationQueryParameters as es, forever as ts, toString as j, objectWithout as ss, noop as rs, debounce as ns, stringMatchAll as it, isDevelopment as Z, isTesting as ze, after as ie, uuid as ue, isObject as he, objectWithoutEmpty as ot, value as as, isInstanceOf as Oe, stringExcerpt as ls, arraySorted as is, ListenersManager as os, toError as us, round as cs } from "@noeldemartin/utils";
+import B from "virtual:aerogel";
+import { createPinia as ds, setActivePinia as ps, defineStore as fs } from "pinia";
+import ms from "dompurify";
+import { marked as hs, Renderer as Ne } from "marked";
+import { injectModal as ut, useModal as gs, createModal as vs, showModal as We, closeModal as Ke, modals as le, ModalComponent as bs, ModalsPortal as ys } from "@noeldemartin/vue-modals";
+import { ModalComponent as di, ModalsPortal as pi, closeModal as fi, createModal as mi, injectModal as hi, modals as gi, showModal as vi } from "@noeldemartin/vue-modals";
+import ws from "clsx";
+import { cva as $s } from "class-variance-authority";
+import { twMerge as _s } from "tailwind-merge";
+import { Primitive as xs, SelectValue as Qe, SelectTrigger as Cs, SelectIcon as Ss, SelectItem as ks, SelectItemText as Ts, SelectPortal as Ms, SelectContent as Es, SelectViewport as Hs, SelectRoot as Vs, Label as Ls, useForwardExpose as Re, SwitchRoot as Is, SwitchThumb as zs, DialogRoot as Rs, DialogPortal as qs, DialogContent as As, DialogDescription as Ps, DialogOverlay as Ds, DialogTitle as Bs, ToastClose as js, ToastRoot as Fs, ToastProvider as Us, ToastViewport as Os, DropdownMenuItem as Ns, DropdownMenuContent as Ws, DropdownMenuRoot as Ks, DropdownMenuTrigger as Qs, DropdownMenuPortal as Js } from "reka-ui";
+class Ve extends xe {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-function qs() {
-  return j.namespace ?? At(j.name);
+function Zs() {
+  return B.namespace ?? Xt(B.name);
 }
-let Le = null;
-function Ye() {
-  return Le ?? zs();
+let qe = null;
+function ct() {
+  return qe ?? Xs();
 }
-function zs() {
-  return ee(Gt(), (t) => {
-    Le = t, es(t);
+function Xs() {
+  return se(ds(), (t) => {
+    qe = t, ps(t);
   });
 }
-function Rs() {
-  return Le ?? Ye();
+function Ys() {
+  return qe ?? ct();
 }
-function Ps(t, s) {
-  return Ye(), ts(t, s)();
+function Gs(t, s) {
+  return ct(), fs(t, s)();
 }
-function ye(t) {
+function Ce(t) {
   var s;
-  return s = class extends we {
+  return s = class extends Se {
     usesStore() {
       return !0;
     }
@@ -72,8 +74,8 @@ To fix this problem, declare your initialState as a function instead.`
     }
   }, _(s, "persist", t.persist ?? []), s;
 }
-var ke;
-let we = (ke = class extends Qe {
+var Ee;
+let Se = (Ee = class extends at {
   constructor() {
     super();
     _(this, "_name");
@@ -82,7 +84,7 @@ let we = (ke = class extends Qe {
     _(this, "_watchers");
     _(this, "_store");
     const e = this.getComputedStateDefinition();
-    this._name = this.getName() ?? new.target.name, this._booted = new K(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Ps(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new J(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Gs(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -95,7 +97,7 @@ let we = (ke = class extends Qe {
     return super.static(e);
   }
   launch() {
-    const e = (r) => this._booted.reject(new Te(this._name, r));
+    const e = (r) => this._booted.reject(new Ve(this._name, r));
     try {
       this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
     } catch (r) {
@@ -116,14 +118,14 @@ let we = (ke = class extends Qe {
   setState(e, r) {
     if (!this._store)
       return;
-    const n = typeof e == "string" ? { [e]: r } : e, a = oe(this._store.$state, Object.keys(n));
+    const n = typeof e == "string" ? { [e]: r } : e, a = ae(this._store.$state, Object.keys(n));
     Object.assign(this._store.$state, n), this.onStateUpdated(n, a);
   }
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const r = Je(e), n = oe(this._store.$state, r);
-    xe(n) || this.onPersistentStateUpdated(n);
+    const r = lt(e), n = ae(this._store.$state, r);
+    Te(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
     return this.hasState(e) ? this.getState(e) : super.__get(e);
@@ -132,21 +134,21 @@ let we = (ke = class extends Qe {
     this.setState({ [e]: r });
   }
   get storageKey() {
-    return `${qs()}:${this._name}`;
+    return `${Zs()}:${this._name}`;
   }
   onStateUpdated(e, r) {
-    const n = oe(e, this.static("persist"));
-    xe(n) || this.onPersistentStateUpdated(n);
+    const n = ae(e, this.static("persist"));
+    Te(n) || this.onPersistentStateUpdated(n);
     for (const a in e) {
-      const i = this._watchers[a];
-      !i || e[a] === r[a] || i.call(this, e[a], r[a]);
+      const u = this._watchers[a];
+      !u || e[a] === r[a] || u.call(this, e[a], r[a]);
     }
   }
   onPersistentStateUpdated(e) {
     const r = O.get(this.storageKey);
     r && O.set(this.storageKey, {
       ...r,
-      ...this.serializePersistedState(Dt(e))
+      ...this.serializePersistedState(Yt(e))
     });
   }
   usesStore() {
@@ -176,25 +178,25 @@ let we = (ke = class extends Qe {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || xe(this.static("persist")))) {
+    if (!(!this.usesStore() || Te(this.static("persist")))) {
       if (O.has(this.storageKey)) {
         const e = O.require(this.storageKey);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      O.set(this.storageKey, oe(this.getState(), this.static("persist")));
+      O.set(this.storageKey, ae(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
-    return this._store ? this._store : Q(`Failed getting '${this._name}' store`);
+    return this._store ? this._store : W(`Failed getting '${this._name}' store`);
   }
-}, _(ke, "persist", []), ke);
-const ll = {
+}, _(Ee, "persist", []), Ee);
+const Cl = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class As extends we {
+class er extends Se {
   constructor() {
     super(...arguments);
     _(this, "listeners", {});
@@ -208,57 +210,57 @@ class As extends we {
   async emit(e, r) {
     var a;
     const n = this.listeners[e] ?? { priorities: [], handlers: {} };
-    for (const i of n.priorities)
-      await Promise.all(((a = n.handlers[i]) == null ? void 0 : a.map((l) => l(r))) ?? []);
+    for (const u of n.priorities)
+      await Promise.all(((a = n.handlers[u]) == null ? void 0 : a.map((o) => o(r))) ?? []);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   on(e, r, n) {
-    const a = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, i = typeof r == "function" ? r : n;
-    return this.registerListener(e, a, i), () => this.off(e, i);
+    const a = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, u = typeof r == "function" ? r : n;
+    return this.registerListener(e, a, u), () => this.off(e, u);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   once(e, r, n) {
     let a = null;
-    const i = typeof r == "function" ? {} : r, l = typeof r == "function" ? r : n;
-    return ee(
+    const u = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
+    return se(
       () => a && this.off(e, a),
-      (d) => {
-        a = (...v) => (d(), l(...v)), this.registerListener(e, i, l);
+      (p) => {
+        a = (...g) => (p(), o(...g)), this.registerListener(e, u, o);
       }
     );
   }
   off(e, r) {
-    var i;
+    var u;
     const n = this.listeners[e];
     if (!n)
       return;
     const a = [...n.priorities];
-    for (const l of a)
-      Se(n.handlers[l] ?? [], r), ((i = n.handlers[l]) == null ? void 0 : i.length) === 0 && (delete n.handlers[l], Se(n.priorities, l));
+    for (const o of a)
+      He(n.handlers[o] ?? [], r), ((u = n.handlers[o]) == null ? void 0 : u.length) === 0 && (delete n.handlers[o], He(n.priorities, o));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
-    var d, v, $;
+    var p, g, w;
     const a = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const i = ((d = this.listeners[e]) == null ? void 0 : d.priorities) ?? Q(`priorities missing for event '${e}'`), l = ((v = this.listeners[e]) == null ? void 0 : v.handlers) ?? Q(`handlers missing for event '${e}'`);
-    i.includes(a) || (i.push(a), i.sort((m, C) => C - m), l[a] = []), ($ = l[a]) == null || $.push(n);
+    const u = ((p = this.listeners[e]) == null ? void 0 : p.priorities) ?? W(`priorities missing for event '${e}'`), o = ((g = this.listeners[e]) == null ? void 0 : g.handlers) ?? W(`handlers missing for event '${e}'`);
+    u.includes(a) || (u.push(a), u.sort((v, k) => k - v), o[a] = []), (w = o[a]) == null || w.push(n);
   }
 }
-const R = te(As);
-function ol(t) {
+const F = re(er);
+function Sl(t) {
   return t;
 }
-const Ds = ye({
+const tr = Ce({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: jt() ?? "development",
-    version: j.version,
-    sourceUrl: j.sourceUrl,
+    environment: Gt() ?? "development",
+    version: B.version,
+    sourceUrl: B.sourceUrl,
     settings: []
   },
   computed: {
@@ -266,19 +268,19 @@ const Ds = ye({
     staging: (t) => t.environment === "staging",
     testing: (t) => t.environment === "test" || t.environment === "testing",
     versionName(t) {
-      return this.development ? "dev." + j.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + j.sourceHash.toString().substring(0, 7) : `v${t.version}`;
+      return this.development ? "dev." + B.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + B.sourceHash.toString().substring(0, 7) : `v${t.version}`;
     },
     versionUrl(t) {
-      return t.sourceUrl + (this.development || this.staging ? `/tree/${j.sourceHash}` : `/releases/tag/${this.versionName}`);
+      return t.sourceUrl + (this.development || this.staging ? `/tree/${B.sourceHash}` : `/releases/tag/${this.versionName}`);
     }
   }
 });
-class js extends Ds {
+class sr extends tr {
   constructor() {
     super(...arguments);
-    _(this, "name", j.name);
-    _(this, "ready", new K());
-    _(this, "mounted", new K());
+    _(this, "name", B.name);
+    _(this, "ready", new J());
+    _(this, "mounted", new J());
   }
   isReady() {
     return this.ready.isResolved();
@@ -287,13 +289,13 @@ class js extends Ds {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push(E(e));
+    this.settings.push(V(e));
   }
   async whenReady(e) {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Bt(e), location.reload(), await Ft();
+    e && es(e), location.reload(), await ts();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -303,15 +305,15 @@ class js extends Ds {
     return ((r = this.instance) == null ? void 0 : r.config.globalProperties[e]) ?? null;
   }
   async boot() {
-    R.once("application-ready", () => this.ready.resolve()), R.once("application-mounted", () => this.mounted.resolve());
+    F.once("application-ready", () => this.ready.resolve()), F.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const A = te(js);
-function il(t) {
+const P = re(sr);
+function kl(t) {
   return t;
 }
-async function Bs(t, ...s) {
-  A.setState(
+async function rr(t, ...s) {
+  P.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -319,52 +321,301 @@ async function Bs(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function Fs(t) {
-  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
+function nr(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${j(r)}"`, "");
 }
-function ul(t) {
+function Tl(t) {
   return t;
 }
-function Us(t) {
-  const s = X(t);
-  return s ? pe(s) : void 0;
+function ar(t) {
+  const s = Y(t);
+  return s ? ve(s) : void 0;
 }
-function V(t, s) {
-  return Us(t) ?? Q(s ?? `Could not resolve '${B(t)}' injection key`);
+function R(t, s) {
+  return ar(t) ?? W(s ?? `Could not resolve '${j(t)}' injection key`);
 }
-function Os(t, s) {
-  return X(t) ?? Q(s ?? `Could not resolve '${B(t)}' injection key`);
+function lr(t, s) {
+  return Y(t) ?? W(s ?? `Could not resolve '${j(t)}' injection key`);
 }
-function Ge(t) {
-  return typeof t == "string" ? t : t.type === Tt ? "" : t.type === Mt || t.type === Ht ? t.children : t.type === "br" ? `
+function dt(t) {
+  return typeof t == "string" ? t : t.type === Dt ? "" : t.type === Bt || t.type === jt ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${Fs(t)}>${Array.from(t.children).map(Ge).join("")}</${t.type}>`;
+` : `<${t.type} ${nr(t)}>${Array.from(t.children).map(dt).join("")}</${t.type}>`;
 }
-const Ce = /* @__PURE__ */ new WeakMap(), Ns = {
+const Me = /* @__PURE__ */ new WeakMap(), ir = {
   mounted(t, { value: s, modifiers: e }) {
     const r = typeof s == "function" ? s : null, n = () => {
       const a = t.getBoundingClientRect();
       e.css && (t.style.setProperty("--width", `${a.width}px`), t.style.setProperty("--height", `${a.height}px`)), r == null || r({ width: a.width, height: a.height });
     };
-    e.watch && Ce.set(t, ee(new ResizeObserver(n)).observe(t)), n();
+    e.watch && Me.set(t, se(new ResizeObserver(n)).observe(t)), n();
   },
   unmounted(t) {
     var s;
-    (s = Ce.get(t)) == null || s.unobserve(t), Ce.delete(t);
+    (s = Me.get(t)) == null || s.unobserve(t), Me.delete(t);
+  }
+};
+function pt(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = $s(n, a);
+  return E(u(r), l(e));
+}
+function E(...t) {
+  return _s(ws(t));
+}
+function Ml(t, s) {
+  const e = F.on(t, s);
+  $e(() => e());
+}
+const or = {
+  required: (t) => t ? void 0 : "required"
+};
+function ur(t, s) {
+  var e;
+  if (t == null)
+    return !0;
+  switch (s.type) {
+    case "string":
+      return typeof t == "string";
+    case "enum":
+      return !!((e = s.values) != null && e.includes(t));
+    case "number":
+      return typeof t == "number";
+    case "boolean":
+      return typeof t == "boolean";
+    case "date":
+      return t instanceof Date;
+    case "object":
+      return typeof t == "object";
+  }
+}
+const ge = { ...or };
+function El(t, s) {
+  ge[t] = s;
+}
+function cr(t, s) {
+  return ur(t, s) ? [] : ["invalid_value"];
+}
+function dr(t, s) {
+  var r;
+  const e = (r = ge[s]) == null ? void 0 : r.call(ge, t);
+  return e ? lt(e) : [];
+}
+const Hl = Symbol(), Je = /* @__PURE__ */ new WeakMap();
+class pr extends at {
+  constructor(e) {
+    super();
+    _(this, "errors");
+    _(this, "_fields");
+    _(this, "_data");
+    _(this, "_submitted");
+    _(this, "_errors");
+    _(this, "_listeners", {});
+    this._fields = e, this._submitted = N(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Je.set(
+      this,
+      c(() => !Object.values(this._errors).some((r) => r !== null))
+    ), this.errors = _e(this._errors);
+  }
+  get valid() {
+    var e;
+    return !!((e = Je.get(this)) != null && e.value);
+  }
+  get submitted() {
+    return this._submitted.value;
+  }
+  setFieldValue(e, r) {
+    const n = this._fields[e] ?? W(`Trying to set undefined '${j(e)}' field`);
+    this._data[e] = n.type === "string" && (n.trim ?? !0) ? j(r).trim() : r, this._submitted.value && this.validate();
+  }
+  getFieldValue(e) {
+    return this._data[e];
+  }
+  getFieldRules(e) {
+    var r, n;
+    return ((n = (r = this._fields[e]) == null ? void 0 : r.rules) == null ? void 0 : n.split("|")) ?? [];
+  }
+  setFieldErrors(e, r) {
+    this._errors[e] = r;
+  }
+  getFieldType(e) {
+    var r;
+    return ((r = this._fields[e]) == null ? void 0 : r.type) ?? null;
+  }
+  data() {
+    return { ...this._data };
   }
-}, Ws = {
-  measure: Ns
-}, Ks = {
+  validate() {
+    const e = Object.entries(this._fields).reduce(
+      (r, [n, a]) => (r[n] = this.getFieldErrors(n, a), r),
+      {}
+    );
+    return this.resetErrors(e), this.valid;
+  }
+  reset(e = {}) {
+    this._submitted.value = !1, e.keepData || this.resetData(), e.keepErrors || this.resetErrors();
+  }
+  submit() {
+    var r;
+    this._submitted.value = !0;
+    const e = this.validate();
+    return e && ((r = this._listeners.submit) == null || r.forEach((n) => n())), e;
+  }
+  on(e, r) {
+    var n, a;
+    return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(r), () => this.off(e, r);
+  }
+  off(e, r) {
+    He(this._listeners[e] ?? [], r);
+  }
+  async focus(e) {
+    var r;
+    await Ft(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
+  }
+  __get(e) {
+    return e in this._fields ? this.getFieldValue(e) : super.__get(e);
+  }
+  __set(e, r) {
+    if (!(e in this._fields)) {
+      super.__set(e, r);
+      return;
+    }
+    this.setFieldValue(e, r);
+  }
+  getFieldErrors(e, r) {
+    var o;
+    const n = [], a = this._data[e], u = ((o = r.rules) == null ? void 0 : o.split("|")) ?? [];
+    n.push(...cr(a, r));
+    for (const p of u)
+      p !== "required" && a == null || n.push(...dr(a, p));
+    return n.length > 0 ? n : null;
+  }
+  getInitialData(e) {
+    if (this.static().isConjuring())
+      return {};
+    const r = Object.entries(e).reduce((n, [a, u]) => (n[a] = u.default ?? null, n), {});
+    return ve(r);
+  }
+  getInitialErrors(e) {
+    if (this.static().isConjuring())
+      return {};
+    const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
+    return ve(r);
+  }
+  resetData() {
+    for (const [e, r] of Object.entries(this._fields))
+      this._data[e] = r.default ?? null;
+  }
+  resetErrors(e) {
+    Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
+  }
+}
+function ft(t, s) {
+  const e = Y("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
+  $e(() => r == null ? void 0 : r());
+}
+function mt(t) {
+  return new pr(t);
+}
+function Ae() {
+  const t = tt(), s = c(() => t.class);
+  return [c(() => ss(t, "class")), s];
+}
+function Vl(t) {
+  let s = rs;
+  st(() => s = t()), $e(() => s());
+}
+function Ll(t, s) {
+  const e = ve(O.get(t) ?? s);
+  return Le(e, () => O.set(t, Ut(e))), e;
+}
+function fr(t) {
+  let s = new Set(t), e, r;
+  const n = Ot((a, u) => (r = a, e = u, {
+    get: () => s,
+    set: () => W("Attempted to write read-only reactive set")
+  }));
+  return {
+    values() {
+      return r(), Array.from(n.value.values());
+    },
+    has(a) {
+      return r(), n.value.has(a);
+    },
+    add(a) {
+      e(), n.value.add(a);
+    },
+    delete(a) {
+      e(), n.value.delete(a);
+    },
+    clear() {
+      e(), n.value.clear();
+    },
+    reset(a) {
+      e(), s = new Set(a);
+    }
+  };
+}
+function Il(t) {
+  const s = N(), e = c(t);
+  return Le(e, async () => s.value = await e.value, { immediate: !0 }), s;
+}
+function zl(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = N(e.initial ?? null), a = ns((u) => n.value = u, e.delay ?? 300);
+  return G(() => a(r())), n;
+}
+let oe = null;
+function mr() {
+  return se(new Ne(), (t) => {
+    t.link = function(s) {
+      const e = Ne.prototype.link.apply(this, [s]);
+      return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
+    };
+  });
+}
+function hr(t) {
+  const s = it(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  for (const [e, r, n] of s)
+    t = t.replace(e, `<button type="button" data-markdown-action="${r}">${n}</button>`);
+  return t;
+}
+function gr(t) {
+  const s = it(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  for (const [e, r, n] of s) {
+    const a = (oe == null ? void 0 : oe.resolve(r)) ?? r;
+    t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
+  }
+  return t;
+}
+function vr() {
+  return oe;
+}
+function Rl(t) {
+  oe = t;
+}
+function br(t) {
+  let s = hs(t, { renderer: mr(), async: !1 });
+  return s = ht(s), s = hr(s), s = gr(s), s;
+}
+function ht(t) {
+  return ms.sanitize(t, { ADD_ATTR: ["target"] });
+}
+const yr = 6e4, Ze = -(/* @__PURE__ */ new Date()).getTimezoneOffset() * -yr, wr = {
+  mounted(t, { value: s }) {
+    t.innerHTML = ht(s);
+  }
+}, $r = {
+  measure: ir,
+  "safe-html": wr
+}, _r = {
   install(t, s) {
     const e = {
-      ...Ws,
+      ...$r,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class Qs extends we {
+class xr extends Se {
   constructor() {
     super(...arguments);
     _(this, "cache");
@@ -380,72 +631,79 @@ class Qs extends we {
     (await n.keys(e)).length !== 0 && await n.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? ee(new K(), (e) => {
+    return this.cache = this.cache ?? se(new J(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const cl = te(Qs);
-class Js extends we {
+const ql = re(xr);
+class Cr extends Se {
   async purge() {
-    await R.emit("purge-storage");
+    await F.emit("purge-storage");
   }
 }
-const et = te(Js);
-function dl(t, s) {
+const gt = re(Cr);
+function Al(t, s) {
   return {
     ...t,
-    ...oe(s, Object.keys(t))
+    ...ae(s, Object.keys(t))
   };
 }
-const Zs = {
-  $app: A,
-  $events: R,
-  $storage: et
+const Sr = {
+  $app: P,
+  $events: F,
+  $storage: gt
 };
-async function $e(t, s) {
+async function ke(t, s) {
   await Promise.all(
     Object.entries(s).map(async ([e, r]) => {
       await r.launch().catch((n) => {
-        var a, i;
-        return (i = (a = t.config).errorHandler) == null ? void 0 : i.call(a, n, null, `Failed launching ${e}.`);
+        var a, u;
+        return (u = (a = t.config).errorHandler) == null ? void 0 : u.call(a, n, null, `Failed launching ${e}.`);
       });
     })
-  ), Object.assign(t.config.globalProperties, s), (J() || Ee()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (Z() || ze()) && Object.assign(globalThis, s);
 }
-const Xs = {
+const kr = {
   async install(t, s) {
     var r;
     const e = {
-      ...Zs,
+      ...Sr,
       ...s.services
     };
-    t.use(Rs()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await $e(t, e);
-  }
-}, tt = 768, me = {
+    t.use(Ys()), (r = s.settings) == null || r.forEach((n) => P.addSetting(n)), await ke(t, e);
+  }
+}, Xe = /* @__PURE__ */ new WeakSet();
+function Pe() {
+  const t = ut(), { close: s, remove: e, ...r } = gs(Xe.has(t) ? {} : { removeOnClose: !1 });
+  return Xe.add(t), {
+    ...r,
+    async close(n) {
+      s(n), await ie(1e3), e();
+    }
+  };
+}
+const vt = 768, be = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function st() {
-  return globalThis.innerWidth > tt ? me.Desktop : me.Mobile;
+function bt() {
+  return globalThis.innerWidth > vt ? be.Desktop : be.Mobile;
 }
-const Ys = ye({
+const Tr = Ce({
   name: "ui",
   initialState: {
-    modals: [],
     toasts: [],
-    layout: st()
+    layout: bt()
   },
   computed: {
-    desktop: ({ layout: t }) => t === me.Desktop,
-    mobile: ({ layout: t }) => t === me.Mobile,
-    openModals: ({ modals: t }) => t.filter(({ closing: s }) => !s)
+    desktop: ({ layout: t }) => t === be.Desktop,
+    mobile: ({ layout: t }) => t === be.Mobile
   }
 });
-class Gs extends Ys {
+class Mr extends Tr {
   constructor() {
     super(...arguments);
-    _(this, "modalCallbacks", {});
     _(this, "components", {});
   }
   registerComponent(e, r) {
@@ -455,7 +713,7 @@ class Gs extends Ys {
     return this.components[e] ?? null;
   }
   requireComponent(e) {
-    return this.resolveComponent(e) ?? Q(`UI Component '${e}' is not defined!`);
+    return this.resolveComponent(e) ?? W(`UI Component '${e}' is not defined!`);
   }
   alert(e, r) {
     const n = () => typeof r != "string" ? { message: e } : {
@@ -467,7 +725,7 @@ class Gs extends Ys {
   // prettier-ignore
   /* eslint-enable max-len */
   async confirm(e, r, n) {
-    const i = typeof r != "string" ? {
+    const u = typeof r != "string" ? {
       ...r ?? {},
       message: e,
       required: !!(r != null && r.required)
@@ -476,31 +734,31 @@ class Gs extends Ys {
       title: e,
       message: r,
       required: !!(n != null && n.required)
-    }, l = await this.modalForm(this.requireComponent("confirm-modal"), i), d = typeof l == "object" ? l[0] : l ?? !1, v = typeof l == "object" ? l[1] : Object.entries(i.checkboxes ?? {}).reduce(
-      ($, [m, { default: C }]) => ({
-        [m]: C ?? !1,
-        ...$
+    }, { response: o } = await this.modal(this.requireComponent("confirm-modal"), u), p = typeof o == "object" ? o[0] : o ?? !1, g = typeof o == "object" ? o[1] : Object.entries(u.checkboxes ?? {}).reduce(
+      (w, [v, { default: k }]) => ({
+        [v]: k ?? !1,
+        ...w
       }),
       {}
     );
-    for (const [$, m] of Object.entries(i.checkboxes ?? {}))
-      if (!(!m.required || v[$]))
-        return d && J() && console.warn(`Confirmed confirm modal was suppressed because required '${$}' checkbox was missing`), [!1, v];
-    return "checkboxes" in i ? [d, v] : d;
+    for (const [w, v] of Object.entries(u.checkboxes ?? {}))
+      if (!(!v.required || g[w]))
+        return p && Z() && console.warn(`Confirmed confirm modal was suppressed because required '${w}' checkbox was missing`), [!1, g];
+    return "checkboxes" in u ? [p, g] : p;
   }
   async prompt(e, r, n) {
-    const a = (n == null ? void 0 : n.trim) ?? !0, i = () => typeof r != "string" ? {
+    const a = (n == null ? void 0 : n.trim) ?? !0, u = () => typeof r != "string" ? {
       message: e,
       ...r ?? {}
     } : {
       title: e,
       message: r,
       ...n ?? {}
-    }, l = await this.modalForm(this.requireComponent("prompt-modal"), i());
-    return (a && typeof l == "string" ? l == null ? void 0 : l.trim() : l) ?? null;
+    }, { response: o } = await this.modal(this.requireComponent("prompt-modal"), u());
+    return (a && typeof o == "string" ? o == null ? void 0 : o.trim() : o) ?? null;
   }
   async loading(e, r) {
-    const n = (m) => typeof m == "function" ? Promise.resolve(m()) : m, a = () => {
+    const n = (v) => typeof v == "function" ? Promise.resolve(v()) : v, a = () => {
       if (typeof e == "string")
         return {
           props: { message: e },
@@ -508,93 +766,59 @@ class Gs extends Ys {
         };
       if (typeof e == "function" || e instanceof Promise)
         return { operationPromise: n(e) };
-      const { delay: m, ...C } = e;
+      const { delay: v, ...k } = e;
       return {
-        props: C,
-        delay: o(m),
+        props: k,
+        delay: l(v),
         operationPromise: n(r)
       };
     };
-    let i = !1;
-    const { operationPromise: l, props: d, delay: v } = a();
-    if (v && await Promise.race([ue({ ms: v }).then(() => i = !0), l]), v && !i)
-      return l;
-    const $ = await this.modal(this.requireComponent("loading-modal"), d);
+    let u = !1;
+    const { operationPromise: o, props: p, delay: g } = a();
+    if (g && await Promise.race([ie({ ms: g }).then(() => u = !0), o]), g && !u)
+      return o;
+    const w = vs(this.requireComponent("loading-modal"), p);
+    We(w);
     try {
-      const m = await l;
-      return await ue({ ms: 500 }), m;
+      const v = await o;
+      return await ie({ ms: 500 }), v;
     } finally {
-      await this.closeModal($.id);
+      await Ke(w.id, { removeAfter: 1e3 });
     }
   }
   toast(e, r = {}) {
-    const { component: n, ...a } = r, i = {
-      id: re(),
+    const { component: n, ...a } = r, u = {
+      id: ue(),
       properties: { message: e, ...a },
-      component: E(n ?? this.requireComponent("toast"))
+      component: V(n ?? this.requireComponent("toast"))
     };
-    this.setState("toasts", this.toasts.concat(i));
-  }
-  async modal(e, r) {
-    const n = re(), a = {}, i = {
-      id: n,
-      closing: !1,
-      properties: r ?? {},
-      component: E(e),
-      beforeClose: new Promise((d) => a.willClose = d),
-      afterClose: new Promise((d) => a.hasClosed = d)
-    }, l = this.modals.concat(i);
-    return this.modalCallbacks[i.id] = a, this.setState({ modals: l }), await Oe(), i;
-  }
-  async modalForm(e, r) {
-    return await (await this.modal(e, r)).beforeClose;
-  }
-  async closeModal(e, r) {
-    if (!A.isMounted()) {
-      await this.removeModal(e, r);
-      return;
-    }
-    await R.emit("close-modal", { id: e, result: r });
+    this.setState("toasts", this.toasts.concat(u));
+  }
+  modal(e, r) {
+    return We(e, r ?? {});
   }
   async closeAllModals() {
-    for (; this.modals.length > 0; )
-      await this.closeModal(Ut(this.modals[this.modals.length - 1]).id);
+    await Promise.all(le.value.map(({ id: e }) => Ke(e, { removeAfter: 1e3 })));
   }
   async boot() {
-    this.watchModalEvents(), this.watchMountedEvent(), this.watchViewportBreakpoints();
-  }
-  async removeModal(e, r) {
-    var n, a;
-    this.setState(
-      "modals",
-      this.modals.filter((i) => i.id !== e)
-    ), (a = (n = this.modalCallbacks[e]) == null ? void 0 : n.hasClosed) == null || a.call(n, r), delete this.modalCallbacks[e];
-  }
-  watchModalEvents() {
-    R.on("modal-will-close", ({ modal: { id: e }, result: r }) => {
-      var a, i;
-      const n = this.modals.find((l) => e === l.id);
-      n && (n.closing = !0), (i = (a = this.modalCallbacks[e]) == null ? void 0 : a.willClose) == null || i.call(a, r);
-    }), R.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
-      await this.removeModal(e, r);
-    });
+    this.watchMountedEvent(), this.watchViewportBreakpoints();
   }
   watchMountedEvent() {
-    R.once("application-mounted", async () => {
+    F.once("application-mounted", async () => {
       if (!globalThis.document || !globalThis.getComputedStyle)
         return;
       const e = globalThis.document.getElementById("splash");
-      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ue({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ie({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${tt}px)`).addEventListener("change", () => this.setState({ layout: st() }));
+    globalThis.matchMedia(`(min-width: ${vt}px)`).addEventListener("change", () => this.setState({ layout: bt() }));
   }
 }
-const z = te(Gs);
-class er {
+const A = re(Mr);
+class Er {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -614,13 +838,13 @@ class er {
     return ["en"];
   }
   translate(s) {
-    return J() && console.warn("Lang provider is missing"), s;
+    return Z() && console.warn("Lang provider is missing"), s;
   }
   translateWithDefault(s, e) {
-    return J() && console.warn("Lang provider is missing"), e;
+    return Z() && console.warn("Lang provider is missing"), e;
   }
 }
-const tr = ye({
+const Hr = Ce({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -629,11 +853,11 @@ const tr = ye({
     fallbackLocale: "en"
   }
 });
-class sr extends tr {
+class Vr extends Hr {
   constructor() {
     super();
     _(this, "provider");
-    this.provider = new er(
+    this.provider = new Er(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -661,7 +885,7 @@ class sr extends tr {
     );
   }
 }
-const Z = te(sr), rt = Z.translate.bind(Z), S = Z.translateWithDefault.bind(Z), rr = ye({
+const X = re(Vr), yt = X.translate.bind(X), S = X.translateWithDefault.bind(X), Lr = Ce({
   name: "errors",
   initialState: {
     logs: [],
@@ -674,12 +898,13 @@ const Z = te(sr), rt = Z.translate.bind(Z), S = Z.translateWithDefault.bind(Z),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class nr extends rr {
+class Ir extends Lr {
   constructor() {
     super(...arguments);
     _(this, "forceReporting", !1);
     _(this, "enabled", !0);
     _(this, "eruda", null);
+    _(this, "erudaPlugins", null);
   }
   enable() {
     this.enabled = !0;
@@ -689,18 +914,18 @@ class nr extends rr {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      z.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
+      A.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
     const n = Array.isArray(e) ? e[0] : this.isErrorReport(e) ? e : await this.createErrorReport(e), a = Array.isArray(e) ? e : r ?? [n];
-    z.modal(z.requireComponent("error-report-modal"), { report: n, reports: a });
+    A.modal(A.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
-    if (await R.emit("error", { error: e, message: r }), Ee("unit") || (J() && this.logError(e), !this.enabled))
+    if (await F.emit("error", { error: e, message: r }), ze("unit") || (Z() && this.logError(e), !this.enabled))
       throw e;
-    if (!A.isMounted()) {
-      const i = await this.createStartupErrorReport(e);
-      i && this.setState({ startupErrors: this.startupErrors.concat(i) });
+    if (!P.isMounted()) {
+      const u = await this.createStartupErrorReport(e);
+      u && this.setState({ startupErrors: this.startupErrors.concat(u) });
       return;
     }
     const n = await this.createErrorReport(e), a = {
@@ -708,7 +933,7 @@ class nr extends rr {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    z.toast(
+    A.toast(
       r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
@@ -716,14 +941,14 @@ class nr extends rr {
           {
             label: S("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => z.modal(z.requireComponent("error-report-modal"), { report: n, reports: [n] })
+            click: () => A.modal(A.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
         ]
       }
     ), this.setState({ logs: [a].concat(this.logs) });
   }
   reportDevelopmentError(e, r) {
-    J() && (r && console.warn(r), this.logError(e));
+    Z() && (r && console.warn(r), this.logError(e));
   }
   see(e) {
     this.setState({
@@ -734,27 +959,30 @@ class nr extends rr {
     });
   }
   async boot() {
-    Y(async () => {
+    G(async () => {
       var e;
       if (!this.debug) {
         (e = this.eruda) == null || e.destroy();
         return;
       }
-      this.eruda ?? (this.eruda = (await import("eruda")).default), this.eruda.init();
+      this.eruda ?? (this.eruda = (await import("eruda")).default), this.erudaPlugins ?? (this.erudaPlugins = [(await import("eruda-indexeddb")).default]), this.eruda.init(), this.erudaPlugins.forEach((r) => {
+        var n;
+        return (n = this.eruda) == null ? void 0 : n.add(r);
+      });
     });
   }
   logError(e) {
-    console.error(e), ce(e) && e.cause && this.logError(e.cause);
+    console.error(e), he(e) && e.cause && this.logError(e.cause);
   }
   isErrorReport(e) {
-    return ce(e) && "title" in e;
+    return he(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof be ? this.createErrorReportFromError(e) : ce(e) ? Ze({
-      title: B(
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof xe ? this.createErrorReportFromError(e) : he(e) ? ot({
+      title: j(
         e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
       ),
-      description: B(
+      description: j(
         e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
       ),
       error: e
@@ -764,7 +992,7 @@ class nr extends rr {
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof Te ? e.cause instanceof Te ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+    return e instanceof Ve ? e.cause instanceof Ve ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
   createErrorReportFromError(e, r = {}) {
     return {
@@ -776,44 +1004,7 @@ class nr extends rr {
     };
   }
 }
-const nt = te(nr);
-let ie = null;
-function ar() {
-  return ee(new Ae(), (t) => {
-    t.link = function(s) {
-      const e = Ae.prototype.link.apply(this, [s]);
-      return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
-    };
-  });
-}
-function lr(t) {
-  const s = Xe(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
-  for (const [e, r, n] of s)
-    t = t.replace(e, `<button type="button" data-markdown-action="${r}">${n}</button>`);
-  return t;
-}
-function or(t) {
-  const s = Xe(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
-  for (const [e, r, n] of s) {
-    const a = (ie == null ? void 0 : ie.resolve(r)) ?? r;
-    t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
-  }
-  return t;
-}
-function ir() {
-  return ie;
-}
-function pl(t) {
-  ie = t;
-}
-function ur(t) {
-  let s = rs(t, { renderer: ar(), async: !1 });
-  return s = cr(s), s = lr(s), s = or(s), s;
-}
-function cr(t) {
-  return ss.sanitize(t, { ADD_ATTR: ["target"] });
-}
-const at = /* @__PURE__ */ g({
+const wt = re(Ir), $t = /* @__PURE__ */ h({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -830,8 +1021,8 @@ const at = /* @__PURE__ */ g({
   },
   setup(t) {
     const s = c(() => t.as ? { as: t.as } : t.route ? {
-      as: z.resolveComponent("router-link") ?? "a",
-      to: Ze({
+      as: A.resolveComponent("router-link") ?? "a",
+      to: ot({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -844,26 +1035,18 @@ const at = /* @__PURE__ */ g({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (u(), h(o(os), H({
+    return (e, r) => (i(), m(l(xs), H({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
       default: f(() => [
-        w(e.$slots, "default")
+        $(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
-});
-function lt(t, s) {
-  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, i = as(n, a);
-  return M(i(r), o(e));
-}
-function M(...t) {
-  return ls(ns(t));
-}
-const q = /* @__PURE__ */ g({
+}), I = /* @__PURE__ */ h({
   __name: "Button",
   props: {
     class: {},
@@ -879,7 +1062,7 @@ const q = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = N(t, ["class", "size", "variant", "disabled"]), e = c(() => lt(
+    const s = K(t, ["class", "size", "variant", "disabled"]), e = c(() => pt(
       { 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",
@@ -888,6 +1071,7 @@ const q = /* @__PURE__ */ g({
             default: "bg-primary-600 text-white focus-visible:outline-primary-600",
             secondary: "bg-background text-gray-900 ring-gray-300",
             danger: "bg-red-600 text-white focus-visible:outline-red-600",
+            warning: "bg-yellow-600 text-white focus-visible:outline-yellow-600",
             ghost: "bg-transparent",
             outline: "bg-transparent text-primary-600 ring-primary-600",
             link: "text-links"
@@ -974,232 +1158,62 @@ const q = /* @__PURE__ */ g({
         }
       }
     ));
-    return (r, n) => (u(), h(at, H({
+    return (r, n) => (i(), m($t, H({
       class: e.value,
       disabled: r.disabled
     }, s), {
       default: f(() => [
-        w(r.$slots, "default")
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function dr(t) {
+function zr(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-function ot(t, s) {
-  const e = R.on(t, s);
-  ge(() => e());
-}
-const pr = {
-  required: (t) => t ? void 0 : "required"
-};
-function mr(t, s) {
-  var e;
-  if (t == null)
-    return !0;
-  switch (s.type) {
-    case "string":
-      return typeof t == "string";
-    case "enum":
-      return !!((e = s.values) != null && e.includes(t));
-    case "number":
-      return typeof t == "number";
-    case "boolean":
-      return typeof t == "boolean";
-    case "date":
-      return t instanceof Date;
-    case "object":
-      return typeof t == "object";
-  }
-}
-const de = { ...pr };
-function ml(t, s) {
-  de[t] = s;
-}
-function fr(t, s) {
-  return mr(t, s) ? [] : ["invalid_value"];
-}
-function hr(t, s) {
-  var r;
-  const e = (r = de[s]) == null ? void 0 : r.call(de, t);
-  return e ? Je(e) : [];
-}
-const fl = Symbol(), je = /* @__PURE__ */ new WeakMap();
-class gr extends Qe {
-  constructor(e) {
-    super();
-    _(this, "errors");
-    _(this, "_fields");
-    _(this, "_data");
-    _(this, "_submitted");
-    _(this, "_errors");
-    _(this, "_listeners", {});
-    this._fields = e, this._submitted = U(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), je.set(
-      this,
-      c(() => !Object.values(this._errors).some((r) => r !== null))
-    ), this.errors = ve(this._errors);
-  }
-  get valid() {
-    var e;
-    return !!((e = je.get(this)) != null && e.value);
-  }
-  get submitted() {
-    return this._submitted.value;
-  }
-  setFieldValue(e, r) {
-    const n = this._fields[e] ?? Q(`Trying to set undefined '${B(e)}' field`);
-    this._data[e] = n.type === "string" && (n.trim ?? !0) ? B(r).trim() : r, this._submitted.value && this.validate();
-  }
-  getFieldValue(e) {
-    return this._data[e];
-  }
-  getFieldRules(e) {
-    var r, n;
-    return ((n = (r = this._fields[e]) == null ? void 0 : r.rules) == null ? void 0 : n.split("|")) ?? [];
-  }
-  getFieldType(e) {
-    var r;
-    return ((r = this._fields[e]) == null ? void 0 : r.type) ?? null;
-  }
-  data() {
-    return { ...this._data };
-  }
-  validate() {
-    const e = Object.entries(this._fields).reduce(
-      (r, [n, a]) => (r[n] = this.getFieldErrors(n, a), r),
-      {}
-    );
-    return this.resetErrors(e), this.valid;
-  }
-  reset(e = {}) {
-    this._submitted.value = !1, e.keepData || this.resetData(), e.keepErrors || this.resetErrors();
-  }
-  submit() {
-    var r;
-    this._submitted.value = !0;
-    const e = this.validate();
-    return e && ((r = this._listeners.submit) == null || r.forEach((n) => n())), e;
-  }
-  on(e, r) {
-    var n, a;
-    return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(r), () => this.off(e, r);
-  }
-  off(e, r) {
-    Se(this._listeners[e] ?? [], r);
-  }
-  async focus(e) {
-    var r;
-    await Oe(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
-  }
-  __get(e) {
-    return e in this._fields ? this.getFieldValue(e) : super.__get(e);
-  }
-  __set(e, r) {
-    if (!(e in this._fields)) {
-      super.__set(e, r);
-      return;
-    }
-    this.setFieldValue(e, r);
-  }
-  getFieldErrors(e, r) {
-    var l;
-    const n = [], a = this._data[e], i = ((l = r.rules) == null ? void 0 : l.split("|")) ?? [];
-    n.push(...fr(a, r));
-    for (const d of i)
-      d !== "required" && a == null || n.push(...hr(a, d));
-    return n.length > 0 ? n : null;
-  }
-  getInitialData(e) {
-    if (this.static().isConjuring())
-      return {};
-    const r = Object.entries(e).reduce((n, [a, i]) => (n[a] = i.default ?? null, n), {});
-    return pe(r);
-  }
-  getInitialErrors(e) {
-    if (this.static().isConjuring())
-      return {};
-    const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return pe(r);
-  }
-  resetData() {
-    for (const [e, r] of Object.entries(this._fields))
-      this._data[e] = r.default ?? null;
-  }
-  resetErrors(e) {
-    Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
-  }
-}
-function it(t, s) {
-  const e = X("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
-  ge(() => r == null ? void 0 : r());
-}
-function ut(t) {
-  return new gr(t);
-}
-function Ie() {
-  const t = Ne(), s = c(() => t.class);
-  return [c(() => Ot(t, "class")), s];
-}
-function hl(t) {
-  let s = Nt;
-  Et(() => s = t()), ge(() => s());
-}
-function gl(t, s) {
-  const e = pe(O.get(t) ?? s);
-  return Me(e, () => O.set(t, Vt(e))), e;
-}
-function vl(t) {
-  const s = U(), e = c(t);
-  return Me(e, async () => s.value = await e.value, { immediate: !0 }), s;
-}
-function bl(t, s) {
-  const e = s ? t : {}, r = s ?? t, n = U(e.initial ?? null), a = Wt((i) => n.value = i, e.delay ?? 300);
-  return Y(() => a(r())), n;
-}
-const ct = /* @__PURE__ */ g({
+const _t = /* @__PURE__ */ h({
   __name: "HeadlessSelectValue",
   setup(t) {
-    const s = V(
+    const s = R(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (u(), h(o(De), {
+    return (e, r) => e.$slots.default ? (i(), m(l(Qe), {
       key: 0,
-      placeholder: o(s).placeholder
+      placeholder: l(s).placeholder
     }, {
       default: f(() => [
-        w(e.$slots, "default")
+        $(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (u(), h(o(De), {
+    }, 8, ["placeholder"])) : (i(), m(l(Qe), {
       key: 1,
-      placeholder: o(s).placeholder
+      placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), dt = /* @__PURE__ */ g({
+}), xt = /* @__PURE__ */ h({
   __name: "HeadlessSelectTrigger",
   setup(t) {
-    const s = V(
+    const s = R(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (u(), h(o(is), {
-      id: o(s).id
+    return (e, r) => (i(), m(l(Cs), {
+      id: l(s).id
     }, {
       default: f(() => [
-        w(e.$slots, "default", {}, () => [
-          p(ct, {
-            placeholder: o(s).placeholder
+        $(e.$slots, "default", {}, () => [
+          d(_t, {
+            placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          p(o(us))
+          d(l(Ss))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), pt = /* @__PURE__ */ g({
+}), Ct = /* @__PURE__ */ h({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1209,20 +1223,20 @@ const ct = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = V(
+    const s = R(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
     ), e = c(() => {
       var n;
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
-      return r ? r.label : B(t.value);
+      return r ? r.label : j(t.value);
     });
-    return (r, n) => (u(), h(o(cs), ne(ae(r.$props)), {
+    return (r, n) => (i(), m(l(ks), ce(de(r.$props)), {
       default: f(() => [
-        p(o(ds), null, {
+        d(l(Ts), null, {
           default: f(() => [
-            w(r.$slots, "default", {}, () => [
-              I(x(e.value), 1)
+            $(r.$slots, "default", {}, () => [
+              L(x(e.value), 1)
             ])
           ]),
           _: 3
@@ -1231,33 +1245,33 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), mt = /* @__PURE__ */ g({
+}), St = /* @__PURE__ */ h({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
     innerClass: {}
   },
   setup(t) {
-    const s = V(
+    const s = R(
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
-    ), e = c(() => M("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
-    return (r, n) => (u(), h(o(ps), null, {
+    ), e = c(() => E("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (i(), m(l(Ms), null, {
       default: f(() => [
-        p(o(ms), {
+        d(l(Es), {
           position: "popper",
-          class: k(e.value),
-          align: o(s).align,
-          side: o(s).side,
+          class: C(e.value),
+          align: l(s).align,
+          side: l(s).side,
           "side-offset": 4
         }, {
           default: f(() => [
-            p(o(fs), {
-              class: k(r.innerClass)
+            d(l(Hs), {
+              class: C(r.innerClass)
             }, {
               default: f(() => [
-                w(r.$slots, "default", {}, () => [
-                  (u(!0), b(D, null, F(o(s).options ?? [], (a) => (u(), h(pt, {
+                $(r.$slots, "default", {}, () => [
+                  (i(!0), y(D, null, U(l(s).options ?? [], (a) => (i(), m(Ct, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1272,7 +1286,7 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), vr = /* @__PURE__ */ g({
+}), Rr = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1292,56 +1306,56 @@ const ct = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), i = c(() => a.value), l = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), d = c(() => t.options ? t.options.map((m) => ({
-      key: re(),
-      label: t.renderOption ? t.renderOption(m) : dr(m) ? Kt(m.label) : B(m),
-      value: m
-    })) : null), v = {
+    const r = e, n = Y("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), u = c(() => a.value), o = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), p = c(() => t.options ? t.options.map((v) => ({
+      key: ue(),
+      label: t.renderOption ? t.renderOption(v) : zr(v) ? as(v.label) : j(v),
+      value: v
+    })) : null), g = {
       labelClass: t.labelClass,
       optionsClass: t.optionsClass,
       align: t.align,
       side: t.side,
       value: a,
-      id: `select-${re()}`,
+      id: `select-${ue()}`,
       name: c(() => t.name),
       label: c(() => t.label),
       description: c(() => t.description),
       placeholder: c(() => t.placeholder ?? S("ui.select", "Select an option")),
-      options: d,
+      options: p,
       selectedOption: c(() => {
-        var m;
-        return (m = d.value) == null ? void 0 : m.find((C) => C.value === t.modelValue);
+        var v;
+        return (v = p.value) == null ? void 0 : v.find((k) => k.value === t.modelValue);
       }),
-      errors: ve(l),
+      errors: _e(o),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(m) {
+      update(v) {
         if (n && t.name) {
-          n.setFieldValue(t.name, m);
+          n.setFieldValue(t.name, v);
           return;
         }
-        r("update:modelValue", m);
+        r("update:modelValue", v);
       }
     };
-    function $(m) {
-      v.update(m);
+    function w(v) {
+      g.update(v);
     }
-    return le("select", v), s(v), (m, C) => (u(), h(o(hs), {
-      "model-value": i.value,
-      by: m.compareOptions,
-      "onUpdate:modelValue": C[0] || (C[0] = (L) => $(L))
+    return pe("select", g), s(g), (v, k) => (i(), m(l(Vs), {
+      "model-value": u.value,
+      by: v.compareOptions,
+      "onUpdate:modelValue": k[0] || (k[0] = (q) => w(q))
     }, {
-      default: f(({ open: L }) => [
-        (u(), h(W(m.as), ne(ae(m.$attrs)), {
+      default: f(({ open: q }) => [
+        (i(), m(ee(v.as), ce(de(v.$attrs)), {
           default: f(() => [
-            w(m.$slots, "default", {
-              modelValue: m.modelValue,
-              open: L
+            $(v.$slots, "default", {
+              modelValue: v.modelValue,
+              open: q
             }, () => [
-              p(dt),
-              p(mt)
+              d(xt),
+              d(St)
             ])
           ]),
           _: 2
@@ -1350,50 +1364,50 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Be = /* @__PURE__ */ g({
+}), Ye = /* @__PURE__ */ h({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const s = V(
+    const s = R(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = He(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (u(), h(o(gs), H({
+    ), e = Ie(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (i(), m(l(Ls), H({
       key: 0,
-      for: o(s).id
+      for: l(s).id
     }, n.$props), {
       default: f(() => [
-        w(n.$slots, "default", {}, () => [
-          I(x(o(s).label), 1)
+        $(n.$slots, "default", {}, () => [
+          L(x(l(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for"])) : T("", !0);
+    }, 16, ["for"])) : M("", !0);
   }
-}), ft = /* @__PURE__ */ g({
+}), kt = /* @__PURE__ */ h({
   __name: "SelectLabel",
   props: {
     class: {}
   },
   setup(t) {
-    const s = V("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => M("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
-    return (r, n) => r.$slots.default ? (u(), h(Be, {
+    const s = R("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => E("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
+    return (r, n) => r.$slots.default ? (i(), m(Ye, {
       key: 0,
-      class: k(e.value)
+      class: C(e.value)
     }, {
       default: f(() => [
-        w(r.$slots, "default")
+        $(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (u(), h(Be, {
+    }, 8, ["class"])) : (i(), m(Ye, {
       key: 1,
-      class: k(e.value)
+      class: C(e.value)
     }, null, 8, ["class"]));
   }
-}), Fe = /* @__PURE__ */ g({
+}), Ge = /* @__PURE__ */ h({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1401,62 +1415,62 @@ const ct = /* @__PURE__ */ g({
     innerClass: {}
   },
   setup(t) {
-    const s = c(() => M("group p-1 outline-none", t.class)), e = c(() => M(
+    const s = c(() => E("group p-1 outline-none", t.class)), e = c(() => E(
       // eslint-disable-next-line vue/max-len
       "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md gap-2 px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50",
       t.innerClass
     ));
-    return (r, n) => (u(), h(pt, {
-      class: k(s.value),
+    return (r, n) => (i(), m(Ct, {
+      class: C(s.value),
       value: r.value
     }, {
       default: f(() => [
-        y("div", {
-          class: k(e.value)
+        b("div", {
+          class: C(e.value)
         }, [
-          w(r.$slots, "default")
+          $(r.$slots, "default")
         ], 2)
       ]),
       _: 3
     }, 8, ["class", "value"]));
   }
-}), ht = /* @__PURE__ */ g({
+}), Tt = /* @__PURE__ */ h({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = V("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => M(
+    const s = R("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => E(
       "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden",
       s.optionsClass,
       t.class
     ));
-    return (r, n) => (u(), h(mt, {
-      class: k(e.value)
+    return (r, n) => (i(), m(St, {
+      class: C(e.value)
     }, {
       default: f(() => {
         var a;
         return [
-          (a = o(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
-            var i;
+          (a = l(s).options) != null && a.length ? $(r.$slots, "default", { key: 0 }, () => {
+            var u;
             return [
-              (u(!0), b(D, null, F(((i = o(s)) == null ? void 0 : i.options) ?? [], (l) => (u(), h(Fe, {
-                key: l.key,
-                value: l.value
+              (i(!0), y(D, null, U(((u = l(s)) == null ? void 0 : u.options) ?? [], (o) => (i(), m(Ge, {
+                key: o.key,
+                value: o.value
               }, {
                 default: f(() => [
-                  I(x(l.label), 1)
+                  L(x(o.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
-          }) : w(r.$slots, "default", { key: 1 }, () => [
-            p(Fe, {
+          }) : $(r.$slots, "default", { key: 1 }, () => [
+            d(Ge, {
               disabled: "",
               value: null
             }, {
               default: f(() => [
-                I(x(r.$td("ui.selectEmpty", "No options available")), 1)
+                L(x(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1466,42 +1480,42 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }, 8, ["class"]));
   }
-}), br = {
+}), qr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function yr(t, s) {
-  return u(), b("svg", br, s[0] || (s[0] = [
-    y("path", {
+function Ar(t, s) {
+  return i(), y("svg", qr, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "m9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828L5.757 6.586L4.343 8z"
     }, null, -1)
   ]));
 }
-const wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__PURE__ */ g({
+const Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__ */ h({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = V("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => M(
+    const s = R("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => E(
       // eslint-disable-next-line vue/max-len
       "focus:outline-primary-600 data-[state=open]:outline-primary-600 grid w-full cursor-default grid-cols-1 rounded-md bg-white py-1.5 pr-2 pl-3 text-left text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
       { "mt-1": s.label },
       t.class
     ));
-    return (r, n) => (u(), h(dt, {
-      class: k(e.value)
+    return (r, n) => (i(), m(xt, {
+      class: C(e.value)
     }, {
       default: f(() => [
-        p(ct, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        p(o(wr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+        d(_t, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        d(l(Pr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), $r = /* @__PURE__ */ g({
+}), Dr = /* @__PURE__ */ h({
   __name: "Select",
   props: {
     as: {},
@@ -1520,72 +1534,72 @@ const wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Ve();
-    return (e, r) => (u(), h(vr, H({ ref: o(s) }, e.$props, {
+    const { forwardRef: s } = Re();
+    return (e, r) => (i(), m(Rr, H({ ref: l(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
       default: f(() => [
-        p(ft),
-        w(e.$slots, "default", {}, () => [
-          p(gt),
-          p(ht)
+        d(kt),
+        $(e.$slots, "default", {}, () => [
+          d(Mt),
+          d(Tt)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), _r = { class: "grow" }, xr = /* @__PURE__ */ g({
+}), Br = { class: "grow" }, jr = /* @__PURE__ */ h({
   __name: "Language",
   setup(t) {
-    const s = Z.getBrowserLocale(), e = c(() => [null, ...Z.locales]);
+    const s = X.getBrowserLocale(), e = c(() => [null, ...X.locales]);
     function r(n) {
-      return (n && j.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
-        locale: j.locales[s] ?? s
+      return (n && B.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
+        locale: B.locales[s] ?? s
       });
     }
-    return (n, a) => (u(), h($r, {
+    return (n, a) => (i(), m(Dr, {
       modelValue: n.$lang.locale,
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.$lang.locale = i),
+      "onUpdate:modelValue": a[0] || (a[0] = (u) => n.$lang.locale = u),
       class: "flex flex-col items-start md:flex-row",
       as: "div",
       options: e.value,
       "render-option": r
     }, {
       default: f(() => [
-        y("div", _r, [
-          p(ft, { class: "text-base font-semibold" }, {
+        b("div", Br, [
+          d(kt, { class: "text-base font-semibold" }, {
             default: f(() => [
-              I(x(n.$td("settings.locale", "Language")), 1)
+              L(x(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
-          p(P, {
+          d(z, {
             "lang-key": "settings.localeDescription",
             "lang-default": "Choose the application's language.",
             class: "mt-1 text-sm text-gray-500"
           })
         ]),
-        p(q, {
+        d(I, {
           variant: "ghost",
-          as: gt,
+          as: Mt,
           class: "grid w-auto outline-none"
         }),
-        p(ht)
+        d(Tt)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), Cr = [
+}), Fr = [
   {
     priority: 100,
-    component: xr
+    component: jr
   }
-], kr = { $lang: Z }, Sr = {
+], Ur = { $lang: X }, Or = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = rt), t.config.globalProperties.$td = S, Cr.forEach((e) => A.addSetting(e)), await $e(t, kr);
+    (s = t.config.globalProperties).$t ?? (s.$t = yt), t.config.globalProperties.$td = S, Fr.forEach((e) => P.addSetting(e)), await ke(t, Ur);
   }
-}, Tr = /* @__PURE__ */ g({
+}, Nr = /* @__PURE__ */ h({
   __name: "Markdown",
   props: {
     as: {},
@@ -1597,38 +1611,38 @@ const wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__PURE__
     actions: {}
   },
   setup(t) {
-    const s = Ne(), e = He(), r = c(() => e.default ? e.default().map(Ge).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : rt(t.langKey, t.langParams ?? {})))), n = c(() => {
+    const s = tt(), e = Ie(), r = c(() => e.default ? e.default().map(dt).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : yt(t.langKey, t.langParams ?? {})))), n = c(() => {
       if (!r.value)
         return null;
-      let l = ur(r.value);
-      return t.inline && (l = l.replace("<p>", "<span>").replace("</p>", "</span>")), l;
-    }), a = () => Lt(t.as ?? (t.inline ? "span" : "div"), {
+      let o = br(r.value);
+      return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
+    }), a = () => Nt(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
-      onClick: i,
+      onClick: u,
       ...s,
       class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
     });
-    async function i(l) {
-      var v, $;
-      const { target: d } = l;
-      if (Pe(d, HTMLElement) && d.dataset.markdownAction) {
-        ($ = (v = t.actions) == null ? void 0 : v[d.dataset.markdownAction]) == null || $.call(v);
+    async function u(o) {
+      var g, w;
+      const { target: p } = o;
+      if (Oe(p, HTMLElement) && p.dataset.markdownAction) {
+        (w = (g = t.actions) == null ? void 0 : g[p.dataset.markdownAction]) == null || w.call(g);
         return;
       }
-      if (Pe(d, HTMLAnchorElement) && d.dataset.markdownRoute) {
-        const m = ir();
-        m && (l.preventDefault(), m.visit(d.dataset.markdownRoute));
+      if (Oe(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
+        const v = vr();
+        v && (o.preventDefault(), v.visit(p.dataset.markdownRoute));
         return;
       }
     }
-    return (l, d) => (u(), h(a));
+    return (o, p) => (i(), m(a));
   }
-}), Mr = (t, s) => {
+}), Wr = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [r, n] of s)
     e[r] = n;
   return e;
-}, P = /* @__PURE__ */ Mr(Tr, [["__scopeId", "data-v-8b211cfb"]]), Hr = { class: "flex-grow" }, Er = ["id"], Vr = /* @__PURE__ */ g({
+}, z = /* @__PURE__ */ Wr(Nr, [["__scopeId", "data-v-8b211cfb"]]), Kr = { class: "flex-grow" }, Qr = ["id"], Jr = /* @__PURE__ */ h({
   __name: "Setting",
   props: {
     title: {},
@@ -1638,29 +1652,29 @@ const wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__PURE__
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const s = c(() => M(t.class, "flex flex-col justify-center gap-1"));
-    return (e, r) => (u(), b("div", {
-      class: k(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
+    const s = c(() => E(t.class, "flex flex-col justify-center gap-1"));
+    return (e, r) => (i(), y("div", {
+      class: C(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
-      y("div", Hr, [
-        y("h3", {
+      b("div", Kr, [
+        b("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, x(e.title), 9, Er),
-        e.description ? (u(), h(P, {
+        }, x(e.title), 9, Qr),
+        e.description ? (i(), m(z, {
           key: 0,
           text: e.description,
           class: "mt-1 text-sm text-gray-500"
-        }, null, 8, ["text"])) : T("", !0)
+        }, null, 8, ["text"])) : M("", !0)
       ]),
-      y("div", {
-        class: k(s.value)
+      b("div", {
+        class: C(s.value)
       }, [
-        w(e.$slots, "default")
+        $(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), Lr = ["for"], Ir = /* @__PURE__ */ g({
+}), Zr = ["for"], Xr = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessSwitch",
   props: {
@@ -1675,71 +1689,71 @@ const wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
-      id: `switch-${re()}`,
+    const r = e, n = Y("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `switch-${ue()}`,
       name: c(() => t.name),
       label: c(() => t.label),
       description: c(() => t.description),
       value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: ve(a),
+      errors: _e(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(l) {
+      update(o) {
         if (n && t.name) {
-          n.setFieldValue(t.name, l);
+          n.setFieldValue(t.name, o);
           return;
         }
-        r("update:modelValue", l);
+        r("update:modelValue", o);
       }
     };
-    return s(i), Y(() => {
+    return s(u), G(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
-    }), (l, d) => (u(), b("div", {
-      class: k(t.class)
+    }), (o, p) => (i(), y("div", {
+      class: C(t.class)
     }, [
-      l.label ? (u(), b("label", {
+      o.label ? (i(), y("label", {
         key: 0,
-        for: i.id,
-        class: k(l.labelClass)
-      }, x(l.label), 11, Lr)) : T("", !0),
-      p(o(vs), H({
-        id: i.id,
-        name: l.name,
-        "model-value": i.value.value
-      }, l.$attrs, {
-        class: l.inputClass,
-        "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
+        for: u.id,
+        class: C(o.labelClass)
+      }, x(o.label), 11, Zr)) : M("", !0),
+      d(l(Is), H({
+        id: u.id,
+        name: o.name,
+        "model-value": u.value.value
+      }, o.$attrs, {
+        class: o.inputClass,
+        "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
       }), {
         default: f(() => [
-          p(o(bs), {
-            class: k(l.thumbClass)
+          d(l(zs), {
+            class: C(o.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 16, ["id", "name", "model-value", "class"])
     ], 2));
   }
-}), qr = /* @__PURE__ */ g({
+}), Yr = /* @__PURE__ */ h({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (u(), h(Ir, {
+    return (s, e) => (i(), m(Xr, {
       class: "flex flex-row items-center gap-1",
       "input-class": "disabled:opacity-50 disabled:cursor-not-allowed data-[state=checked]:bg-primary-600 data-[state=unchecked]:bg-gray-200 relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focusdisabled:opacity-50 disabled:cursor-not-allowed :ring-2 focus:ring-primary-600 focus:ring-offset-2 focus:outline-hidden",
       "thumb-class": "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 pointer-events-none inline-block size-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out"
     }));
   }
-}), zr = /* @__PURE__ */ g({
+}), Gr = /* @__PURE__ */ h({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (u(), h(Vr, {
+    return (s, e) => (i(), m(Jr, {
       "title-id": "debug-setting",
       title: s.$td("settings.debug", "Debugging"),
       description: s.$td("settings.debugDescription", "Enable debugging with [Eruda](https://eruda.liriliri.io/).")
     }, {
       default: f(() => [
-        p(qr, {
+        d(Yr, {
           modelValue: s.$errors.debug,
           "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
           "aria-labelledby": "debug-setting"
@@ -1748,85 +1762,78 @@ const wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__PURE__
       _: 1
     }, 8, ["title", "description"]));
   }
-}), Rr = [
+}), en = [
   {
     priority: 10,
-    component: zr
+    component: Gr
   }
-], vt = [];
-function yl(t) {
-  vt.push(t);
+], Et = [];
+function Pl(t) {
+  Et.push(t);
 }
-function bt(t) {
-  for (const s of vt) {
+function Ht(t) {
+  for (const s of Et) {
     const e = s(t);
     if (e)
       return e;
   }
-  return typeof t == "string" ? t : t instanceof Error || t instanceof be ? t.message : ce(t) ? B(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
+  return typeof t == "string" ? t : t instanceof Error || t instanceof xe ? t.message : he(t) ? j(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
 }
-class Ue extends be {
+class et extends xe {
 }
-const Pr = { $errors: nt }, Ar = (t) => (nt.report(t), !0);
-function Dr(t, s = () => !1) {
-  const e = (r) => s(r) || Ar(r);
-  t.config.errorHandler = e, globalThis.onerror = (r, n, a, i, l) => e(l ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
+const tn = { $errors: wt }, sn = (t) => (wt.report(t), !0);
+function rn(t, s = () => !1) {
+  const e = (r) => s(r) || sn(r);
+  t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, o) => e(o ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const jr = {
+const nn = {
   async install(t, s) {
-    Dr(t, s.handleError), Rr.forEach((e) => A.addSetting(e)), await $e(t, Pr);
+    rn(t, s.handleError), en.forEach((e) => P.addSetting(e)), await ke(t, tn);
   }
-}, Br = {
+}, an = {
   async install() {
-    Ee() && (globalThis.testingRuntime = {
-      on: (...t) => R.on(...t),
-      service: (t) => A.service(t)
+    ze() && (globalThis.testingRuntime = {
+      on: (...t) => F.on(...t),
+      service: (t) => P.service(t)
     });
   }
-}, Fr = {
+}, ln = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ur(t, s) {
-  return u(), b("svg", Fr, s[0] || (s[0] = [
-    y("path", {
+function on(t, s) {
+  return i(), y("svg", ln, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414z"
     }, null, -1)
   ]));
 }
-const Or = E({ name: "zondicons-close", render: Ur }), Nr = /* @__PURE__ */ g({
+const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ h({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
+    fullscreen: { type: Boolean },
+    fullscreenMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
     descriptionHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = U(null), { modal: r } = V(
-      "modal",
-      "could not obtain modal reference from <HeadlessModal>, did you render this component manually? Show it using $ui.modal() instead"
-    );
-    s({ close: i, $content: e });
-    const { forwardRef: n } = Ve(), a = U(!1);
-    le("$modalContentRef", e), ot("close-modal", async ({ id: l, result: d }) => {
-      l === r.id && await i(d);
-    });
-    async function i(l) {
-      a.value || (await R.emit("modal-will-close", { modal: r, result: l }), a.value = !0, await R.emit("modal-has-closed", { modal: r, result: l }));
-    }
-    return (l, d) => (u(), h(o(ys), {
-      ref: o(n),
+    const e = N(null), { close: r } = Pe();
+    s({ $content: e });
+    const { forwardRef: n } = Re();
+    return pe("$modalContentRef", e), (a, u) => (i(), m(l(Rs), {
+      ref: l(n),
       open: "",
-      "onUpdate:open": d[0] || (d[0] = (v) => l.persistent || i())
+      "onUpdate:open": u[0] || (u[0] = (o) => a.persistent || o || l(r)())
     }, {
       default: f(() => [
-        p(o(ws), null, {
+        d(l(qs), null, {
           default: f(() => [
-            w(l.$slots, "default", { close: i })
+            $(a.$slots, "default", { close: l(r) })
           ]),
           _: 3
         })
@@ -1834,58 +1841,36 @@ const Or = E({ name: "zondicons-close", render: Ur }), Nr = /* @__PURE__ */ g({
       _: 3
     }, 512));
   }
-}), yt = /* @__PURE__ */ g({
-  __name: "ModalContext",
-  props: {
-    modal: {},
-    childIndex: {}
-  },
-  setup(t) {
-    const s = t, e = c(() => {
-      const r = {};
-      for (const n in s.modal.properties)
-        r[n] = o(s.modal.properties[n]);
-      return r;
-    });
-    return le("modal", {
-      modal: Re(s, "modal"),
-      childIndex: Re(s, "childIndex")
-    }), (r, n) => (u(), h(W(r.modal.component), ne(ae(e.value)), null, 16));
-  }
-}), Wr = /* @__PURE__ */ g({
+}), dn = /* @__PURE__ */ h({
   __name: "HeadlessModalContent",
   setup(t) {
-    const { childIndex: s = 0 } = V(
-      "modal",
-      "could not obtain modal reference from <HeadlessModalContent>, did you render this component manually? Show it using $ui.modal() instead"
-    ), e = Os("$modalContentRef"), r = G("$contentRef"), n = c(() => z.modals[s] ?? null);
-    return Y(() => e.value = r.value), (a, i) => (u(), h(o($s), { ref: "$contentRef" }, {
+    const { child: s } = Pe(), e = lr("$modalContentRef"), r = te("$contentRef");
+    return G(() => e.value = r.value), (n, a) => (i(), m(l(As), { ref: "$contentRef" }, {
       default: f(() => [
-        w(a.$slots, "default"),
-        n.value ? (u(), h(yt, {
+        $(n.$slots, "default"),
+        l(s) ? (i(), m(l(bs), {
           key: 0,
-          "child-index": o(s) + 1,
-          modal: n.value
-        }, null, 8, ["child-index", "modal"])) : T("", !0)
+          is: l(s)
+        }, null, 8, ["is"])) : M("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), Kr = /* @__PURE__ */ g({
+}), pn = /* @__PURE__ */ h({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(o(_s), ne(ae(s.$props)), {
+    return (s, e) => (i(), m(l(Ps), ce(de(s.$props)), {
       default: f(() => [
-        w(s.$slots, "default")
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Qr = /* @__PURE__ */ g({
+}), fn = /* @__PURE__ */ h({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1893,34 +1878,33 @@ const Or = E({ name: "zondicons-close", render: Ur }), Nr = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(o(xs), ne(ae(s.$props)), {
+    return (s, e) => (i(), m(l(Ds), ce(de(s.$props)), {
       default: f(() => [
-        w(s.$slots, "default")
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Jr = /* @__PURE__ */ g({
+}), mn = /* @__PURE__ */ h({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(o(Cs), ne(ae(s.$props)), {
+    return (s, e) => (i(), m(l(Bs), ce(de(s.$props)), {
       default: f(() => [
-        w(s.$slots, "default")
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Zr = {
-  key: 0,
-  class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, Xr = ["onClick"], Yr = { class: "sr-only" }, se = /* @__PURE__ */ g({
+}), hn = ["onClick"], gn = { class: "sr-only" }, me = fr(), ne = /* @__PURE__ */ h({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
+    fullscreen: { type: Boolean },
+    fullscreenMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
@@ -1930,117 +1914,132 @@ const Or = E({ name: "zondicons-close", render: Ur }), Nr = /* @__PURE__ */ g({
     closeHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = N(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden"]);
+    const e = K(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden", "fullscreen", "fullscreenMobile"]);
     s({
-      close: async (m) => {
-        var C;
-        return (C = a.value) == null ? void 0 : C.close(m);
-      },
       $content: c(() => {
-        var m;
-        return (m = a.value) == null ? void 0 : m.$content;
+        var T;
+        return (T = o.value) == null ? void 0 : T.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Ve(), a = n, i = V("modal"), l = c(() => !i.modal.closing && i.childIndex === z.openModals.length), d = c(() => t.description ? {} : { "aria-describedby": void 0 }), v = c(() => M("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), $ = c(() => M(
-      "isolate fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2",
-      "overflow-hidden rounded-lg bg-white text-left shadow-xl sm:max-w-lg",
-      "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
-      "transition-[scale,opacity] will-change-[scale,opacity] duration-300",
-      {
-        "scale-50 opacity-0": !l.value,
-        "scale-100 opacity-100": l.value
-      },
+    const { forwardRef: r, currentRef: n } = Re(), { id: a, visible: u } = Pe(), o = n, p = ut(), g = c(
+      () => {
+        var T;
+        return u.value && ((T = le.value.toReversed().find((je) => je.visible.value)) == null ? void 0 : T.id) === a.value;
+      }
+    ), w = c(() => le.value.find((T) => T.visible.value)), v = c(() => le.value.some((T) => me.has(T))), k = c(() => t.description ? {} : { "aria-describedby": void 0 }), q = c(() => E(
+      "overflow-auto px-4 pb-4 flex flex-col flex-1",
+      { "pt-4": !t.title || t.titleHidden, "max-h-[90vh]": !Q.value },
+      t.class
+    )), Q = c(() => t.fullscreen || t.fullscreenMobile && A.mobile), qt = c(() => E(
+      "isolate fixed z-50 flex flex-col overflow-hidden bg-white text-left duration-300",
+      Q.value ? [
+        "inset-0 transition-[transform,translate] will-change-[transform,translate]",
+        me.has(p.value) || "animate-[slide-in_var(--tw-duration)_ease-in-out]",
+        g.value ? "translate-y-0" : "translate-y-full"
+      ] : [
+        "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full",
+        "max-w-[calc(100%-2rem)] rounded-lg shadow-xl sm:max-w-lg",
+        "transition-[scale,opacity] will-change-[scale,opacity]",
+        me.has(p.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
+        g.value ? "scale-100 opacity-100" : "scale-50 opacity-0"
+      ],
       t.wrapperClass
     ));
-    return ot("modal-will-close", async ({ modal: { id: m } }) => {
-      m === i.modal.id && await ue({ ms: 300 });
-    }), (m, C) => (u(), h(Nr, H(e, {
-      ref: (L) => o(r)(L),
-      persistent: m.persistent
+    return st(() => ie(500).then(() => me.add(p.value))), (T, je) => (i(), m(cn, H(e, {
+      ref: (fe) => l(r)(fe),
+      persistent: T.persistent
     }), {
-      default: f(({ close: L }) => [
-        p(Qr, {
-          class: k(["fixed inset-0 animate-[fade-in_var(--tw-duration)_ease-in-out] transition-opacity duration-300 will-change-[opacity]", {
-            "bg-black/30": o(i).childIndex === 1,
-            "opacity-0": o(i).childIndex === 1 && o(i).modal.closing
-          }])
-        }, null, 8, ["class"]),
-        p(Wr, H(d.value, { class: $.value }), {
-          default: f(() => [
-            !m.persistent && !m.closeHidden ? (u(), b("div", Zr, [
-              y("button", {
-                type: "button",
-                class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                onClick: (_e) => L()
+      default: f(({ close: fe }) => {
+        var Fe, Ue;
+        return [
+          d(fn, {
+            class: C(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
+              "animate-[fade-in_var(--tw-duration)_ease-in-out]": !v.value,
+              "bg-black/30": ((Fe = w.value) == null ? void 0 : Fe.id) === l(a) || !w.value && ((Ue = l(le)[0]) == null ? void 0 : Ue.id) === l(a),
+              "opacity-0": !w.value,
+              hidden: Q.value
+            }])
+          }, null, 8, ["class"]),
+          d(dn, H(k.value, { class: qt.value }), {
+            default: f(() => [
+              !T.persistent && !T.closeHidden ? (i(), y("div", {
+                key: 0,
+                class: C(["absolute top-0 right-0 pt-3.5 pr-2.5", { "hidden sm:block": !Q.value }])
               }, [
-                y("span", Yr, x(m.$td("ui.close", "Close")), 1),
-                p(o(Or), { class: "size-4" })
-              ], 8, Xr)
-            ])) : T("", !0),
-            m.title ? (u(), h(Jr, {
-              key: 1,
-              class: k(["px-4 pt-5 text-base font-semibold text-gray-900", {
-                "sr-only": m.titleHidden,
-                "pb-0": m.description && !m.descriptionHidden,
-                "pb-2": !m.description || m.descriptionHidden
-              }])
-            }, {
-              default: f(() => [
-                p(P, {
-                  text: m.title,
-                  inline: ""
-                }, null, 8, ["text"])
-              ]),
-              _: 1
-            }, 8, ["class"])) : T("", !0),
-            m.description ? (u(), h(Kr, {
-              key: 2,
-              class: k(["px-4 pt-1 pb-2", { "sr-only": m.descriptionHidden }])
-            }, {
-              default: f(() => [
-                p(P, {
-                  text: m.description,
-                  class: "text-sm leading-6 text-gray-500"
-                }, null, 8, ["text"])
-              ]),
-              _: 1
-            }, 8, ["class"])) : T("", !0),
-            y("div", {
-              class: k(v.value)
-            }, [
-              w(m.$slots, "default", { close: L })
-            ], 2)
-          ]),
-          _: 2
-        }, 1040, ["class"])
-      ]),
+                b("button", {
+                  type: "button",
+                  class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
+                  onClick: (cl) => fe()
+                }, [
+                  b("span", gn, x(T.$td("ui.close", "Close")), 1),
+                  d(l(un), { class: "size-4" })
+                ], 8, hn)
+              ], 2)) : M("", !0),
+              T.title ? (i(), m(mn, {
+                key: 1,
+                class: C(["px-4 pt-5 text-base font-semibold text-gray-900", {
+                  "sr-only": T.titleHidden,
+                  "pb-0": T.description && !T.descriptionHidden,
+                  "pb-2": !T.description || T.descriptionHidden
+                }])
+              }, {
+                default: f(() => [
+                  d(z, {
+                    text: T.title,
+                    inline: ""
+                  }, null, 8, ["text"])
+                ]),
+                _: 1
+              }, 8, ["class"])) : M("", !0),
+              T.description ? (i(), m(pn, {
+                key: 2,
+                class: C(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
+              }, {
+                default: f(() => [
+                  d(z, {
+                    text: T.description,
+                    class: "text-sm leading-6 text-gray-500"
+                  }, null, 8, ["text"])
+                ]),
+                _: 1
+              }, 8, ["class"])) : M("", !0),
+              b("div", {
+                class: C(q.value)
+              }, [
+                $(T.$slots, "default", { close: fe })
+              ], 2)
+            ]),
+            _: 2
+          }, 1040, ["class"])
+        ];
+      }),
       _: 3
     }, 16, ["persistent"]));
   }
 });
-function Gr(t) {
+function vn(t) {
   const s = c(() => t.title ?? S("ui.alert", "Alert")), e = c(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const en = /* @__PURE__ */ g({
+const bn = /* @__PURE__ */ h({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = Gr(e);
-    return s(), (a, i) => (u(), h(se, {
-      title: o(r),
-      "title-hidden": o(n)
+    const e = t, { renderedTitle: r, titleHidden: n } = vn(e);
+    return s(), (a, u) => (i(), m(ne, {
+      title: l(r),
+      "title-hidden": l(n)
     }, {
       default: f(() => [
-        p(P, { text: a.message }, null, 8, ["text"])
+        d(z, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), wt = /* @__PURE__ */ g({
+}), Vt = /* @__PURE__ */ h({
   __name: "Form",
   props: {
     form: {}
@@ -2049,39 +2048,36 @@ const en = /* @__PURE__ */ g({
   setup(t, { emit: s }) {
     let e;
     const r = s;
-    return Y((n) => {
+    return G((n) => {
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
-    }), le("form", t.form), (n, a) => (u(), b("form", {
-      onSubmit: a[0] || (a[0] = We((i) => {
-        var l;
-        return (l = n.form) == null ? void 0 : l.submit();
-      }, ["prevent"]))
+    }), pe("form", t.form), (n, a) => (i(), y("form", {
+      onSubmit: a[0] || (a[0] = rt((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
     }, [
-      w(n.$slots, "default")
+      $(n.$slots, "default")
     ], 32));
   }
 });
-function tn(t) {
-  const s = ut(
+function yn(t) {
+  const s = mt(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (i, [l, d]) => ({
-        [l]: {
+      (u, [o, p]) => ({
+        [o]: {
           type: "boolean",
-          default: d.default,
-          required: d.required ? "required" : void 0
+          default: p.default,
+          required: p.required ? "required" : void 0
         },
-        ...i
+        ...u
       }),
       {}
     )
   ), e = c(() => t.title ?? S("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const sn = {
+const wn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, rn = { class: "flex items-center" }, nn = ["onUpdate:modelValue", "required"], an = { class: "ml-1.5" }, ln = { class: "mt-4 flex flex-row-reverse gap-2" }, on = /* @__PURE__ */ g({
+}, $n = { class: "flex items-center" }, _n = ["onUpdate:modelValue", "required"], xn = { class: "ml-1.5" }, Cn = { class: "mt-4 flex flex-row-reverse gap-2" }, Sn = /* @__PURE__ */ h({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2094,55 +2090,56 @@ const sn = {
     actions: {},
     required: { type: Boolean }
   },
+  emits: ["close"],
   setup(t, { expose: s }) {
-    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: i, renderedCancelText: l } = tn(e);
-    return s(), (d, v) => (u(), h(se, {
-      title: o(n),
-      "title-hidden": o(a),
+    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: o } = yn(e);
+    return s(), (p, g) => (i(), m(ne, {
+      title: l(n),
+      "title-hidden": l(a),
       persistent: ""
     }, {
-      default: f(({ close: $ }) => [
-        p(wt, {
-          form: o(r),
-          onSubmit: (m) => $([!0, o(r).data()])
+      default: f(({ close: w }) => [
+        d(Vt, {
+          form: l(r),
+          onSubmit: (v) => w([!0, l(r).data()])
         }, {
           default: f(() => [
-            p(P, {
-              text: d.message,
-              actions: d.actions
+            d(z, {
+              text: p.message,
+              actions: p.actions
             }, null, 8, ["text", "actions"]),
-            d.checkboxes ? (u(), b("ul", sn, [
-              (u(!0), b(D, null, F(d.checkboxes, (m, C) => (u(), b("li", { key: C }, [
-                y("label", rn, [
-                  Ke(y("input", {
-                    "onUpdate:modelValue": (L) => o(r)[C] = L,
+            p.checkboxes ? (i(), y("ul", wn, [
+              (i(!0), y(D, null, U(p.checkboxes, (v, k) => (i(), y("li", { key: k }, [
+                b("label", $n, [
+                  nt(b("input", {
+                    "onUpdate:modelValue": (q) => l(r)[k] = q,
                     type: "checkbox",
-                    required: m.required,
+                    required: v.required,
                     class: "border-primary-600 text-primary-600 hover:bg-primary-50 hover:checked:bg-primary-500 focus:ring-primary-600 focus-visible:ring-primary-600 rounded border-2"
-                  }, null, 8, nn), [
-                    [It, o(r)[C]]
+                  }, null, 8, _n), [
+                    [Wt, l(r)[k]]
                   ]),
-                  y("span", an, x(m.label), 1)
+                  b("span", xn, x(v.label), 1)
                 ])
               ]))), 128))
-            ])) : T("", !0),
-            y("div", ln, [
-              p(q, {
-                variant: d.acceptVariant,
+            ])) : M("", !0),
+            b("div", Cn, [
+              d(I, {
+                variant: p.acceptVariant,
                 submit: ""
               }, {
                 default: f(() => [
-                  I(x(o(i)), 1)
+                  L(x(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              d.required ? T("", !0) : (u(), h(q, {
+              p.required ? M("", !0) : (i(), m(I, {
                 key: 0,
-                variant: d.cancelVariant,
-                onClick: (m) => $(!1)
+                variant: p.cancelVariant,
+                onClick: (v) => w(!1)
               }, {
                 default: f(() => [
-                  I(x(o(l)), 1)
+                  L(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2154,127 +2151,127 @@ const sn = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), un = {
+}), kn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function cn(t, s) {
-  return u(), b("svg", un, s[0] || (s[0] = [
-    y("path", {
+function Tn(t, s) {
+  return i(), y("svg", kn, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
     }, null, -1)
   ]));
 }
-const dn = E({ name: "zondicons-cheveron-left", render: cn }), pn = {
+const Mn = V({ name: "zondicons-cheveron-left", render: Tn }), En = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function mn(t, s) {
-  return u(), b("svg", pn, s[0] || (s[0] = [
-    y("path", {
+function Hn(t, s) {
+  return i(), y("svg", En, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "m12.95 10.707l.707-.707L8 4.343L6.586 5.757L10.828 10l-4.242 4.243L8 15.657z"
     }, null, -1)
   ]));
 }
-const $t = E({ name: "zondicons-cheveron-right", render: mn }), fn = {
+const Lt = V({ name: "zondicons-cheveron-right", render: Hn }), Vn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function hn(t, s) {
-  return u(), b("svg", fn, s[0] || (s[0] = [
-    y("path", {
+function Ln(t, s) {
+  return i(), y("svg", Vn, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "M2.93 17.07A10 10 0 1 1 17.07 2.93A10 10 0 0 1 2.93 17.07M9 5v6h2V5zm0 8v2h2v-2z"
     }, null, -1)
   ]));
 }
-const qe = E({ name: "zondicons-exclamation-solid", render: hn }), gn = {
+const De = V({ name: "zondicons-exclamation-solid", render: Ln }), In = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function vn(t, s) {
-  return u(), b("svg", gn, s[0] || (s[0] = [
-    y("path", {
+function zn(t, s) {
+  return i(), y("svg", In, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "M20 19V7H4v12zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7 14v-2h5v2zm-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z"
     }, null, -1)
   ]));
 }
-const bn = E({ name: "mdi-console", render: vn }), yn = {
+const Rn = V({ name: "mdi-console", render: zn }), qn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function wn(t, s) {
-  return u(), b("svg", yn, s[0] || (s[0] = [
-    y("path", {
+function An(t, s) {
+  return i(), y("svg", qn, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "M6 6V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2zm2 0h4a2 2 0 0 1 2 2v4h4V2H8zM2 8v10h10V8z"
     }, null, -1)
   ]));
 }
-const $n = E({ name: "zondicons-copy", render: wn }), _n = {
+const Pn = V({ name: "zondicons-copy", render: An }), Dn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function xn(t, s) {
-  return u(), b("svg", _n, s[0] || (s[0] = [
-    y("path", {
+function Bn(t, s) {
+  return i(), y("svg", Dn, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
     }, null, -1)
   ]));
 }
-const Cn = E({ name: "mdi-github", render: xn }), kn = { class: "flex" }, Sn = { class: "sr-only" }, Tn = /* @__PURE__ */ g({
+const jn = V({ name: "mdi-github", render: Bn }), Fn = { class: "flex" }, Un = { class: "sr-only" }, On = /* @__PURE__ */ h({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
   },
   setup(t) {
     const s = t, e = c(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = c(() => {
-      if (!A.sourceUrl)
+      if (!P.sourceUrl)
         return !1;
-      const a = encodeURIComponent(e.value), i = encodeURIComponent(
+      const a = encodeURIComponent(e.value), u = encodeURIComponent(
         [
           "[Please, explain here what you were trying to do when this error appeared]",
           "",
           "Error details:",
           "```",
-          Qt(
+          ls(
             s.report.details ?? "Details missing from report",
-            1800 - a.length - A.sourceUrl.length
+            1800 - a.length - P.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${A.sourceUrl}/issues/new?title=${a}&body=${i}`;
-    }), n = c(() => ee(
+      return `${P.sourceUrl}/issues/new?title=${a}&body=${u}`;
+    }), n = c(() => se(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: $n,
+          iconComponent: Pn,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: bn,
+          iconComponent: Rn,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), z.toast(
+            window.error = a, console.error(a), A.toast(
               S(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
@@ -2287,24 +2284,24 @@ ${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: Cn,
+          iconComponent: jn,
           url: r.value
         });
       }
     ));
-    return (a, i) => (u(), b("div", kn, [
-      (u(!0), b(D, null, F(n.value, (l) => w(a.$slots, "default", H({ ref_for: !0 }, l), () => [
-        p(q, {
+    return (a, u) => (i(), y("div", Fn, [
+      (i(!0), y(D, null, U(n.value, (o) => $(a.$slots, "default", H({ ref_for: !0 }, o), () => [
+        d(I, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
-          href: l.url,
-          title: a.$td(`errors.report_${l.id}`, l.description),
-          onClick: l.click
+          href: o.url,
+          title: a.$td(`errors.report_${o.id}`, o.description),
+          onClick: o.click
         }, {
           default: f(() => [
-            y("span", Sn, x(a.$td(`errors.report_${l.id}`, l.description)), 1),
-            (u(), h(W(l.iconComponent), {
+            b("span", Un, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
+            (i(), m(ee(o.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2314,7 +2311,7 @@ ${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), Mn = /* @__PURE__ */ g({
+}), Nn = /* @__PURE__ */ h({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2323,17 +2320,17 @@ ${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information
   },
   setup(t) {
     const s = c(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
-    return (e, r) => (u(), h(P, {
+    return (e, r) => (i(), m(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function Hn(t) {
-  const s = U(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
+function Wn(t) {
+  const s = N(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
     () => {
-      var i;
-      return ((i = e.value.details) == null ? void 0 : i.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
+      var u;
+      return ((u = e.value.details) == null ? void 0 : u.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
   ), n = S("errors.previousReport", "Show previous report"), a = S("errors.nextReport", "Show next report");
   return {
@@ -2344,102 +2341,102 @@ function Hn(t) {
     activeReport: e
   };
 }
-const En = { class: "px-4 pt-5 pb-4" }, Vn = { class: "flex justify-between gap-4" }, Ln = { class: "flex items-center gap-2" }, In = {
+const Kn = { class: "px-4 pt-5 pb-4" }, Qn = { class: "flex justify-between gap-4" }, Jn = { class: "flex items-center gap-2" }, Zn = {
   key: 0,
   class: "flex gap-0.5"
-}, qn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, zn = ["textContent"], Rn = /* @__PURE__ */ g({
+}, Xn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Yn = ["textContent"], Gn = /* @__PURE__ */ h({
   __name: "ErrorReportModal",
   props: {
     report: {},
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: i, activeReport: l } = Hn(e);
-    return s(), (d, v) => (u(), h(se, {
-      title: d.$td("errors.report", "Error report"),
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: o } = Wn(e);
+    return s(), (p, g) => (i(), m(ne, {
+      title: p.$td("errors.report", "Error report"),
       "title-hidden": "",
       "close-hidden": "",
       class: "p-0",
       "wrapper-class": "sm:w-auto sm:min-w-lg sm:max-w-[80vw]"
     }, {
       default: f(() => [
-        y("div", En, [
-          y("h2", Vn, [
-            y("div", Ln, [
-              p(o(qe), { class: "size-5 text-red-600" }),
-              p(Mn, {
+        b("div", Kn, [
+          b("h2", Qn, [
+            b("div", Jn, [
+              d(l(De), { class: "size-5 text-red-600" }),
+              d(Nn, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
-                report: o(l),
-                "current-report": o(r) + 1,
-                "total-reports": d.reports.length
+                report: l(o),
+                "current-report": l(r) + 1,
+                "total-reports": p.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              d.reports.length > 1 ? (u(), b("span", In, [
-                p(q, {
+              p.reports.length > 1 ? (i(), y("span", Zn, [
+                d(I, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: o(r) === 0,
-                  "aria-label": o(i),
-                  title: o(i),
-                  onClick: v[0] || (v[0] = ($) => r.value--)
+                  disabled: l(r) === 0,
+                  "aria-label": l(u),
+                  title: l(u),
+                  onClick: g[0] || (g[0] = (w) => r.value--)
                 }, {
                   default: f(() => [
-                    p(o(dn), { class: "size-4" })
+                    d(l(Mn), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                p(q, {
+                d(I, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: o(r) === d.reports.length - 1,
-                  "aria-label": o(a),
-                  title: o(a),
-                  onClick: v[1] || (v[1] = ($) => r.value++)
+                  disabled: l(r) === p.reports.length - 1,
+                  "aria-label": l(a),
+                  title: l(a),
+                  onClick: g[1] || (g[1] = (w) => r.value++)
                 }, {
                   default: f(() => [
-                    p(o($t), { class: "size-4" })
+                    d(l(Lt), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : T("", !0)
+              ])) : M("", !0)
             ]),
-            p(Tn, {
-              report: o(l),
+            d(On, {
+              report: l(o),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          o(l).description ? (u(), h(P, {
+          l(o).description ? (i(), m(z, {
             key: 0,
-            text: o(l).description,
+            text: l(o).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : T("", !0)
+          }, null, 8, ["text"])) : M("", !0)
         ]),
-        y("div", qn, [
-          y("pre", {
+        b("div", Xn, [
+          b("pre", {
             class: "p-4 text-xs text-red-800",
-            textContent: x(o(n))
-          }, null, 8, zn)
+            textContent: x(l(n))
+          }, null, 8, Yn)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), Pn = {
+}), ea = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function An(t, s) {
-  return u(), b("svg", Pn, s[0] || (s[0] = [
-    y("path", {
+function ta(t, s) {
+  return i(), y("svg", ea, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
       opacity: ".25"
     }, null, -1),
-    y("path", {
+    b("path", {
       fill: "currentColor",
       d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
     }, [
-      y("animateTransform", {
+      b("animateTransform", {
         attributeName: "transform",
         dur: "0.75s",
         repeatCount: "indefinite",
@@ -2449,7 +2446,7 @@ function An(t, s) {
     ], -1)
   ]));
 }
-const Dn = E({ name: "svg-spinners-90-ring-with-bg", render: An }), jn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Bn = { class: "sr-only" }, Fn = /* @__PURE__ */ g({
+const sa = V({ name: "svg-spinners-90-ring-with-bg", render: ta }), ra = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, na = { class: "sr-only" }, aa = /* @__PURE__ */ h({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -2458,31 +2455,31 @@ const Dn = E({ name: "svg-spinners-90-ring-with-bg", render: An }), jn = { class
   },
   setup(t) {
     let s;
-    const e = U(0), r = c(() => M("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => typeof t.progress == "number" ? t.progress : e.value);
-    return Me(
+    const e = N(0), r = c(() => E("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => typeof t.progress == "number" ? t.progress : e.value);
+    return Le(
       () => t.job,
       () => {
         s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (a) => e.value = a });
       },
       { immediate: !0 }
-    ), ge(() => s && s()), (a, i) => (u(), b("div", jn, [
-      y("div", {
-        class: k(r.value),
-        style: qt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+    ), $e(() => s && s()), (a, u) => (i(), y("div", ra, [
+      b("div", {
+        class: C(r.value),
+        style: Kt(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      y("span", Bn, x(a.$td("ui.progress", "{progress}% complete", {
+      b("span", na, x(a.$td("ui.progress", "{progress}% complete", {
         progress: n.value * 100
       })), 1)
     ]));
   }
 });
-function Un(t) {
+function la(t) {
   const s = c(() => t.title ?? S("ui.loading", "Loading")), e = c(
     () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
   ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const On = /* @__PURE__ */ g({
+const ia = /* @__PURE__ */ h({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2491,30 +2488,30 @@ const On = /* @__PURE__ */ g({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: i } = Un(e);
-    return s(), (l, d) => (u(), h(se, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = la(e);
+    return s(), (o, p) => (i(), m(ne, {
       persistent: "",
-      class: k(["flex", { "flex-col-reverse": o(i), "items-center justify-center gap-2": !o(i) }]),
       "wrapper-class": "w-auto",
-      title: o(r),
-      "title-hidden": o(a)
+      title: l(r),
+      "title-hidden": l(a),
+      class: C({ "flex-col-reverse": l(u), "flex-row items-center justify-center gap-2": !l(u) })
     }, {
       default: f(() => [
-        o(i) ? (u(), h(Fn, {
+        l(u) ? (i(), m(aa, {
           key: 0,
-          progress: l.progress,
-          job: l.job,
+          progress: o.progress,
+          job: o.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (u(), h(o(Dn), {
+        }, null, 8, ["progress", "job"])) : (i(), m(l(sa), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        p(P, { text: o(n) }, null, 8, ["text"])
+        d(z, { text: l(n) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), ze = /* @__PURE__ */ g({
+}), Be = /* @__PURE__ */ h({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2525,128 +2522,133 @@ const On = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
-      id: `input-${re()}`,
+    const r = e, n = Y("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `input-${ue()}`,
       name: c(() => t.name),
       label: c(() => t.label),
       description: c(() => t.description),
       value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: ve(a),
+      errors: _e(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(l) {
+      update(o) {
         if (n && t.name) {
-          n.setFieldValue(t.name, l);
+          n.setFieldValue(t.name, o);
           return;
         }
-        r("update:modelValue", l);
+        r("update:modelValue", o);
       }
     };
-    return le("input", i), s(i), (l, d) => (u(), h(W(l.as), null, {
+    return pe("input", u), s(u), (o, p) => (i(), m(ee(o.as), null, {
       default: f(() => [
-        w(l.$slots, "default")
+        $(o.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), Nn = ["for"], fe = /* @__PURE__ */ g({
+}), oa = ["for"], ye = /* @__PURE__ */ h({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = V("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = He(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (u(), b("label", {
+    const s = R("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Ie(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (i(), y("label", {
       key: 0,
-      for: o(s).id
+      for: l(s).id
     }, [
-      w(n.$slots, "default", {}, () => [
-        I(x(o(s).label), 1)
+      $(n.$slots, "default", {}, () => [
+        L(x(l(s).label), 1)
       ])
-    ], 8, Nn)) : T("", !0);
+    ], 8, oa)) : M("", !0);
   }
-}), Wn = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], _t = /* @__PURE__ */ g({
+}), ua = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], It = /* @__PURE__ */ h({
   __name: "HeadlessInputInput",
   props: {
     type: {}
   },
   setup(t) {
-    const s = G("$inputRef"), e = V("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = X("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), i = c(() => {
+    const s = te("$inputRef"), e = R("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = Y("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), u = c(() => {
       if (t.type)
         return t.type;
-      const $ = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
-      return ["text", "email", "number", "tel", "url"].includes($) ? $ : "text";
-    }), l = c(() => {
-      if (t.type === "checkbox")
+      const w = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
+      return ["text", "email", "number", "tel", "url"].includes(w) ? w : "text";
+    }), o = c(() => {
+      if (u.value === "checkbox")
         return !!a.value;
     });
-    function d() {
-      s.value && e.update(v());
+    function p() {
+      s.value && e.update(g());
     }
-    function v() {
+    function g() {
       if (!s.value)
         return null;
-      switch (t.type) {
+      switch (u.value) {
         case "checkbox":
           return s.value.checked;
         case "date":
-          return s.value.valueAsDate;
+        case "time":
+        case "datetime-local":
+          return new Date(Math.round(s.value.valueAsNumber / 6e4) * 6e4 + Ze);
+        case "number":
+          return s.value.valueAsNumber;
         default:
           return s.value.value;
       }
     }
-    return it(e, () => {
-      var $;
-      return ($ = s.value) == null ? void 0 : $.focus();
-    }), Y(() => {
+    return ft(e, () => {
+      var w;
+      return (w = s.value) == null ? void 0 : w.focus();
+    }), G(() => {
       if (s.value) {
-        if (t.type === "date" && a.value instanceof Date) {
-          s.value.valueAsDate = a.value;
+        if (["date", "time", "datetime-local"].includes(u.value) && a.value instanceof Date) {
+          const w = Math.round(a.value.getTime() / 6e4) * 6e4;
+          s.value.valueAsNumber = w - Ze, e.update(new Date(w));
           return;
         }
         s.value.value = a.value ?? null;
       }
-    }), ($, m) => (u(), b("input", {
-      id: o(e).id,
+    }), (w, v) => (i(), y("input", {
+      id: l(e).id,
       ref: "$inputRef",
       name: n.value,
-      checked: l.value,
-      type: i.value,
-      required: o(e).required ?? void 0,
-      "aria-invalid": o(e).errors ? "true" : "false",
-      "aria-describedby": o(e).errors ? `${o(e).id}-error` : o(e).description ? `${o(e).id}-description` : void 0,
-      onInput: d
-    }, null, 40, Wn));
-  }
-}), xt = /* @__PURE__ */ g({
+      checked: o.value,
+      type: u.value,
+      required: l(e).required ?? void 0,
+      "aria-invalid": l(e).errors ? "true" : "false",
+      "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
+      onInput: p
+    }, null, 40, ua));
+  }
+}), zt = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = V(
+    const s = R(
       "input",
       "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
     ), e = c(() => typeof s.description == "string" ? s.description : ""), r = c(() => !!s.description);
-    return (n, a) => w(n.$slots, "default", {
-      id: `${o(s).id}-description`
+    return (n, a) => $(n.$slots, "default", {
+      id: `${l(s).id}-description`
     }, () => [
-      r.value ? (u(), h(P, H({ key: 0 }, n.$attrs, {
-        id: `${o(s).id}-description`,
+      r.value ? (i(), m(z, H({ key: 0 }, n.$attrs, {
+        id: `${l(s).id}-description`,
         text: e.value
-      }), null, 16, ["id", "text"])) : T("", !0)
+      }), null, 16, ["id", "text"])) : M("", !0)
     ]);
   }
-}), Kn = ["id"], he = /* @__PURE__ */ g({
+}), ca = ["id"], we = /* @__PURE__ */ h({
   __name: "HeadlessInputError",
   setup(t) {
-    const s = V("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
-    return (r, n) => e.value ? (u(), b("p", {
+    const s = R("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, n) => e.value ? (i(), y("p", {
       key: 0,
-      id: `${o(s).id}-error`
-    }, x(e.value), 9, Kn)) : T("", !0);
+      id: `${l(s).id}-error`
+    }, x(e.value), 9, ca)) : M("", !0);
   }
-}), Qn = {
+}), da = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, Jn = /* @__PURE__ */ g({
+}, pa = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2659,61 +2661,61 @@ const On = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = N(t, ["label", "inputClass", "wrapperClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = c(() => {
-      var l, d, v;
-      return M(
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = te("$inputRef"), [r, n] = Ae(), a = c(() => E("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
+      var o, p, g;
+      return E(
         // eslint-disable-next-line vue/max-len
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
-          "focus:ring-primary-600": !((l = e.value) != null && l.errors),
-          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
-          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
+          "focus:ring-primary-600": !((o = e.value) != null && o.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((p = e.value) != null && p.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (g = e.value) == null ? void 0 : g.errors
         },
         t.inputClass
       );
     });
-    return (l, d) => (u(), h(ze, H({
+    return (o, p) => (i(), m(Be, H({
       ref: "$inputRef",
-      label: l.label,
-      class: o(n)
+      label: o.label,
+      class: l(n)
     }, s, {
-      "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
+      "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
     }), {
       default: f(() => {
-        var v;
+        var g;
         return [
-          p(fe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
-          y("div", {
-            class: k(a.value)
+          d(ye, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          b("div", {
+            class: C(a.value)
           }, [
-            p(_t, H(o(r), { class: i.value }), null, 16, ["class"]),
-            (v = e.value) != null && v.errors ? (u(), b("div", Qn, [
-              p(o(qe), { class: "size-5 text-red-500" })
-            ])) : T("", !0)
+            d(It, H(l(r), { class: u.value }), null, 16, ["class"]),
+            (g = e.value) != null && g.errors ? (i(), y("div", da, [
+              d(l(De), { class: "size-5 text-red-500" })
+            ])) : M("", !0)
           ], 2),
-          p(xt, { class: "mt-2 text-sm text-gray-600" }),
-          p(he, { class: "mt-2 text-sm text-red-600" })
+          d(zt, { class: "mt-2 text-sm text-gray-600" }),
+          d(we, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-function wl(t, s = {}) {
+function Dl(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function $l(t, s = {}) {
+function Bl(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function _l(t, s, e = {}) {
+function jl(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2721,21 +2723,21 @@ function _l(t, s, e = {}) {
     values: t
   };
 }
-function xl(t) {
+function Fl(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function Cl(t) {
+function Ul(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function kl(t, s) {
+function Ol(t, s) {
   return {
     default: s,
     type: "enum",
@@ -2743,55 +2745,55 @@ function kl(t, s) {
     values: t
   };
 }
-function Sl(t) {
+function Nl(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Tl(t) {
+function Wl(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function Zn(t) {
+function fa(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Ml(t, s = {}) {
+function Kl(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Hl(t, s = {}) {
+function Ql(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function El(t, s = {}) {
+function Jl(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function Xn(t) {
-  const s = ut({
-    draft: Zn(t.defaultValue ?? "")
+function ma(t) {
+  const s = mt({
+    draft: fa(t.defaultValue ?? "")
   }), e = c(() => t.title ?? t.message), r = c(() => t.title ? t.message : null), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const Yn = { class: "mt-4 flex flex-row-reverse gap-2" }, Gn = /* @__PURE__ */ g({
+const ha = { class: "mt-4 flex flex-row-reverse gap-2" }, ga = /* @__PURE__ */ h({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2804,44 +2806,45 @@ const Yn = { class: "mt-4 flex flex-row-reverse gap-2" }, Gn = /* @__PURE__ */ g
     cancelText: {},
     cancelVariant: { default: "secondary" }
   },
+  emits: ["close"],
   setup(t, { expose: s }) {
-    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: i, renderedCancelText: l } = Xn(e);
-    return s(), (d, v) => (u(), h(se, {
-      title: o(n),
+    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: o } = ma(e);
+    return s(), (p, g) => (i(), m(ne, {
+      title: l(n),
       persistent: ""
     }, {
-      default: f(({ close: $ }) => [
-        p(wt, {
-          form: o(r),
-          onSubmit: (m) => $(o(r).draft)
+      default: f(({ close: w }) => [
+        d(Vt, {
+          form: l(r),
+          onSubmit: (v) => w(l(r).draft)
         }, {
           default: f(() => [
-            o(a) ? (u(), h(P, {
+            l(a) ? (i(), m(z, {
               key: 0,
-              text: o(a)
-            }, null, 8, ["text"])) : T("", !0),
-            p(Jn, {
+              text: l(a)
+            }, null, 8, ["text"])) : M("", !0),
+            d(pa, {
               name: "draft",
               class: "mt-2",
-              placeholder: d.placeholder,
-              label: d.label
+              placeholder: p.placeholder,
+              label: p.label
             }, null, 8, ["placeholder", "label"]),
-            y("div", Yn, [
-              p(q, {
-                variant: d.acceptVariant,
+            b("div", ha, [
+              d(I, {
+                variant: p.acceptVariant,
                 submit: ""
               }, {
                 default: f(() => [
-                  I(x(o(i)), 1)
+                  L(x(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p(q, {
-                variant: d.cancelVariant,
-                onClick: (m) => $()
+              d(I, {
+                variant: p.cancelVariant,
+                onClick: (v) => w()
               }, {
                 default: f(() => [
-                  I(x(o(l)), 1)
+                  L(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2853,63 +2856,63 @@ const Yn = { class: "mt-4 flex flex-row-reverse gap-2" }, Gn = /* @__PURE__ */ g
       _: 1
     }, 8, ["title"]));
   }
-}), ea = {
+}), va = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ta(t, s) {
-  return u(), b("svg", ea, s[0] || (s[0] = [
-    y("path", {
+function ba(t, s) {
+  return i(), y("svg", va, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "M12 21q-1.625 0-3.012-.8T6.8 18H4v-2h2.1q-.075-.5-.088-1T6 14H4v-2h2q0-.5.012-1t.088-1H4V8h2.8q.35-.575.788-1.075T8.6 6.05L7 4.4L8.4 3l2.15 2.15q.7-.225 1.425-.225t1.425.225L15.6 3L17 4.4l-1.65 1.65q.575.375 1.038.862T17.2 8H20v2h-2.1q.075.5.088 1T18 12h2v2h-2q0 .5-.013 1t-.087 1H20v2h-2.8q-.8 1.4-2.187 2.2T12 21m-2-5h4v-2h-4zm0-4h4v-2h-4z"
     }, null, -1)
   ]));
 }
-const sa = E({ name: "material-symbols-bug-report", render: ta }), ra = {
+const ya = V({ name: "material-symbols-bug-report", render: ba }), wa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function na(t, s) {
-  return u(), b("svg", ra, s[0] || (s[0] = [
-    y("path", {
+function $a(t, s) {
+  return i(), y("svg", wa, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "M7 21q-.825 0-1.412-.587T5 19V6q-.425 0-.712-.288T4 5t.288-.712T5 4h4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4h4q.425 0 .713.288T20 5t-.288.713T19 6v13q0 .825-.587 1.413T17 21zm5-7.1l1.9 1.9q.275.275.7.275t.7-.275t.275-.7t-.275-.7l-1.9-1.9l1.9-1.9q.275-.275.275-.7t-.275-.7t-.7-.275t-.7.275L12 11.1l-1.9-1.9q-.275-.275-.7-.275t-.7.275t-.275.7t.275.7l1.9 1.9l-1.9 1.9q-.275.275-.275.7t.275.7t.7.275t.7-.275z"
     }, null, -1)
   ]));
 }
-const aa = E({ name: "material-symbols-delete-forever-rounded", render: na }), la = {
+const _a = V({ name: "material-symbols-delete-forever-rounded", render: $a }), xa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function oa(t, s) {
-  return u(), b("svg", la, s[0] || (s[0] = [
-    y("path", {
+function Ca(t, s) {
+  return i(), y("svg", xa, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "M11.25 13.5q.95 0 1.6-.65t.65-1.6t-.65-1.6t-1.6-.65t-1.6.65t-.65 1.6t.65 1.6t1.6.65m4.825 4l-2.625-2.625q-.5.325-1.062.475t-1.138.15q-1.775 0-3.012-1.237T7 11.25t1.238-3.012T11.25 7t3.013 1.238T15.5 11.25q0 .575-.162 1.138t-.488 1.062l2.65 2.65zM5 21q-.825 0-1.412-.587T3 19v-4h2v4h4v2zm10 0v-2h4v-4h2v4q0 .825-.587 1.413T19 21zM3 9V5q0-.825.588-1.412T5 3h4v2H5v4zm16 0V5h-4V3h4q.825 0 1.413.588T21 5v4z"
     }, null, -1)
   ]));
 }
-const ia = E({ name: "material-symbols-frame-inspect", render: oa }), ua = {
+const Sa = V({ name: "material-symbols-frame-inspect", render: Ca }), ka = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ca(t, s) {
-  return u(), b("svg", ua, s[0] || (s[0] = [
-    y("path", {
+function Ta(t, s) {
+  return i(), y("svg", ka, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V5q0-.425.288-.712T19 4t.713.288T20 5v5q0 .425-.288.713T19 11h-5q-.425 0-.712-.288T13 10t.288-.712T14 9h3.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.7 0 3.113-.862t2.187-2.313q.2-.35.563-.487t.737-.013q.4.125.575.525t-.025.75q-1.025 2-2.925 3.2T12 20"
     }, null, -1)
   ]));
 }
-const da = E({ name: "material-symbols-refresh-rounded", render: ca }), pa = { class: "grid grow place-items-center" }, ma = { class: "flex flex-col items-center p-8" }, fa = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, ha = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, ga = /* @__PURE__ */ g({
+const Ma = V({ name: "material-symbols-refresh-rounded", render: Ta }), Ea = { class: "grid grow place-items-center" }, Ha = { class: "flex flex-col items-center p-8" }, Va = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, La = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, Ia = /* @__PURE__ */ h({
   __name: "StartupCrash",
   setup(t) {
     async function s() {
-      await z.confirm(
+      await A.confirm(
         S("startupCrash.purgeConfirmTitle", "Delete everything?"),
         S(
           "startupCrash.purgeConfirmMessage",
@@ -2921,59 +2924,59 @@ Do you still want to proceed?`
           acceptVariant: "danger",
           acceptText: S("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await et.purge(), await A.reload());
+      ) && (await gt.purge(), await P.reload());
     }
     return (e, r) => {
-      const n = zt("i-majesticons-exclamation");
-      return u(), b("div", pa, [
-        y("div", ma, [
-          p(n, { class: "size-20 text-red-600" }),
-          y("h1", fa, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
-          p(P, {
+      const n = Qt("i-majesticons-exclamation");
+      return i(), y("div", Ea, [
+        b("div", Ha, [
+          d(n, { class: "size-20 text-red-600" }),
+          b("h1", Va, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          d(z, {
             text: e.$td(
               "startupCrash.message",
               "There was a problem starting the application, but here's some things you can do:"
             ),
             class: "mt-4 text-center"
           }, null, 8, ["text"]),
-          y("div", ha, [
-            p(q, {
+          b("div", La, [
+            d(I, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
               default: f(() => [
-                p(o(da)),
-                I(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
+                d(l(Ma)),
+                L(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
-            p(q, {
+            d(I, {
               variant: "danger",
               onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
             }, {
               default: f(() => [
-                p(o(sa)),
-                I(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
+                d(l(ya)),
+                L(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
             }),
-            p(q, {
+            d(I, {
               variant: "danger",
               onClick: r[2] || (r[2] = (a) => s())
             }, {
               default: f(() => [
-                p(o(aa)),
-                I(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
+                d(l(_a)),
+                L(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
-            p(q, {
+            d(I, {
               variant: "danger",
               onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
             }, {
               default: f(() => [
-                p(o(ia)),
-                I(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+                d(l(Sa)),
+                L(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
             })
@@ -2982,23 +2985,23 @@ Do you still want to proceed?`
       ]);
     };
   }
-}), Ct = /* @__PURE__ */ g({
+}), Rt = /* @__PURE__ */ h({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(W(s.action.dismiss ? o(ks) : "button"), {
+    return (s, e) => (i(), m(ee(s.action.dismiss ? l(js) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
       default: f(() => [
-        I(x(s.action.label), 1)
+        L(x(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), va = { key: 0 }, ba = /* @__PURE__ */ g({
+}), za = { key: 0 }, Ra = /* @__PURE__ */ h({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -3006,11 +3009,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(o(Ss), null, {
+    return (s, e) => (i(), m(l(Fs), null, {
       default: f(() => [
-        w(s.$slots, "default", {}, () => [
-          s.message ? (u(), b("span", va, x(s.message), 1)) : T("", !0),
-          (u(!0), b(D, null, F(s.actions, (r, n) => (u(), h(Ct, {
+        $(s.$slots, "default", {}, () => [
+          s.message ? (i(), y("span", za, x(s.message), 1)) : M("", !0),
+          (i(!0), y(D, null, U(s.actions, (r, n) => (i(), m(Rt, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -3019,7 +3022,7 @@ Do you still want to proceed?`
       _: 3
     }));
   }
-}), ya = /* @__PURE__ */ g({
+}), qa = /* @__PURE__ */ h({
   __name: "Toast",
   props: {
     message: {},
@@ -3028,14 +3031,15 @@ Do you still want to proceed?`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = c(() => lt(
+    const e = c(() => pt(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
         variants: {
           variant: {
             secondary: "bg-gray-900 text-white ring-black",
-            danger: "bg-red-50 text-red-900 ring-red-100"
+            danger: "bg-red-50 text-red-900 ring-red-100",
+            warning: "bg-yellow-50 text-yellow-900 ring-yellow-100"
           }
         },
         defaultVariants: {
@@ -3043,134 +3047,137 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (u(), h(ba, {
-      class: k(e.value)
+    return s(), (r, n) => (i(), m(Ra, {
+      class: C(e.value)
     }, {
       default: f(() => [
-        r.message ? (u(), h(P, {
+        r.message ? (i(), m(z, {
           key: 0,
           text: r.message,
           inline: ""
-        }, null, 8, ["text"])) : T("", !0),
-        (u(!0), b(D, null, F(r.actions, (a, i) => (u(), h(q, {
-          key: i,
+        }, null, 8, ["text"])) : M("", !0),
+        (i(!0), y(D, null, U(r.actions, (a, u) => (i(), m(I, {
+          key: u,
           action: a,
           variant: r.variant,
-          as: Ct
+          as: Rt
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), wa = { $ui: z }, $a = {
+}), Aa = { $ui: A }, Pa = {
   async install(t, s) {
     const e = {
-      "alert-modal": en,
-      "confirm-modal": on,
-      "error-report-modal": Rn,
-      "loading-modal": On,
-      "prompt-modal": Gn,
-      "startup-crash": ga,
-      toast: ya,
+      "alert-modal": bn,
+      "confirm-modal": Sn,
+      "error-report-modal": Gn,
+      "loading-modal": ia,
+      "prompt-modal": ga,
+      "startup-crash": Ia,
+      toast: qa,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
-      z.registerComponent(r, n);
-    await $e(t, wa);
+      A.registerComponent(r, n);
+    await ke(t, Aa);
   }
 };
-async function _a(t, s = {}) {
+async function Da(t, s = {}) {
   var r;
-  const e = [Br, Ks, jr, Sr, Xs, $a, ...s.plugins ?? []];
-  A.instance = t, await Bs(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await R.emit("application-ready");
+  const e = [an, _r, nn, Or, kr, Pa, ...s.plugins ?? []];
+  P.instance = t, await rr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
 }
-async function Vl(t, s = {}) {
+async function Zl(t, s = {}) {
   var r;
-  const e = Rt(t);
-  J() && (window.$aerogel = e), await _a(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await R.emit("application-mounted");
+  const e = Jt(t);
+  Z() && (window.$aerogel = e), await Da(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await F.emit("application-mounted");
 }
-const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
-  __name: "AppModals",
-  setup(t) {
-    const s = c(() => z.modals[0] ?? null);
-    return (e, r) => s.value ? (u(), b("aside", xa, [
-      p(yt, {
-        "child-index": 1,
-        modal: s.value
-      }, null, 8, ["modal"])
-    ])) : T("", !0);
-  }
-}), ka = /* @__PURE__ */ g({
+const Ba = /* @__PURE__ */ h({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (u(), h(o(Ts), null, {
+    return (s, e) => (i(), m(l(Us), null, {
       default: f(() => [
-        (u(!0), b(D, null, F(s.$ui.toasts, (r) => (u(), h(W(r.component), H({
+        (i(!0), y(D, null, U(s.$ui.toasts, (r) => (i(), m(ee(r.component), H({
           id: r.id,
-          key: r.id,
-          ref_for: !0
-        }, r.properties), null, 16, ["id"]))), 128)),
-        p(o(Ms), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+          key: r.id
+        }, { ref_for: !0 }, r.properties), null, 16, ["id"]))), 128)),
+        d(l(Os), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
   }
-}), Sa = /* @__PURE__ */ g({
+}), ja = /* @__PURE__ */ h({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (u(), b(D, null, [
-      p(Ca),
-      p(ka)
+    return (s, e) => (i(), y(D, null, [
+      d(l(ys), { nested: "" }),
+      d(Ba)
     ], 64));
   }
-}), Ta = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ll = /* @__PURE__ */ g({
+}), Fa = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Xl = /* @__PURE__ */ h({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (u(), b("div", Ta, [
-      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
-        (u(), h(W(s.$ui.requireComponent("startup-crash"))))
-      ]) : w(s.$slots, "default", { key: 1 }),
-      p(Sa)
+    return (s, e) => (i(), y("div", Fa, [
+      s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
+        (i(), m(ee(s.$ui.requireComponent("startup-crash"))))
+      ]) : $(s.$slots, "default", { key: 1 }),
+      d(ja)
     ]));
   }
-}), Ma = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Ha = /* @__PURE__ */ g({
+}), Ua = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Oa = /* @__PURE__ */ h({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = G("$textAreaRef"), e = V(
+    const s = te("$textAreaRef"), e = R(
       "input",
       "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
     ), r = c(() => e.name ?? void 0), n = c(() => e.value);
     function a() {
       s.value && e.update(s.value.value);
     }
-    return it(e, () => {
-      var i;
-      return (i = s.value) == null ? void 0 : i.focus();
-    }), (i, l) => (u(), b("textarea", {
-      id: o(e).id,
+    return ft(e, () => {
+      var u;
+      return (u = s.value) == null ? void 0 : u.focus();
+    }), (u, o) => (i(), y("textarea", {
+      id: l(e).id,
       ref: "$textAreaRef",
       name: r.value,
       value: n.value,
-      required: o(e).required ?? void 0,
-      "aria-invalid": o(e).errors ? "true" : "false",
-      "aria-describedby": o(e).errors ? `${o(e).id}-error` : o(e).description ? `${o(e).id}-description` : void 0,
+      required: l(e).required ?? void 0,
+      "aria-invalid": l(e).errors ? "true" : "false",
+      "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
       onInput: a
-    }, null, 40, Ma));
+    }, null, 40, Ua));
   }
-}), Ea = { class: "group" }, Va = { class: "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, La = { class: "pt-2 pl-4" }, Il = /* @__PURE__ */ g({
-  __name: "AdvancedOptions",
+}), Na = { class: "group" }, Wa = { class: "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, Ka = { class: "pt-2 pl-4" }, Qa = /* @__PURE__ */ h({
+  __name: "Details",
+  props: {
+    label: {}
+  },
   setup(t) {
-    return (s, e) => (u(), b("details", Ea, [
-      y("summary", Va, [
-        p(o($t), { class: "size-6 transition-transform group-open:rotate-90" }),
-        y("span", null, x(s.$td("ui.advancedOptions", "Advanced options")), 1)
+    return (s, e) => (i(), y("details", Na, [
+      b("summary", Wa, [
+        d(l(Lt), { class: "size-6 transition-transform group-open:rotate-90" }),
+        b("span", null, x(s.label), 1)
       ]),
-      y("div", La, [
-        w(s.$slots, "default")
+      b("div", Ka, [
+        $(s.$slots, "default")
       ])
     ]));
   }
-}), Ia = { class: "flex h-6 items-center" }, ql = /* @__PURE__ */ g({
+}), Yl = /* @__PURE__ */ h({
+  __name: "AdvancedOptions",
+  setup(t) {
+    return (s, e) => (i(), m(Qa, {
+      label: s.$td("ui.advancedOptions", "Advanced options")
+    }, {
+      default: f(() => [
+        $(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["label"]));
+  }
+}), Ja = { class: "flex h-6 items-center" }, Gl = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3183,53 +3190,53 @@ const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = N(t, ["inputClass", "labelClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative flex items-start", n.value)), i = c(() => {
-      var d, v;
-      return M(
+    const s = K(t, ["inputClass", "labelClass"]), e = te("$inputRef"), [r, n] = Ae(), a = c(() => E("relative flex items-start", n.value)), u = c(() => {
+      var p, g;
+      return E(
         "size-4 rounded text-primary-600 not-checked:hover:bg-gray-200 checked:hover:text-primary-500 checked:border-0",
         {
-          "border-gray-300 focus:ring-primary-600": !((d = e.value) != null && d.errors),
-          "border-red-400 border-2 focus:ring-red-600": (v = e.value) == null ? void 0 : v.errors
+          "border-gray-300 focus:ring-primary-600": !((p = e.value) != null && p.errors),
+          "border-red-400 border-2 focus:ring-red-600": (g = e.value) == null ? void 0 : g.errors
         },
         t.inputClass
       );
-    }), l = c(() => M("ml-2 text-sm leading-6", t.labelClass));
-    return (d, v) => (u(), h(ze, H({
+    }), o = c(() => E("ml-2 text-sm leading-6", t.labelClass));
+    return (p, g) => (i(), m(Be, H({
       ref: "$inputRef",
       class: a.value
     }, s, {
-      "onUpdate:modelValue": v[0] || (v[0] = ($) => d.$emit("update:modelValue", $))
+      "onUpdate:modelValue": g[0] || (g[0] = (w) => p.$emit("update:modelValue", w))
     }), {
       default: f(() => [
-        y("div", Ia, [
-          p(_t, H(o(r), {
+        b("div", Ja, [
+          d(It, H(l(r), {
             type: "checkbox",
-            class: i.value
+            class: u.value
           }), null, 16, ["class"])
         ]),
-        d.$slots.default ? (u(), b("div", {
+        p.$slots.default ? (i(), y("div", {
           key: 0,
-          class: k(l.value)
+          class: C(o.value)
         }, [
-          p(fe, { class: "text-gray-900" }, {
+          d(ye, { class: "text-gray-900" }, {
             default: f(() => [
-              w(d.$slots, "default")
+              $(p.$slots, "default")
             ]),
             _: 3
           }),
-          p(he, { class: "text-red-600" })
-        ], 2)) : d.label ? (u(), b("div", {
+          d(we, { class: "text-red-600" })
+        ], 2)) : p.label ? (i(), y("div", {
           key: 1,
-          class: k(l.value)
+          class: C(o.value)
         }, [
-          p(fe, { class: "text-gray-900" }),
-          p(he, { class: "text-red-600" })
-        ], 2)) : T("", !0)
+          d(ye, { class: "text-gray-900" }),
+          d(we, { class: "text-red-600" })
+        ], 2)) : M("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), qa = /* @__PURE__ */ g({
+}), Za = /* @__PURE__ */ h({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3238,40 +3245,40 @@ const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
   },
   emits: ["select"],
   setup(t) {
-    const s = N(t, ["class"]), e = c(() => M(
+    const s = K(t, ["class"]), e = c(() => E(
       "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
       t.class
     ));
-    return (r, n) => (u(), h(o(Hs), H({ class: e.value }, s, {
+    return (r, n) => (i(), m(l(Ns), H({ class: e.value }, s, {
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
       default: f(() => [
-        w(r.$slots, "default")
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), za = /* @__PURE__ */ g({
+}), Xa = /* @__PURE__ */ h({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = V(
+    const s = R(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (u(), h(o(Es), {
+    return (e, r) => (i(), m(l(Ws), {
       class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
-      align: o(s).align,
-      side: o(s).side
+      align: l(s).align,
+      side: l(s).side
     }, {
       default: f(() => [
-        w(e.$slots, "default", {}, () => [
-          (u(!0), b(D, null, F(o(s).options, (n, a) => (u(), h(qa, H(
+        $(e.$slots, "default", {}, () => [
+          (i(!0), y(D, null, U(l(s).options, (n, a) => (i(), m(Za, H(
             {
               key: a,
-              as: n.route || n.href ? at : void 0,
-              class: n.class,
-              ref_for: !0
+              as: n.route || n.href ? $t : void 0,
+              class: n.class
             },
+            { ref_for: !0 },
             n.route || n.href ? {
               href: n.href,
               route: n.route,
@@ -3279,14 +3286,14 @@ const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
               routeQuery: n.routeQuery
             } : {},
             {
-              onSelect: (i) => {
-                var l;
-                return (l = n.click) == null ? void 0 : l.call(n);
+              onSelect: (u) => {
+                var o;
+                return (o = n.click) == null ? void 0 : o.call(n);
               }
             }
           ), {
             default: f(() => [
-              I(x(n.label), 1)
+              L(x(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3295,7 +3302,7 @@ const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), zl = /* @__PURE__ */ g({
+}), ei = /* @__PURE__ */ h({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3311,18 +3318,18 @@ const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return le("dropdown-menu", e), s(e), (r, n) => (u(), h(o(Vs), null, {
+    return pe("dropdown-menu", e), s(e), (r, n) => (i(), m(l(Ks), null, {
       default: f(() => [
-        p(o(Ls), null, {
+        d(l(Qs), null, {
           default: f(() => [
-            w(r.$slots, "default")
+            $(r.$slots, "default")
           ]),
           _: 3
         }),
-        p(o(Is), null, {
+        d(l(Js), null, {
           default: f(() => [
-            w(r.$slots, "options", {}, () => [
-              p(za)
+            $(r.$slots, "options", {}, () => [
+              d(Xa)
             ])
           ]),
           _: 3
@@ -3331,7 +3338,7 @@ const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), Ra = ["aria-hidden"], Pa = ["tabindex", "aria-label", "type"], Rl = /* @__PURE__ */ g({
+}), Ya = ["aria-hidden"], Ga = ["tabindex", "aria-label", "type"], ti = /* @__PURE__ */ h({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3344,106 +3351,106 @@ const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = G("$inputRef"), n = U(null), a = U(t.text), i = c(() => M("inline whitespace-pre", t.contentClass)), l = c(() => M("invisible whitespace-pre", t.contentClass)), d = c(() => M("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
-    function v() {
+    const e = s, r = te("$inputRef"), n = N(null), a = N(t.text), u = c(() => E("inline whitespace-pre", t.contentClass)), o = c(() => E("invisible whitespace-pre", t.contentClass)), p = c(() => E("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    function g() {
       n.value = t.text;
     }
-    function $() {
+    function w() {
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
-    return Y(() => a.value = t.text), (m, C) => (u(), b("div", {
-      class: k(["relative", { "pointer-events-none!": m.disabled && !n.value }])
+    return G(() => a.value = t.text), (v, k) => (i(), y("div", {
+      class: C(["relative", { "pointer-events-none!": v.disabled && !n.value }])
     }, [
-      n.value ? (u(), b("span", {
+      n.value ? (i(), y("span", {
         key: 1,
-        class: k(l.value)
-      }, x(a.value), 3)) : (u(), b("div", {
+        class: C(o.value)
+      }, x(a.value), 3)) : (i(), y("div", {
         key: 0,
-        class: k(i.value)
+        class: C(u.value)
       }, [
-        w(m.$slots, "default")
+        $(v.$slots, "default")
       ], 2)),
-      m.type === "number" ? (u(), b("span", {
+      v.type === "number" ? (i(), y("span", {
         key: 2,
-        class: k(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
-      }, null, 2)) : T("", !0),
-      y("form", {
+        class: C(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
+      }, null, 2)) : M("", !0),
+      b("form", {
         class: "w-full",
-        "aria-hidden": m.formAriaHidden,
-        onSubmit: C[4] || (C[4] = We((L) => {
-          var _e;
-          return (_e = r.value) == null ? void 0 : _e.blur();
+        "aria-hidden": v.formAriaHidden,
+        onSubmit: k[4] || (k[4] = rt((q) => {
+          var Q;
+          return (Q = r.value) == null ? void 0 : Q.blur();
         }, ["prevent"]))
       }, [
-        Ke(y("input", {
+        nt(b("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": C[0] || (C[0] = (L) => a.value = L),
-          tabindex: m.tabindex ?? void 0,
-          "aria-label": m.ariaLabel ?? void 0,
-          type: m.type,
-          class: k([
-            d.value,
-            { "opacity-0": !n.value, "appearance-textfield": !n.value && m.type === "number" }
+          "onUpdate:modelValue": k[0] || (k[0] = (q) => a.value = q),
+          tabindex: v.tabindex ?? void 0,
+          "aria-label": v.ariaLabel ?? void 0,
+          type: v.type,
+          class: C([
+            p.value,
+            { "opacity-0": !n.value, "appearance-textfield": !n.value && v.type === "number" }
           ]),
-          onKeyup: C[1] || (C[1] = (L) => m.$emit("update", a.value)),
-          onFocus: C[2] || (C[2] = (L) => v()),
-          onBlur: C[3] || (C[3] = (L) => $())
-        }, null, 42, Pa), [
-          [Pt, a.value]
+          onKeyup: k[1] || (k[1] = (q) => v.$emit("update", a.value)),
+          onFocus: k[2] || (k[2] = (q) => g()),
+          onBlur: k[3] || (k[3] = (q) => w())
+        }, null, 42, Ga), [
+          [Zt, a.value]
         ])
-      ], 40, Ra)
+      ], 40, Ya)
     ], 2));
   }
-}), Aa = {
+}), el = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function Da(t, s) {
-  return u(), b("svg", Aa, s[0] || (s[0] = [
-    y("path", {
+function tl(t, s) {
+  return i(), y("svg", el, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0 0 80 446.25h340.89a32 32 0 0 0 28.18-47.17m-198.6-1.83a20 20 0 1 1 20-20a20 20 0 0 1-20 20m21.72-201.15l-5.74 122a16 16 0 0 1-32 0l-5.74-121.95a21.73 21.73 0 0 1 21.5-22.69h.21a21.74 21.74 0 0 1 21.73 22.7Z"
     }, null, -1)
   ]));
 }
-const ja = E({ name: "ion-warning", render: Da }), Ba = {
+const sl = V({ name: "ion-warning", render: tl }), rl = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Fa(t, s) {
-  return u(), b("svg", Ba, s[0] || (s[0] = [
-    y("path", {
+function nl(t, s) {
+  return i(), y("svg", rl, s[0] || (s[0] = [
+    b("path", {
       fill: "currentColor",
       d: "M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10m9.8 4a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-2a2 2 0 1 1 0-4a2 2 0 0 1 0 4"
     }, null, -1)
   ]));
 }
-const Ua = E({ name: "zondicons-view-show", render: Fa }), Oa = { class: "font-medium" }, Na = ["datetime"], Wa = /* @__PURE__ */ g({
+const al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-medium" }, il = ["datetime"], ol = /* @__PURE__ */ h({
   __name: "ErrorLogsModal",
   setup(t) {
-    return (s, e) => (u(), h(se, {
+    return (s, e) => (i(), m(ne, {
       title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
     }, {
       default: f(() => [
-        y("ol", null, [
-          (u(!0), b(D, null, F(s.$errors.logs, (r, n) => (u(), b("li", {
+        b("ol", null, [
+          (i(!0), y(D, null, U(s.$errors.logs, (r, n) => (i(), y("li", {
             key: n,
             class: "mb-2 flex max-w-prose min-w-56 justify-between py-2 last:mb-0"
           }, [
-            y("div", null, [
-              y("h3", Oa, x(r.report.title), 1),
-              y("time", {
+            b("div", null, [
+              b("h3", ll, x(r.report.title), 1),
+              b("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, x(r.date.toLocaleTimeString()), 9, Na),
-              p(P, {
+              }, x(r.date.toLocaleTimeString()), 9, il),
+              d(z, {
                 class: "text-sm text-gray-500",
-                text: r.report.description ?? o(bt)(r.report)
+                text: r.report.description ?? l(Ht)(r.report)
               }, null, 8, ["text"])
             ]),
-            p(q, {
+            d(I, {
               size: "icon",
               variant: "ghost",
               "aria-label": s.$td("errors.viewDetails", "View details"),
@@ -3451,11 +3458,11 @@ const Ua = E({ name: "zondicons-view-show", render: Fa }), Oa = { class: "font-m
               class: "self-center",
               onClick: (a) => s.$errors.inspect(
                 r.report,
-                s.$errors.logs.map(({ report: i }) => i)
+                s.$errors.logs.map(({ report: u }) => u)
               )
             }, {
               default: f(() => [
-                p(o(Ua), {
+                d(l(al), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3468,36 +3475,36 @@ const Ua = E({ name: "zondicons-view-show", render: Fa }), Oa = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), Pl = /* @__PURE__ */ g({
+}), si = /* @__PURE__ */ h({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (u(), h(q, {
+    return (s, e) => s.$errors.logs.length > 0 ? (i(), m(I, {
       key: 0,
       size: "icon",
       variant: "ghost",
       title: s.$td("errors.viewLogs", "View error logs"),
       "aria-label": s.$td("errors.viewLogs", "View error logs"),
-      onClick: e[0] || (e[0] = (r) => s.$ui.modal(Wa))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(ol))
     }, {
       default: f(() => [
-        p(o(ja), { class: "size-6 text-red-500" })
+        d(l(sl), { class: "size-6 text-red-500" })
       ]),
       _: 1
-    }, 8, ["title", "aria-label"])) : T("", !0);
+    }, 8, ["title", "aria-label"])) : M("", !0);
   }
-}), Al = /* @__PURE__ */ g({
+}), ri = /* @__PURE__ */ h({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = c(() => bt(t.error));
-    return (e, r) => (u(), h(P, {
+    const s = c(() => Ht(t.error));
+    return (e, r) => (i(), m(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), Dl = /* @__PURE__ */ g({
+}), ni = /* @__PURE__ */ h({
   __name: "Link",
   props: {
     class: {},
@@ -3512,30 +3519,30 @@ const Ua = E({ name: "zondicons-view-show", render: Fa }), Oa = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (u(), h(q, H({ variant: "link" }, s.$props), {
+    return (s, e) => (i(), m(I, H({ variant: "link" }, s.$props), {
       default: f(() => [
-        w(s.$slots, "default")
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), jl = /* @__PURE__ */ g({
+}), ai = /* @__PURE__ */ h({
   __name: "SettingsModal",
   setup(t) {
-    const s = c(() => Jt(A.settings, "priority", "desc"));
-    return (e, r) => (u(), h(se, {
+    const s = c(() => is(P.settings, "priority", "desc"));
+    return (e, r) => (i(), m(ne, {
       title: e.$td("settings.title", "Settings")
     }, {
       default: f(() => [
-        (u(!0), b(D, null, F(s.value, (n, a) => (u(), h(W(n.component), { key: a }))), 128))
+        (i(!0), y(D, null, U(s.value, (n, a) => (i(), m(ee(n.component), { key: a }))), 128))
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), Ka = {
+}), ul = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, Bl = /* @__PURE__ */ g({
+}, li = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3548,47 +3555,47 @@ const Ua = E({ name: "zondicons-view-show", render: Fa }), Oa = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = N(t, ["label", "inputClass", "wrapperClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = c(() => {
-      var l, d, v;
-      return M(
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = te("$inputRef"), [r, n] = Ae(), a = c(() => E("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
+      var o, p, g;
+      return E(
         // eslint-disable-next-line vue/max-len
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
-          "focus:ring-primary-600": !((l = e.value) != null && l.errors),
-          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
-          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
+          "focus:ring-primary-600": !((o = e.value) != null && o.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((p = e.value) != null && p.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (g = e.value) == null ? void 0 : g.errors
         },
         t.inputClass
       );
     });
-    return (l, d) => (u(), h(ze, H({
+    return (o, p) => (i(), m(Be, H({
       ref: "$inputRef",
-      label: l.label,
-      class: o(n)
+      label: o.label,
+      class: l(n)
     }, s, {
-      "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
+      "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
     }), {
       default: f(() => {
-        var v;
+        var g;
         return [
-          p(fe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
-          y("div", {
-            class: k(a.value)
+          d(ye, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          b("div", {
+            class: C(a.value)
           }, [
-            p(Ha, H(o(r), { class: i.value }), null, 16, ["class"]),
-            (v = e.value) != null && v.errors ? (u(), b("div", Ka, [
-              p(o(qe), { class: "size-5 text-red-500" })
-            ])) : T("", !0)
+            d(Oa, H(l(r), { class: u.value }), null, 16, ["class"]),
+            (g = e.value) != null && g.errors ? (i(), y("div", ul, [
+              d(l(De), { class: "size-5 text-red-500" })
+            ])) : M("", !0)
           ], 2),
-          p(xt, { class: "mt-2 text-sm text-gray-600" }),
-          p(he, { class: "mt-2 text-sm text-red-600" })
+          d(zt, { class: "mt-2 text-sm text-gray-600" }),
+          d(we, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-class Fl {
+class ii {
   constructor() {
     _(this, "status");
     _(this, "_listeners");
@@ -3596,22 +3603,22 @@ class Fl {
     _(this, "_cancelled");
     _(this, "_started");
     _(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new Zt(), this._started = new K(), this._completed = new K();
+    this.status = this.getInitialStatus(), this._listeners = new os(), this._started = new J(), this._completed = new J();
   }
   async start() {
     this.beforeStart(), this._started.resolve();
     try {
       await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
     } catch (s) {
-      if (s instanceof Ue)
+      if (s instanceof et)
         return;
-      throw ee(Xt(s), (e) => {
+      throw se(us(s), (e) => {
         this._completed.reject(e);
       });
     }
   }
   async cancel() {
-    this._cancelled = new K(), await this._cancelled;
+    this._cancelled = new J(), await this._cancelled;
   }
   serialize() {
     return this.serializeStatus(this.status);
@@ -3646,10 +3653,10 @@ class Fl {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new Ue();
+      throw this._cancelled.resolve(), new et();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? Yt(
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? cs(
       s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
     ) : 0;
@@ -3663,147 +3670,158 @@ class Fl {
     return { ...s };
   }
 }
-async function Ul(t) {
+async function oi(t) {
   await t.start();
 }
 export {
-  Il as AdvancedOptions,
-  en as AlertModal,
-  A as App,
-  Ll as AppLayout,
-  Ca as AppModals,
-  Sa as AppOverlays,
-  js as AppService,
-  ka as AppToasts,
-  q as Button,
-  cl as Cache,
-  Qs as CacheService,
-  ql as Checkbox,
-  on as ConfirmModal,
-  zl as DropdownMenu,
-  qa as DropdownMenuOption,
-  za as DropdownMenuOptions,
-  Rl as EditableContent,
-  Pl as ErrorLogs,
-  Wa as ErrorLogsModal,
-  Al as ErrorMessage,
-  Rn as ErrorReportModal,
-  Tn as ErrorReportModalButtons,
-  Mn as ErrorReportModalTitle,
-  nt as Errors,
-  ll as EventListenerPriorities,
-  R as Events,
-  As as EventsService,
-  wt as Form,
-  gr as FormController,
-  at as HeadlessButton,
-  ze as HeadlessInput,
-  xt as HeadlessInputDescription,
-  he as HeadlessInputError,
-  _t as HeadlessInputInput,
-  fe as HeadlessInputLabel,
-  Ha as HeadlessInputTextArea,
-  Nr as HeadlessModal,
-  Wr as HeadlessModalContent,
-  Kr as HeadlessModalDescription,
-  Qr as HeadlessModalOverlay,
-  Jr as HeadlessModalTitle,
-  vr as HeadlessSelect,
-  Be as HeadlessSelectLabel,
-  pt as HeadlessSelectOption,
-  mt as HeadlessSelectOptions,
-  dt as HeadlessSelectTrigger,
-  ct as HeadlessSelectValue,
-  Ir as HeadlessSwitch,
-  ba as HeadlessToast,
-  Jn as Input,
-  Fl as Job,
-  Ue as JobCancelledError,
-  Z as Lang,
-  me as Layouts,
-  Dl as Link,
-  On as LoadingModal,
-  tt as MOBILE_BREAKPOINT,
-  P as Markdown,
-  se as Modal,
-  yt as ModalContext,
-  Fn as ProgressBar,
-  Gn as PromptModal,
-  $r as Select,
-  ft as SelectLabel,
-  Fe as SelectOption,
-  ht as SelectOptions,
-  gt as SelectTrigger,
-  we as Service,
-  Te as ServiceBootError,
-  Vr as Setting,
-  jl as SettingsModal,
-  ga as StartupCrash,
-  et as Storage,
-  qr as Switch,
-  Bl as TextArea,
-  ya as Toast,
-  z as UI,
-  Gs as UIService,
-  fl as __valueType,
-  qs as appNamespace,
-  wl as booleanInput,
-  $e as bootServices,
-  Vl as bootstrap,
-  _a as bootstrapApplication,
-  M as classes,
-  vl as computedAsync,
-  bl as computedDebounce,
-  $l as dateInput,
-  ul as defineDirective,
-  ml as defineFormValidationRule,
-  il as definePlugin,
-  ye as defineServiceState,
-  Ps as defineServiceStore,
-  ol as defineSettings,
-  Ul as dispatch,
-  _l as enumInput,
-  st as getCurrentLayout,
-  bt as getErrorMessage,
-  ir as getMarkdownRouter,
-  Rs as getPiniaStore,
-  dr as hasSelectOptionLabel,
-  Os as injectOrFail,
-  Us as injectReactive,
-  V as injectReactiveOrFail,
-  Bs as installPlugins,
-  Ml as numberInput,
-  Hl as objectInput,
-  hl as onCleanMounted,
-  it as onFormFocus,
-  gl as persistent,
-  yl as registerErrorHandler,
-  ur as renderMarkdown,
-  Ge as renderVNode,
-  dl as replaceExisting,
-  xl as requiredBooleanInput,
-  Cl as requiredDateInput,
-  kl as requiredEnumInput,
-  Sl as requiredNumberInput,
-  Tl as requiredObjectInput,
-  Zn as requiredStringInput,
-  zs as resetPiniaStore,
-  cr as safeHtml,
-  pl as setMarkdownRouter,
-  El as stringInput,
-  rt as translate,
+  Yl as AdvancedOptions,
+  bn as AlertModal,
+  P as App,
+  Xl as AppLayout,
+  ja as AppOverlays,
+  sr as AppService,
+  Ba as AppToasts,
+  I as Button,
+  ql as Cache,
+  xr as CacheService,
+  Gl as Checkbox,
+  Sn as ConfirmModal,
+  Qa as Details,
+  ei as DropdownMenu,
+  Za as DropdownMenuOption,
+  Xa as DropdownMenuOptions,
+  ti as EditableContent,
+  si as ErrorLogs,
+  ol as ErrorLogsModal,
+  ri as ErrorMessage,
+  Gn as ErrorReportModal,
+  On as ErrorReportModalButtons,
+  Nn as ErrorReportModalTitle,
+  wt as Errors,
+  Cl as EventListenerPriorities,
+  F as Events,
+  er as EventsService,
+  Vt as Form,
+  pr as FormController,
+  $t as HeadlessButton,
+  Be as HeadlessInput,
+  zt as HeadlessInputDescription,
+  we as HeadlessInputError,
+  It as HeadlessInputInput,
+  ye as HeadlessInputLabel,
+  Oa as HeadlessInputTextArea,
+  cn as HeadlessModal,
+  dn as HeadlessModalContent,
+  pn as HeadlessModalDescription,
+  fn as HeadlessModalOverlay,
+  mn as HeadlessModalTitle,
+  Rr as HeadlessSelect,
+  Ye as HeadlessSelectLabel,
+  Ct as HeadlessSelectOption,
+  St as HeadlessSelectOptions,
+  xt as HeadlessSelectTrigger,
+  _t as HeadlessSelectValue,
+  Xr as HeadlessSwitch,
+  Ra as HeadlessToast,
+  pa as Input,
+  ii as Job,
+  et as JobCancelledError,
+  Ze as LOCAL_TIMEZONE_OFFSET,
+  X as Lang,
+  be as Layouts,
+  ni as Link,
+  ia as LoadingModal,
+  yr as MINUTE_MILLISECONDS,
+  vt as MOBILE_BREAKPOINT,
+  z as Markdown,
+  ne as Modal,
+  di as ModalComponent,
+  pi as ModalsPortal,
+  aa as ProgressBar,
+  ga as PromptModal,
+  Dr as Select,
+  kt as SelectLabel,
+  Ge as SelectOption,
+  Tt as SelectOptions,
+  Mt as SelectTrigger,
+  Se as Service,
+  Ve as ServiceBootError,
+  Jr as Setting,
+  ai as SettingsModal,
+  Ia as StartupCrash,
+  gt as Storage,
+  Yr as Switch,
+  li as TextArea,
+  qa as Toast,
+  A as UI,
+  Mr as UIService,
+  Hl as __valueType,
+  $r as aerogelDirectives,
+  Zs as appNamespace,
+  Dl as booleanInput,
+  ke as bootServices,
+  Zl as bootstrap,
+  Da as bootstrapApplication,
+  E as classes,
+  fi as closeModal,
+  Il as computedAsync,
+  zl as computedDebounce,
+  mi as createModal,
+  Bl as dateInput,
+  Tl as defineDirective,
+  El as defineFormValidationRule,
+  kl as definePlugin,
+  Ce as defineServiceState,
+  Gs as defineServiceStore,
+  Sl as defineSettings,
+  oi as dispatch,
+  jl as enumInput,
+  bt as getCurrentLayout,
+  Ht as getErrorMessage,
+  vr as getMarkdownRouter,
+  Ys as getPiniaStore,
+  zr as hasSelectOptionLabel,
+  hi as injectModal,
+  lr as injectOrFail,
+  ar as injectReactive,
+  R as injectReactiveOrFail,
+  rr as installPlugins,
+  gi as modals,
+  Kl as numberInput,
+  Ql as objectInput,
+  Vl as onCleanMounted,
+  ft as onFormFocus,
+  Ll as persistent,
+  fr as reactiveSet,
+  Pl as registerErrorHandler,
+  br as renderMarkdown,
+  dt as renderVNode,
+  Al as replaceExisting,
+  Fl as requiredBooleanInput,
+  Ul as requiredDateInput,
+  Ol as requiredEnumInput,
+  Nl as requiredNumberInput,
+  Wl as requiredObjectInput,
+  fa as requiredStringInput,
+  Xs as resetPiniaStore,
+  ht as safeHtml,
+  Rl as setMarkdownRouter,
+  vi as showModal,
+  Jl as stringInput,
+  yt as translate,
   S as translateWithDefault,
-  Gr as useAlertModal,
-  tn as useConfirmModal,
-  Hn as useErrorReportModal,
-  ot as useEvent,
-  ut as useForm,
-  Ie as useInputAttrs,
-  Un as useLoadingModal,
-  Xn as usePromptModal,
-  hr as validate,
-  fr as validateType,
-  de as validators,
-  lt as variantClasses
+  vn as useAlertModal,
+  yn as useConfirmModal,
+  Wn as useErrorReportModal,
+  Ml as useEvent,
+  mt as useForm,
+  Ae as useInputAttrs,
+  la as useLoadingModal,
+  Pe as useModal,
+  ma as usePromptModal,
+  dr as validate,
+  cr as validateType,
+  ge as validators,
+  pt as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map