@aerogel/core 0.1.1-next.c3c3c32e9b674ba4ae2d33973d4659e37c863c35 → 0.1.1-next.ce10b6d6ba4cd98145cf14595fb4f292b979e2dc

package/dist/aerogel-core.js

@@ -1,44 +1,44 @@
-var At = Object.defineProperty;
-var Dt = (t, s, e) => s in t ? At(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var C = (t, s, e) => Dt(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as V, Comment as Bt, Text as jt, Static as Ft, inject as Y, reactive as ve, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as _e, nextTick as Ot, useAttrs as st, onMounted as rt, watch as Le, toRaw as Ut, customRef as Nt, watchEffect as G, defineComponent as g, 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 _, createElementBlock as b, Fragment as D, renderList as O, provide as pe, resolveDynamicComponent as ee, useSlots as Ie, createCommentVNode as E, createElementVNode as y, h as Wt, useTemplateRef as te, withModifiers as nt, withDirectives as at, vModelCheckbox as Kt, normalizeStyle as Ue, resolveComponent as Qt, createApp as Jt, vModelText as Zt } from "vue";
-import { JSError as Ce, stringToSlug as Xt, tap as se, MagicObject as lt, PromisedValue as J, Storage as U, objectOnly as ae, arrayFrom as it, 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 ot, isDevelopment as Z, isTesting as ze, after as ie, uuid as ue, isObject as he, objectWithoutEmpty as ut, value as as, isInstanceOf as Ne, 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 We } from "marked";
-import { injectModal as ct, useModal as gs, createModal as vs, showModal as Ke, closeModal as Qe, modals as le, ModalComponent as bs, ModalsPortal as ys } from "@noeldemartin/vue-modals";
-import { ModalComponent as ui, ModalsPortal as ci, closeModal as di, createModal as pi, injectModal as fi, modals as mi, showModal as hi } 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 Cs, SelectValue as Je, SelectTrigger as xs, 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 Ps, DialogDescription as As, DialogOverlay as Ds, DialogTitle as Bs, ToastClose as js, ToastRoot as Fs, ToastProvider as Os, ToastViewport as Us, DropdownMenuItem as Ns, DropdownMenuContent as Ws, DropdownMenuRoot as Ks, DropdownMenuTrigger as Qs, DropdownMenuPortal as Js } from "reka-ui";
-class Ve extends Ce {
+var Ot = Object.defineProperty;
+var Ft = (t, s, e) => s in t ? Ot(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var C = (t, s, e) => Ft(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as R, Comment as Ut, Text as Nt, Static as Wt, inject as te, reactive as we, unref as l, onUnmounted as Ce, ref as B, computed as d, readonly as ke, nextTick as Kt, useAttrs as nt, onMounted as at, watch as X, toRaw as Qt, customRef as Jt, watchEffect as se, defineComponent as v, createBlock as g, openBlock as o, mergeProps as I, withCtx as h, renderSlot as $, createPropsRestProxy as K, provide as oe, createVNode as p, normalizeProps as me, guardReactiveProps as fe, createTextVNode as z, toDisplayString as x, normalizeClass as _, createElementBlock as y, Fragment as j, renderList as F, resolveDynamicComponent as re, useSlots as Se, createCommentVNode as T, createElementVNode as w, h as Zt, useTemplateRef as Z, withModifiers as lt, withDirectives as ot, vModelCheckbox as Gt, normalizeStyle as Ne, resolveComponent as Xt, createApp as Yt, withKeys as es, vModelText as ts } from "vue";
+import { JSError as Te, stringToSlug as ss, tap as ne, MagicObject as it, PromisedValue as G, Storage as Q, objectOnly as ie, arrayFrom as ut, isEmpty as He, objectDeepClone as rs, fail as J, facade as ae, arrayRemove as ze, getEnv as ns, updateLocationQueryParameters as as, forever as ls, toString as O, objectWithout as os, noop as is, debounce as us, stringMatchAll as ct, isDevelopment as Y, isTesting as qe, after as ce, uuid as pe, isObject as be, objectWithoutEmpty as dt, evaluate as cs, isInstanceOf as We, stringExcerpt as ds, arraySorted as ps, ListenersManager as ms, toError as fs, round as hs } from "@noeldemartin/utils";
+import N from "virtual:aerogel";
+import { createPinia as gs, setActivePinia as vs, defineStore as bs } from "pinia";
+import ys from "dompurify";
+import { marked as ws, Renderer as Ke } from "marked";
+import { injectModal as pt, useModal as $s, createModal as _s, showModal as Qe, closeModal as Je, modals as ue, ModalComponent as xs, ModalsPortal as Cs } from "@noeldemartin/vue-modals";
+import { ModalComponent as Po, ModalsPortal as Ao, closeModal as Do, createModal as Bo, injectModal as jo, modals as Oo, showModal as Fo } from "@noeldemartin/vue-modals";
+import ks from "clsx";
+import { cva as Ss } from "class-variance-authority";
+import { twMerge as Ts } from "tailwind-merge";
+import { Primitive as Ms, SelectValue as Ze, SelectTrigger as Vs, SelectIcon as Es, SelectItem as Hs, SelectItemText as Ls, SelectPortal as Is, SelectContent as zs, SelectViewport as Rs, SelectRoot as qs, Label as mt, useForwardExpose as Pe, SwitchRoot as Ps, SwitchThumb as As, DialogRoot as Ds, DialogPortal as Bs, DialogContent as js, DialogDescription as Os, DialogOverlay as Fs, DialogTitle as Us, ToastClose as Ns, ToastRoot as Ws, ToastProvider as Ks, ToastViewport as Qs, injectComboboxRootContext as Js, ComboboxItem as Zs, useFilter as Gs, ComboboxPortal as Xs, ComboboxContent as Ys, ComboboxViewport as er, ComboboxEmpty as tr, ComboboxGroup as sr, ComboboxAnchor as rr, ComboboxInput as nr, ComboboxRoot as ar, DropdownMenuItem as lr, DropdownMenuContent as or, DropdownMenuRoot as ir, DropdownMenuTrigger as ur, DropdownMenuPortal as cr } from "reka-ui";
+class Re extends Te {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-function Zs() {
-  return B.namespace ?? Xt(B.name);
+function dr() {
+  return N.namespace ?? ss(N.name);
 }
-let qe = null;
-function dt() {
-  return qe ?? Xs();
+let Ae = null;
+function ft() {
+  return Ae ?? pr();
 }
-function Xs() {
-  return se(ds(), (t) => {
-    qe = t, ps(t);
+function pr() {
+  return ne(gs(), (t) => {
+    Ae = t, vs(t);
   });
 }
-function Ys() {
-  return qe ?? dt();
+function mr() {
+  return Ae ?? ft();
 }
-function Gs(t, s) {
-  return dt(), fs(t, s)();
+function fr(t, s) {
+  return ft(), bs(t, s)();
 }
-function xe(t) {
+function Me(t) {
   var s;
-  return s = class extends Se {
+  return s = class extends Ve {
     usesStore() {
       return !0;
     }
@@ -74,8 +74,8 @@ To fix this problem, declare your initialState as a function instead.`
     }
   }, C(s, "persist", t.persist ?? []), s;
 }
-var Ee;
-let Se = (Ee = class extends lt {
+var Ie;
+let Ve = (Ie = class extends it {
   constructor() {
     super();
     C(this, "_name");
@@ -84,7 +84,7 @@ let Se = (Ee = class extends lt {
     C(this, "_watchers");
     C(this, "_store");
     const e = this.getComputedStateDefinition();
-    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, {
+    this._name = this.getName() ?? new.target.name, this._booted = new G(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && fr(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -97,7 +97,7 @@ let Se = (Ee = class extends lt {
     return super.static(e);
   }
   launch() {
-    const e = (r) => this._booted.reject(new Ve(this._name, r));
+    const e = (r) => this._booted.reject(new Re(this._name, r));
     try {
       this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
     } catch (r) {
@@ -106,7 +106,7 @@ let Se = (Ee = class extends lt {
     return this._booted;
   }
   hasPersistedState() {
-    return U.has(this.storageKey);
+    return Q.has(this.storageKey);
   }
   hasState(e) {
     return this._store ? e in this._store.$state || this._computedStateKeys.has(e) : !1;
@@ -118,14 +118,14 @@ let Se = (Ee = class extends lt {
   setState(e, r) {
     if (!this._store)
       return;
-    const n = typeof e == "string" ? { [e]: r } : e, a = ae(this._store.$state, Object.keys(n));
+    const n = typeof e == "string" ? { [e]: r } : e, a = ie(this._store.$state, Object.keys(n));
     Object.assign(this._store.$state, n), this.onStateUpdated(n, a);
   }
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const r = it(e), n = ae(this._store.$state, r);
-    Te(n) || this.onPersistentStateUpdated(n);
+    const r = ut(e), n = ie(this._store.$state, r);
+    He(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
     return this.hasState(e) ? this.getState(e) : super.__get(e);
@@ -134,21 +134,21 @@ let Se = (Ee = class extends lt {
     this.setState({ [e]: r });
   }
   get storageKey() {
-    return `${Zs()}:${this._name}`;
+    return `${dr()}:${this._name}`;
   }
   onStateUpdated(e, r) {
-    const n = ae(e, this.static("persist"));
-    Te(n) || this.onPersistentStateUpdated(n);
+    const n = ie(e, this.static("persist"));
+    He(n) || this.onPersistentStateUpdated(n);
     for (const a in e) {
       const u = this._watchers[a];
       !u || e[a] === r[a] || u.call(this, e[a], r[a]);
     }
   }
   onPersistentStateUpdated(e) {
-    const r = U.get(this.storageKey);
-    r && U.set(this.storageKey, {
+    const r = Q.get(this.storageKey);
+    r && Q.set(this.storageKey, {
       ...r,
-      ...this.serializePersistedState(Yt(e))
+      ...this.serializePersistedState(rs(e))
     });
   }
   usesStore() {
@@ -178,25 +178,25 @@ let Se = (Ee = class extends lt {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || Te(this.static("persist")))) {
-      if (U.has(this.storageKey)) {
-        const e = U.require(this.storageKey);
+    if (!(!this.usesStore() || He(this.static("persist")))) {
+      if (Q.has(this.storageKey)) {
+        const e = Q.require(this.storageKey);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      U.set(this.storageKey, ae(this.getState(), this.static("persist")));
+      Q.set(this.storageKey, ie(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
-    return this._store ? this._store : W(`Failed getting '${this._name}' store`);
+    return this._store ? this._store : J(`Failed getting '${this._name}' store`);
   }
-}, C(Ee, "persist", []), Ee);
-const _l = {
+}, C(Ie, "persist", []), Ie);
+const Ql = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class er extends Se {
+class hr extends Ve {
   constructor() {
     super(...arguments);
     C(this, "listeners", {});
@@ -211,7 +211,7 @@ class er extends Se {
     var a;
     const n = this.listeners[e] ?? { priorities: [], handlers: {} };
     for (const u of n.priorities)
-      await Promise.all(((a = n.handlers[u]) == null ? void 0 : a.map((o) => o(r))) ?? []);
+      await Promise.all(((a = n.handlers[u]) == null ? void 0 : a.map((i) => i(r))) ?? []);
   }
   // prettier-ignore
   /* eslint-enable max-len */
@@ -223,11 +223,11 @@ class er extends Se {
   /* eslint-enable max-len */
   once(e, r, n) {
     let a = null;
-    const u = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
-    return se(
+    const u = typeof r == "function" ? {} : r, i = typeof r == "function" ? r : n;
+    return ne(
       () => a && this.off(e, a),
-      (p) => {
-        a = (...v) => (p(), o(...v)), this.registerListener(e, u, o);
+      (c) => {
+        a = (...f) => (c(), i(...f)), this.registerListener(e, u, i);
       }
     );
   }
@@ -237,30 +237,30 @@ class er extends Se {
     if (!n)
       return;
     const a = [...n.priorities];
-    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));
+    for (const i of a)
+      ze(n.handlers[i] ?? [], r), ((u = n.handlers[i]) == null ? void 0 : u.length) === 0 && (delete n.handlers[i], ze(n.priorities, i));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
-    var p, v, w;
+    var c, f, m;
     const a = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const u = ((p = this.listeners[e]) == null ? void 0 : p.priorities) ?? W(`priorities missing for event '${e}'`), o = ((v = this.listeners[e]) == null ? void 0 : v.handlers) ?? W(`handlers missing for event '${e}'`);
-    u.includes(a) || (u.push(a), u.sort((h, k) => k - h), o[a] = []), (w = o[a]) == null || w.push(n);
+    const u = ((c = this.listeners[e]) == null ? void 0 : c.priorities) ?? J(`priorities missing for event '${e}'`), i = ((f = this.listeners[e]) == null ? void 0 : f.handlers) ?? J(`handlers missing for event '${e}'`);
+    u.includes(a) || (u.push(a), u.sort((b, M) => M - b), i[a] = []), (m = i[a]) == null || m.push(n);
   }
 }
-const F = re(er);
-function Cl(t) {
+const W = ae(hr);
+function Jl(t) {
   return t;
 }
-const tr = xe({
+const gr = Me({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: Gt() ?? "development",
-    version: B.version,
-    sourceUrl: B.sourceUrl,
+    environment: ns() ?? "development",
+    version: N.version,
+    sourceUrl: N.sourceUrl,
     settings: [],
     settingsFullscreenOnMobile: !1
   },
@@ -269,19 +269,19 @@ const tr = xe({
     staging: (t) => t.environment === "staging",
     testing: (t) => t.environment === "test" || t.environment === "testing",
     versionName(t) {
-      return this.development ? "dev." + B.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + B.sourceHash.toString().substring(0, 7) : `v${t.version}`;
+      return this.development ? "dev." + N.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + N.sourceHash.toString().substring(0, 7) : `v${t.version}`;
     },
     versionUrl(t) {
-      return t.sourceUrl + (this.development || this.staging ? `/tree/${B.sourceHash}` : `/releases/tag/${this.versionName}`);
+      return t.sourceUrl + (this.development || this.staging ? `/tree/${N.sourceHash}` : `/releases/tag/${this.versionName}`);
     }
   }
 });
-class sr extends tr {
+class vr extends gr {
   constructor() {
     super(...arguments);
-    C(this, "name", B.name);
-    C(this, "ready", new J());
-    C(this, "mounted", new J());
+    C(this, "name", N.name);
+    C(this, "ready", new G());
+    C(this, "mounted", new G());
   }
   isReady() {
     return this.ready.isResolved();
@@ -290,7 +290,7 @@ class sr extends tr {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push(V(e));
+    this.settings.push(R(e));
   }
   setSettingsFullscreenOnMobile(e) {
     this.settingsFullscreenOnMobile = e;
@@ -299,7 +299,7 @@ class sr extends tr {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && es(e), location.reload(), await ts();
+    e && as(e), location.reload(), await ls();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -309,15 +309,15 @@ class sr extends tr {
     return ((r = this.instance) == null ? void 0 : r.config.globalProperties[e]) ?? null;
   }
   async boot() {
-    F.once("application-ready", () => this.ready.resolve()), F.once("application-mounted", () => this.mounted.resolve());
+    W.once("application-ready", () => this.ready.resolve()), W.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const R = re(sr);
-function xl(t) {
+const A = ae(vr);
+function Zl(t) {
   return t;
 }
-async function rr(t, ...s) {
-  R.setState(
+async function br(t, ...s) {
+  A.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -325,55 +325,55 @@ async function rr(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function nr(t) {
-  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${j(r)}"`, "");
+function yr(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${O(r)}"`, "");
 }
-function Sl(t) {
+function Gl(t) {
   return t;
 }
-function ar(t) {
-  const s = Y(t);
-  return s ? ve(s) : void 0;
+function wr(t) {
+  const s = te(t);
+  return s ? we(s) : void 0;
 }
-function q(t, s) {
-  return ar(t) ?? W(s ?? `Could not resolve '${j(t)}' injection key`);
+function L(t, s) {
+  return wr(t) ?? J(s ?? `Could not resolve '${O(t)}' injection key`);
 }
-function lr(t, s) {
-  return Y(t) ?? W(s ?? `Could not resolve '${j(t)}' injection key`);
+function $r(t, s) {
+  return te(t) ?? J(s ?? `Could not resolve '${O(t)}' injection key`);
 }
-function pt(t) {
-  return typeof t == "string" ? t : t.type === Bt ? "" : t.type === jt || t.type === Ft ? t.children : t.type === "br" ? `
+function ht(t) {
+  return typeof t == "string" ? t : t.type === Ut ? "" : t.type === Nt || t.type === Wt ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${nr(t)}>${Array.from(t.children).map(pt).join("")}</${t.type}>`;
+` : `<${t.type} ${yr(t)}>${Array.from(t.children).map(ht).join("")}</${t.type}>`;
 }
-const Me = /* @__PURE__ */ new WeakMap(), ir = {
+const Le = /* @__PURE__ */ new WeakMap(), _r = {
   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 && Me.set(t, se(new ResizeObserver(n)).observe(t)), n();
+    e.watch && Le.set(t, ne(new ResizeObserver(n)).observe(t)), n();
   },
   unmounted(t) {
     var s;
-    (s = Me.get(t)) == null || s.unobserve(t), Me.delete(t);
+    (s = Le.get(t)) == null || s.unobserve(t), Le.delete(t);
   }
 };
-function ft(t, s) {
-  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = $s(n, a);
-  return T(u(r), l(e));
+function gt(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = Ss(n, a);
+  return k(u(r), l(e));
 }
-function T(...t) {
-  return _s(ws(t));
+function k(...t) {
+  return Ts(ks(t));
 }
-function kl(t, s) {
-  const e = F.on(t, s);
-  $e(() => e());
+function Xl(t, s) {
+  const e = W.on(t, s);
+  Ce(() => e());
 }
-const or = {
+const xr = {
   required: (t) => t ? void 0 : "required"
 };
-function ur(t, s) {
+function Cr(t, s) {
   var e;
   if (t == null)
     return !0;
@@ -392,20 +392,23 @@ function ur(t, s) {
       return typeof t == "object";
   }
 }
-const ge = { ...or };
-function Tl(t, s) {
-  ge[t] = s;
+const ye = { ...xr };
+function kr(t, s) {
+  ye[t] = s;
 }
-function cr(t, s) {
-  return ur(t, s) ? [] : ["invalid_value"];
+function Yl(t) {
+  return t;
+}
+function Sr(t, s) {
+  return Cr(t, s) ? [] : ["invalid_value"];
 }
-function dr(t, s) {
+function Tr(t, s) {
   var r;
-  const e = (r = ge[s]) == null ? void 0 : r.call(ge, t);
-  return e ? it(e) : [];
+  const e = (r = ye[s]) == null ? void 0 : r.call(ye, t);
+  return e ? ut(e) : [];
 }
-const Ml = Symbol(), Ze = /* @__PURE__ */ new WeakMap();
-class pr extends lt {
+const eo = Symbol(), Ge = /* @__PURE__ */ new WeakMap();
+class Mr extends it {
   constructor(e) {
     super();
     C(this, "errors");
@@ -414,28 +417,28 @@ class pr extends lt {
     C(this, "_submitted");
     C(this, "_errors");
     C(this, "_listeners", {});
-    this._fields = e, this._submitted = N(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Ze.set(
+    this._fields = e, this._submitted = B(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Ge.set(
       this,
-      c(() => !Object.values(this._errors).some((r) => r !== null))
-    ), this.errors = _e(this._errors);
+      d(() => !Object.values(this._errors).some((r) => r !== null))
+    ), this.errors = ke(this._errors);
   }
   get valid() {
     var e;
-    return !!((e = Ze.get(this)) != null && e.value);
+    return !!((e = Ge.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();
+    const n = this._fields[e] ?? J(`Trying to set undefined '${O(e)}' field`);
+    this._data[e] = n.type === "string" && (n.trim ?? !0) ? O(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("|")) ?? [];
+    var r;
+    return ((r = this._fields[e]) == null ? void 0 : r.rules) ?? [];
   }
   setFieldErrors(e, r) {
     this._errors[e] = r;
@@ -468,11 +471,11 @@ class pr extends lt {
     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);
+    ze(this._listeners[e] ?? [], r);
   }
   async focus(e) {
     var r;
-    await Ot(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
+    await Kt(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
   }
   __get(e) {
     return e in this._fields ? this.getFieldValue(e) : super.__get(e);
@@ -485,24 +488,23 @@ class pr extends lt {
     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));
+    const n = [], a = this._data[e], u = r.rules ?? [];
+    n.push(...Sr(a, r));
+    for (const i of u)
+      i !== "required" && a == null || n.push(...Tr(a, i));
     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);
+    return we(r);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return ve(r);
+    return we(r);
   }
   resetData() {
     for (const [e, r] of Object.entries(this._fields))
@@ -512,30 +514,30 @@ class pr extends lt {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function mt(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 vt(t, s) {
+  const e = te("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
+  Ce(() => r == null ? void 0 : r());
 }
-function ht(t) {
-  return new pr(t);
+function bt(t) {
+  return new Mr(t);
 }
-function Pe() {
-  const t = st(), s = c(() => t.class);
-  return [c(() => ss(t, "class")), s];
+function De() {
+  const t = nt(), s = d(() => t.class);
+  return [d(() => os(t, "class")), s];
 }
-function El(t) {
-  let s = rs;
-  rt(() => s = t()), $e(() => s());
+function to(t) {
+  let s = is;
+  at(() => s = t()), Ce(() => s());
 }
-function Hl(t, s) {
-  const e = ve(U.get(t) ?? s);
-  return Le(e, () => U.set(t, Ut(e))), e;
+function so(t, s) {
+  const e = we(Q.get(t) ?? s);
+  return X(e, () => Q.set(t, Qt(e))), e;
 }
-function fr(t) {
+function Vr(t) {
   let s = new Set(t), e, r;
-  const n = Nt((a, u) => (r = a, e = u, {
+  const n = Jt((a, u) => (r = a, e = u, {
     get: () => s,
-    set: () => W("Attempted to write read-only reactive set")
+    set: () => J("Attempted to write read-only reactive set")
   }));
   return {
     values() {
@@ -558,68 +560,72 @@ function fr(t) {
     }
   };
 }
-function Vl(t) {
-  const s = N(), e = c(t);
-  return Le(e, async () => s.value = await e.value, { immediate: !0 }), s;
+function ro(t) {
+  const s = B(), e = d(t);
+  return X(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-function Ll(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;
+function no(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = B(e.initial ?? null), a = us((u) => n.value = u, e.delay ?? 300);
+  return se(() => a(r())), n;
 }
-let oe = null;
-function mr() {
-  return se(new We(), (t) => {
+let de = null;
+function Er() {
+  return ne(new Ke(), (t) => {
     t.link = function(s) {
-      const e = We.prototype.link.apply(this, [s]);
+      const e = Ke.prototype.link.apply(this, [s]);
       return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
     };
   });
 }
-function hr(t) {
-  const s = ot(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function Hr(t) {
+  const s = ct(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 = ot(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function Lr(t) {
+  const s = ct(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
   for (const [e, r, n] of s) {
-    const a = (oe == null ? void 0 : oe.resolve(r)) ?? r;
+    const a = (de == null ? void 0 : de.resolve(r)) ?? r;
     t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
   }
   return t;
 }
-function vr() {
-  return oe;
+function Ir() {
+  return de;
 }
-function Il(t) {
-  oe = t;
+function ao(t) {
+  de = t;
 }
-function br(t) {
-  let s = hs(t, { renderer: mr(), async: !1 });
-  return s = gt(s), s = hr(s), s = gr(s), s;
+function zr(t) {
+  let s = ws(t, { renderer: Er(), async: !1 });
+  return s = yt(s), s = Hr(s), s = Lr(s), s;
 }
-function gt(t) {
-  return ms.sanitize(t, { ADD_ATTR: ["target"] });
+function yt(t) {
+  return ys.sanitize(t, { ADD_ATTR: ["target"] });
 }
-const yr = 6e4, Xe = -(/* @__PURE__ */ new Date()).getTimezoneOffset() * -yr, wr = {
+const Rr = 6e4;
+function Xe(t) {
+  return -(t ?? /* @__PURE__ */ new Date()).getTimezoneOffset() * -Rr;
+}
+const qr = {
   mounted(t, { value: s }) {
-    t.innerHTML = gt(s);
+    t.innerHTML = yt(s);
   }
-}, $r = {
-  measure: ir,
-  "safe-html": wr
-}, _r = {
+}, Pr = {
+  measure: _r,
+  "safe-html": qr
+}, Ar = {
   install(t, s) {
     const e = {
-      ...$r,
+      ...Pr,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class Cr extends Se {
+class Dr extends Ve {
   constructor() {
     super(...arguments);
     C(this, "cache");
@@ -635,30 +641,30 @@ class Cr extends Se {
     (await n.keys(e)).length !== 0 && await n.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? se(new J(), (e) => {
+    return this.cache = this.cache ?? ne(new G(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const zl = re(Cr);
-class xr extends Se {
+const lo = ae(Dr);
+class Br extends Ve {
   async purge() {
-    await F.emit("purge-storage");
+    await W.emit("purge-storage");
   }
 }
-const vt = re(xr);
-function Rl(t, s) {
+const wt = ae(Br);
+function oo(t, s) {
   return {
     ...t,
-    ...ae(s, Object.keys(t))
+    ...ie(s, Object.keys(t))
   };
 }
-const Sr = {
-  $app: R,
-  $events: F,
-  $storage: vt
+const jr = {
+  $app: A,
+  $events: W,
+  $storage: wt
 };
-async function ke(t, s) {
+async function Ee(t, s) {
   await Promise.all(
     Object.entries(s).map(async ([e, r]) => {
       await r.launch().catch((n) => {
@@ -666,46 +672,46 @@ async function ke(t, s) {
         return (u = (a = t.config).errorHandler) == null ? void 0 : u.call(a, n, null, `Failed launching ${e}.`);
       });
     })
-  ), Object.assign(t.config.globalProperties, s), (Z() || ze()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (Y() || qe()) && Object.assign(globalThis, s);
 }
-const kr = {
+const Or = {
   async install(t, s) {
     var r;
     const e = {
-      ...Sr,
+      ...jr,
       ...s.services
     };
-    t.use(Ys()), (r = s.settings) == null || r.forEach((n) => R.addSetting(n)), s.settingsFullscreenOnMobile !== void 0 && R.setSettingsFullscreenOnMobile(s.settingsFullscreenOnMobile), await ke(t, e);
+    t.use(mr()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), s.settingsFullscreenOnMobile !== void 0 && A.setSettingsFullscreenOnMobile(s.settingsFullscreenOnMobile), await Ee(t, e);
   }
 }, Ye = /* @__PURE__ */ new WeakSet();
-function Ae() {
-  const t = ct(), { close: s, remove: e, ...r } = gs(Ye.has(t) ? {} : { removeOnClose: !1 });
+function Be() {
+  const t = pt(), { close: s, remove: e, ...r } = $s(Ye.has(t) ? {} : { removeOnClose: !1 });
   return Ye.add(t), {
     ...r,
     async close(n) {
-      s(n), await ie(1e3), e();
+      s(n), await ce(1e3), e();
     }
   };
 }
-const bt = 768, be = {
+const $t = 768, $e = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function yt() {
-  return globalThis.innerWidth > bt ? be.Desktop : be.Mobile;
+function _t() {
+  return globalThis.innerWidth > $t ? $e.Desktop : $e.Mobile;
 }
-const Tr = xe({
+const Fr = Me({
   name: "ui",
   initialState: {
     toasts: [],
-    layout: yt()
+    layout: _t()
   },
   computed: {
-    desktop: ({ layout: t }) => t === be.Desktop,
-    mobile: ({ layout: t }) => t === be.Mobile
+    desktop: ({ layout: t }) => t === $e.Desktop,
+    mobile: ({ layout: t }) => t === $e.Mobile
   }
 });
-class Mr extends Tr {
+class Ur extends Fr {
   constructor() {
     super(...arguments);
     C(this, "components", {});
@@ -717,7 +723,7 @@ class Mr extends Tr {
     return this.components[e] ?? null;
   }
   requireComponent(e) {
-    return this.resolveComponent(e) ?? W(`UI Component '${e}' is not defined!`);
+    return this.resolveComponent(e) ?? J(`UI Component '${e}' is not defined!`);
   }
   alert(e, r) {
     const n = () => typeof r != "string" ? { message: e } : {
@@ -738,17 +744,17 @@ class Mr extends Tr {
       title: e,
       message: r,
       required: !!(n != null && n.required)
-    }, { response: o } = await this.modal(this.requireComponent("confirm-modal"), u), p = typeof o == "object" ? o[0] : o ?? !1, v = typeof o == "object" ? o[1] : Object.entries(u.checkboxes ?? {}).reduce(
-      (w, [h, { default: k }]) => ({
-        [h]: k ?? !1,
-        ...w
+    }, { response: i } = await this.modal(this.requireComponent("confirm-modal"), u), c = typeof i == "object" ? i[0] : i ?? !1, f = typeof i == "object" ? i[1] : Object.entries(u.checkboxes ?? {}).reduce(
+      (m, [b, { default: M }]) => ({
+        [b]: M ?? !1,
+        ...m
       }),
       {}
     );
-    for (const [w, h] of Object.entries(u.checkboxes ?? {}))
-      if (!(!h.required || v[w]))
-        return p && Z() && console.warn(`Confirmed confirm modal was suppressed because required '${w}' checkbox was missing`), [!1, v];
-    return "checkboxes" in u ? [p, v] : p;
+    for (const [m, b] of Object.entries(u.checkboxes ?? {}))
+      if (!(!b.required || f[m]))
+        return c && Y() && console.warn(`Confirmed confirm modal was suppressed because required '${m}' checkbox was missing`), [!1, f];
+    return "checkboxes" in u ? [c, f] : c;
   }
   async prompt(e, r, n) {
     const a = (n == null ? void 0 : n.trim) ?? !0, u = () => typeof r != "string" ? {
@@ -758,11 +764,11 @@ class Mr extends Tr {
       title: e,
       message: r,
       ...n ?? {}
-    }, { response: o } = await this.modal(this.requireComponent("prompt-modal"), u());
-    return (a && typeof o == "string" ? o == null ? void 0 : o.trim() : o) ?? null;
+    }, { response: i } = await this.modal(this.requireComponent("prompt-modal"), u());
+    return (a && typeof i == "string" ? i == null ? void 0 : i.trim() : i) ?? null;
   }
   async loading(e, r) {
-    const n = (h) => typeof h == "function" ? Promise.resolve(h()) : h, a = () => {
+    const n = (b) => typeof b == "function" ? Promise.resolve(b()) : b, a = () => {
       if (typeof e == "string")
         return {
           props: { message: e },
@@ -770,59 +776,59 @@ class Mr extends Tr {
         };
       if (typeof e == "function" || e instanceof Promise)
         return { operationPromise: n(e) };
-      const { delay: h, ...k } = e;
+      const { delay: b, ...M } = e;
       return {
-        props: k,
-        delay: l(h),
+        props: M,
+        delay: l(b),
         operationPromise: n(r)
       };
     };
     let u = !1;
-    const { operationPromise: o, props: p, delay: v } = a();
-    if (v && await Promise.race([ie({ ms: v }).then(() => u = !0), o]), v && !u)
-      return o;
-    const w = vs(this.requireComponent("loading-modal"), p);
-    Ke(w);
+    const { operationPromise: i, props: c, delay: f } = a();
+    if (f && await Promise.race([ce({ ms: f }).then(() => u = !0), i]), f && !u)
+      return i;
+    const m = _s(this.requireComponent("loading-modal"), c);
+    Qe(m);
     try {
-      const h = await o;
-      return await ie({ ms: 500 }), h;
+      const b = await i;
+      return await ce({ ms: 500 }), b;
     } finally {
-      await Qe(w.id, { removeAfter: 1e3 });
+      await Je(m.id, { removeAfter: 1e3 });
     }
   }
   toast(e, r = {}) {
     const { component: n, ...a } = r, u = {
-      id: ue(),
+      id: pe(),
       properties: { message: e, ...a },
-      component: V(n ?? this.requireComponent("toast"))
+      component: R(n ?? this.requireComponent("toast"))
     };
     this.setState("toasts", this.toasts.concat(u));
   }
   modal(e, r) {
-    return Ke(e, r ?? {});
+    return Qe(e, r ?? {});
   }
   async closeAllModals() {
-    await Promise.all(le.value.map(({ id: e }) => Qe(e, { removeAfter: 1e3 })));
+    await Promise.all(ue.value.map(({ id: e }) => Je(e, { removeAfter: 1e3 })));
   }
   async boot() {
     this.watchMountedEvent(), this.watchViewportBreakpoints();
   }
   watchMountedEvent() {
-    F.once("application-mounted", async () => {
+    W.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 ie({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ce({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${bt}px)`).addEventListener("change", () => this.setState({ layout: yt() }));
+    globalThis.matchMedia(`(min-width: ${$t}px)`).addEventListener("change", () => this.setState({ layout: _t() }));
   }
 }
-const A = re(Mr);
-class Er {
+const D = ae(Ur);
+class Nr {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -842,13 +848,13 @@ class Er {
     return ["en"];
   }
   translate(s) {
-    return Z() && console.warn("Lang provider is missing"), s;
+    return Y() && console.warn("Lang provider is missing"), s;
   }
   translateWithDefault(s, e) {
-    return Z() && console.warn("Lang provider is missing"), e;
+    return Y() && console.warn("Lang provider is missing"), e;
   }
 }
-const Hr = xe({
+const Wr = Me({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -857,11 +863,11 @@ const Hr = xe({
     fallbackLocale: "en"
   }
 });
-class Vr extends Hr {
+class Kr extends Wr {
   constructor() {
     super();
     C(this, "provider");
-    this.provider = new Er(
+    this.provider = new Nr(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -889,7 +895,7 @@ class Vr extends Hr {
     );
   }
 }
-const X = re(Vr), wt = X.translate.bind(X), S = X.translateWithDefault.bind(X), Lr = xe({
+const ee = ae(Kr), xt = ee.translate.bind(ee), S = ee.translateWithDefault.bind(ee), Qr = Me({
   name: "errors",
   initialState: {
     logs: [],
@@ -902,7 +908,7 @@ const X = re(Vr), wt = X.translate.bind(X), S = X.translateWithDefault.bind(X),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Ir extends Lr {
+class Jr extends Qr {
   constructor() {
     super(...arguments);
     C(this, "forceReporting", !1);
@@ -918,16 +924,16 @@ class Ir extends Lr {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      A.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
+      D.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];
-    A.modal(A.requireComponent("error-report-modal"), { report: n, reports: a });
+    D.modal(D.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
-    if (await F.emit("error", { error: e, message: r }), ze("unit") || (Z() && this.logError(e), !this.enabled))
+    if (await W.emit("error", { error: e, message: r }), qe("unit") || (Y() && this.logError(e), !this.enabled))
       throw e;
-    if (!R.isMounted()) {
+    if (!A.isMounted()) {
       const u = await this.createStartupErrorReport(e);
       u && this.setState({ startupErrors: this.startupErrors.concat(u) });
       return;
@@ -937,7 +943,7 @@ class Ir extends Lr {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    A.toast(
+    D.toast(
       r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
@@ -945,14 +951,14 @@ class Ir extends Lr {
           {
             label: S("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => A.modal(A.requireComponent("error-report-modal"), { report: n, reports: [n] })
+            click: () => D.modal(D.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
         ]
       }
     ), this.setState({ logs: [a].concat(this.logs) });
   }
   reportDevelopmentError(e, r) {
-    Z() && (r && console.warn(r), this.logError(e));
+    Y() && (r && console.warn(r), this.logError(e));
   }
   see(e) {
     this.setState({
@@ -963,7 +969,7 @@ class Ir extends Lr {
     });
   }
   async boot() {
-    G(async () => {
+    se(async () => {
       var e;
       if (!this.debug) {
         (e = this.eruda) == null || e.destroy();
@@ -976,17 +982,17 @@ class Ir extends Lr {
     });
   }
   logError(e) {
-    console.error(e), he(e) && e.cause && this.logError(e.cause);
+    console.error(e), be(e) && e.cause && this.logError(e.cause);
   }
   isErrorReport(e) {
-    return he(e) && "title" in e;
+    return be(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof Ce ? this.createErrorReportFromError(e) : he(e) ? ut({
-      title: j(
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof Te ? this.createErrorReportFromError(e) : be(e) ? dt({
+      title: O(
         e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
       ),
-      description: j(
+      description: O(
         e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
       ),
       error: e
@@ -996,7 +1002,7 @@ class Ir extends Lr {
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof Ve ? e.cause instanceof Ve ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+    return e instanceof Re ? e.cause instanceof Re ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
   createErrorReportFromError(e, r = {}) {
     return {
@@ -1008,7 +1014,7 @@ class Ir extends Lr {
     };
   }
 }
-const $t = re(Ir), _t = /* @__PURE__ */ g({
+const Ct = ae(Jr), kt = /* @__PURE__ */ v({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1024,9 +1030,9 @@ const $t = re(Ir), _t = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = c(() => t.as ? { as: t.as } : t.route ? {
-      as: A.resolveComponent("router-link") ?? "a",
-      to: ut({
+    const s = d(() => t.as ? { as: t.as } : t.route ? {
+      as: D.resolveComponent("router-link") ?? "a",
+      to: dt({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -1039,18 +1045,18 @@ const $t = re(Ir), _t = /* @__PURE__ */ g({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (i(), m(l(Cs), H({
+    return (e, r) => (o(), g(l(Ms), I({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
-      default: f(() => [
+      default: h(() => [
         $(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
-}), I = /* @__PURE__ */ g({
+}), q = /* @__PURE__ */ v({
   __name: "Button",
   props: {
     class: {},
@@ -1066,7 +1072,7 @@ const $t = re(Ir), _t = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = K(t, ["class", "size", "variant", "disabled"]), e = c(() => ft(
+    const s = K(t, ["class", "size", "variant", "disabled"]), e = d(() => gt(
       { 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",
@@ -1162,62 +1168,105 @@ const $t = re(Ir), _t = /* @__PURE__ */ g({
         }
       }
     ));
-    return (r, n) => (i(), m(_t, H({
+    return (r, n) => (o(), g(kt, I({
       class: e.value,
       disabled: r.disabled
     }, s), {
-      default: f(() => [
+      default: h(() => [
         $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function zr(t) {
+function Zr(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-const Ct = /* @__PURE__ */ g({
+function St(t, s) {
+  const e = te("form", null), r = (m) => m === void 0 ? "" : t.value.renderOption ? t.value.renderOption(m) : Zr(m) ? cs(m.label) : O(m), n = d(() => {
+    const { name: m, modelValue: b } = t.value;
+    return e && m ? e.getFieldValue(m) : b;
+  }), a = d(() => n.value), u = d(() => !e || !t.value.name ? null : e.errors[t.value.name] ?? null), i = d(() => t.value.options ? t.value.options.map((m) => ({
+    key: pe(),
+    label: r(m),
+    value: m
+  })) : null), c = {
+    renderOption: r,
+    labelClass: d(() => t.value.labelClass),
+    optionsClass: d(() => t.value.optionsClass),
+    align: d(() => t.value.align),
+    side: d(() => t.value.side),
+    value: n,
+    id: `select-${pe()}`,
+    name: d(() => t.value.name),
+    label: d(() => t.value.label),
+    description: d(() => t.value.description),
+    placeholder: d(() => t.value.placeholder ?? S("ui.select", "Select an option")),
+    options: i,
+    selectedOption: d(() => {
+      var m;
+      return (m = i.value) == null ? void 0 : m.find((b) => b.value === t.value.modelValue);
+    }),
+    errors: ke(u),
+    required: d(() => {
+      if (!(!t.value.name || !e))
+        return e.getFieldRules(t.value.name).includes("required");
+    }),
+    update(m) {
+      if (e && t.value.name) {
+        e.setFieldValue(t.value.name, m);
+        return;
+      }
+      s("update:modelValue", m);
+    }
+  };
+  function f(m) {
+    c.update(m);
+  }
+  return oe("select", c), { expose: c, acceptableValue: a, update: f, renderOption: r };
+}
+const Tt = /* @__PURE__ */ v({
   __name: "HeadlessSelectValue",
   setup(t) {
-    const s = q(
+    const s = L(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (i(), m(l(Je), {
+    return (e, r) => e.$slots.default ? (o(), g(l(Ze), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
-      default: f(() => [
+      default: h(() => [
         $(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (i(), m(l(Je), {
+    }, 8, ["placeholder"])) : (o(), g(l(Ze), {
       key: 1,
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), xt = /* @__PURE__ */ g({
+}), Mt = /* @__PURE__ */ v({
   __name: "HeadlessSelectTrigger",
   setup(t) {
-    const s = q(
+    const s = L(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (i(), m(l(xs), {
+    return (e, r) => (o(), g(l(Vs), {
       id: l(s).id
     }, {
-      default: f(() => [
+      default: h(() => [
         $(e.$slots, "default", {}, () => [
-          d(Ct, {
+          p(Tt, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          d(l(Ss))
+          p(l(Es))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), St = /* @__PURE__ */ g({
+}), Vt = /* @__PURE__ */ v({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1227,20 +1276,20 @@ const Ct = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = q(
+    const s = L(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
-    ), e = c(() => {
+    ), e = d(() => {
       var n;
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
-      return r ? r.label : j(t.value);
+      return r ? s.renderOption(r.value) : O(t.value);
     });
-    return (r, n) => (i(), m(l(ks), ce(de(r.$props)), {
-      default: f(() => [
-        d(l(Ts), null, {
-          default: f(() => [
+    return (r, n) => (o(), g(l(Hs), me(fe(r.$props)), {
+      default: h(() => [
+        p(l(Ls), null, {
+          default: h(() => [
             $(r.$slots, "default", {}, () => [
-              L(x(e.value), 1)
+              z(x(e.value), 1)
             ])
           ]),
           _: 3
@@ -1249,33 +1298,33 @@ const Ct = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), kt = /* @__PURE__ */ g({
+}), Et = /* @__PURE__ */ v({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
     innerClass: {}
   },
   setup(t) {
-    const s = q(
+    const s = L(
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
-    ), e = c(() => T("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(() => [
-        d(l(Es), {
+    ), e = d(() => k("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (o(), g(l(Is), null, {
+      default: h(() => [
+        p(l(zs), {
           position: "popper",
           class: _(e.value),
           align: l(s).align,
           side: l(s).side,
           "side-offset": 4
         }, {
-          default: f(() => [
-            d(l(Hs), {
+          default: h(() => [
+            p(l(Rs), {
               class: _(r.innerClass)
             }, {
-              default: f(() => [
+              default: h(() => [
                 $(r.$slots, "default", {}, () => [
-                  (i(!0), b(D, null, O(l(s).options ?? [], (a) => (i(), m(St, {
+                  (o(!0), y(j, null, F(l(s).options ?? [], (a) => (o(), g(Vt, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1290,7 +1339,7 @@ const Ct = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), Rr = /* @__PURE__ */ g({
+}), Gr = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1310,56 +1359,24 @@ const Ct = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    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((h) => ({
-      key: ue(),
-      label: t.renderOption ? t.renderOption(h) : zr(h) ? as(h.label) : j(h),
-      value: h
-    })) : null), v = {
-      labelClass: t.labelClass,
-      optionsClass: t.optionsClass,
-      align: t.align,
-      side: t.side,
-      value: a,
-      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: p,
-      selectedOption: c(() => {
-        var h;
-        return (h = p.value) == null ? void 0 : h.find((k) => k.value === t.modelValue);
-      }),
-      errors: _e(o),
-      required: c(() => {
-        if (!(!t.name || !n))
-          return n.getFieldRules(t.name).includes("required");
-      }),
-      update(h) {
-        if (n && t.name) {
-          n.setFieldValue(t.name, h);
-          return;
-        }
-        r("update:modelValue", h);
-      }
-    };
-    function w(h) {
-      v.update(h);
-    }
-    return pe("select", v), s(v), (h, k) => (i(), m(l(Vs), {
-      "model-value": u.value,
-      by: h.compareOptions,
-      "onUpdate:modelValue": k[0] || (k[0] = (P) => w(P))
+    const r = e, n = K(t, ["as", "compareOptions"]), { expose: a, acceptableValue: u, update: i } = St(
+      d(() => ({ as: t.as, compareOptions: t.compareOptions, ...n })),
+      r
+    );
+    return s(a), (c, f) => (o(), g(l(qs), {
+      "model-value": l(u),
+      by: c.compareOptions,
+      "onUpdate:modelValue": f[0] || (f[0] = (m) => l(i)(m))
     }, {
-      default: f(({ open: P }) => [
-        (i(), m(ee(h.as), ce(de(h.$attrs)), {
-          default: f(() => [
-            $(h.$slots, "default", {
-              modelValue: h.modelValue,
-              open: P
+      default: h(({ open: m }) => [
+        (o(), g(re(c.as), me(fe(c.$attrs)), {
+          default: h(() => [
+            $(c.$slots, "default", {
+              modelValue: c.modelValue,
+              open: m
             }, () => [
-              d(xt),
-              d(kt)
+              p(Mt),
+              p(Et)
             ])
           ]),
           _: 2
@@ -1368,50 +1385,50 @@ const Ct = /* @__PURE__ */ g({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Ge = /* @__PURE__ */ g({
+}), et = /* @__PURE__ */ v({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const s = q(
+    const s = L(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = Ie(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), m(l(Ls), H({
+    ), e = Se(), r = d(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (o(), g(l(mt), I({
       key: 0,
       for: l(s).id
     }, n.$props), {
-      default: f(() => [
+      default: h(() => [
         $(n.$slots, "default", {}, () => [
-          L(x(l(s).label), 1)
+          z(x(l(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for"])) : E("", !0);
+    }, 16, ["for"])) : T("", !0);
   }
-}), Tt = /* @__PURE__ */ g({
+}), Ht = /* @__PURE__ */ v({
   __name: "SelectLabel",
   props: {
     class: {}
   },
   setup(t) {
-    const s = q("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => T("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
-    return (r, n) => r.$slots.default ? (i(), m(Ge, {
+    const s = L("select", "<SelectLabel> must be a child of a <Select>"), e = d(() => k("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
+    return (r, n) => r.$slots.default ? (o(), g(et, {
       key: 0,
       class: _(e.value)
     }, {
-      default: f(() => [
+      default: h(() => [
         $(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (i(), m(Ge, {
+    }, 8, ["class"])) : (o(), g(et, {
       key: 1,
       class: _(e.value)
     }, null, 8, ["class"]));
   }
-}), et = /* @__PURE__ */ g({
+}), tt = /* @__PURE__ */ v({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1419,17 +1436,17 @@ const Ct = /* @__PURE__ */ g({
     innerClass: {}
   },
   setup(t) {
-    const s = c(() => T("group p-1 outline-none", t.class)), e = c(() => T(
+    const s = d(() => k("group p-1 outline-none", t.class)), e = d(() => k(
       // eslint-disable-next-line vue/max-len
       "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md gap-2 px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50",
       t.innerClass
     ));
-    return (r, n) => (i(), m(St, {
+    return (r, n) => (o(), g(Vt, {
       class: _(s.value),
       value: r.value
     }, {
-      default: f(() => [
-        y("div", {
+      default: h(() => [
+        w("div", {
           class: _(e.value)
         }, [
           $(r.$slots, "default")
@@ -1438,43 +1455,43 @@ const Ct = /* @__PURE__ */ g({
       _: 3
     }, 8, ["class", "value"]));
   }
-}), Mt = /* @__PURE__ */ g({
+}), Lt = /* @__PURE__ */ v({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = q("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => T(
+    const s = L("select", "<SelectOptions> must be a child of a <Select>"), e = d(() => k(
       "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden",
       s.optionsClass,
       t.class
     ));
-    return (r, n) => (i(), m(kt, {
+    return (r, n) => (o(), g(Et, {
       class: _(e.value)
     }, {
-      default: f(() => {
+      default: h(() => {
         var a;
         return [
           (a = l(s).options) != null && a.length ? $(r.$slots, "default", { key: 0 }, () => {
             var u;
             return [
-              (i(!0), b(D, null, O(((u = l(s)) == null ? void 0 : u.options) ?? [], (o) => (i(), m(et, {
-                key: o.key,
-                value: o.value
+              (o(!0), y(j, null, F(((u = l(s)) == null ? void 0 : u.options) ?? [], (i) => (o(), g(tt, {
+                key: i.key,
+                value: i.value
               }, {
-                default: f(() => [
-                  L(x(o.label), 1)
+                default: h(() => [
+                  z(x(i.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
           }) : $(r.$slots, "default", { key: 1 }, () => [
-            d(et, {
+            p(tt, {
               disabled: "",
               value: null
             }, {
-              default: f(() => [
-                L(x(r.$td("ui.selectEmpty", "No options available")), 1)
+              default: h(() => [
+                z(x(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1484,42 +1501,83 @@ const Ct = /* @__PURE__ */ g({
       _: 3
     }, 8, ["class"]));
   }
-}), qr = {
+}), Xr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Pr(t, s) {
-  return i(), b("svg", qr, s[0] || (s[0] = [
-    y("path", {
+function Yr(t, s) {
+  return o(), y("svg", Xr, s[0] || (s[0] = [
+    w("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 Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__ */ g({
+const en = R({ name: "zondicons-cheveron-down", render: Yr }), tn = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function sn(t, s) {
+  return o(), y("svg", tn, s[0] || (s[0] = [
+    w("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 he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
+  key: 0,
+  class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
+}, It = /* @__PURE__ */ v({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = q("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => T(
+    const s = L("select", "<SelectTrigger> must be a child of a <Select>"), e = d(() => k(
       // 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 },
+      "relative 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",
+      "focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
+      {
+        "mt-1": s.label,
+        "outline-gray-300 focus:outline-primary-600 data-[state=open]:outline-primary-600": !s.errors,
+        "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !s.errors,
+        "outline-red-900/10 pr-10 text-red-900 placeholder:text-red-300": s.errors,
+        "focus:outline-red-500 data-[state=open]:outline-red-500": s.errors
+      },
       t.class
     ));
-    return (r, n) => (i(), m(xt, {
+    return (r, n) => (o(), g(Mt, {
       class: _(e.value)
     }, {
-      default: f(() => [
-        d(Ct, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        d(l(Ar), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
-      ]),
+      default: h(() => {
+        var a;
+        return [
+          p(Tt, { class: "col-start-1 row-start-1 truncate pr-6" }),
+          p(l(en), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" }),
+          (a = l(s)) != null && a.errors ? (o(), y("div", rn, [
+            p(l(he), { class: "size-5 text-red-500" })
+          ])) : T("", !0)
+        ];
+      }),
       _: 1
     }, 8, ["class"]));
   }
-}), Dr = /* @__PURE__ */ g({
+}), nn = ["id"], zt = /* @__PURE__ */ v({
+  __name: "HeadlessSelectError",
+  setup(t) {
+    const s = L(
+      "select",
+      "<HeadlessSelectError> must be a child of a <HeadlessSelect>"
+    ), e = d(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, n) => e.value ? (o(), y("p", {
+      key: 0,
+      id: `${l(s).id}-error`
+    }, x(e.value), 9, nn)) : T("", !0);
+  }
+}), an = /* @__PURE__ */ v({
   __name: "Select",
   props: {
     as: {},
@@ -1538,30 +1596,31 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Re();
-    return (e, r) => (i(), m(Rr, H({ ref: l(s) }, e.$props, {
+    const { forwardRef: s } = Pe();
+    return (e, r) => (o(), g(Gr, I({ ref: l(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
-      default: f(() => [
-        d(Tt),
+      default: h(() => [
+        p(Ht),
         $(e.$slots, "default", {}, () => [
-          d(Et),
-          d(Mt)
+          p(It),
+          p(zt, { class: "mt-2 text-sm text-red-600" }),
+          p(Lt)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), Br = { class: "grow" }, jr = /* @__PURE__ */ g({
+}), ln = { class: "grow" }, on = /* @__PURE__ */ v({
   __name: "Language",
   setup(t) {
-    const s = X.getBrowserLocale(), e = c(() => [null, ...X.locales]);
+    const s = ee.getBrowserLocale(), e = d(() => [null, ...ee.locales]);
     function r(n) {
-      return (n && B.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
-        locale: B.locales[s] ?? s
+      return (n && N.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
+        locale: N.locales[s] ?? s
       });
     }
-    return (n, a) => (i(), m(Dr, {
+    return (n, a) => (o(), g(an, {
       modelValue: n.$lang.locale,
       "onUpdate:modelValue": a[0] || (a[0] = (u) => n.$lang.locale = u),
       class: "flex flex-col items-start md:flex-row",
@@ -1569,41 +1628,41 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
       options: e.value,
       "render-option": r
     }, {
-      default: f(() => [
-        y("div", Br, [
-          d(Tt, { class: "text-base font-semibold" }, {
-            default: f(() => [
-              L(x(n.$td("settings.locale", "Language")), 1)
+      default: h(() => [
+        w("div", ln, [
+          p(Ht, { class: "text-base font-semibold" }, {
+            default: h(() => [
+              z(x(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
-          d(z, {
+          p(P, {
             "lang-key": "settings.localeDescription",
             "lang-default": "Choose the application's language.",
             class: "mt-1 text-sm text-gray-500"
           })
         ]),
-        d(I, {
+        p(q, {
           variant: "ghost",
-          as: Et,
+          as: It,
           class: "grid w-auto outline-none"
         }),
-        d(Mt)
+        p(Lt)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), Fr = [
+}), un = [
   {
     priority: 100,
-    component: jr
+    component: on
   }
-], Or = { $lang: X }, Ur = {
+], cn = { $lang: ee }, dn = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = wt), t.config.globalProperties.$td = S, Fr.forEach((e) => R.addSetting(e)), await ke(t, Or);
+    (s = t.config.globalProperties).$t ?? (s.$t = xt), t.config.globalProperties.$td = S, un.forEach((e) => A.addSetting(e)), await Ee(t, cn);
   }
-}, Nr = /* @__PURE__ */ g({
+}, pn = /* @__PURE__ */ v({
   __name: "Markdown",
   props: {
     as: {},
@@ -1615,38 +1674,38 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
     actions: {}
   },
   setup(t) {
-    const s = st(), e = Ie(), r = c(() => e.default ? e.default().map(pt).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : wt(t.langKey, t.langParams ?? {})))), n = c(() => {
+    const s = nt(), e = Se(), r = d(() => e.default ? e.default().map(ht).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : xt(t.langKey, t.langParams ?? {})))), n = d(() => {
       if (!r.value)
         return null;
-      let o = br(r.value);
-      return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
-    }), a = () => Wt(t.as ?? (t.inline ? "span" : "div"), {
+      let i = zr(r.value);
+      return t.inline && (i = i.replace("<p>", "<span>").replace("</p>", "</span>")), i;
+    }), a = () => Zt(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
       onClick: u,
       ...s,
       class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
     });
-    async function u(o) {
-      var v, w;
-      const { target: p } = o;
-      if (Ne(p, HTMLElement) && p.dataset.markdownAction) {
-        (w = (v = t.actions) == null ? void 0 : v[p.dataset.markdownAction]) == null || w.call(v);
+    async function u(i) {
+      var f, m;
+      const { target: c } = i;
+      if (We(c, HTMLElement) && c.dataset.markdownAction) {
+        (m = (f = t.actions) == null ? void 0 : f[c.dataset.markdownAction]) == null || m.call(f);
         return;
       }
-      if (Ne(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
-        const h = vr();
-        h && (o.preventDefault(), h.visit(p.dataset.markdownRoute));
+      if (We(c, HTMLAnchorElement) && c.dataset.markdownRoute) {
+        const b = Ir();
+        b && (i.preventDefault(), b.visit(c.dataset.markdownRoute));
         return;
       }
     }
-    return (o, p) => (i(), m(a));
+    return (i, c) => (o(), g(a));
   }
-}), Wr = (t, s) => {
+}), mn = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [r, n] of s)
     e[r] = n;
   return e;
-}, z = /* @__PURE__ */ Wr(Nr, [["__scopeId", "data-v-8b211cfb"]]), Kr = { class: "flex-grow" }, Qr = ["id"], Jr = /* @__PURE__ */ g({
+}, P = /* @__PURE__ */ mn(pn, [["__scopeId", "data-v-8b211cfb"]]), fn = { class: "flex-grow" }, hn = ["id"], gn = /* @__PURE__ */ v({
   __name: "Setting",
   props: {
     title: {},
@@ -1656,29 +1715,29 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const s = c(() => T(t.class, "flex flex-col justify-center gap-1"));
-    return (e, r) => (i(), b("div", {
+    const s = d(() => k(t.class, "flex flex-col justify-center gap-1"));
+    return (e, r) => (o(), y("div", {
       class: _(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
-      y("div", Kr, [
-        y("h3", {
+      w("div", fn, [
+        w("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, x(e.title), 9, Qr),
-        e.description ? (i(), m(z, {
+        }, x(e.title), 9, hn),
+        e.description ? (o(), g(P, {
           key: 0,
           text: e.description,
           class: "mt-1 text-sm text-gray-500"
-        }, null, 8, ["text"])) : E("", !0)
+        }, null, 8, ["text"])) : T("", !0)
       ]),
-      y("div", {
+      w("div", {
         class: _(s.value)
       }, [
         $(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), Zr = ["for"], Xr = /* @__PURE__ */ g({
+}), vn = ["for"], bn = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HeadlessSwitch",
   props: {
@@ -1693,71 +1752,71 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    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: _e(a),
-      required: c(() => {
+    const r = e, n = te("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `switch-${pe()}`,
+      name: d(() => t.name),
+      label: d(() => t.label),
+      description: d(() => t.description),
+      value: d(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: ke(a),
+      required: d(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(o) {
+      update(i) {
         if (n && t.name) {
-          n.setFieldValue(t.name, o);
+          n.setFieldValue(t.name, i);
           return;
         }
-        r("update:modelValue", o);
+        r("update:modelValue", i);
       }
     };
-    return s(u), G(() => {
+    return s(u), se(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
-    }), (o, p) => (i(), b("div", {
+    }), (i, c) => (o(), y("div", {
       class: _(t.class)
     }, [
-      o.label ? (i(), b("label", {
+      i.label ? (o(), y("label", {
         key: 0,
         for: u.id,
-        class: _(o.labelClass)
-      }, x(o.label), 11, Zr)) : E("", !0),
-      d(l(Is), H({
+        class: _(i.labelClass)
+      }, x(i.label), 11, vn)) : T("", !0),
+      p(l(Ps), I({
         id: u.id,
-        name: o.name,
+        name: i.name,
         "model-value": u.value.value
-      }, o.$attrs, {
-        class: o.inputClass,
-        "onUpdate:modelValue": p[0] || (p[0] = (v) => o.$emit("update:modelValue", v))
+      }, i.$attrs, {
+        class: i.inputClass,
+        "onUpdate:modelValue": c[0] || (c[0] = (f) => i.$emit("update:modelValue", f))
       }), {
-        default: f(() => [
-          d(l(zs), {
-            class: _(o.thumbClass)
+        default: h(() => [
+          p(l(As), {
+            class: _(i.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 16, ["id", "name", "model-value", "class"])
     ], 2));
   }
-}), Yr = /* @__PURE__ */ g({
+}), yn = /* @__PURE__ */ v({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (i(), m(Xr, {
+    return (s, e) => (o(), g(bn, {
       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"
     }));
   }
-}), Gr = /* @__PURE__ */ g({
+}), wn = /* @__PURE__ */ v({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (i(), m(Jr, {
+    return (s, e) => (o(), g(gn, {
       "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(() => [
-        d(Yr, {
+      default: h(() => [
+        p(yn, {
           modelValue: s.$errors.debug,
           "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
           "aria-labelledby": "debug-setting"
@@ -1766,55 +1825,55 @@ const Ar = V({ name: "zondicons-cheveron-down", render: Pr }), Et = /* @__PURE__
       _: 1
     }, 8, ["title", "description"]));
   }
-}), en = [
+}), $n = [
   {
     priority: 10,
-    component: Gr
+    component: wn
   }
-], Ht = [];
-function ql(t) {
-  Ht.push(t);
+], Rt = [];
+function io(t) {
+  Rt.push(t);
 }
-function Vt(t) {
-  for (const s of Ht) {
+function qt(t) {
+  for (const s of Rt) {
     const e = s(t);
     if (e)
       return e;
   }
-  return typeof t == "string" ? t : t instanceof Error || t instanceof Ce ? t.message : he(t) ? j(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
+  return typeof t == "string" ? t : t instanceof Error || t instanceof Te ? t.message : be(t) ? O(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
 }
-class tt extends Ce {
+class st extends Te {
 }
-const tn = { $errors: $t }, sn = (t) => ($t.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 _n = { $errors: Ct }, xn = (t) => (Ct.report(t), !0);
+function Cn(t, s = () => !1) {
+  const e = (r) => s(r) || xn(r);
+  t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, i) => e(i ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const nn = {
+const kn = {
   async install(t, s) {
-    rn(t, s.handleError), en.forEach((e) => R.addSetting(e)), await ke(t, tn);
+    Cn(t, s.handleError), $n.forEach((e) => A.addSetting(e)), await Ee(t, _n);
   }
-}, an = {
+}, Sn = {
   async install() {
-    ze() && (globalThis.testingRuntime = {
-      on: (...t) => F.on(...t),
-      service: (t) => R.service(t)
+    qe() && (globalThis.testingRuntime = {
+      on: (...t) => W.on(...t),
+      service: (t) => A.service(t)
     });
   }
-}, ln = {
+}, Tn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function on(t, s) {
-  return i(), b("svg", ln, s[0] || (s[0] = [
-    y("path", {
+function Mn(t, s) {
+  return o(), y("svg", Tn, s[0] || (s[0] = [
+    w("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 un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
+const Vn = R({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
@@ -1826,17 +1885,17 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
     descriptionHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = N(null), { close: r } = Ae();
+    const e = B(null), { close: r } = Be();
     s({ $content: e });
-    const { forwardRef: n } = Re();
-    return pe("$modalContentRef", e), (a, u) => (i(), m(l(Rs), {
+    const { forwardRef: n } = Pe();
+    return oe("$modalContentRef", e), (a, u) => (o(), g(l(Ds), {
       ref: l(n),
       open: "",
-      "onUpdate:open": u[0] || (u[0] = (o) => a.persistent || o || l(r)())
+      "onUpdate:open": u[0] || (u[0] = (i) => a.persistent || i || l(r)())
     }, {
-      default: f(() => [
-        d(l(qs), null, {
-          default: f(() => [
+      default: h(() => [
+        p(l(Bs), null, {
+          default: h(() => [
             $(a.$slots, "default", { close: l(r) })
           ]),
           _: 3
@@ -1845,36 +1904,36 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
       _: 3
     }, 512));
   }
-}), dn = /* @__PURE__ */ g({
+}), Hn = /* @__PURE__ */ v({
   __name: "HeadlessModalContent",
   setup(t) {
-    const { child: s } = Ae(), e = lr("$modalContentRef"), r = te("$contentRef");
-    return G(() => e.value = r.value), (n, a) => (i(), m(l(Ps), { ref: "$contentRef" }, {
-      default: f(() => [
+    const { child: s } = Be(), e = $r("$modalContentRef"), r = Z("$contentRef");
+    return se(() => e.value = r.value), (n, a) => (o(), g(l(js), { ref: "$contentRef" }, {
+      default: h(() => [
         $(n.$slots, "default"),
-        l(s) ? (i(), m(l(bs), {
+        l(s) ? (o(), g(l(xs), {
           key: 0,
           is: l(s)
-        }, null, 8, ["is"])) : E("", !0)
+        }, null, 8, ["is"])) : T("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), pn = /* @__PURE__ */ g({
+}), Ln = /* @__PURE__ */ v({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(l(As), ce(de(s.$props)), {
-      default: f(() => [
+    return (s, e) => (o(), g(l(Os), me(fe(s.$props)), {
+      default: h(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), fn = /* @__PURE__ */ g({
+}), In = /* @__PURE__ */ v({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1882,28 +1941,28 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(l(Ds), ce(de(s.$props)), {
-      default: f(() => [
+    return (s, e) => (o(), g(l(Fs), me(fe(s.$props)), {
+      default: h(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), mn = /* @__PURE__ */ g({
+}), zn = /* @__PURE__ */ v({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(l(Bs), ce(de(s.$props)), {
-      default: f(() => [
+    return (s, e) => (o(), g(l(Us), me(fe(s.$props)), {
+      default: h(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), hn = ["onClick"], gn = { class: "sr-only" }, me = fr(), ne = /* @__PURE__ */ g({
+}), Rn = ["onClick"], qn = { class: "sr-only" }, ve = Vr(), le = /* @__PURE__ */ v({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
@@ -1920,97 +1979,97 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
   setup(t, { expose: s }) {
     const e = K(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden", "fullscreen", "fullscreenOnMobile"]);
     s({
-      $content: c(() => {
-        var M;
-        return (M = o.value) == null ? void 0 : M.$content;
+      $content: d(() => {
+        var E;
+        return (E = i.value) == null ? void 0 : E.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Re(), { id: a, visible: u } = Ae(), o = n, p = ct(), v = c(
+    const { forwardRef: r, currentRef: n } = Pe(), { id: a, visible: u } = Be(), i = n, c = pt(), f = d(
       () => {
-        var M;
-        return u.value && ((M = le.value.toReversed().find((je) => je.visible.value)) == null ? void 0 : M.id) === a.value;
+        var E;
+        return u.value && ((E = ue.value.toReversed().find((Oe) => Oe.visible.value)) == null ? void 0 : E.id) === a.value;
       }
-    ), w = c(() => le.value.find((M) => M.visible.value)), h = c(() => le.value.some((M) => me.has(M))), k = c(() => t.description ? {} : { "aria-describedby": void 0 }), P = c(() => T(
+    ), m = d(() => ue.value.find((E) => E.visible.value)), b = d(() => ue.value.some((E) => ve.has(E))), M = d(() => t.description ? {} : { "aria-describedby": void 0 }), H = d(() => k(
       "overflow-auto px-4 pb-4 flex flex-col flex-1",
-      { "pt-4": !t.title || t.titleHidden, "max-h-[90vh]": !Q.value },
+      { "pt-4": !t.title || t.titleHidden, "max-h-[90vh]": !V.value },
       t.class
-    )), Q = c(() => t.fullscreen || t.fullscreenOnMobile && A.mobile), Pt = c(() => T(
+    )), V = d(() => t.fullscreen || t.fullscreenOnMobile && D.mobile), U = d(() => k(
       "isolate fixed z-50 flex flex-col overflow-hidden bg-white text-left duration-300",
-      Q.value ? [
+      V.value ? [
         "inset-0 transition-[transform,translate] will-change-[transform,translate]",
-        me.has(p.value) || "animate-[slide-in_var(--tw-duration)_ease-in-out]",
-        v.value ? "translate-y-0" : "translate-y-full"
+        ve.has(c.value) || "animate-[slide-in_var(--tw-duration)_ease-in-out]",
+        f.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]",
-        v.value ? "scale-100 opacity-100" : "scale-50 opacity-0"
+        ve.has(c.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
+        f.value ? "scale-100 opacity-100" : "scale-50 opacity-0"
       ],
       t.wrapperClass
     ));
-    return rt(() => ie(500).then(() => me.add(p.value))), (M, je) => (i(), m(cn, H(e, {
-      ref: (fe) => l(r)(fe),
-      persistent: M.persistent
+    return at(() => ce(500).then(() => ve.add(c.value))), (E, Oe) => (o(), g(En, I(e, {
+      ref: (ge) => l(r)(ge),
+      persistent: E.persistent
     }), {
-      default: f(({ close: fe }) => {
-        var Fe, Oe;
+      default: h(({ close: ge }) => {
+        var Fe, Ue;
         return [
-          d(fn, {
+          p(In, {
             class: _(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
-              "animate-[fade-in_var(--tw-duration)_ease-in-out]": !h.value,
-              "bg-black/30": ((Fe = w.value) == null ? void 0 : Fe.id) === l(a) || !w.value && ((Oe = l(le)[0]) == null ? void 0 : Oe.id) === l(a),
-              "opacity-0": !w.value,
-              hidden: Q.value
+              "animate-[fade-in_var(--tw-duration)_ease-in-out]": !b.value,
+              "bg-black/30": ((Fe = m.value) == null ? void 0 : Fe.id) === l(a) || !m.value && ((Ue = l(ue)[0]) == null ? void 0 : Ue.id) === l(a),
+              "opacity-0": !m.value,
+              hidden: V.value
             }])
           }, null, 8, ["class"]),
-          d(dn, H(k.value, { class: Pt.value }), {
-            default: f(() => [
-              !M.persistent && !M.closeHidden ? (i(), b("div", {
+          p(Hn, I(M.value, { class: U.value }), {
+            default: h(() => [
+              !E.persistent && !E.closeHidden ? (o(), y("div", {
                 key: 0,
-                class: _(["absolute top-0 right-0 pt-3.5 pr-2.5", { "hidden sm:block": !Q.value }])
+                class: _(["absolute top-0 right-0 pt-3.5 pr-2.5", { "hidden sm:block": !V.value }])
               }, [
-                y("button", {
+                w("button", {
                   type: "button",
                   class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                  onClick: (ol) => fe()
+                  onClick: (zl) => ge()
                 }, [
-                  y("span", gn, x(M.$td("ui.close", "Close")), 1),
-                  d(l(un), { class: "size-4" })
-                ], 8, hn)
-              ], 2)) : E("", !0),
-              M.title ? (i(), m(mn, {
+                  w("span", qn, x(E.$td("ui.close", "Close")), 1),
+                  p(l(Vn), { class: "size-4" })
+                ], 8, Rn)
+              ], 2)) : T("", !0),
+              E.title ? (o(), g(zn, {
                 key: 1,
                 class: _(["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
+                  "sr-only": E.titleHidden,
+                  "pb-0": E.description && !E.descriptionHidden,
+                  "pb-2": !E.description || E.descriptionHidden
                 }])
               }, {
-                default: f(() => [
-                  d(z, {
-                    text: M.title,
+                default: h(() => [
+                  p(P, {
+                    text: E.title,
                     inline: ""
                   }, null, 8, ["text"])
                 ]),
                 _: 1
-              }, 8, ["class"])) : E("", !0),
-              M.description ? (i(), m(pn, {
+              }, 8, ["class"])) : T("", !0),
+              E.description ? (o(), g(Ln, {
                 key: 2,
-                class: _(["px-4 pt-1 pb-2", { "sr-only": M.descriptionHidden }])
+                class: _(["px-4 pt-1 pb-2", { "sr-only": E.descriptionHidden }])
               }, {
-                default: f(() => [
-                  d(z, {
-                    text: M.description,
+                default: h(() => [
+                  p(P, {
+                    text: E.description,
                     class: "text-sm leading-6 text-gray-500"
                   }, null, 8, ["text"])
                 ]),
                 _: 1
-              }, 8, ["class"])) : E("", !0),
-              y("div", {
-                class: _(P.value)
+              }, 8, ["class"])) : T("", !0),
+              w("div", {
+                class: _(H.value)
               }, [
-                $(M.$slots, "default", { close: fe })
+                $(E.$slots, "default", { close: ge })
               ], 2)
             ]),
             _: 2
@@ -2021,29 +2080,29 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ g({
     }, 16, ["persistent"]));
   }
 });
-function vn(t) {
-  const s = c(() => t.title ?? S("ui.alert", "Alert")), e = c(() => !t.title);
+function Pn(t) {
+  const s = d(() => t.title ?? S("ui.alert", "Alert")), e = d(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const bn = /* @__PURE__ */ g({
+const An = /* @__PURE__ */ v({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = vn(e);
-    return s(), (a, u) => (i(), m(ne, {
+    const e = t, { renderedTitle: r, titleHidden: n } = Pn(e);
+    return s(), (a, u) => (o(), g(le, {
       title: l(r),
       "title-hidden": l(n)
     }, {
-      default: f(() => [
-        d(z, { text: a.message }, null, 8, ["text"])
+      default: h(() => [
+        p(P, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), Lt = /* @__PURE__ */ g({
+}), Pt = /* @__PURE__ */ v({
   __name: "Form",
   props: {
     form: {}
@@ -2052,36 +2111,36 @@ const bn = /* @__PURE__ */ g({
   setup(t, { emit: s }) {
     let e;
     const r = s;
-    return G((n) => {
+    return se((n) => {
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
-    }), pe("form", t.form), (n, a) => (i(), b("form", {
-      onSubmit: a[0] || (a[0] = nt((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
+    }), oe("form", t.form), (n, a) => (o(), y("form", {
+      onSubmit: a[0] || (a[0] = lt((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
     }, [
       $(n.$slots, "default")
     ], 32));
   }
 });
-function yn(t) {
-  const s = ht(
+function Dn(t) {
+  const s = bt(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (u, [o, p]) => ({
-        [o]: {
+      (u, [i, c]) => ({
+        [i]: {
           type: "boolean",
-          default: p.default,
-          required: p.required ? "required" : void 0
+          default: c.default,
+          required: c.required ? "required" : void 0
         },
         ...u
       }),
       {}
     )
-  ), e = c(() => t.title ?? S("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
+  ), e = d(() => t.title ?? S("ui.confirm", "Confirm")), r = d(() => !t.title), n = d(() => t.acceptText ?? S("ui.accept", "Ok")), a = d(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const wn = {
+const Bn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, $n = { class: "flex items-center" }, _n = ["onUpdate:modelValue", "required"], Cn = { class: "ml-1.5" }, xn = { class: "mt-4 flex flex-row-reverse gap-2" }, Sn = /* @__PURE__ */ g({
+}, jn = { class: "flex items-center" }, On = ["onUpdate:modelValue", "required"], Fn = { class: "ml-1.5" }, Un = { class: "mt-4 flex flex-row-reverse gap-2" }, Nn = /* @__PURE__ */ v({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2096,54 +2155,54 @@ const wn = {
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: o } = yn(e);
-    return s(), (p, v) => (i(), m(ne, {
+    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: i } = Dn(e);
+    return s(), (c, f) => (o(), g(le, {
       title: l(n),
       "title-hidden": l(a),
       persistent: ""
     }, {
-      default: f(({ close: w }) => [
-        d(Lt, {
+      default: h(({ close: m }) => [
+        p(Pt, {
           form: l(r),
-          onSubmit: (h) => w([!0, l(r).data()])
+          onSubmit: (b) => m([!0, l(r).data()])
         }, {
-          default: f(() => [
-            d(z, {
-              text: p.message,
-              actions: p.actions
+          default: h(() => [
+            p(P, {
+              text: c.message,
+              actions: c.actions
             }, null, 8, ["text", "actions"]),
-            p.checkboxes ? (i(), b("ul", wn, [
-              (i(!0), b(D, null, O(p.checkboxes, (h, k) => (i(), b("li", { key: k }, [
-                y("label", $n, [
-                  at(y("input", {
-                    "onUpdate:modelValue": (P) => l(r)[k] = P,
+            c.checkboxes ? (o(), y("ul", Bn, [
+              (o(!0), y(j, null, F(c.checkboxes, (b, M) => (o(), y("li", { key: M }, [
+                w("label", jn, [
+                  ot(w("input", {
+                    "onUpdate:modelValue": (H) => l(r)[M] = H,
                     type: "checkbox",
-                    required: h.required,
+                    required: b.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, _n), [
-                    [Kt, l(r)[k]]
+                  }, null, 8, On), [
+                    [Gt, l(r)[M]]
                   ]),
-                  y("span", Cn, x(h.label), 1)
+                  w("span", Fn, x(b.label), 1)
                 ])
               ]))), 128))
-            ])) : E("", !0),
-            y("div", xn, [
-              d(I, {
-                variant: p.acceptVariant,
+            ])) : T("", !0),
+            w("div", Un, [
+              p(q, {
+                variant: c.acceptVariant,
                 submit: ""
               }, {
-                default: f(() => [
-                  L(x(l(u)), 1)
+                default: h(() => [
+                  z(x(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p.required ? E("", !0) : (i(), m(I, {
+              c.required ? T("", !0) : (o(), g(q, {
                 key: 0,
-                variant: p.cancelVariant,
-                onClick: (h) => w(!1)
+                variant: c.cancelVariant,
+                onClick: (b) => m(!1)
               }, {
-                default: f(() => [
-                  L(x(l(o)), 1)
+                default: h(() => [
+                  z(x(l(i)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2155,92 +2214,79 @@ const wn = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), kn = {
+}), Wn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Tn(t, s) {
-  return i(), b("svg", kn, s[0] || (s[0] = [
-    y("path", {
+function Kn(t, s) {
+  return o(), y("svg", Wn, s[0] || (s[0] = [
+    w("path", {
       fill: "currentColor",
       d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
     }, null, -1)
   ]));
 }
-const Mn = V({ name: "zondicons-cheveron-left", render: Tn }), En = {
+const Qn = R({ name: "zondicons-cheveron-left", render: Kn }), Jn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Hn(t, s) {
-  return i(), b("svg", En, s[0] || (s[0] = [
-    y("path", {
+function Zn(t, s) {
+  return o(), y("svg", Jn, s[0] || (s[0] = [
+    w("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 It = V({ name: "zondicons-cheveron-right", render: Hn }), Vn = {
-  viewBox: "0 0 20 20",
-  width: "1.2em",
-  height: "1.2em"
-};
-function Ln(t, s) {
-  return i(), b("svg", Vn, s[0] || (s[0] = [
-    y("path", {
-      fill: "currentColor",
-      d: "M2.93 17.07A10 10 0 1 1 17.07 2.93A10 10 0 0 1 2.93 17.07M9 5v6h2V5zm0 8v2h2v-2z"
-    }, null, -1)
-  ]));
-}
-const De = V({ name: "zondicons-exclamation-solid", render: Ln }), In = {
+const At = R({ name: "zondicons-cheveron-right", render: Zn }), Gn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function zn(t, s) {
-  return i(), b("svg", In, s[0] || (s[0] = [
-    y("path", {
+function Xn(t, s) {
+  return o(), y("svg", Gn, s[0] || (s[0] = [
+    w("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 Rn = V({ name: "mdi-console", render: zn }), qn = {
+const Yn = R({ name: "mdi-console", render: Xn }), ea = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Pn(t, s) {
-  return i(), b("svg", qn, s[0] || (s[0] = [
-    y("path", {
+function ta(t, s) {
+  return o(), y("svg", ea, s[0] || (s[0] = [
+    w("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 An = V({ name: "zondicons-copy", render: Pn }), Dn = {
+const sa = R({ name: "zondicons-copy", render: ta }), ra = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Bn(t, s) {
-  return i(), b("svg", Dn, s[0] || (s[0] = [
-    y("path", {
+function na(t, s) {
+  return o(), y("svg", ra, s[0] || (s[0] = [
+    w("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 jn = V({ name: "mdi-github", render: Bn }), Fn = { class: "flex" }, On = { class: "sr-only" }, Un = /* @__PURE__ */ g({
+const aa = R({ name: "mdi-github", render: na }), la = { class: "flex" }, oa = { class: "sr-only" }, ia = /* @__PURE__ */ v({
   __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 (!R.sourceUrl)
+    const s = t, e = d(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = d(() => {
+      if (!A.sourceUrl)
         return !1;
       const a = encodeURIComponent(e.value), u = encodeURIComponent(
         [
@@ -2248,34 +2294,34 @@ const jn = V({ name: "mdi-github", render: Bn }), Fn = { class: "flex" }, On = {
           "",
           "Error details:",
           "```",
-          ls(
+          ds(
             s.report.details ?? "Details missing from report",
-            1800 - a.length - R.sourceUrl.length
+            1800 - a.length - A.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${R.sourceUrl}/issues/new?title=${a}&body=${u}`;
-    }), n = c(() => se(
+      return `${A.sourceUrl}/issues/new?title=${a}&body=${u}`;
+    }), n = d(() => ne(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: An,
+          iconComponent: sa,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), D.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: Rn,
+          iconComponent: Yn,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), A.toast(
+            window.error = a, console.error(a), D.toast(
               S(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
@@ -2288,24 +2334,24 @@ ${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: jn,
+          iconComponent: aa,
           url: r.value
         });
       }
     ));
-    return (a, u) => (i(), b("div", Fn, [
-      (i(!0), b(D, null, O(n.value, (o) => $(a.$slots, "default", H({ ref_for: !0 }, o), () => [
-        d(I, {
+    return (a, u) => (o(), y("div", la, [
+      (o(!0), y(j, null, F(n.value, (i) => $(a.$slots, "default", I({ ref_for: !0 }, i), () => [
+        p(q, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
-          href: o.url,
-          title: a.$td(`errors.report_${o.id}`, o.description),
-          onClick: o.click
+          href: i.url,
+          title: a.$td(`errors.report_${i.id}`, i.description),
+          onClick: i.click
         }, {
-          default: f(() => [
-            y("span", On, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
-            (i(), m(ee(o.iconComponent), {
+          default: h(() => [
+            w("span", oa, x(a.$td(`errors.report_${i.id}`, i.description)), 1),
+            (o(), g(re(i.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2315,7 +2361,7 @@ ${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), Nn = /* @__PURE__ */ g({
+}), ua = /* @__PURE__ */ v({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2323,15 +2369,15 @@ ${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information
     totalReports: {}
   },
   setup(t) {
-    const s = c(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
-    return (e, r) => (i(), m(z, {
+    const s = d(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
+    return (e, r) => (o(), g(P, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-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(
+function ca(t) {
+  const s = B(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = d(() => t.reports[s.value]), r = d(
     () => {
       var u;
       return ((u = e.value.details) == null ? void 0 : u.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
@@ -2345,102 +2391,102 @@ function Wn(t) {
     activeReport: e
   };
 }
-const Kn = { class: "px-4 pt-5 pb-4" }, Qn = { class: "flex justify-between gap-4" }, Jn = { class: "flex items-center gap-2" }, Zn = {
+const da = { class: "px-4 pt-5 pb-4" }, pa = { class: "flex justify-between gap-4" }, ma = { class: "flex items-center gap-2" }, fa = {
   key: 0,
   class: "flex gap-0.5"
-}, Xn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Yn = ["textContent"], Gn = /* @__PURE__ */ g({
+}, ha = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, ga = ["textContent"], va = /* @__PURE__ */ v({
   __name: "ErrorReportModal",
   props: {
     report: {},
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: o } = Wn(e);
-    return s(), (p, v) => (i(), m(ne, {
-      title: p.$td("errors.report", "Error report"),
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: i } = ca(e);
+    return s(), (c, f) => (o(), g(le, {
+      title: c.$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", Kn, [
-          y("h2", Qn, [
-            y("div", Jn, [
-              d(l(De), { class: "size-5 text-red-600" }),
-              d(Nn, {
+      default: h(() => [
+        w("div", da, [
+          w("h2", pa, [
+            w("div", ma, [
+              p(l(he), { class: "size-5 text-red-600" }),
+              p(ua, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
-                report: l(o),
+                report: l(i),
                 "current-report": l(r) + 1,
-                "total-reports": p.reports.length
+                "total-reports": c.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              p.reports.length > 1 ? (i(), b("span", Zn, [
-                d(I, {
+              c.reports.length > 1 ? (o(), y("span", fa, [
+                p(q, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === 0,
                   "aria-label": l(u),
                   title: l(u),
-                  onClick: v[0] || (v[0] = (w) => r.value--)
+                  onClick: f[0] || (f[0] = (m) => r.value--)
                 }, {
-                  default: f(() => [
-                    d(l(Mn), { class: "size-4" })
+                  default: h(() => [
+                    p(l(Qn), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                d(I, {
+                p(q, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: l(r) === p.reports.length - 1,
+                  disabled: l(r) === c.reports.length - 1,
                   "aria-label": l(a),
                   title: l(a),
-                  onClick: v[1] || (v[1] = (w) => r.value++)
+                  onClick: f[1] || (f[1] = (m) => r.value++)
                 }, {
-                  default: f(() => [
-                    d(l(It), { class: "size-4" })
+                  default: h(() => [
+                    p(l(At), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : E("", !0)
+              ])) : T("", !0)
             ]),
-            d(Un, {
-              report: l(o),
+            p(ia, {
+              report: l(i),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(o).description ? (i(), m(z, {
+          l(i).description ? (o(), g(P, {
             key: 0,
-            text: l(o).description,
+            text: l(i).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : E("", !0)
+          }, null, 8, ["text"])) : T("", !0)
         ]),
-        y("div", Xn, [
-          y("pre", {
+        w("div", ha, [
+          w("pre", {
             class: "p-4 text-xs text-red-800",
             textContent: x(l(n))
-          }, null, 8, Yn)
+          }, null, 8, ga)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), ea = {
+}), ba = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ta(t, s) {
-  return i(), b("svg", ea, s[0] || (s[0] = [
-    y("path", {
+function ya(t, s) {
+  return o(), y("svg", ba, s[0] || (s[0] = [
+    w("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", {
+    w("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", {
+      w("animateTransform", {
         attributeName: "transform",
         dur: "0.75s",
         repeatCount: "indefinite",
@@ -2450,7 +2496,7 @@ function ta(t, s) {
     ], -1)
   ]));
 }
-const sa = V({ name: "svg-spinners-90-ring-with-bg", render: ta }), ra = { class: "relative mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, na = { class: "sr-only" }, aa = /* @__PURE__ */ g({
+const wa = R({ name: "svg-spinners-90-ring-with-bg", render: ya }), $a = { class: "relative mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, _a = { class: "sr-only" }, xa = /* @__PURE__ */ v({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -2460,40 +2506,40 @@ const sa = V({ name: "svg-spinners-90-ring-with-bg", render: ta }), ra = { class
   },
   setup(t) {
     let s;
-    const e = N(0), r = c(() => T("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => T(
+    const e = B(0), r = d(() => k("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = d(() => k(
       "absolute inset-y-0 right-0 size-full rounded-r-full",
       "bg-primary-900 transition-[width] duration-500 ease-linear",
       t.overflowClass
-    )), a = c(() => typeof t.progress == "number" ? t.progress : e.value), u = c(() => a.value > 1 ? 100 * ((a.value - 1) / a.value) : null);
-    return Le(
+    )), a = d(() => typeof t.progress == "number" ? t.progress : e.value), u = d(() => a.value > 1 ? 100 * ((a.value - 1) / a.value) : null);
+    return X(
       () => t.job,
       () => {
-        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (o) => e.value = o });
+        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (i) => e.value = i });
       },
       { immediate: !0 }
-    ), $e(() => s && s()), (o, p) => (i(), b("div", ra, [
-      y("div", {
+    ), Ce(() => s && s()), (i, c) => (o(), y("div", $a, [
+      w("div", {
         class: _(r.value),
-        style: Ue(`transform:translateX(-${(1 - a.value) * 100}%)`)
+        style: Ne(`transform:translateX(-${(1 - a.value) * 100}%)`)
       }, null, 6),
-      u.value ? (i(), b("div", {
+      u.value ? (o(), y("div", {
         key: 0,
         class: _(n.value),
-        style: Ue({ width: `${u.value}%` })
-      }, null, 6)) : E("", !0),
-      y("span", na, x(o.$td("ui.progress", "{progress}% complete", {
+        style: Ne({ width: `${u.value}%` })
+      }, null, 6)) : T("", !0),
+      w("span", _a, x(i.$td("ui.progress", "{progress}% complete", {
         progress: a.value * 100
       })), 1)
     ]));
   }
 });
-function la(t) {
-  const s = c(() => t.title ?? S("ui.loading", "Loading")), e = c(
+function Ca(t) {
+  const s = d(() => t.title ?? S("ui.loading", "Loading")), e = d(
     () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
-  ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
+  ), r = d(() => typeof t.progress == "number" || !!t.job), n = d(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const ia = /* @__PURE__ */ g({
+const ka = /* @__PURE__ */ v({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2502,30 +2548,30 @@ const ia = /* @__PURE__ */ g({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = la(e);
-    return s(), (o, p) => (i(), m(ne, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = Ca(e);
+    return s(), (i, c) => (o(), g(le, {
       persistent: "",
       "wrapper-class": "w-auto",
       title: l(r),
       "title-hidden": l(a),
       class: _({ "flex-col-reverse": l(u), "flex-row items-center justify-center gap-2": !l(u) })
     }, {
-      default: f(() => [
-        l(u) ? (i(), m(aa, {
+      default: h(() => [
+        l(u) ? (o(), g(xa, {
           key: 0,
-          progress: o.progress,
-          job: o.job,
+          progress: i.progress,
+          job: i.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (i(), m(l(sa), {
+        }, null, 8, ["progress", "job"])) : (o(), g(l(wa), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        d(z, { text: l(n) }, null, 8, ["text"])
+        p(P, { text: l(n) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), Be = /* @__PURE__ */ g({
+}), je = /* @__PURE__ */ v({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2536,64 +2582,64 @@ const ia = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    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: _e(a),
-      required: c(() => {
+    const r = e, n = te("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `input-${pe()}`,
+      name: d(() => t.name),
+      label: d(() => t.label),
+      description: d(() => t.description),
+      value: d(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: ke(a),
+      required: d(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(o) {
+      update(i) {
         if (n && t.name) {
-          n.setFieldValue(t.name, o);
+          n.setFieldValue(t.name, i);
           return;
         }
-        r("update:modelValue", o);
+        r("update:modelValue", i);
       }
     };
-    return pe("input", u), s(u), (o, p) => (i(), m(ee(o.as), null, {
-      default: f(() => [
-        $(o.$slots, "default")
+    return oe("input", u), s(u), (i, c) => (o(), g(re(i.as), null, {
+      default: h(() => [
+        $(i.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), oa = ["for"], ye = /* @__PURE__ */ g({
+}), Sa = ["for"], _e = /* @__PURE__ */ v({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = q("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Ie(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), b("label", {
+    const s = L("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Se(), r = d(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (o(), y("label", {
       key: 0,
       for: l(s).id
     }, [
       $(n.$slots, "default", {}, () => [
-        L(x(l(s).label), 1)
+        z(x(l(s).label), 1)
       ])
-    ], 8, oa)) : E("", !0);
+    ], 8, Sa)) : T("", !0);
   }
-}), ua = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], zt = /* @__PURE__ */ g({
+}), Ta = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], Dt = /* @__PURE__ */ v({
   __name: "HeadlessInputInput",
   props: {
     type: {}
   },
   setup(t) {
-    const s = te("$inputRef"), e = q("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(() => {
+    const s = Z("$inputRef"), e = L("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = te("form", null), n = d(() => e.name ?? void 0), a = d(() => e.value), u = d(() => {
       if (t.type)
         return t.type;
-      const w = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
-      return ["text", "email", "number", "tel", "url"].includes(w) ? w : "text";
-    }), o = c(() => {
+      const m = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
+      return ["text", "email", "number", "tel", "url"].includes(m) ? m : "text";
+    }), i = d(() => {
       if (u.value === "checkbox")
         return !!a.value;
     });
-    function p() {
-      s.value && e.update(v());
+    function c() {
+      s.value && e.update(f());
     }
-    function v() {
+    function f() {
       if (!s.value)
         return null;
       switch (u.value) {
@@ -2602,67 +2648,69 @@ const ia = /* @__PURE__ */ g({
         case "date":
         case "time":
         case "datetime-local":
-          return new Date(Math.round(s.value.valueAsNumber / 6e4) * 6e4 + Xe);
+          return new Date(
+            Math.round(s.value.valueAsNumber / 6e4) * 6e4 + Xe(s.value.valueAsDate)
+          );
         case "number":
           return s.value.valueAsNumber;
         default:
           return s.value.value;
       }
     }
-    return mt(e, () => {
-      var w;
-      return (w = s.value) == null ? void 0 : w.focus();
-    }), G(() => {
+    return vt(e, () => {
+      var m;
+      return (m = s.value) == null ? void 0 : m.focus();
+    }), se(() => {
       if (s.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 - Xe, e.update(new Date(w));
+          const m = Math.round(a.value.getTime() / 6e4) * 6e4;
+          s.value.valueAsNumber = m - Xe(a.value), e.update(new Date(m));
           return;
         }
         s.value.value = a.value ?? null;
       }
-    }), (w, h) => (i(), b("input", {
+    }), (m, b) => (o(), y("input", {
       id: l(e).id,
       ref: "$inputRef",
       name: n.value,
-      checked: o.value,
+      checked: i.value,
       type: u.value,
       required: l(e).required ?? void 0,
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
-      onInput: p
-    }, null, 40, ua));
+      onInput: c
+    }, null, 40, Ta));
   }
-}), Rt = /* @__PURE__ */ g({
+}), Bt = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = q(
+    const s = L(
       "input",
       "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
-    ), e = c(() => typeof s.description == "string" ? s.description : ""), r = c(() => !!s.description);
+    ), e = d(() => typeof s.description == "string" ? s.description : ""), r = d(() => !!s.description);
     return (n, a) => $(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
-      r.value ? (i(), m(z, H({ key: 0 }, n.$attrs, {
+      r.value ? (o(), g(P, I({ key: 0 }, n.$attrs, {
         id: `${l(s).id}-description`,
         text: e.value
-      }), null, 16, ["id", "text"])) : E("", !0)
+      }), null, 16, ["id", "text"])) : T("", !0)
     ]);
   }
-}), ca = ["id"], we = /* @__PURE__ */ g({
+}), Ma = ["id"], xe = /* @__PURE__ */ v({
   __name: "HeadlessInputError",
   setup(t) {
-    const s = q("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(), b("p", {
+    const s = L("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = d(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, n) => e.value ? (o(), y("p", {
       key: 0,
       id: `${l(s).id}-error`
-    }, x(e.value), 9, ca)) : E("", !0);
+    }, x(e.value), 9, Ma)) : T("", !0);
   }
-}), da = {
+}), Va = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, pa = /* @__PURE__ */ g({
+}, Ea = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2677,43 +2725,43 @@ const ia = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass", "descriptionClass", "errorClass"]), e = te("$inputRef"), [r, n] = Pe(), a = c(() => T("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => T("mt-2 text-sm text-gray-600", t.descriptionClass)), o = c(() => T("mt-2 text-sm text-red-600", t.errorClass)), p = c(() => {
-      var v, w, h;
-      return T(
+    const s = K(t, ["label", "inputClass", "wrapperClass", "descriptionClass", "errorClass"]), e = Z("$inputRef"), [r, n] = De(), a = d(() => k("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = d(() => k("mt-2 text-sm text-gray-600", t.descriptionClass)), i = d(() => k("mt-2 text-sm text-red-600", t.errorClass)), c = d(() => {
+      var f, m, b;
+      return k(
         // 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": !((v = e.value) != null && v.errors),
-          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((w = e.value) != null && w.errors),
-          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (h = e.value) == null ? void 0 : h.errors
+          "focus:ring-primary-600": !((f = e.value) != null && f.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((m = e.value) != null && m.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (b = e.value) == null ? void 0 : b.errors
         },
         t.inputClass
       );
     });
-    return (v, w) => (i(), m(Be, H({
+    return (f, m) => (o(), g(je, I({
       ref: "$inputRef",
-      label: v.label,
+      label: f.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": w[0] || (w[0] = (h) => v.$emit("update:modelValue", h))
+      "onUpdate:modelValue": m[0] || (m[0] = (b) => f.$emit("update:modelValue", b))
     }), {
-      default: f(() => {
-        var h;
+      default: h(() => {
+        var b;
         return [
-          d(ye, { class: "block text-sm leading-6 font-medium text-gray-900" }),
-          y("div", {
+          p(_e, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          w("div", {
             class: _(a.value)
           }, [
-            d(zt, H(l(r), { class: p.value }), null, 16, ["class"]),
-            (h = e.value) != null && h.errors ? (i(), b("div", da, [
-              d(l(De), { class: "size-5 text-red-500" })
-            ])) : E("", !0)
+            p(Dt, I(l(r), { class: c.value }), null, 16, ["class"]),
+            (b = e.value) != null && b.errors ? (o(), y("div", Va, [
+              p(l(he), { class: "size-5 text-red-500" })
+            ])) : T("", !0)
           ], 2),
-          d(Rt, {
+          p(Bt, {
             class: _(u.value)
           }, null, 8, ["class"]),
-          d(we, {
-            class: _(o.value)
+          p(xe, {
+            class: _(i.value)
           }, null, 8, ["class"])
         ];
       }),
@@ -2721,21 +2769,21 @@ const ia = /* @__PURE__ */ g({
     }, 16, ["label", "class"]));
   }
 });
-function Pl(t, s = {}) {
+function uo(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function Al(t, s = {}) {
+function co(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function Dl(t, s, e = {}) {
+function po(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2743,77 +2791,77 @@ function Dl(t, s, e = {}) {
     values: t
   };
 }
-function Bl(t) {
+function mo(t, s = {}) {
   return {
     default: t,
     type: "boolean",
-    rules: "required"
+    rules: ["required", ...s.rules ?? []]
   };
 }
-function jl(t) {
+function fo(t, s = {}) {
   return {
     default: t,
     type: "date",
-    rules: "required"
+    rules: ["required", ...s.rules ?? []]
   };
 }
-function Fl(t, s) {
+function ho(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
-    rules: "required",
+    rules: ["required", ...e.rules ?? []],
     values: t
   };
 }
-function Ol(t) {
+function go(t, s = {}) {
   return {
     default: t,
     type: "number",
-    rules: "required"
+    rules: ["required", ...s.rules ?? []]
   };
 }
-function Ul(t) {
+function vo(t, s = {}) {
   return {
     default: t,
     type: "object",
-    rules: "required"
+    rules: ["required", ...s.rules ?? []]
   };
 }
-function fa(t) {
+function Ha(t, s = {}) {
   return {
     default: t,
     type: "string",
-    rules: "required"
+    rules: ["required", ...s.rules ?? []]
   };
 }
-function Nl(t, s = {}) {
+function bo(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Wl(t, s = {}) {
+function yo(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Kl(t, s = {}) {
+function wo(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function ma(t) {
-  const s = ht({
-    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"));
+function La(t) {
+  const s = bt({
+    draft: Ha(t.defaultValue ?? "")
+  }), e = d(() => t.title ?? t.message), r = d(() => t.title ? t.message : null), n = d(() => t.acceptText ?? S("ui.accept", "Ok")), a = d(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const ha = { class: "mt-4 flex flex-row-reverse gap-2" }, ga = /* @__PURE__ */ g({
+const Ia = { class: "mt-4 flex flex-row-reverse gap-2" }, za = /* @__PURE__ */ v({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2828,43 +2876,43 @@ const ha = { class: "mt-4 flex flex-row-reverse gap-2" }, ga = /* @__PURE__ */ g
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: o } = ma(e);
-    return s(), (p, v) => (i(), m(ne, {
+    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: i } = La(e);
+    return s(), (c, f) => (o(), g(le, {
       title: l(n),
       persistent: ""
     }, {
-      default: f(({ close: w }) => [
-        d(Lt, {
+      default: h(({ close: m }) => [
+        p(Pt, {
           form: l(r),
-          onSubmit: (h) => w(l(r).draft)
+          onSubmit: (b) => m(l(r).draft)
         }, {
-          default: f(() => [
-            l(a) ? (i(), m(z, {
+          default: h(() => [
+            l(a) ? (o(), g(P, {
               key: 0,
               text: l(a)
-            }, null, 8, ["text"])) : E("", !0),
-            d(pa, {
+            }, null, 8, ["text"])) : T("", !0),
+            p(Ea, {
               name: "draft",
               class: "mt-2",
-              placeholder: p.placeholder,
-              label: p.label
+              placeholder: c.placeholder,
+              label: c.label
             }, null, 8, ["placeholder", "label"]),
-            y("div", ha, [
-              d(I, {
-                variant: p.acceptVariant,
+            w("div", Ia, [
+              p(q, {
+                variant: c.acceptVariant,
                 submit: ""
               }, {
-                default: f(() => [
-                  L(x(l(u)), 1)
+                default: h(() => [
+                  z(x(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              d(I, {
-                variant: p.cancelVariant,
-                onClick: (h) => w()
+              p(q, {
+                variant: c.cancelVariant,
+                onClick: (b) => m()
               }, {
-                default: f(() => [
-                  L(x(l(o)), 1)
+                default: h(() => [
+                  z(x(l(i)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2876,63 +2924,63 @@ const ha = { class: "mt-4 flex flex-row-reverse gap-2" }, ga = /* @__PURE__ */ g
       _: 1
     }, 8, ["title"]));
   }
-}), va = {
+}), Ra = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ba(t, s) {
-  return i(), b("svg", va, s[0] || (s[0] = [
-    y("path", {
+function qa(t, s) {
+  return o(), y("svg", Ra, s[0] || (s[0] = [
+    w("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 ya = V({ name: "material-symbols-bug-report", render: ba }), wa = {
+const Pa = R({ name: "material-symbols-bug-report", render: qa }), Aa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function $a(t, s) {
-  return i(), b("svg", wa, s[0] || (s[0] = [
-    y("path", {
+function Da(t, s) {
+  return o(), y("svg", Aa, s[0] || (s[0] = [
+    w("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 _a = V({ name: "material-symbols-delete-forever-rounded", render: $a }), Ca = {
+const Ba = R({ name: "material-symbols-delete-forever-rounded", render: Da }), ja = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function xa(t, s) {
-  return i(), b("svg", Ca, s[0] || (s[0] = [
-    y("path", {
+function Oa(t, s) {
+  return o(), y("svg", ja, s[0] || (s[0] = [
+    w("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 Sa = V({ name: "material-symbols-frame-inspect", render: xa }), ka = {
+const Fa = R({ name: "material-symbols-frame-inspect", render: Oa }), Ua = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ta(t, s) {
-  return i(), b("svg", ka, s[0] || (s[0] = [
-    y("path", {
+function Na(t, s) {
+  return o(), y("svg", Ua, s[0] || (s[0] = [
+    w("path", {
       fill: "currentColor",
       d: "M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V5q0-.425.288-.712T19 4t.713.288T20 5v5q0 .425-.288.713T19 11h-5q-.425 0-.712-.288T13 10t.288-.712T14 9h3.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.7 0 3.113-.862t2.187-2.313q.2-.35.563-.487t.737-.013q.4.125.575.525t-.025.75q-1.025 2-2.925 3.2T12 20"
     }, null, -1)
   ]));
 }
-const Ma = 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__ */ g({
+const Wa = R({ name: "material-symbols-refresh-rounded", render: Na }), Ka = { class: "grid grow place-items-center" }, Qa = { class: "flex flex-col items-center p-8" }, Ja = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Za = { 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__ */ v({
   __name: "StartupCrash",
   setup(t) {
     async function s() {
-      await A.confirm(
+      await D.confirm(
         S("startupCrash.purgeConfirmTitle", "Delete everything?"),
         S(
           "startupCrash.purgeConfirmMessage",
@@ -2944,59 +2992,59 @@ Do you still want to proceed?`
           acceptVariant: "danger",
           acceptText: S("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await vt.purge(), await R.reload());
+      ) && (await wt.purge(), await A.reload());
     }
     return (e, r) => {
-      const n = Qt("i-majesticons-exclamation");
-      return i(), b("div", Ea, [
-        y("div", Ha, [
-          d(n, { class: "size-20 text-red-600" }),
-          y("h1", Va, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
-          d(z, {
+      const n = Xt("i-majesticons-exclamation");
+      return o(), y("div", Ka, [
+        w("div", Qa, [
+          p(n, { class: "size-20 text-red-600" }),
+          w("h1", Ja, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          p(P, {
             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", La, [
-            d(I, {
+          w("div", Za, [
+            p(q, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
-              default: f(() => [
-                d(l(Ma)),
-                L(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
+              default: h(() => [
+                p(l(Wa)),
+                z(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
-            d(I, {
+            p(q, {
               variant: "danger",
               onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
             }, {
-              default: f(() => [
-                d(l(ya)),
-                L(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
+              default: h(() => [
+                p(l(Pa)),
+                z(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
             }),
-            d(I, {
+            p(q, {
               variant: "danger",
               onClick: r[2] || (r[2] = (a) => s())
             }, {
-              default: f(() => [
-                d(l(_a)),
-                L(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
+              default: h(() => [
+                p(l(Ba)),
+                z(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
-            d(I, {
+            p(q, {
               variant: "danger",
               onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
             }, {
-              default: f(() => [
-                d(l(Sa)),
-                L(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+              default: h(() => [
+                p(l(Fa)),
+                z(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
             })
@@ -3005,23 +3053,23 @@ Do you still want to proceed?`
       ]);
     };
   }
-}), qt = /* @__PURE__ */ g({
+}), jt = /* @__PURE__ */ v({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(ee(s.action.dismiss ? l(js) : "button"), {
+    return (s, e) => (o(), g(re(s.action.dismiss ? l(Ns) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
-      default: f(() => [
-        L(x(s.action.label), 1)
+      default: h(() => [
+        z(x(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), za = { key: 0 }, Ra = /* @__PURE__ */ g({
+}), Xa = { key: 0 }, Ya = /* @__PURE__ */ v({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -3029,11 +3077,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(l(Fs), null, {
-      default: f(() => [
+    return (s, e) => (o(), g(l(Ws), null, {
+      default: h(() => [
         $(s.$slots, "default", {}, () => [
-          s.message ? (i(), b("span", za, x(s.message), 1)) : E("", !0),
-          (i(!0), b(D, null, O(s.actions, (r, n) => (i(), m(qt, {
+          s.message ? (o(), y("span", Xa, x(s.message), 1)) : T("", !0),
+          (o(!0), y(j, null, F(s.actions, (r, n) => (o(), g(jt, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -3042,7 +3090,7 @@ Do you still want to proceed?`
       _: 3
     }));
   }
-}), qa = /* @__PURE__ */ g({
+}), el = /* @__PURE__ */ v({
   __name: "Toast",
   props: {
     message: {},
@@ -3051,7 +3099,7 @@ Do you still want to proceed?`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = c(() => ft(
+    const e = d(() => gt(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
@@ -3067,98 +3115,103 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (i(), m(Ra, {
+    return s(), (r, n) => (o(), g(Ya, {
       class: _(e.value)
     }, {
-      default: f(() => [
-        r.message ? (i(), m(z, {
+      default: h(() => [
+        r.message ? (o(), g(P, {
           key: 0,
           text: r.message,
           inline: ""
-        }, null, 8, ["text"])) : E("", !0),
-        (i(!0), b(D, null, O(r.actions, (a, u) => (i(), m(I, {
+        }, null, 8, ["text"])) : T("", !0),
+        (o(!0), y(j, null, F(r.actions, (a, u) => (o(), g(q, {
           key: u,
           action: a,
           variant: r.variant,
-          as: qt
+          as: jt
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Pa = { $ui: A }, Aa = {
+}), tl = { $ui: D }, sl = {
   async install(t, s) {
     const e = {
-      "alert-modal": bn,
-      "confirm-modal": Sn,
-      "error-report-modal": Gn,
-      "loading-modal": ia,
-      "prompt-modal": ga,
-      "startup-crash": Ia,
-      toast: qa,
+      "alert-modal": An,
+      "confirm-modal": Nn,
+      "error-report-modal": va,
+      "loading-modal": ka,
+      "prompt-modal": za,
+      "startup-crash": Ga,
+      toast: el,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
-      A.registerComponent(r, n);
-    await ke(t, Pa);
+      D.registerComponent(r, n);
+    await Ee(t, tl);
+  }
+}, rl = {
+  async install(t, { formValidationRules: s }) {
+    for (const [e, r] of Object.entries(s ?? {}))
+      kr(e, r);
   }
 };
-async function Da(t, s = {}) {
+async function nl(t, s = {}) {
   var r;
-  const e = [an, _r, nn, Ur, kr, Aa, ...s.plugins ?? []];
-  R.instance = t, await rr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
+  const e = [Sn, Ar, kn, dn, Or, sl, rl, ...s.plugins ?? []];
+  A.instance = t, await br(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await W.emit("application-ready");
 }
-async function Ql(t, s = {}) {
+async function $o(t, s = {}) {
   var r;
-  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 e = Yt(t);
+  Y() && (window.$aerogel = e), await nl(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await W.emit("application-mounted");
 }
-const Ba = /* @__PURE__ */ g({
+const al = /* @__PURE__ */ v({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (i(), m(l(Os), null, {
-      default: f(() => [
-        (i(!0), b(D, null, O(s.$ui.toasts, (r) => (i(), m(ee(r.component), H({
+    return (s, e) => (o(), g(l(Ks), null, {
+      default: h(() => [
+        (o(!0), y(j, null, F(s.$ui.toasts, (r) => (o(), g(re(r.component), I({
           id: r.id,
           key: r.id
         }, { ref_for: !0 }, r.properties), null, 16, ["id"]))), 128)),
-        d(l(Us), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+        p(l(Qs), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
   }
-}), ja = /* @__PURE__ */ g({
+}), ll = /* @__PURE__ */ v({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (i(), b(D, null, [
-      d(l(ys), { nested: "" }),
-      d(Ba)
+    return (s, e) => (o(), y(j, null, [
+      p(l(Cs), { nested: "" }),
+      p(al)
     ], 64));
   }
-}), Fa = { class: "text-primary-text flex min-h-full flex-col text-base leading-tight font-normal antialiased" }, Jl = /* @__PURE__ */ g({
+}), ol = { class: "text-primary-text flex min-h-full flex-col text-base leading-tight font-normal antialiased" }, _o = /* @__PURE__ */ v({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (i(), b("div", Fa, [
+    return (s, e) => (o(), y("div", ol, [
       s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
-        (i(), m(ee(s.$ui.requireComponent("startup-crash"))))
+        (o(), g(re(s.$ui.requireComponent("startup-crash"))))
       ]) : $(s.$slots, "default", { key: 1 }),
-      d(ja)
+      p(ll)
     ]));
   }
-}), Oa = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Ua = /* @__PURE__ */ g({
+}), il = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], ul = /* @__PURE__ */ v({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = te("$textAreaRef"), e = q(
+    const s = Z("$textAreaRef"), e = L(
       "input",
       "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
-    ), r = c(() => e.name ?? void 0), n = c(() => e.value);
+    ), r = d(() => e.name ?? void 0), n = d(() => e.value);
     function a() {
       s.value && e.update(s.value.value);
     }
-    return mt(e, () => {
+    return vt(e, () => {
       var u;
       return (u = s.value) == null ? void 0 : u.focus();
-    }), (u, o) => (i(), b("textarea", {
+    }), (u, i) => (o(), y("textarea", {
       id: l(e).id,
       ref: "$textAreaRef",
       name: r.value,
@@ -3167,9 +3220,9 @@ const Ba = /* @__PURE__ */ g({
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
       onInput: a
-    }, null, 40, Oa));
+    }, null, 40, il));
   }
-}), Na = { class: "group" }, Wa = /* @__PURE__ */ g({
+}), cl = { class: "group" }, dl = /* @__PURE__ */ v({
   __name: "Details",
   props: {
     label: { default: () => {
@@ -3178,40 +3231,40 @@ const Ba = /* @__PURE__ */ g({
     summaryClass: {}
   },
   setup(t) {
-    const s = c(() => T("pt-2 pl-4", t.contentClass)), e = c(() => T(
-      "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1",
+    const s = d(() => k("pt-2 pl-4", t.contentClass)), e = d(() => k(
+      "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 max-w-full",
       "hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700",
       t.summaryClass
     ));
-    return (r, n) => (i(), b("details", Na, [
-      y("summary", {
+    return (r, n) => (o(), y("details", cl, [
+      w("summary", {
         class: _(e.value)
       }, [
-        d(l(It), { class: "size-6 transition-transform group-open:rotate-90" }),
+        p(l(At), { class: "size-6 transition-transform group-open:rotate-90" }),
         $(r.$slots, "label", {}, () => [
-          y("span", null, x(r.label ?? r.$td("ui.details", "Details")), 1)
+          w("span", null, x(r.label ?? r.$td("ui.details", "Details")), 1)
         ])
       ], 2),
-      y("div", {
+      w("div", {
         class: _(s.value)
       }, [
         $(r.$slots, "default")
       ], 2)
     ]));
   }
-}), Zl = /* @__PURE__ */ g({
+}), xo = /* @__PURE__ */ v({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (i(), m(Wa, {
+    return (s, e) => (o(), g(dl, {
       label: s.$td("ui.advancedOptions", "Advanced options")
     }, {
-      default: f(() => [
+      default: h(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["label"]));
   }
-}), Ka = { class: "flex h-6 items-center" }, Xl = /* @__PURE__ */ g({
+}), pl = { class: "flex h-6 items-center" }, Co = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3224,53 +3277,329 @@ const Ba = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["inputClass", "labelClass"]), e = te("$inputRef"), [r, n] = Pe(), a = c(() => T("relative flex items-start", n.value)), u = c(() => {
-      var p, v;
-      return T(
+    const s = K(t, ["inputClass", "labelClass"]), e = Z("$inputRef"), [r, n] = De(), a = d(() => k("relative flex items-start", n.value)), u = d(() => {
+      var c, f;
+      return k(
         "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": !((p = e.value) != null && p.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": !((c = e.value) != null && c.errors),
+          "border-red-400 border-2 focus:ring-red-600": (f = e.value) == null ? void 0 : f.errors
         },
         t.inputClass
       );
-    }), o = c(() => T("ml-2 text-sm leading-6", t.labelClass));
-    return (p, v) => (i(), m(Be, H({
+    }), i = d(() => k("ml-2 text-sm leading-6", t.labelClass));
+    return (c, f) => (o(), g(je, I({
       ref: "$inputRef",
       class: a.value
     }, s, {
-      "onUpdate:modelValue": v[0] || (v[0] = (w) => p.$emit("update:modelValue", w))
+      "onUpdate:modelValue": f[0] || (f[0] = (m) => c.$emit("update:modelValue", m))
     }), {
-      default: f(() => [
-        y("div", Ka, [
-          d(zt, H(l(r), {
+      default: h(() => [
+        w("div", pl, [
+          p(Dt, I(l(r), {
             type: "checkbox",
             class: u.value
           }), null, 16, ["class"])
         ]),
-        p.$slots.default ? (i(), b("div", {
+        c.$slots.default ? (o(), y("div", {
           key: 0,
-          class: _(o.value)
+          class: _(i.value)
         }, [
-          d(ye, { class: "text-gray-900" }, {
-            default: f(() => [
-              $(p.$slots, "default")
+          p(_e, { class: "text-gray-900" }, {
+            default: h(() => [
+              $(c.$slots, "default")
             ]),
             _: 3
           }),
-          d(we, { class: "text-red-600" })
-        ], 2)) : p.label ? (i(), b("div", {
+          p(xe, { class: "text-red-600" })
+        ], 2)) : c.label ? (o(), y("div", {
           key: 1,
-          class: _(o.value)
+          class: _(i.value)
         }, [
-          d(ye, { class: "text-gray-900" }),
-          d(we, { class: "text-red-600" })
-        ], 2)) : E("", !0)
+          p(_e, { class: "text-gray-900" }),
+          p(xe, { class: "text-red-600" })
+        ], 2)) : T("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Qa = /* @__PURE__ */ g({
+}), ml = /* @__PURE__ */ v({
+  __name: "Provide",
+  props: {
+    name: {},
+    value: {}
+  },
+  setup(t) {
+    return oe(t.name, t.value), (s, e) => $(s.$slots, "default");
+  }
+}), fl = { class: "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center gap-2 truncate rounded-md 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" }, rt = /* @__PURE__ */ v({
+  __name: "ComboboxOption",
+  props: {
+    textValue: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["select"],
+  setup(t, { emit: s }) {
+    const e = s, r = L("select", "<ComboboxOption> must be a child of a <Combobox>"), n = Js(), a = L("combobox"), u = d(() => {
+      var f;
+      const c = (f = r.options) == null ? void 0 : f.find((m) => m.value === t.value);
+      return c ? r.renderOption(c.value) : O(t.value);
+    });
+    function i(c) {
+      n.multiple.value || n.disabled.value || (c.preventDefault(), a.preventChange = !0, n.modelValue.value = t.value, e("select"));
+    }
+    return (c, f) => (o(), g(l(Zs), I(c.$props, {
+      class: "group p-1 outline-none",
+      onSelect: f[0] || (f[0] = (m) => i(m))
+    }), {
+      default: h(() => [
+        w("div", fl, [
+          $(c.$slots, "default", {}, () => [
+            z(x(u.value), 1)
+          ])
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), hl = { class: "relative flex max-w-[calc(100vw-2rem)] items-center gap-2 truncate rounded-md px-2 py-1 text-sm select-none *:truncate" }, gl = /* @__PURE__ */ v({
+  __name: "ComboboxOptions",
+  props: {
+    newInputValue: { type: Function }
+  },
+  emits: ["select"],
+  setup(t) {
+    const { contains: s } = Gs({ sensitivity: "base" }), e = L("select", "<ComboboxOptions> must be a child of a <Combobox>"), r = L("combobox"), n = Z("$group"), a = d(
+      () => {
+        var c;
+        return ((c = e.options) == null ? void 0 : c.filter((f) => s(f.label, r.input))) ?? [];
+      }
+    ), u = d(
+      () => r.input && !a.value.some((c) => c.label === r.input)
+    ), i = k(
+      "max-h-(--reka-combobox-content-available-height) min-w-(--reka-combobox-trigger-width)",
+      "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden"
+    );
+    return X(n, () => {
+      var c;
+      return r.$group = ((c = n.value) == null ? void 0 : c.$el) ?? null;
+    }), (c, f) => (o(), g(l(Xs), null, {
+      default: h(() => [
+        p(l(Ys), {
+          position: "popper",
+          align: l(e).align,
+          side: l(e).side,
+          "side-offset": 4,
+          class: _(l(i))
+        }, {
+          default: h(() => [
+            p(l(er), null, {
+              default: h(() => [
+                p(l(tr), { class: "group p-1 outline-none" }, {
+                  default: h(() => [
+                    w("div", hl, x(c.$td("ui.comboboxEmpty", "No options found")), 1)
+                  ]),
+                  _: 1
+                }),
+                p(l(sr), {
+                  ref_key: "$group",
+                  ref: n
+                }, {
+                  default: h(() => {
+                    var m;
+                    return [
+                      u.value ? (o(), g(rt, {
+                        key: 0,
+                        value: ((m = c.newInputValue) == null ? void 0 : m.call(c, l(r).input)) ?? l(r).input,
+                        onSelect: f[0] || (f[0] = (b) => c.$emit("select"))
+                      }, {
+                        default: h(() => [
+                          z(x(l(r).input), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["value"])) : T("", !0),
+                      (o(!0), y(j, null, F(a.value, (b) => (o(), g(rt, {
+                        key: b.key,
+                        value: b.value,
+                        onSelect: f[1] || (f[1] = (M) => c.$emit("select"))
+                      }, null, 8, ["value"]))), 128))
+                    ];
+                  }),
+                  _: 1
+                }, 512)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["align", "side", "class"])
+      ]),
+      _: 1
+    }));
+  }
+}), vl = {
+  key: 0,
+  class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
+}, bl = /* @__PURE__ */ v({
+  __name: "ComboboxTrigger",
+  emits: ["focus", "change", "blur"],
+  setup(t, { emit: s }) {
+    const e = s, r = L("select", "<ComboboxTrigger> must be a child of a <Combobox>"), n = L("combobox"), a = d(() => k(
+      // 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",
+      {
+        "mt-1": r.label,
+        "focus:ring-primary-600": !r.errors,
+        "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !r.errors,
+        "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": r.errors
+      }
+    ));
+    function u() {
+      Array.from(document.querySelectorAll(":hover")).some((c) => {
+        var f;
+        return (f = n.$group) == null ? void 0 : f.contains(c);
+      }) || e("blur");
+    }
+    return X(
+      () => n.input,
+      () => {
+        if (n.preventChange) {
+          n.preventChange = !1;
+          return;
+        }
+        e("change");
+      }
+    ), (i, c) => (o(), g(l(rr), { class: "relative" }, {
+      default: h(() => {
+        var f;
+        return [
+          p(l(nr), {
+            id: l(r).id,
+            modelValue: l(n).input,
+            "onUpdate:modelValue": c[0] || (c[0] = (m) => l(n).input = m),
+            placeholder: l(r).placeholder,
+            class: _(a.value),
+            "display-value": l(r).renderOption,
+            name: l(r).name,
+            onFocus: c[1] || (c[1] = (m) => i.$emit("focus")),
+            onBlur: c[2] || (c[2] = (m) => u()),
+            onKeydown: c[3] || (c[3] = es((m) => i.$emit("blur"), ["esc"]))
+          }, null, 8, ["id", "modelValue", "placeholder", "class", "display-value", "name"]),
+          (f = l(r)) != null && f.errors ? (o(), y("div", vl, [
+            p(l(he), { class: "size-5 text-red-500" })
+          ])) : T("", !0)
+        ];
+      }),
+      _: 1
+    }));
+  }
+}), yl = /* @__PURE__ */ v({
+  __name: "ComboboxLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const s = L("select", "<ComboboxLabel> must be a child of a <Combobox>"), e = Se(), r = d(() => !!(s.label || e.default)), n = d(() => k("block text-sm leading-6 font-medium text-gray-900", s.labelClass));
+    return (a, u) => r.value ? (o(), g(l(mt), I({
+      key: 0,
+      for: l(s).id,
+      class: n.value
+    }, a.$props), {
+      default: h(() => [
+        $(a.$slots, "default", {}, () => [
+          z(x(l(s).label), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["for", "class"])) : T("", !0);
+  }
+}), ko = /* @__PURE__ */ v({
+  __name: "Combobox",
+  props: {
+    as: { default: "div" },
+    options: {},
+    placeholder: {},
+    renderOption: { type: Function },
+    compareOptions: { type: Function, default: (t, s) => t === s },
+    labelClass: {},
+    optionsClass: {},
+    align: {},
+    side: {},
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    newInputValue: { type: Function }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: s, emit: e }) {
+    const r = e, n = K(t, ["as", "compareOptions", "newInputValue"]), {
+      expose: a,
+      acceptableValue: u,
+      update: i,
+      renderOption: c
+    } = St(
+      d(() => ({ as: t.as, compareOptions: t.compareOptions, ...n })),
+      r
+    ), f = B(!1), m = d(() => {
+      var H;
+      return Object.fromEntries(((H = a.options.value) == null ? void 0 : H.map((V) => [V.label, V.value])) ?? []);
+    }), b = {
+      input: B(u.value ? c(u.value) : ""),
+      preventChange: B(!1),
+      $group: B(null)
+    };
+    function M(H) {
+      b.input.value = c(H), i(H);
+    }
+    return X(a.value, (H) => {
+      const V = c(H);
+      b.input.value !== V && (b.preventChange.value = !0, b.input.value = V);
+    }), X(b.input, (H) => {
+      const V = t.newInputValue ? t.newInputValue(H) : H, U = c(V);
+      if (U in m.value) {
+        M(m.value[U]);
+        return;
+      }
+      M(V);
+    }), s(a), (H, V) => (o(), g(l(ar), {
+      "ignore-filter": "",
+      open: f.value,
+      "reset-search-term-on-blur": !1,
+      "reset-search-term-on-select": !1,
+      "model-value": l(u),
+      by: H.compareOptions,
+      "onUpdate:modelValue": V[4] || (V[4] = (U) => M(U))
+    }, {
+      default: h(() => [
+        p(ml, {
+          name: "combobox",
+          value: b
+        }, {
+          default: h(() => [
+            p(yl),
+            p(bl, {
+              onFocus: V[0] || (V[0] = (U) => f.value = !0),
+              onChange: V[1] || (V[1] = (U) => f.value = !0),
+              onBlur: V[2] || (V[2] = (U) => f.value = !1)
+            }),
+            p(zt, { class: "mt-2 text-sm text-red-600" }),
+            p(gl, {
+              "new-input-value": H.newInputValue,
+              onSelect: V[3] || (V[3] = (U) => f.value = !1)
+            }, null, 8, ["new-input-value"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["open", "model-value", "by"]));
+  }
+}), wl = /* @__PURE__ */ v({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3279,37 +3608,37 @@ const Ba = /* @__PURE__ */ g({
   },
   emits: ["select"],
   setup(t) {
-    const s = K(t, ["class"]), e = c(() => T(
+    const s = K(t, ["class"]), e = d(() => k(
       "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
       t.class
     ));
-    return (r, n) => (i(), m(l(Ns), H({ class: e.value }, s, {
+    return (r, n) => (o(), g(l(lr), I({ class: e.value }, s, {
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
-      default: f(() => [
+      default: h(() => [
         $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ja = /* @__PURE__ */ g({
+}), $l = /* @__PURE__ */ v({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = q(
+    const s = L(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (i(), m(l(Ws), {
+    return (e, r) => (o(), g(l(or), {
       class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
       align: l(s).align,
       side: l(s).side
     }, {
-      default: f(() => [
+      default: h(() => [
         $(e.$slots, "default", {}, () => [
-          (i(!0), b(D, null, O(l(s).options, (n, a) => (i(), m(Qa, H(
+          (o(!0), y(j, null, F(l(s).options, (n, a) => (o(), g(wl, I(
             {
               key: a,
-              as: n.route || n.href ? _t : void 0,
+              as: n.route || n.href ? kt : void 0,
               class: n.class
             },
             { ref_for: !0 },
@@ -3321,13 +3650,13 @@ const Ba = /* @__PURE__ */ g({
             } : {},
             {
               onSelect: (u) => {
-                var o;
-                return (o = n.click) == null ? void 0 : o.call(n);
+                var i;
+                return (i = n.click) == null ? void 0 : i.call(n);
               }
             }
           ), {
-            default: f(() => [
-              L(x(n.label), 1)
+            default: h(() => [
+              z(x(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3336,7 +3665,7 @@ const Ba = /* @__PURE__ */ g({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), Yl = /* @__PURE__ */ g({
+}), So = /* @__PURE__ */ v({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3347,23 +3676,23 @@ const Ba = /* @__PURE__ */ g({
     const e = {
       align: t.align,
       side: t.side,
-      options: c(() => {
+      options: d(() => {
         var r;
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return pe("dropdown-menu", e), s(e), (r, n) => (i(), m(l(Ks), null, {
-      default: f(() => [
-        d(l(Qs), null, {
-          default: f(() => [
+    return oe("dropdown-menu", e), s(e), (r, n) => (o(), g(l(ir), null, {
+      default: h(() => [
+        p(l(ur), null, {
+          default: h(() => [
             $(r.$slots, "default")
           ]),
           _: 3
         }),
-        d(l(Js), null, {
-          default: f(() => [
+        p(l(cr), null, {
+          default: h(() => [
             $(r.$slots, "options", {}, () => [
-              d(Ja)
+              p($l)
             ])
           ]),
           _: 3
@@ -3372,7 +3701,7 @@ const Ba = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), Za = ["aria-hidden"], Xa = ["tabindex", "aria-label", "type"], Gl = /* @__PURE__ */ g({
+}), _l = ["aria-hidden"], xl = ["tabindex", "aria-label", "type"], To = /* @__PURE__ */ v({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3385,106 +3714,106 @@ const Ba = /* @__PURE__ */ g({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = te("$inputRef"), n = N(null), a = N(t.text), u = c(() => T("inline whitespace-pre", t.contentClass)), o = c(() => T("invisible whitespace-pre", t.contentClass)), p = c(() => T("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 = Z("$inputRef"), n = B(null), a = B(t.text), u = d(() => k("inline whitespace-pre", t.contentClass)), i = d(() => k("invisible whitespace-pre", t.contentClass)), c = d(() => k("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    function f() {
       n.value = t.text;
     }
-    function w() {
+    function m() {
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
-    return G(() => a.value = t.text), (h, k) => (i(), b("div", {
-      class: _(["relative", { "pointer-events-none!": h.disabled && !n.value }])
+    return se(() => a.value = t.text), (b, M) => (o(), y("div", {
+      class: _(["relative", { "pointer-events-none!": b.disabled && !n.value }])
     }, [
-      n.value ? (i(), b("span", {
+      n.value ? (o(), y("span", {
         key: 1,
-        class: _(o.value)
-      }, x(a.value), 3)) : (i(), b("div", {
+        class: _(i.value)
+      }, x(a.value), 3)) : (o(), y("div", {
         key: 0,
         class: _(u.value)
       }, [
-        $(h.$slots, "default")
+        $(b.$slots, "default")
       ], 2)),
-      h.type === "number" ? (i(), b("span", {
+      b.type === "number" ? (o(), y("span", {
         key: 2,
         class: _(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
-      }, null, 2)) : E("", !0),
-      y("form", {
+      }, null, 2)) : T("", !0),
+      w("form", {
         class: "w-full",
-        "aria-hidden": h.formAriaHidden,
-        onSubmit: k[4] || (k[4] = nt((P) => {
-          var Q;
-          return (Q = r.value) == null ? void 0 : Q.blur();
+        "aria-hidden": b.formAriaHidden,
+        onSubmit: M[4] || (M[4] = lt((H) => {
+          var V;
+          return (V = r.value) == null ? void 0 : V.blur();
         }, ["prevent"]))
       }, [
-        at(y("input", {
+        ot(w("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": k[0] || (k[0] = (P) => a.value = P),
-          tabindex: h.tabindex ?? void 0,
-          "aria-label": h.ariaLabel ?? void 0,
-          type: h.type,
+          "onUpdate:modelValue": M[0] || (M[0] = (H) => a.value = H),
+          tabindex: b.tabindex ?? void 0,
+          "aria-label": b.ariaLabel ?? void 0,
+          type: b.type,
           class: _([
-            p.value,
-            { "opacity-0": !n.value, "appearance-textfield": !n.value && h.type === "number" }
+            c.value,
+            { "opacity-0": !n.value, "appearance-textfield": !n.value && b.type === "number" }
           ]),
-          onKeyup: k[1] || (k[1] = (P) => h.$emit("update", a.value)),
-          onFocus: k[2] || (k[2] = (P) => v()),
-          onBlur: k[3] || (k[3] = (P) => w())
-        }, null, 42, Xa), [
-          [Zt, a.value]
+          onKeyup: M[1] || (M[1] = (H) => b.$emit("update", a.value)),
+          onFocus: M[2] || (M[2] = (H) => f()),
+          onBlur: M[3] || (M[3] = (H) => m())
+        }, null, 42, xl), [
+          [ts, a.value]
         ])
-      ], 40, Za)
+      ], 40, _l)
     ], 2));
   }
-}), Ya = {
+}), Cl = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function Ga(t, s) {
-  return i(), b("svg", Ya, s[0] || (s[0] = [
-    y("path", {
+function kl(t, s) {
+  return o(), y("svg", Cl, s[0] || (s[0] = [
+    w("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 el = V({ name: "ion-warning", render: Ga }), tl = {
+const Sl = R({ name: "ion-warning", render: kl }), Tl = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function sl(t, s) {
-  return i(), b("svg", tl, s[0] || (s[0] = [
-    y("path", {
+function Ml(t, s) {
+  return o(), y("svg", Tl, s[0] || (s[0] = [
+    w("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 rl = V({ name: "zondicons-view-show", render: sl }), nl = { class: "font-medium" }, al = ["datetime"], ll = /* @__PURE__ */ g({
+const Vl = R({ name: "zondicons-view-show", render: Ml }), El = { class: "font-medium" }, Hl = ["datetime"], Ll = /* @__PURE__ */ v({
   __name: "ErrorLogsModal",
   setup(t) {
-    return (s, e) => (i(), m(ne, {
+    return (s, e) => (o(), g(le, {
       title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
     }, {
-      default: f(() => [
-        y("ol", null, [
-          (i(!0), b(D, null, O(s.$errors.logs, (r, n) => (i(), b("li", {
+      default: h(() => [
+        w("ol", null, [
+          (o(!0), y(j, null, F(s.$errors.logs, (r, n) => (o(), 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", nl, x(r.report.title), 1),
-              y("time", {
+            w("div", null, [
+              w("h3", El, x(r.report.title), 1),
+              w("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, x(r.date.toLocaleTimeString()), 9, al),
-              d(z, {
+              }, x(r.date.toLocaleTimeString()), 9, Hl),
+              p(P, {
                 class: "text-sm text-gray-500",
-                text: r.report.description ?? l(Vt)(r.report)
+                text: r.report.description ?? l(qt)(r.report)
               }, null, 8, ["text"])
             ]),
-            d(I, {
+            p(q, {
               size: "icon",
               variant: "ghost",
               "aria-label": s.$td("errors.viewDetails", "View details"),
@@ -3495,8 +3824,8 @@ const rl = V({ name: "zondicons-view-show", render: sl }), nl = { class: "font-m
                 s.$errors.logs.map(({ report: u }) => u)
               )
             }, {
-              default: f(() => [
-                d(l(rl), {
+              default: h(() => [
+                p(l(Vl), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3509,36 +3838,36 @@ const rl = V({ name: "zondicons-view-show", render: sl }), nl = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), ei = /* @__PURE__ */ g({
+}), Mo = /* @__PURE__ */ v({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (i(), m(I, {
+    return (s, e) => s.$errors.logs.length > 0 ? (o(), g(q, {
       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(ll))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(Ll))
     }, {
-      default: f(() => [
-        d(l(el), { class: "size-6 text-red-500" })
+      default: h(() => [
+        p(l(Sl), { class: "size-6 text-red-500" })
       ]),
       _: 1
-    }, 8, ["title", "aria-label"])) : E("", !0);
+    }, 8, ["title", "aria-label"])) : T("", !0);
   }
-}), ti = /* @__PURE__ */ g({
+}), Vo = /* @__PURE__ */ v({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = c(() => Vt(t.error));
-    return (e, r) => (i(), m(z, {
+    const s = d(() => qt(t.error));
+    return (e, r) => (o(), g(P, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), si = /* @__PURE__ */ g({
+}), Eo = /* @__PURE__ */ v({
   __name: "Link",
   props: {
     class: {},
@@ -3553,31 +3882,31 @@ const rl = V({ name: "zondicons-view-show", render: sl }), nl = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(I, H({ variant: "link" }, s.$props), {
-      default: f(() => [
+    return (s, e) => (o(), g(q, I({ variant: "link" }, s.$props), {
+      default: h(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), ri = /* @__PURE__ */ g({
+}), Ho = /* @__PURE__ */ v({
   __name: "SettingsModal",
   setup(t) {
-    const s = c(() => is(R.settings, "priority", "desc"));
-    return (e, r) => (i(), m(ne, {
+    const s = d(() => ps(A.settings, "priority", "desc"));
+    return (e, r) => (o(), g(le, {
       title: e.$td("settings.title", "Settings"),
       "fullscreen-on-mobile": e.$app.settingsFullscreenOnMobile
     }, {
-      default: f(() => [
-        (i(!0), b(D, null, O(s.value, (n, a) => (i(), m(ee(n.component), { key: a }))), 128))
+      default: h(() => [
+        (o(!0), y(j, null, F(s.value, (n, a) => (o(), g(re(n.component), { key: a }))), 128))
       ]),
       _: 1
     }, 8, ["title", "fullscreen-on-mobile"]));
   }
-}), il = {
+}), Il = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, ni = /* @__PURE__ */ g({
+}, Lo = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3590,47 +3919,47 @@ const rl = V({ name: "zondicons-view-show", render: sl }), nl = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = te("$inputRef"), [r, n] = Pe(), a = c(() => T("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
-      var o, p, v;
-      return T(
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = Z("$inputRef"), [r, n] = De(), a = d(() => k("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = d(() => {
+      var i, c, f;
+      return k(
         // eslint-disable-next-line vue/max-len
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
-          "focus:ring-primary-600": !((o = e.value) != null && o.errors),
-          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((p = e.value) != null && p.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": !((i = e.value) != null && i.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((c = e.value) != null && c.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (f = e.value) == null ? void 0 : f.errors
         },
         t.inputClass
       );
     });
-    return (o, p) => (i(), m(Be, H({
+    return (i, c) => (o(), g(je, I({
       ref: "$inputRef",
-      label: o.label,
+      label: i.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": p[0] || (p[0] = (v) => o.$emit("update:modelValue", v))
+      "onUpdate:modelValue": c[0] || (c[0] = (f) => i.$emit("update:modelValue", f))
     }), {
-      default: f(() => {
-        var v;
+      default: h(() => {
+        var f;
         return [
-          d(ye, { class: "block text-sm leading-6 font-medium text-gray-900" }),
-          y("div", {
+          p(_e, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          w("div", {
             class: _(a.value)
           }, [
-            d(Ua, H(l(r), { class: u.value }), null, 16, ["class"]),
-            (v = e.value) != null && v.errors ? (i(), b("div", il, [
-              d(l(De), { class: "size-5 text-red-500" })
-            ])) : E("", !0)
+            p(ul, I(l(r), { class: u.value }), null, 16, ["class"]),
+            (f = e.value) != null && f.errors ? (o(), y("div", Il, [
+              p(l(he), { class: "size-5 text-red-500" })
+            ])) : T("", !0)
           ], 2),
-          d(Rt, { class: "mt-2 text-sm text-gray-600" }),
-          d(we, { class: "mt-2 text-sm text-red-600" })
+          p(Bt, { class: "mt-2 text-sm text-gray-600" }),
+          p(xe, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-class ai {
+class Io {
   constructor() {
     C(this, "status");
     C(this, "_listeners");
@@ -3638,22 +3967,22 @@ class ai {
     C(this, "_cancelled");
     C(this, "_started");
     C(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new os(), this._started = new J(), this._completed = new J();
+    this.status = this.getInitialStatus(), this._listeners = new ms(), this._started = new G(), this._completed = new G();
   }
   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 tt)
+      if (s instanceof st)
         return;
-      throw se(us(s), (e) => {
+      throw ne(fs(s), (e) => {
         this._completed.reject(e);
       });
     }
   }
   async cancel() {
-    this._cancelled = new J(), await this._cancelled;
+    this._cancelled = new G(), await this._cancelled;
   }
   serialize() {
     return this.serializeStatus(this.status);
@@ -3688,13 +4017,13 @@ class ai {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new tt();
+      throw this._cancelled.resolve(), new st();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? cs(
+    return s ?? (s = this.status), s.completed ? 1 : !s.children || s.children.length === 0 ? 0 : hs(
       s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
-    ) : 0;
+    );
   }
   async updateProgress(s) {
     await (s == null ? void 0 : s(this.status));
@@ -3705,158 +4034,166 @@ class ai {
     return { ...s };
   }
 }
-async function li(t) {
+async function zo(t) {
   await t.start();
 }
 export {
-  Zl as AdvancedOptions,
-  bn as AlertModal,
-  R as App,
-  Jl as AppLayout,
-  ja as AppOverlays,
-  sr as AppService,
-  Ba as AppToasts,
-  I as Button,
-  zl as Cache,
-  Cr as CacheService,
-  Xl as Checkbox,
-  Sn as ConfirmModal,
-  Wa as Details,
-  Yl as DropdownMenu,
-  Qa as DropdownMenuOption,
-  Ja as DropdownMenuOptions,
-  Gl as EditableContent,
-  ei as ErrorLogs,
-  ll as ErrorLogsModal,
-  ti as ErrorMessage,
-  Gn as ErrorReportModal,
-  Un as ErrorReportModalButtons,
-  Nn as ErrorReportModalTitle,
-  $t as Errors,
-  _l as EventListenerPriorities,
-  F as Events,
-  er as EventsService,
-  Lt as Form,
-  pr as FormController,
-  _t as HeadlessButton,
-  Be as HeadlessInput,
-  Rt as HeadlessInputDescription,
-  we as HeadlessInputError,
-  zt as HeadlessInputInput,
-  ye as HeadlessInputLabel,
-  Ua as HeadlessInputTextArea,
-  cn as HeadlessModal,
-  dn as HeadlessModalContent,
-  pn as HeadlessModalDescription,
-  fn as HeadlessModalOverlay,
-  mn as HeadlessModalTitle,
-  Rr as HeadlessSelect,
-  Ge as HeadlessSelectLabel,
-  St as HeadlessSelectOption,
-  kt as HeadlessSelectOptions,
-  xt as HeadlessSelectTrigger,
-  Ct as HeadlessSelectValue,
-  Xr as HeadlessSwitch,
-  Ra as HeadlessToast,
-  pa as Input,
-  ai as Job,
-  tt as JobCancelledError,
-  Xe as LOCAL_TIMEZONE_OFFSET,
-  X as Lang,
-  be as Layouts,
-  si as Link,
-  ia as LoadingModal,
-  yr as MINUTE_MILLISECONDS,
-  bt as MOBILE_BREAKPOINT,
-  z as Markdown,
-  ne as Modal,
-  ui as ModalComponent,
-  ci as ModalsPortal,
-  aa as ProgressBar,
-  ga as PromptModal,
-  Dr as Select,
-  Tt as SelectLabel,
-  et as SelectOption,
-  Mt as SelectOptions,
-  Et as SelectTrigger,
-  Se as Service,
-  Ve as ServiceBootError,
-  Jr as Setting,
-  ri as SettingsModal,
-  Ia as StartupCrash,
-  vt as Storage,
-  Yr as Switch,
-  ni as TextArea,
-  qa as Toast,
-  A as UI,
-  Mr as UIService,
-  Ml as __valueType,
-  $r as aerogelDirectives,
-  Zs as appNamespace,
-  Pl as booleanInput,
-  ke as bootServices,
-  Ql as bootstrap,
-  Da as bootstrapApplication,
-  T as classes,
-  di as closeModal,
-  Vl as computedAsync,
-  Ll as computedDebounce,
-  pi as createModal,
-  Al as dateInput,
-  Sl as defineDirective,
-  Tl as defineFormValidationRule,
-  xl as definePlugin,
-  xe as defineServiceState,
-  Gs as defineServiceStore,
-  Cl as defineSettings,
-  li as dispatch,
-  Dl as enumInput,
-  yt as getCurrentLayout,
-  Vt as getErrorMessage,
-  vr as getMarkdownRouter,
-  Ys as getPiniaStore,
-  zr as hasSelectOptionLabel,
-  fi as injectModal,
-  lr as injectOrFail,
-  ar as injectReactive,
-  q as injectReactiveOrFail,
-  rr as installPlugins,
-  mi as modals,
-  Nl as numberInput,
-  Wl as objectInput,
-  El as onCleanMounted,
-  mt as onFormFocus,
-  Hl as persistent,
-  fr as reactiveSet,
-  ql as registerErrorHandler,
-  br as renderMarkdown,
-  pt as renderVNode,
-  Rl as replaceExisting,
-  Bl as requiredBooleanInput,
-  jl as requiredDateInput,
-  Fl as requiredEnumInput,
-  Ol as requiredNumberInput,
-  Ul as requiredObjectInput,
-  fa as requiredStringInput,
-  Xs as resetPiniaStore,
-  gt as safeHtml,
-  Il as setMarkdownRouter,
-  hi as showModal,
-  Kl as stringInput,
-  wt as translate,
+  xo as AdvancedOptions,
+  An as AlertModal,
+  A as App,
+  _o as AppLayout,
+  ll as AppOverlays,
+  vr as AppService,
+  al as AppToasts,
+  q as Button,
+  lo as Cache,
+  Dr as CacheService,
+  Co as Checkbox,
+  ko as Combobox,
+  yl as ComboboxLabel,
+  rt as ComboboxOption,
+  gl as ComboboxOptions,
+  bl as ComboboxTrigger,
+  Nn as ConfirmModal,
+  dl as Details,
+  So as DropdownMenu,
+  wl as DropdownMenuOption,
+  $l as DropdownMenuOptions,
+  To as EditableContent,
+  Mo as ErrorLogs,
+  Ll as ErrorLogsModal,
+  Vo as ErrorMessage,
+  va as ErrorReportModal,
+  ia as ErrorReportModalButtons,
+  ua as ErrorReportModalTitle,
+  Ct as Errors,
+  Ql as EventListenerPriorities,
+  W as Events,
+  hr as EventsService,
+  Pt as Form,
+  Mr as FormController,
+  kt as HeadlessButton,
+  je as HeadlessInput,
+  Bt as HeadlessInputDescription,
+  xe as HeadlessInputError,
+  Dt as HeadlessInputInput,
+  _e as HeadlessInputLabel,
+  ul as HeadlessInputTextArea,
+  En as HeadlessModal,
+  Hn as HeadlessModalContent,
+  Ln as HeadlessModalDescription,
+  In as HeadlessModalOverlay,
+  zn as HeadlessModalTitle,
+  Gr as HeadlessSelect,
+  et as HeadlessSelectLabel,
+  Vt as HeadlessSelectOption,
+  Et as HeadlessSelectOptions,
+  Mt as HeadlessSelectTrigger,
+  Tt as HeadlessSelectValue,
+  bn as HeadlessSwitch,
+  Ya as HeadlessToast,
+  Ea as Input,
+  Io as Job,
+  st as JobCancelledError,
+  ee as Lang,
+  $e as Layouts,
+  Eo as Link,
+  ka as LoadingModal,
+  Rr as MINUTE_MILLISECONDS,
+  $t as MOBILE_BREAKPOINT,
+  P as Markdown,
+  le as Modal,
+  Po as ModalComponent,
+  Ao as ModalsPortal,
+  xa as ProgressBar,
+  za as PromptModal,
+  ml as Provide,
+  an as Select,
+  Ht as SelectLabel,
+  tt as SelectOption,
+  Lt as SelectOptions,
+  It as SelectTrigger,
+  Ve as Service,
+  Re as ServiceBootError,
+  gn as Setting,
+  Ho as SettingsModal,
+  Ga as StartupCrash,
+  wt as Storage,
+  yn as Switch,
+  Lo as TextArea,
+  el as Toast,
+  D as UI,
+  Ur as UIService,
+  eo as __valueType,
+  Pr as aerogelDirectives,
+  dr as appNamespace,
+  uo as booleanInput,
+  Ee as bootServices,
+  $o as bootstrap,
+  nl as bootstrapApplication,
+  k as classes,
+  Do as closeModal,
+  ro as computedAsync,
+  no as computedDebounce,
+  Bo as createModal,
+  co as dateInput,
+  Gl as defineDirective,
+  Yl as defineFormValidationRules,
+  Zl as definePlugin,
+  Me as defineServiceState,
+  fr as defineServiceStore,
+  Jl as defineSettings,
+  zo as dispatch,
+  po as enumInput,
+  _t as getCurrentLayout,
+  qt as getErrorMessage,
+  Xe as getLocalTimezoneOffset,
+  Ir as getMarkdownRouter,
+  mr as getPiniaStore,
+  Zr as hasSelectOptionLabel,
+  jo as injectModal,
+  $r as injectOrFail,
+  wr as injectReactive,
+  L as injectReactiveOrFail,
+  br as installPlugins,
+  Oo as modals,
+  bo as numberInput,
+  yo as objectInput,
+  to as onCleanMounted,
+  vt as onFormFocus,
+  so as persistent,
+  Vr as reactiveSet,
+  io as registerErrorHandler,
+  kr as registerFormValidationRule,
+  zr as renderMarkdown,
+  ht as renderVNode,
+  oo as replaceExisting,
+  mo as requiredBooleanInput,
+  fo as requiredDateInput,
+  ho as requiredEnumInput,
+  go as requiredNumberInput,
+  vo as requiredObjectInput,
+  Ha as requiredStringInput,
+  pr as resetPiniaStore,
+  yt as safeHtml,
+  ao as setMarkdownRouter,
+  Fo as showModal,
+  wo as stringInput,
+  xt as translate,
   S as translateWithDefault,
-  vn as useAlertModal,
-  yn as useConfirmModal,
-  Wn as useErrorReportModal,
-  kl as useEvent,
-  ht as useForm,
-  Pe as useInputAttrs,
-  la as useLoadingModal,
-  Ae as useModal,
-  ma as usePromptModal,
-  dr as validate,
-  cr as validateType,
-  ge as validators,
-  ft as variantClasses
+  Pn as useAlertModal,
+  Dn as useConfirmModal,
+  ca as useErrorReportModal,
+  Xl as useEvent,
+  bt as useForm,
+  De as useInputAttrs,
+  Ca as useLoadingModal,
+  Be as useModal,
+  La as usePromptModal,
+  St as useSelect,
+  Tr as validate,
+  Sr as validateType,
+  ye as validators,
+  gt as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map