@aerogel/core 0.1.1-next.9bd06e629f34098543a54bdb87e8996767876d42 → 0.1.1-next.a5ae42367ffcf6545e59e5c2abda58718cbab59b

package/dist/aerogel-core.js

@@ -1,44 +1,44 @@
-var Rt = Object.defineProperty;
-var zt = (t, s, e) => s in t ? Rt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var _ = (t, s, e) => zt(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as E, Comment as It, Text as qt, Static as At, inject as X, reactive as ge, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as we, nextTick as Pt, useAttrs as Ye, onMounted as et, watch as Le, toRaw as Dt, customRef as jt, watchEffect as G, defineComponent as h, createBlock as f, openBlock as i, mergeProps as V, withCtx as m, renderSlot as w, createPropsRestProxy as K, createVNode as d, normalizeProps as ue, guardReactiveProps as ce, createTextVNode as L, toDisplayString as C, normalizeClass as x, createElementBlock as y, Fragment as D, renderList as U, provide as de, resolveDynamicComponent as Y, useSlots as Re, createCommentVNode as M, createElementVNode as b, h as Bt, useTemplateRef as ee, withModifiers as tt, withDirectives as st, vModelCheckbox as Ft, normalizeStyle as Ut, resolveComponent as Ot, createApp as Nt, vModelText as Wt } from "vue";
-import { JSError as _e, stringToSlug as Kt, tap as te, MagicObject as rt, PromisedValue as Q, Storage as O, objectOnly as ne, arrayFrom as nt, isEmpty as Se, objectDeepClone as Qt, fail as W, facade as se, arrayRemove as Ve, getEnv as Jt, updateLocationQueryParameters as Zt, forever as Xt, toString as B, objectWithout as Gt, noop as Yt, debounce as es, stringMatchAll as at, isDevelopment as J, isTesting as ze, after as le, uuid as oe, isObject as fe, objectWithoutEmpty as lt, value as ts, isInstanceOf as Oe, stringExcerpt as ss, arraySorted as rs, ListenersManager as ns, toError as as, round as ls } from "@noeldemartin/utils";
-import j from "virtual:aerogel";
-import { createPinia as is, setActivePinia as os, defineStore as us } from "pinia";
-import cs from "dompurify";
-import { marked as ds, Renderer as Ne } from "marked";
-import { createModal as ps, showModal as We, closeModal as Ke, modals as ae, useModal as Ie, ModalComponent as ms, injectModal as fs, ModalsPortal as hs } from "@noeldemartin/vue-modals";
-import { ModalComponent as li, ModalsPortal as ii, closeModal as oi, createModal as ui, modals as ci, showModal as di, useModal as pi } from "@noeldemartin/vue-modals";
-import gs from "clsx";
-import { cva as vs } from "class-variance-authority";
-import { twMerge as bs } from "tailwind-merge";
-import { Primitive as ys, SelectValue as Qe, SelectTrigger as $s, SelectIcon as ws, SelectItem as _s, SelectItemText as Cs, SelectPortal as xs, SelectContent as ks, SelectViewport as Ss, SelectRoot as Ts, Label as Ms, useForwardExpose as qe, SwitchRoot as Hs, SwitchThumb as Vs, DialogRoot as Es, DialogPortal as Ls, DialogContent as Rs, DialogDescription as zs, DialogOverlay as Is, DialogTitle as qs, ToastClose as As, ToastRoot as Ps, ToastProvider as Ds, ToastViewport as js, DropdownMenuItem as Bs, DropdownMenuContent as Fs, DropdownMenuRoot as Us, DropdownMenuTrigger as Os, DropdownMenuPortal as Ns } from "reka-ui";
-class Ee extends _e {
+var jt = Object.defineProperty;
+var Ft = (t, s, e) => s in t ? jt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var x = (t, s, e) => Ft(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as R, Comment as Ot, Text as Ut, Static as Nt, inject as Y, reactive as be, unref as l, onUnmounted as _e, ref as B, computed as d, readonly as Ce, nextTick as Wt, useAttrs as rt, onMounted as nt, watch as de, toRaw as Kt, customRef as Qt, watchEffect as ee, defineComponent as v, createBlock as g, openBlock as o, mergeProps as E, withCtx as f, renderSlot as $, createPropsRestProxy as W, provide as ae, createVNode as p, normalizeProps as pe, guardReactiveProps as me, createTextVNode as I, toDisplayString as C, normalizeClass as _, createElementBlock as y, Fragment as j, renderList as O, resolveDynamicComponent as te, useSlots as xe, createCommentVNode as V, createElementVNode as b, h as Zt, useTemplateRef as Z, withModifiers as at, withDirectives as lt, vModelCheckbox as Jt, normalizeStyle as Ue, resolveComponent as Gt, createApp as Xt, withKeys as Yt, vModelText as es } from "vue";
+import { JSError as ke, stringToSlug as ts, tap as se, MagicObject as ot, PromisedValue as J, Storage as K, objectOnly as le, arrayFrom as it, isEmpty as Ve, objectDeepClone as ss, fail as Q, facade as re, arrayRemove as Le, getEnv as rs, updateLocationQueryParameters as ns, forever as as, toString as F, objectWithout as ls, noop as os, debounce as is, stringMatchAll as ut, isDevelopment as G, isTesting as Re, after as ie, uuid as ce, isObject as ge, objectWithoutEmpty as ct, evaluate as us, isInstanceOf as Ne, stringExcerpt as cs, arraySorted as ds, ListenersManager as ps, toError as ms, round as fs } from "@noeldemartin/utils";
+import U from "virtual:aerogel";
+import { createPinia as hs, setActivePinia as gs, defineStore as vs } from "pinia";
+import bs from "dompurify";
+import { marked as ys, Renderer as We } from "marked";
+import { injectModal as dt, useModal as ws, createModal as $s, showModal as Ke, closeModal as Qe, modals as oe, ModalComponent as _s, ModalsPortal as Cs } from "@noeldemartin/vue-modals";
+import { ModalComponent as Ho, ModalsPortal as Lo, closeModal as Io, createModal as Ro, injectModal as zo, modals as qo, showModal as Po } from "@noeldemartin/vue-modals";
+import xs from "clsx";
+import { cva as ks } from "class-variance-authority";
+import { twMerge as Ss } from "tailwind-merge";
+import { Primitive as Ts, SelectValue as Ze, SelectTrigger as Ms, SelectIcon as Vs, SelectItem as Es, SelectItemText as Hs, SelectPortal as Ls, SelectContent as Is, SelectViewport as Rs, SelectRoot as zs, Label as pt, useForwardExpose as ze, SwitchRoot as qs, SwitchThumb as Ps, DialogRoot as As, DialogPortal as Ds, DialogContent as Bs, DialogDescription as js, DialogOverlay as Fs, DialogTitle as Os, ToastClose as Us, ToastRoot as Ns, ToastProvider as Ws, ToastViewport as Ks, injectComboboxRootContext as Qs, ComboboxItem as Zs, useFilter as Js, ComboboxPortal as Gs, ComboboxContent as Xs, ComboboxViewport as Ys, ComboboxEmpty as er, ComboboxGroup as tr, ComboboxAnchor as sr, ComboboxInput as rr, ComboboxRoot as nr, DropdownMenuItem as ar, DropdownMenuContent as lr, DropdownMenuRoot as or, DropdownMenuTrigger as ir, DropdownMenuPortal as ur } from "reka-ui";
+class Ie extends ke {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-function Ws() {
-  return j.namespace ?? Kt(j.name);
+function cr() {
+  return U.namespace ?? ts(U.name);
 }
-let Ae = null;
-function it() {
-  return Ae ?? Ks();
+let qe = null;
+function mt() {
+  return qe ?? dr();
 }
-function Ks() {
-  return te(is(), (t) => {
-    Ae = t, os(t);
+function dr() {
+  return se(hs(), (t) => {
+    qe = t, gs(t);
   });
 }
-function Qs() {
-  return Ae ?? it();
+function pr() {
+  return qe ?? mt();
 }
-function Js(t, s) {
-  return it(), us(t, s)();
+function mr(t, s) {
+  return mt(), vs(t, s)();
 }
-function Ce(t) {
+function Se(t) {
   var s;
-  return s = class extends xe {
+  return s = class extends Te {
     usesStore() {
       return !0;
     }
@@ -72,19 +72,19 @@ To fix this problem, declare your initialState as a function instead.`
       var r;
       return ((r = t.restore) == null ? void 0 : r.call(t, e)) ?? e;
     }
-  }, _(s, "persist", t.persist ?? []), s;
+  }, x(s, "persist", t.persist ?? []), s;
 }
 var He;
-let xe = (He = class extends rt {
+let Te = (He = class extends ot {
   constructor() {
     super();
-    _(this, "_name");
-    _(this, "_booted");
-    _(this, "_computedStateKeys");
-    _(this, "_watchers");
-    _(this, "_store");
+    x(this, "_name");
+    x(this, "_booted");
+    x(this, "_computedStateKeys");
+    x(this, "_watchers");
+    x(this, "_store");
     const e = this.getComputedStateDefinition();
-    this._name = this.getName() ?? new.target.name, this._booted = new Q(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Js(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new J(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && mr(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -97,7 +97,7 @@ let xe = (He = class extends rt {
     return super.static(e);
   }
   launch() {
-    const e = (r) => this._booted.reject(new Ee(this._name, r));
+    const e = (r) => this._booted.reject(new Ie(this._name, r));
     try {
       this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
     } catch (r) {
@@ -106,7 +106,7 @@ let xe = (He = class extends rt {
     return this._booted;
   }
   hasPersistedState() {
-    return O.has(this.storageKey);
+    return K.has(this.storageKey);
   }
   hasState(e) {
     return this._store ? e in this._store.$state || this._computedStateKeys.has(e) : !1;
@@ -118,14 +118,14 @@ let xe = (He = class extends rt {
   setState(e, r) {
     if (!this._store)
       return;
-    const n = typeof e == "string" ? { [e]: r } : e, a = ne(this._store.$state, Object.keys(n));
+    const n = typeof e == "string" ? { [e]: r } : e, a = le(this._store.$state, Object.keys(n));
     Object.assign(this._store.$state, n), this.onStateUpdated(n, a);
   }
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const r = nt(e), n = ne(this._store.$state, r);
-    Se(n) || this.onPersistentStateUpdated(n);
+    const r = it(e), n = le(this._store.$state, r);
+    Ve(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
     return this.hasState(e) ? this.getState(e) : super.__get(e);
@@ -134,21 +134,21 @@ let xe = (He = class extends rt {
     this.setState({ [e]: r });
   }
   get storageKey() {
-    return `${Ws()}:${this._name}`;
+    return `${cr()}:${this._name}`;
   }
   onStateUpdated(e, r) {
-    const n = ne(e, this.static("persist"));
-    Se(n) || this.onPersistentStateUpdated(n);
+    const n = le(e, this.static("persist"));
+    Ve(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 = O.get(this.storageKey);
-    r && O.set(this.storageKey, {
+    const r = K.get(this.storageKey);
+    r && K.set(this.storageKey, {
       ...r,
-      ...this.serializePersistedState(Qt(e))
+      ...this.serializePersistedState(ss(e))
     });
   }
   usesStore() {
@@ -178,28 +178,28 @@ let xe = (He = class extends rt {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || Se(this.static("persist")))) {
-      if (O.has(this.storageKey)) {
-        const e = O.require(this.storageKey);
+    if (!(!this.usesStore() || Ve(this.static("persist")))) {
+      if (K.has(this.storageKey)) {
+        const e = K.require(this.storageKey);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      O.set(this.storageKey, ne(this.getState(), this.static("persist")));
+      K.set(this.storageKey, le(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
-    return this._store ? this._store : W(`Failed getting '${this._name}' store`);
+    return this._store ? this._store : Q(`Failed getting '${this._name}' store`);
   }
-}, _(He, "persist", []), He);
-const yl = {
+}, x(He, "persist", []), He);
+const Fl = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class Zs extends xe {
+class fr extends Te {
   constructor() {
     super(...arguments);
-    _(this, "listeners", {});
+    x(this, "listeners", {});
   }
   async boot() {
     Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, r]) => (
@@ -211,7 +211,7 @@ class Zs extends xe {
     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 Zs extends xe {
   /* eslint-enable max-len */
   once(e, r, n) {
     let a = null;
-    const u = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
-    return te(
+    const u = typeof r == "function" ? {} : r, i = typeof r == "function" ? r : n;
+    return se(
       () => a && this.off(e, a),
-      (p) => {
-        a = (...g) => (p(), o(...g)), this.registerListener(e, u, o);
+      (c) => {
+        a = (...m) => (c(), i(...m)), this.registerListener(e, u, i);
       }
     );
   }
@@ -237,50 +237,51 @@ class Zs extends xe {
     if (!n)
       return;
     const a = [...n.priorities];
-    for (const o of a)
-      Ve(n.handlers[o] ?? [], r), ((u = n.handlers[o]) == null ? void 0 : u.length) === 0 && (delete n.handlers[o], Ve(n.priorities, o));
+    for (const i of a)
+      Le(n.handlers[i] ?? [], r), ((u = n.handlers[i]) == null ? void 0 : u.length) === 0 && (delete n.handlers[i], Le(n.priorities, i));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
-    var p, g, $;
+    var c, m, h;
     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 = ((g = this.listeners[e]) == null ? void 0 : g.handlers) ?? W(`handlers missing for event '${e}'`);
-    u.includes(a) || (u.push(a), u.sort((v, S) => S - v), o[a] = []), ($ = o[a]) == null || $.push(n);
+    const u = ((c = this.listeners[e]) == null ? void 0 : c.priorities) ?? Q(`priorities missing for event '${e}'`), i = ((m = this.listeners[e]) == null ? void 0 : m.handlers) ?? Q(`handlers missing for event '${e}'`);
+    u.includes(a) || (u.push(a), u.sort((w, S) => S - w), i[a] = []), (h = i[a]) == null || h.push(n);
   }
 }
-const F = se(Zs);
-function $l(t) {
+const N = re(fr);
+function Ol(t) {
   return t;
 }
-const Xs = Ce({
+const hr = Se({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: Jt() ?? "development",
-    version: j.version,
-    sourceUrl: j.sourceUrl,
-    settings: []
+    environment: rs() ?? "development",
+    version: U.version,
+    sourceUrl: U.sourceUrl,
+    settings: [],
+    settingsFullscreenOnMobile: !1
   },
   computed: {
     development: (t) => t.environment === "development",
     staging: (t) => t.environment === "staging",
     testing: (t) => t.environment === "test" || t.environment === "testing",
     versionName(t) {
-      return this.development ? "dev." + j.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + j.sourceHash.toString().substring(0, 7) : `v${t.version}`;
+      return this.development ? "dev." + U.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + U.sourceHash.toString().substring(0, 7) : `v${t.version}`;
     },
     versionUrl(t) {
-      return t.sourceUrl + (this.development || this.staging ? `/tree/${j.sourceHash}` : `/releases/tag/${this.versionName}`);
+      return t.sourceUrl + (this.development || this.staging ? `/tree/${U.sourceHash}` : `/releases/tag/${this.versionName}`);
     }
   }
 });
-class Gs extends Xs {
+class gr extends hr {
   constructor() {
     super(...arguments);
-    _(this, "name", j.name);
-    _(this, "ready", new Q());
-    _(this, "mounted", new Q());
+    x(this, "name", U.name);
+    x(this, "ready", new J());
+    x(this, "mounted", new J());
   }
   isReady() {
     return this.ready.isResolved();
@@ -289,13 +290,16 @@ class Gs extends Xs {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push(E(e));
+    this.settings.push(R(e));
+  }
+  setSettingsFullscreenOnMobile(e) {
+    this.settingsFullscreenOnMobile = e;
   }
   async whenReady(e) {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Zt(e), location.reload(), await Xt();
+    e && ns(e), location.reload(), await as();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -305,15 +309,15 @@ class Gs extends Xs {
     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());
+    N.once("application-ready", () => this.ready.resolve()), N.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const A = se(Gs);
-function wl(t) {
+const P = re(gr);
+function Ul(t) {
   return t;
 }
-async function Ys(t, ...s) {
-  A.setState(
+async function vr(t, ...s) {
+  P.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -321,55 +325,55 @@ async function Ys(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function er(t) {
-  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
+function br(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${F(r)}"`, "");
 }
-function _l(t) {
+function Nl(t) {
   return t;
 }
-function tr(t) {
-  const s = X(t);
-  return s ? ge(s) : void 0;
+function yr(t) {
+  const s = Y(t);
+  return s ? be(s) : void 0;
 }
-function I(t, s) {
-  return tr(t) ?? W(s ?? `Could not resolve '${B(t)}' injection key`);
+function H(t, s) {
+  return yr(t) ?? Q(s ?? `Could not resolve '${F(t)}' injection key`);
 }
-function sr(t, s) {
-  return X(t) ?? W(s ?? `Could not resolve '${B(t)}' injection key`);
+function wr(t, s) {
+  return Y(t) ?? Q(s ?? `Could not resolve '${F(t)}' injection key`);
 }
-function ot(t) {
-  return typeof t == "string" ? t : t.type === It ? "" : t.type === qt || t.type === At ? t.children : t.type === "br" ? `
+function ft(t) {
+  return typeof t == "string" ? t : t.type === Ot ? "" : t.type === Ut || t.type === Nt ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${er(t)}>${Array.from(t.children).map(ot).join("")}</${t.type}>`;
+` : `<${t.type} ${br(t)}>${Array.from(t.children).map(ft).join("")}</${t.type}>`;
 }
-const Te = /* @__PURE__ */ new WeakMap(), rr = {
+const Ee = /* @__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 && Te.set(t, te(new ResizeObserver(n)).observe(t)), n();
+    e.watch && Ee.set(t, se(new ResizeObserver(n)).observe(t)), n();
   },
   unmounted(t) {
     var s;
-    (s = Te.get(t)) == null || s.unobserve(t), Te.delete(t);
+    (s = Ee.get(t)) == null || s.unobserve(t), Ee.delete(t);
   }
 };
-function ut(t, s) {
-  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = vs(n, a);
-  return H(u(r), l(e));
+function ht(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = ks(n, a);
+  return k(u(r), l(e));
 }
-function H(...t) {
-  return bs(gs(t));
+function k(...t) {
+  return Ss(xs(t));
 }
-function Cl(t, s) {
-  const e = F.on(t, s);
-  $e(() => e());
+function Wl(t, s) {
+  const e = N.on(t, s);
+  _e(() => e());
 }
-const nr = {
+const _r = {
   required: (t) => t ? void 0 : "required"
 };
-function ar(t, s) {
+function Cr(t, s) {
   var e;
   if (t == null)
     return !0;
@@ -388,32 +392,32 @@ function ar(t, s) {
       return typeof t == "object";
   }
 }
-const he = { ...nr };
-function xl(t, s) {
-  he[t] = s;
+const ve = { ..._r };
+function Kl(t, s) {
+  ve[t] = s;
 }
-function lr(t, s) {
-  return ar(t, s) ? [] : ["invalid_value"];
+function xr(t, s) {
+  return Cr(t, s) ? [] : ["invalid_value"];
 }
-function ir(t, s) {
+function kr(t, s) {
   var r;
-  const e = (r = he[s]) == null ? void 0 : r.call(he, t);
-  return e ? nt(e) : [];
+  const e = (r = ve[s]) == null ? void 0 : r.call(ve, t);
+  return e ? it(e) : [];
 }
-const kl = Symbol(), Je = /* @__PURE__ */ new WeakMap();
-class or extends rt {
+const Ql = Symbol(), Je = /* @__PURE__ */ new WeakMap();
+class Sr extends ot {
   constructor(e) {
     super();
-    _(this, "errors");
-    _(this, "_fields");
-    _(this, "_data");
-    _(this, "_submitted");
-    _(this, "_errors");
-    _(this, "_listeners", {});
-    this._fields = e, this._submitted = N(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Je.set(
+    x(this, "errors");
+    x(this, "_fields");
+    x(this, "_data");
+    x(this, "_submitted");
+    x(this, "_errors");
+    x(this, "_listeners", {});
+    this._fields = e, this._submitted = B(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Je.set(
       this,
-      c(() => !Object.values(this._errors).some((r) => r !== null))
-    ), this.errors = we(this._errors);
+      d(() => !Object.values(this._errors).some((r) => r !== null))
+    ), this.errors = Ce(this._errors);
   }
   get valid() {
     var e;
@@ -423,8 +427,8 @@ class or extends rt {
     return this._submitted.value;
   }
   setFieldValue(e, r) {
-    const n = this._fields[e] ?? W(`Trying to set undefined '${B(e)}' field`);
-    this._data[e] = n.type === "string" && (n.trim ?? !0) ? B(r).trim() : r, this._submitted.value && this.validate();
+    const n = this._fields[e] ?? Q(`Trying to set undefined '${F(e)}' field`);
+    this._data[e] = n.type === "string" && (n.trim ?? !0) ? F(r).trim() : r, this._submitted.value && this.validate();
   }
   getFieldValue(e) {
     return this._data[e];
@@ -433,6 +437,9 @@ class or extends rt {
     var r, n;
     return ((n = (r = this._fields[e]) == null ? void 0 : r.rules) == null ? void 0 : n.split("|")) ?? [];
   }
+  setFieldErrors(e, r) {
+    this._errors[e] = r;
+  }
   getFieldType(e) {
     var r;
     return ((r = this._fields[e]) == null ? void 0 : r.type) ?? null;
@@ -461,11 +468,11 @@ class or extends rt {
     return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(r), () => this.off(e, r);
   }
   off(e, r) {
-    Ve(this._listeners[e] ?? [], r);
+    Le(this._listeners[e] ?? [], r);
   }
   async focus(e) {
     var r;
-    await Pt(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
+    await Wt(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
   }
   __get(e) {
     return e in this._fields ? this.getFieldValue(e) : super.__get(e);
@@ -478,24 +485,24 @@ class or extends rt {
     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(...lr(a, r));
-    for (const p of u)
-      p !== "required" && a == null || n.push(...ir(a, p));
+    var i;
+    const n = [], a = this._data[e], u = ((i = r.rules) == null ? void 0 : i.split("|")) ?? [];
+    n.push(...xr(a, r));
+    for (const c of u)
+      c !== "required" && a == null || n.push(...kr(a, c));
     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 ge(r);
+    return be(r);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return ge(r);
+    return be(r);
   }
   resetData() {
     for (const [e, r] of Object.entries(this._fields))
@@ -505,30 +512,30 @@ class or extends rt {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function ct(t, s) {
-  const e = X("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
-  $e(() => r == null ? void 0 : r());
+function gt(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 dt(t) {
-  return new or(t);
+function vt(t) {
+  return new Sr(t);
 }
 function Pe() {
-  const t = Ye(), s = c(() => t.class);
-  return [c(() => Gt(t, "class")), s];
+  const t = rt(), s = d(() => t.class);
+  return [d(() => ls(t, "class")), s];
 }
-function Sl(t) {
-  let s = Yt;
-  et(() => s = t()), $e(() => s());
+function Zl(t) {
+  let s = os;
+  nt(() => s = t()), _e(() => s());
 }
-function Tl(t, s) {
-  const e = ge(O.get(t) ?? s);
-  return Le(e, () => O.set(t, Dt(e))), e;
+function Jl(t, s) {
+  const e = be(K.get(t) ?? s);
+  return de(e, () => K.set(t, Kt(e))), e;
 }
-function ur(t) {
+function Tr(t) {
   let s = new Set(t), e, r;
-  const n = jt((a, u) => (r = a, e = u, {
+  const n = Qt((a, u) => (r = a, e = u, {
     get: () => s,
-    set: () => W("Attempted to write read-only reactive set")
+    set: () => Q("Attempted to write read-only reactive set")
   }));
   return {
     values() {
@@ -551,71 +558,71 @@ function ur(t) {
     }
   };
 }
-function Ml(t) {
-  const s = N(), e = c(t);
-  return Le(e, async () => s.value = await e.value, { immediate: !0 }), s;
+function Gl(t) {
+  const s = B(), e = d(t);
+  return de(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-function Hl(t, s) {
-  const e = s ? t : {}, r = s ?? t, n = N(e.initial ?? null), a = es((u) => n.value = u, e.delay ?? 300);
-  return G(() => a(r())), n;
+function Xl(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = B(e.initial ?? null), a = is((u) => n.value = u, e.delay ?? 300);
+  return ee(() => a(r())), n;
 }
-let ie = null;
-function cr() {
-  return te(new Ne(), (t) => {
+let ue = null;
+function Mr() {
+  return se(new We(), (t) => {
     t.link = function(s) {
-      const e = Ne.prototype.link.apply(this, [s]);
+      const e = We.prototype.link.apply(this, [s]);
       return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
     };
   });
 }
-function dr(t) {
-  const s = at(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function Vr(t) {
+  const s = ut(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 pr(t) {
-  const s = at(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function Er(t) {
+  const s = ut(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
   for (const [e, r, n] of s) {
-    const a = (ie == null ? void 0 : ie.resolve(r)) ?? r;
+    const a = (ue == null ? void 0 : ue.resolve(r)) ?? r;
     t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
   }
   return t;
 }
-function mr() {
-  return ie;
+function Hr() {
+  return ue;
 }
-function Vl(t) {
-  ie = t;
+function Yl(t) {
+  ue = t;
 }
-function fr(t) {
-  let s = ds(t, { renderer: cr(), async: !1 });
-  return s = pt(s), s = dr(s), s = pr(s), s;
+function Lr(t) {
+  let s = ys(t, { renderer: Mr(), async: !1 });
+  return s = bt(s), s = Vr(s), s = Er(s), s;
 }
-function pt(t) {
-  return cs.sanitize(t, { ADD_ATTR: ["target"] });
+function bt(t) {
+  return bs.sanitize(t, { ADD_ATTR: ["target"] });
 }
-const hr = {
+const Ir = 6e4, Ge = -(/* @__PURE__ */ new Date()).getTimezoneOffset() * -Ir, Rr = {
   mounted(t, { value: s }) {
-    t.innerHTML = pt(s);
+    t.innerHTML = bt(s);
   }
-}, gr = {
-  measure: rr,
-  "safe-html": hr
-}, vr = {
+}, zr = {
+  measure: $r,
+  "safe-html": Rr
+}, qr = {
   install(t, s) {
     const e = {
-      ...gr,
+      ...zr,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class br extends xe {
+class Pr extends Te {
   constructor() {
     super(...arguments);
-    _(this, "cache");
+    x(this, "cache");
   }
   async get(e) {
     return await (await this.open()).match(e) ?? null;
@@ -628,30 +635,30 @@ class br extends xe {
     (await n.keys(e)).length !== 0 && await n.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? te(new Q(), (e) => {
+    return this.cache = this.cache ?? se(new J(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const El = se(br);
-class yr extends xe {
+const eo = re(Pr);
+class Ar extends Te {
   async purge() {
-    await F.emit("purge-storage");
+    await N.emit("purge-storage");
   }
 }
-const mt = se(yr);
-function Ll(t, s) {
+const yt = re(Ar);
+function to(t, s) {
   return {
     ...t,
-    ...ne(s, Object.keys(t))
+    ...le(s, Object.keys(t))
   };
 }
-const $r = {
-  $app: A,
-  $events: F,
-  $storage: mt
+const Dr = {
+  $app: P,
+  $events: N,
+  $storage: yt
 };
-async function ke(t, s) {
+async function Me(t, s) {
   await Promise.all(
     Object.entries(s).map(async ([e, r]) => {
       await r.launch().catch((n) => {
@@ -659,39 +666,49 @@ 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), (J() || ze()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (G() || Re()) && Object.assign(globalThis, s);
 }
-const wr = {
+const Br = {
   async install(t, s) {
     var r;
     const e = {
-      ...$r,
+      ...Dr,
       ...s.services
     };
-    t.use(Qs()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await ke(t, e);
-  }
-}, ft = 768, ve = {
+    t.use(pr()), (r = s.settings) == null || r.forEach((n) => P.addSetting(n)), s.settingsFullscreenOnMobile !== void 0 && P.setSettingsFullscreenOnMobile(s.settingsFullscreenOnMobile), await Me(t, e);
+  }
+}, Xe = /* @__PURE__ */ new WeakSet();
+function Ae() {
+  const t = dt(), { close: s, remove: e, ...r } = ws(Xe.has(t) ? {} : { removeOnClose: !1 });
+  return Xe.add(t), {
+    ...r,
+    async close(n) {
+      s(n), await ie(1e3), e();
+    }
+  };
+}
+const wt = 768, ye = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function ht() {
-  return globalThis.innerWidth > ft ? ve.Desktop : ve.Mobile;
+function $t() {
+  return globalThis.innerWidth > wt ? ye.Desktop : ye.Mobile;
 }
-const _r = Ce({
+const jr = Se({
   name: "ui",
   initialState: {
     toasts: [],
-    layout: ht()
+    layout: $t()
   },
   computed: {
-    desktop: ({ layout: t }) => t === ve.Desktop,
-    mobile: ({ layout: t }) => t === ve.Mobile
+    desktop: ({ layout: t }) => t === ye.Desktop,
+    mobile: ({ layout: t }) => t === ye.Mobile
   }
 });
-class Cr extends _r {
+class Fr extends jr {
   constructor() {
     super(...arguments);
-    _(this, "components", {});
+    x(this, "components", {});
   }
   registerComponent(e, r) {
     this.components[e] = r;
@@ -700,7 +717,7 @@ class Cr extends _r {
     return this.components[e] ?? null;
   }
   requireComponent(e) {
-    return this.resolveComponent(e) ?? W(`UI Component '${e}' is not defined!`);
+    return this.resolveComponent(e) ?? Q(`UI Component '${e}' is not defined!`);
   }
   alert(e, r) {
     const n = () => typeof r != "string" ? { message: e } : {
@@ -721,17 +738,17 @@ class Cr extends _r {
       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, g = typeof o == "object" ? o[1] : Object.entries(u.checkboxes ?? {}).reduce(
-      ($, [v, { default: S }]) => ({
-        [v]: S ?? !1,
-        ...$
+    }, { response: i } = await this.modal(this.requireComponent("confirm-modal"), u), c = typeof i == "object" ? i[0] : i ?? !1, m = typeof i == "object" ? i[1] : Object.entries(u.checkboxes ?? {}).reduce(
+      (h, [w, { default: S }]) => ({
+        [w]: S ?? !1,
+        ...h
       }),
       {}
     );
-    for (const [$, v] of Object.entries(u.checkboxes ?? {}))
-      if (!(!v.required || g[$]))
-        return p && J() && console.warn(`Confirmed confirm modal was suppressed because required '${$}' checkbox was missing`), [!1, g];
-    return "checkboxes" in u ? [p, g] : p;
+    for (const [h, w] of Object.entries(u.checkboxes ?? {}))
+      if (!(!w.required || m[h]))
+        return c && G() && console.warn(`Confirmed confirm modal was suppressed because required '${h}' checkbox was missing`), [!1, m];
+    return "checkboxes" in u ? [c, m] : c;
   }
   async prompt(e, r, n) {
     const a = (n == null ? void 0 : n.trim) ?? !0, u = () => typeof r != "string" ? {
@@ -741,11 +758,11 @@ class Cr extends _r {
       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 = (v) => typeof v == "function" ? Promise.resolve(v()) : v, a = () => {
+    const n = (w) => typeof w == "function" ? Promise.resolve(w()) : w, a = () => {
       if (typeof e == "string")
         return {
           props: { message: e },
@@ -753,59 +770,59 @@ class Cr extends _r {
         };
       if (typeof e == "function" || e instanceof Promise)
         return { operationPromise: n(e) };
-      const { delay: v, ...S } = e;
+      const { delay: w, ...S } = e;
       return {
         props: S,
-        delay: l(v),
+        delay: l(w),
         operationPromise: n(r)
       };
     };
     let u = !1;
-    const { operationPromise: o, props: p, delay: g } = a();
-    if (g && await Promise.race([le({ ms: g }).then(() => u = !0), o]), g && !u)
-      return o;
-    const $ = ps(this.requireComponent("loading-modal"), p);
-    We($);
+    const { operationPromise: i, props: c, delay: m } = a();
+    if (m && await Promise.race([ie({ ms: m }).then(() => u = !0), i]), m && !u)
+      return i;
+    const h = $s(this.requireComponent("loading-modal"), c);
+    Ke(h);
     try {
-      const v = await o;
-      return await le({ ms: 500 }), v;
+      const w = await i;
+      return await ie({ ms: 500 }), w;
     } finally {
-      await Ke($.id, { removeAfter: 1e3 });
+      await Qe(h.id, { removeAfter: 1e3 });
     }
   }
   toast(e, r = {}) {
     const { component: n, ...a } = r, u = {
-      id: oe(),
+      id: ce(),
       properties: { message: e, ...a },
-      component: E(n ?? this.requireComponent("toast"))
+      component: R(n ?? this.requireComponent("toast"))
     };
     this.setState("toasts", this.toasts.concat(u));
   }
   modal(e, r) {
-    return We(e, r ?? {});
+    return Ke(e, r ?? {});
   }
   async closeAllModals() {
-    await Promise.all(ae.value.map(({ id: e }) => Ke(e, { removeAfter: 1e3 })));
+    await Promise.all(oe.value.map(({ id: e }) => Qe(e, { removeAfter: 1e3 })));
   }
   async boot() {
     this.watchMountedEvent(), this.watchViewportBreakpoints();
   }
   watchMountedEvent() {
-    F.once("application-mounted", async () => {
+    N.once("application-mounted", async () => {
       if (!globalThis.document || !globalThis.getComputedStyle)
         return;
       const e = globalThis.document.getElementById("splash");
-      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await le({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ie({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${ft}px)`).addEventListener("change", () => this.setState({ layout: ht() }));
+    globalThis.matchMedia(`(min-width: ${wt}px)`).addEventListener("change", () => this.setState({ layout: $t() }));
   }
 }
-const P = se(Cr);
-class xr {
+const D = re(Fr);
+class Or {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -825,13 +842,13 @@ class xr {
     return ["en"];
   }
   translate(s) {
-    return J() && console.warn("Lang provider is missing"), s;
+    return G() && console.warn("Lang provider is missing"), s;
   }
   translateWithDefault(s, e) {
-    return J() && console.warn("Lang provider is missing"), e;
+    return G() && console.warn("Lang provider is missing"), e;
   }
 }
-const kr = Ce({
+const Ur = Se({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -840,11 +857,11 @@ const kr = Ce({
     fallbackLocale: "en"
   }
 });
-class Sr extends kr {
+class Nr extends Ur {
   constructor() {
     super();
-    _(this, "provider");
-    this.provider = new xr(
+    x(this, "provider");
+    this.provider = new Or(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -872,7 +889,7 @@ class Sr extends kr {
     );
   }
 }
-const Z = se(Sr), gt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z), Tr = Ce({
+const X = re(Nr), _t = X.translate.bind(X), T = X.translateWithDefault.bind(X), Wr = Se({
   name: "errors",
   initialState: {
     logs: [],
@@ -885,12 +902,13 @@ const Z = se(Sr), gt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Mr extends Tr {
+class Kr extends Wr {
   constructor() {
     super(...arguments);
-    _(this, "forceReporting", !1);
-    _(this, "enabled", !0);
-    _(this, "eruda", null);
+    x(this, "forceReporting", !1);
+    x(this, "enabled", !0);
+    x(this, "eruda", null);
+    x(this, "erudaPlugins", null);
   }
   enable() {
     this.enabled = !0;
@@ -900,16 +918,16 @@ class Mr extends Tr {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      P.alert(k("errors.inspectEmpty", "Nothing to inspect!"));
+      D.alert(T("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];
-    P.modal(P.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") || (J() && this.logError(e), !this.enabled))
+    if (await N.emit("error", { error: e, message: r }), Re("unit") || (G() && this.logError(e), !this.enabled))
       throw e;
-    if (!A.isMounted()) {
+    if (!P.isMounted()) {
       const u = await this.createStartupErrorReport(e);
       u && this.setState({ startupErrors: this.startupErrors.concat(u) });
       return;
@@ -919,22 +937,22 @@ class Mr extends Tr {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    P.toast(
-      r ?? k("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
+    D.toast(
+      r ?? T("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
         actions: [
           {
-            label: k("errors.viewDetails", "View details"),
+            label: T("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => P.modal(P.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) {
-    J() && (r && console.warn(r), this.logError(e));
+    G() && (r && console.warn(r), this.logError(e));
   }
   see(e) {
     this.setState({
@@ -945,37 +963,40 @@ class Mr extends Tr {
     });
   }
   async boot() {
-    G(async () => {
+    ee(async () => {
       var e;
       if (!this.debug) {
         (e = this.eruda) == null || e.destroy();
         return;
       }
-      this.eruda ?? (this.eruda = (await import("eruda")).default), this.eruda.init();
+      this.eruda ?? (this.eruda = (await import("eruda")).default), this.erudaPlugins ?? (this.erudaPlugins = [(await import("eruda-indexeddb")).default]), this.eruda.init(), this.erudaPlugins.forEach((r) => {
+        var n;
+        return (n = this.eruda) == null ? void 0 : n.add(r);
+      });
     });
   }
   logError(e) {
-    console.error(e), fe(e) && e.cause && this.logError(e.cause);
+    console.error(e), ge(e) && e.cause && this.logError(e.cause);
   }
   isErrorReport(e) {
-    return fe(e) && "title" in e;
+    return ge(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof _e ? this.createErrorReportFromError(e) : fe(e) ? lt({
-      title: B(
-        e.name ?? e.title ?? k("errors.unknown", "Unknown Error")
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof ke ? this.createErrorReportFromError(e) : ge(e) ? ct({
+      title: F(
+        e.name ?? e.title ?? T("errors.unknown", "Unknown Error")
       ),
-      description: B(
-        e.message ?? e.description ?? k("errors.unknownDescription", "Unknown error object")
+      description: F(
+        e.message ?? e.description ?? T("errors.unknownDescription", "Unknown error object")
       ),
       error: e
     }) : {
-      title: k("errors.unknown", "Unknown Error"),
+      title: T("errors.unknown", "Unknown Error"),
       error: e
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof Ee ? e.cause instanceof Ee ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+    return e instanceof Ie ? e.cause instanceof Ie ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
   createErrorReportFromError(e, r = {}) {
     return {
@@ -987,7 +1008,7 @@ class Mr extends Tr {
     };
   }
 }
-const vt = se(Mr), bt = /* @__PURE__ */ h({
+const Ct = re(Kr), xt = /* @__PURE__ */ v({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1003,9 +1024,9 @@ const vt = se(Mr), bt = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = c(() => t.as ? { as: t.as } : t.route ? {
-      as: P.resolveComponent("router-link") ?? "a",
-      to: lt({
+    const s = d(() => t.as ? { as: t.as } : t.route ? {
+      as: D.resolveComponent("router-link") ?? "a",
+      to: ct({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -1018,18 +1039,18 @@ const vt = se(Mr), bt = /* @__PURE__ */ h({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (i(), f(l(ys), V({
+    return (e, r) => (o(), g(l(Ts), E({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
-      default: m(() => [
-        w(e.$slots, "default")
+      default: f(() => [
+        $(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
-}), R = /* @__PURE__ */ h({
+}), z = /* @__PURE__ */ v({
   __name: "Button",
   props: {
     class: {},
@@ -1045,7 +1066,7 @@ const vt = se(Mr), bt = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = K(t, ["class", "size", "variant", "disabled"]), e = c(() => ut(
+    const s = W(t, ["class", "size", "variant", "disabled"]), e = d(() => ht(
       { 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",
@@ -1054,6 +1075,7 @@ const vt = se(Mr), bt = /* @__PURE__ */ h({
             default: "bg-primary-600 text-white focus-visible:outline-primary-600",
             secondary: "bg-background text-gray-900 ring-gray-300",
             danger: "bg-red-600 text-white focus-visible:outline-red-600",
+            warning: "bg-yellow-600 text-white focus-visible:outline-yellow-600",
             ghost: "bg-transparent",
             outline: "bg-transparent text-primary-600 ring-primary-600",
             link: "text-links"
@@ -1140,62 +1162,102 @@ const vt = se(Mr), bt = /* @__PURE__ */ h({
         }
       }
     ));
-    return (r, n) => (i(), f(bt, V({
+    return (r, n) => (o(), g(xt, E({
       class: e.value,
       disabled: r.disabled
     }, s), {
-      default: m(() => [
-        w(r.$slots, "default")
+      default: f(() => [
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function Hr(t) {
+function Qr(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-const yt = /* @__PURE__ */ h({
+function kt(t, s) {
+  const e = Y("form", null), r = (h) => h === void 0 ? "" : t.renderOption ? t.renderOption(h) : Qr(h) ? us(h.label) : F(h), n = d(() => e && t.name ? e.getFieldValue(t.name) : t.modelValue), a = d(() => n.value), u = d(() => !e || !t.name ? null : e.errors[t.name] ?? null), i = d(() => t.options ? t.options.map((h) => ({
+    key: ce(),
+    label: r(h),
+    value: h
+  })) : null), c = {
+    renderOption: r,
+    labelClass: t.labelClass,
+    optionsClass: t.optionsClass,
+    align: t.align,
+    side: t.side,
+    value: n,
+    id: `select-${ce()}`,
+    name: d(() => t.name),
+    label: d(() => t.label),
+    description: d(() => t.description),
+    placeholder: d(() => t.placeholder ?? T("ui.select", "Select an option")),
+    options: i,
+    selectedOption: d(() => {
+      var h;
+      return (h = i.value) == null ? void 0 : h.find((w) => w.value === t.modelValue);
+    }),
+    errors: Ce(u),
+    required: d(() => {
+      if (!(!t.name || !e))
+        return e.getFieldRules(t.name).includes("required");
+    }),
+    update(h) {
+      if (e && t.name) {
+        e.setFieldValue(t.name, h);
+        return;
+      }
+      s("update:modelValue", h);
+    }
+  };
+  function m(h) {
+    c.update(h);
+  }
+  return ae("select", c), { expose: c, acceptableValue: a, update: m, renderOption: r };
+}
+const St = /* @__PURE__ */ v({
   __name: "HeadlessSelectValue",
   setup(t) {
-    const s = I(
+    const s = H(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (i(), f(l(Qe), {
+    return (e, r) => e.$slots.default ? (o(), g(l(Ze), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
-      default: m(() => [
-        w(e.$slots, "default")
+      default: f(() => [
+        $(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (i(), f(l(Qe), {
+    }, 8, ["placeholder"])) : (o(), g(l(Ze), {
       key: 1,
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), $t = /* @__PURE__ */ h({
+}), Tt = /* @__PURE__ */ v({
   __name: "HeadlessSelectTrigger",
   setup(t) {
-    const s = I(
+    const s = H(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (i(), f(l($s), {
+    return (e, r) => (o(), g(l(Ms), {
       id: l(s).id
     }, {
-      default: m(() => [
-        w(e.$slots, "default", {}, () => [
-          d(yt, {
+      default: f(() => [
+        $(e.$slots, "default", {}, () => [
+          p(St, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          d(l(ws))
+          p(l(Vs))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), wt = /* @__PURE__ */ h({
+}), Mt = /* @__PURE__ */ v({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1205,20 +1267,20 @@ const yt = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = I(
+    const s = H(
       "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 : B(t.value);
+      return r ? s.renderOption(r.value) : F(t.value);
     });
-    return (r, n) => (i(), f(l(_s), ue(ce(r.$props)), {
-      default: m(() => [
-        d(l(Cs), null, {
-          default: m(() => [
-            w(r.$slots, "default", {}, () => [
-              L(C(e.value), 1)
+    return (r, n) => (o(), g(l(Es), pe(me(r.$props)), {
+      default: f(() => [
+        p(l(Hs), null, {
+          default: f(() => [
+            $(r.$slots, "default", {}, () => [
+              I(C(e.value), 1)
             ])
           ]),
           _: 3
@@ -1227,33 +1289,33 @@ const yt = /* @__PURE__ */ h({
       _: 3
     }, 16));
   }
-}), _t = /* @__PURE__ */ h({
+}), Vt = /* @__PURE__ */ v({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
     innerClass: {}
   },
   setup(t) {
-    const s = I(
+    const s = H(
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
-    ), e = c(() => H("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
-    return (r, n) => (i(), f(l(xs), null, {
-      default: m(() => [
-        d(l(ks), {
+    ), e = d(() => k("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (o(), g(l(Ls), null, {
+      default: f(() => [
+        p(l(Is), {
           position: "popper",
-          class: x(e.value),
+          class: _(e.value),
           align: l(s).align,
           side: l(s).side,
           "side-offset": 4
         }, {
-          default: m(() => [
-            d(l(Ss), {
-              class: x(r.innerClass)
+          default: f(() => [
+            p(l(Rs), {
+              class: _(r.innerClass)
             }, {
-              default: m(() => [
-                w(r.$slots, "default", {}, () => [
-                  (i(!0), y(D, null, U(l(s).options ?? [], (a) => (i(), f(wt, {
+              default: f(() => [
+                $(r.$slots, "default", {}, () => [
+                  (o(!0), y(j, null, O(l(s).options ?? [], (a) => (o(), g(Mt, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1268,7 +1330,7 @@ const yt = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Vr = /* @__PURE__ */ h({
+}), Zr = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1288,56 +1350,21 @@ const yt = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), u = c(() => a.value), o = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), p = c(() => t.options ? t.options.map((v) => ({
-      key: oe(),
-      label: t.renderOption ? t.renderOption(v) : Hr(v) ? ts(v.label) : B(v),
-      value: v
-    })) : null), g = {
-      labelClass: t.labelClass,
-      optionsClass: t.optionsClass,
-      align: t.align,
-      side: t.side,
-      value: a,
-      id: `select-${oe()}`,
-      name: c(() => t.name),
-      label: c(() => t.label),
-      description: c(() => t.description),
-      placeholder: c(() => t.placeholder ?? k("ui.select", "Select an option")),
-      options: p,
-      selectedOption: c(() => {
-        var v;
-        return (v = p.value) == null ? void 0 : v.find((S) => S.value === t.modelValue);
-      }),
-      errors: we(o),
-      required: c(() => {
-        if (!(!t.name || !n))
-          return n.getFieldRules(t.name).includes("required");
-      }),
-      update(v) {
-        if (n && t.name) {
-          n.setFieldValue(t.name, v);
-          return;
-        }
-        r("update:modelValue", v);
-      }
-    };
-    function $(v) {
-      g.update(v);
-    }
-    return de("select", g), s(g), (v, S) => (i(), f(l(Ts), {
-      "model-value": u.value,
-      by: v.compareOptions,
-      "onUpdate:modelValue": S[0] || (S[0] = (q) => $(q))
+    const r = e, n = W(t, ["as", "compareOptions"]), { expose: a, acceptableValue: u, update: i } = kt({ as: t.as, compareOptions: t.compareOptions, ...n }, r);
+    return s(a), (c, m) => (o(), g(l(zs), {
+      "model-value": l(u),
+      by: c.compareOptions,
+      "onUpdate:modelValue": m[0] || (m[0] = (h) => l(i)(h))
     }, {
-      default: m(({ open: q }) => [
-        (i(), f(Y(v.as), ue(ce(v.$attrs)), {
-          default: m(() => [
-            w(v.$slots, "default", {
-              modelValue: v.modelValue,
-              open: q
+      default: f(({ open: h }) => [
+        (o(), g(te(c.as), pe(me(c.$attrs)), {
+          default: f(() => [
+            $(c.$slots, "default", {
+              modelValue: c.modelValue,
+              open: h
             }, () => [
-              d($t),
-              d(_t)
+              p(Tt),
+              p(Vt)
             ])
           ]),
           _: 2
@@ -1346,50 +1373,50 @@ const yt = /* @__PURE__ */ h({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Ze = /* @__PURE__ */ h({
+}), Ye = /* @__PURE__ */ v({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const s = I(
+    const s = H(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = Re(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), f(l(Ms), V({
+    ), e = xe(), r = d(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (o(), g(l(pt), E({
       key: 0,
       for: l(s).id
     }, n.$props), {
-      default: m(() => [
-        w(n.$slots, "default", {}, () => [
-          L(C(l(s).label), 1)
+      default: f(() => [
+        $(n.$slots, "default", {}, () => [
+          I(C(l(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for"])) : M("", !0);
+    }, 16, ["for"])) : V("", !0);
   }
-}), Ct = /* @__PURE__ */ h({
+}), Et = /* @__PURE__ */ v({
   __name: "SelectLabel",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => H("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
-    return (r, n) => r.$slots.default ? (i(), f(Ze, {
+    const s = H("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(Ye, {
       key: 0,
-      class: x(e.value)
+      class: _(e.value)
     }, {
-      default: m(() => [
-        w(r.$slots, "default")
+      default: f(() => [
+        $(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (i(), f(Ze, {
+    }, 8, ["class"])) : (o(), g(Ye, {
       key: 1,
-      class: x(e.value)
+      class: _(e.value)
     }, null, 8, ["class"]));
   }
-}), Xe = /* @__PURE__ */ h({
+}), et = /* @__PURE__ */ v({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1397,62 +1424,62 @@ const yt = /* @__PURE__ */ h({
     innerClass: {}
   },
   setup(t) {
-    const s = c(() => H("group p-1 outline-none", t.class)), e = c(() => H(
+    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(), f(wt, {
-      class: x(s.value),
+    return (r, n) => (o(), g(Mt, {
+      class: _(s.value),
       value: r.value
     }, {
-      default: m(() => [
+      default: f(() => [
         b("div", {
-          class: x(e.value)
+          class: _(e.value)
         }, [
-          w(r.$slots, "default")
+          $(r.$slots, "default")
         ], 2)
       ]),
       _: 3
     }, 8, ["class", "value"]));
   }
-}), xt = /* @__PURE__ */ h({
+}), Ht = /* @__PURE__ */ v({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => H(
+    const s = H("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(), f(_t, {
-      class: x(e.value)
+    return (r, n) => (o(), g(Vt, {
+      class: _(e.value)
     }, {
-      default: m(() => {
+      default: f(() => {
         var a;
         return [
-          (a = l(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
+          (a = l(s).options) != null && a.length ? $(r.$slots, "default", { key: 0 }, () => {
             var u;
             return [
-              (i(!0), y(D, null, U(((u = l(s)) == null ? void 0 : u.options) ?? [], (o) => (i(), f(Xe, {
-                key: o.key,
-                value: o.value
+              (o(!0), y(j, null, O(((u = l(s)) == null ? void 0 : u.options) ?? [], (i) => (o(), g(et, {
+                key: i.key,
+                value: i.value
               }, {
-                default: m(() => [
-                  L(C(o.label), 1)
+                default: f(() => [
+                  I(C(i.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
-          }) : w(r.$slots, "default", { key: 1 }, () => [
-            d(Xe, {
+          }) : $(r.$slots, "default", { key: 1 }, () => [
+            p(et, {
               disabled: "",
               value: null
             }, {
-              default: m(() => [
-                L(C(r.$td("ui.selectEmpty", "No options available")), 1)
+              default: f(() => [
+                I(C(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1462,42 +1489,42 @@ const yt = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class"]));
   }
-}), Er = {
+}), Jr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Lr(t, s) {
-  return i(), y("svg", Er, s[0] || (s[0] = [
+function Gr(t, s) {
+  return o(), y("svg", Jr, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "m9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828L5.757 6.586L4.343 8z"
     }, null, -1)
   ]));
 }
-const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__ */ h({
+const Xr = R({ name: "zondicons-cheveron-down", render: Gr }), Lt = /* @__PURE__ */ v({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => H(
+    const s = H("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 },
       t.class
     ));
-    return (r, n) => (i(), f($t, {
-      class: x(e.value)
+    return (r, n) => (o(), g(Tt, {
+      class: _(e.value)
     }, {
-      default: m(() => [
-        d(yt, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        d(l(Rr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+      default: f(() => [
+        p(St, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        p(l(Xr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), zr = /* @__PURE__ */ h({
+}), Yr = /* @__PURE__ */ v({
   __name: "Select",
   props: {
     as: {},
@@ -1516,30 +1543,30 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = qe();
-    return (e, r) => (i(), f(Vr, V({ ref: l(s) }, e.$props, {
+    const { forwardRef: s } = ze();
+    return (e, r) => (o(), g(Zr, E({ ref: l(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
-      default: m(() => [
-        d(Ct),
-        w(e.$slots, "default", {}, () => [
-          d(kt),
-          d(xt)
+      default: f(() => [
+        p(Et),
+        $(e.$slots, "default", {}, () => [
+          p(Lt),
+          p(Ht)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), Ir = { class: "grow" }, qr = /* @__PURE__ */ h({
+}), en = { class: "grow" }, tn = /* @__PURE__ */ v({
   __name: "Language",
   setup(t) {
-    const s = Z.getBrowserLocale(), e = c(() => [null, ...Z.locales]);
+    const s = X.getBrowserLocale(), e = d(() => [null, ...X.locales]);
     function r(n) {
-      return (n && j.locales[n]) ?? k("settings.localeDefault", "{locale} (default)", {
-        locale: j.locales[s] ?? s
+      return (n && U.locales[n]) ?? T("settings.localeDefault", "{locale} (default)", {
+        locale: U.locales[s] ?? s
       });
     }
-    return (n, a) => (i(), f(zr, {
+    return (n, a) => (o(), g(Yr, {
       modelValue: n.$lang.locale,
       "onUpdate:modelValue": a[0] || (a[0] = (u) => n.$lang.locale = u),
       class: "flex flex-col items-start md:flex-row",
@@ -1547,41 +1574,41 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
       options: e.value,
       "render-option": r
     }, {
-      default: m(() => [
-        b("div", Ir, [
-          d(Ct, { class: "text-base font-semibold" }, {
-            default: m(() => [
-              L(C(n.$td("settings.locale", "Language")), 1)
+      default: f(() => [
+        b("div", en, [
+          p(Et, { class: "text-base font-semibold" }, {
+            default: f(() => [
+              I(C(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
-          d(z, {
+          p(q, {
             "lang-key": "settings.localeDescription",
             "lang-default": "Choose the application's language.",
             class: "mt-1 text-sm text-gray-500"
           })
         ]),
-        d(R, {
+        p(z, {
           variant: "ghost",
-          as: kt,
+          as: Lt,
           class: "grid w-auto outline-none"
         }),
-        d(xt)
+        p(Ht)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), Ar = [
+}), sn = [
   {
     priority: 100,
-    component: qr
+    component: tn
   }
-], Pr = { $lang: Z }, Dr = {
+], rn = { $lang: X }, nn = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = gt), t.config.globalProperties.$td = k, Ar.forEach((e) => A.addSetting(e)), await ke(t, Pr);
+    (s = t.config.globalProperties).$t ?? (s.$t = _t), t.config.globalProperties.$td = T, sn.forEach((e) => P.addSetting(e)), await Me(t, rn);
   }
-}, jr = /* @__PURE__ */ h({
+}, an = /* @__PURE__ */ v({
   __name: "Markdown",
   props: {
     as: {},
@@ -1593,38 +1620,38 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
     actions: {}
   },
   setup(t) {
-    const s = Ye(), e = Re(), r = c(() => e.default ? e.default().map(ot).join("") : t.text ?? (t.langKey && (t.langDefault ? k(t.langKey, t.langDefault, t.langParams ?? {}) : gt(t.langKey, t.langParams ?? {})))), n = c(() => {
+    const s = rt(), e = xe(), r = d(() => e.default ? e.default().map(ft).join("") : t.text ?? (t.langKey && (t.langDefault ? T(t.langKey, t.langDefault, t.langParams ?? {}) : _t(t.langKey, t.langParams ?? {})))), n = d(() => {
       if (!r.value)
         return null;
-      let o = fr(r.value);
-      return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
-    }), a = () => Bt(t.as ?? (t.inline ? "span" : "div"), {
+      let i = Lr(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 g, $;
-      const { target: p } = o;
-      if (Oe(p, HTMLElement) && p.dataset.markdownAction) {
-        ($ = (g = t.actions) == null ? void 0 : g[p.dataset.markdownAction]) == null || $.call(g);
+    async function u(i) {
+      var m, h;
+      const { target: c } = i;
+      if (Ne(c, HTMLElement) && c.dataset.markdownAction) {
+        (h = (m = t.actions) == null ? void 0 : m[c.dataset.markdownAction]) == null || h.call(m);
         return;
       }
-      if (Oe(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
-        const v = mr();
-        v && (o.preventDefault(), v.visit(p.dataset.markdownRoute));
+      if (Ne(c, HTMLAnchorElement) && c.dataset.markdownRoute) {
+        const w = Hr();
+        w && (i.preventDefault(), w.visit(c.dataset.markdownRoute));
         return;
       }
     }
-    return (o, p) => (i(), f(a));
+    return (i, c) => (o(), g(a));
   }
-}), Br = (t, s) => {
+}), ln = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [r, n] of s)
     e[r] = n;
   return e;
-}, z = /* @__PURE__ */ Br(jr, [["__scopeId", "data-v-8b211cfb"]]), Fr = { class: "flex-grow" }, Ur = ["id"], Or = /* @__PURE__ */ h({
+}, q = /* @__PURE__ */ ln(an, [["__scopeId", "data-v-8b211cfb"]]), on = { class: "flex-grow" }, un = ["id"], cn = /* @__PURE__ */ v({
   __name: "Setting",
   props: {
     title: {},
@@ -1634,29 +1661,29 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const s = c(() => H(t.class, "flex flex-col justify-center gap-1"));
-    return (e, r) => (i(), y("div", {
-      class: x(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
+    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" }])
     }, [
-      b("div", Fr, [
+      b("div", on, [
         b("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, C(e.title), 9, Ur),
-        e.description ? (i(), f(z, {
+        }, C(e.title), 9, un),
+        e.description ? (o(), g(q, {
           key: 0,
           text: e.description,
           class: "mt-1 text-sm text-gray-500"
-        }, null, 8, ["text"])) : M("", !0)
+        }, null, 8, ["text"])) : V("", !0)
       ]),
       b("div", {
-        class: x(s.value)
+        class: _(s.value)
       }, [
-        w(e.$slots, "default")
+        $(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), Nr = ["for"], Wr = /* @__PURE__ */ h({
+}), dn = ["for"], pn = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HeadlessSwitch",
   props: {
@@ -1671,71 +1698,71 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
-      id: `switch-${oe()}`,
-      name: c(() => t.name),
-      label: c(() => t.label),
-      description: c(() => t.description),
-      value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: we(a),
-      required: c(() => {
+    const r = e, n = Y("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `switch-${ce()}`,
+      name: d(() => t.name),
+      label: d(() => t.label),
+      description: d(() => t.description),
+      value: d(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: Ce(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), ee(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
-    }), (o, p) => (i(), y("div", {
-      class: x(t.class)
+    }), (i, c) => (o(), y("div", {
+      class: _(t.class)
     }, [
-      o.label ? (i(), y("label", {
+      i.label ? (o(), y("label", {
         key: 0,
         for: u.id,
-        class: x(o.labelClass)
-      }, C(o.label), 11, Nr)) : M("", !0),
-      d(l(Hs), V({
+        class: _(i.labelClass)
+      }, C(i.label), 11, dn)) : V("", !0),
+      p(l(qs), E({
         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] = (g) => o.$emit("update:modelValue", g))
+      }, i.$attrs, {
+        class: i.inputClass,
+        "onUpdate:modelValue": c[0] || (c[0] = (m) => i.$emit("update:modelValue", m))
       }), {
-        default: m(() => [
-          d(l(Vs), {
-            class: x(o.thumbClass)
+        default: f(() => [
+          p(l(Ps), {
+            class: _(i.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 16, ["id", "name", "model-value", "class"])
     ], 2));
   }
-}), Kr = /* @__PURE__ */ h({
+}), mn = /* @__PURE__ */ v({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (i(), f(Wr, {
+    return (s, e) => (o(), g(pn, {
       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"
     }));
   }
-}), Qr = /* @__PURE__ */ h({
+}), fn = /* @__PURE__ */ v({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (i(), f(Or, {
+    return (s, e) => (o(), g(cn, {
       "title-id": "debug-setting",
       title: s.$td("settings.debug", "Debugging"),
       description: s.$td("settings.debugDescription", "Enable debugging with [Eruda](https://eruda.liriliri.io/).")
     }, {
-      default: m(() => [
-        d(Kr, {
+      default: f(() => [
+        p(mn, {
           modelValue: s.$errors.debug,
           "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
           "aria-labelledby": "debug-setting"
@@ -1744,80 +1771,78 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
       _: 1
     }, 8, ["title", "description"]));
   }
-}), Jr = [
+}), hn = [
   {
     priority: 10,
-    component: Qr
+    component: fn
   }
-], St = [];
-function Rl(t) {
-  St.push(t);
+], It = [];
+function so(t) {
+  It.push(t);
 }
-function Tt(t) {
-  for (const s of St) {
+function Rt(t) {
+  for (const s of It) {
     const e = s(t);
     if (e)
       return e;
   }
-  return typeof t == "string" ? t : t instanceof Error || t instanceof _e ? t.message : fe(t) ? B(t.message ?? t.description ?? "Unknown error object") : k("errors.unknown", "Unknown Error");
+  return typeof t == "string" ? t : t instanceof Error || t instanceof ke ? t.message : ge(t) ? F(t.message ?? t.description ?? "Unknown error object") : T("errors.unknown", "Unknown Error");
 }
-class Ge extends _e {
+class tt extends ke {
 }
-const Zr = { $errors: vt }, Xr = (t) => (vt.report(t), !0);
-function Gr(t, s = () => !1) {
-  const e = (r) => s(r) || Xr(r);
-  t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, o) => e(o ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
+const gn = { $errors: Ct }, vn = (t) => (Ct.report(t), !0);
+function bn(t, s = () => !1) {
+  const e = (r) => s(r) || vn(r);
+  t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, i) => e(i ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const Yr = {
+const yn = {
   async install(t, s) {
-    Gr(t, s.handleError), Jr.forEach((e) => A.addSetting(e)), await ke(t, Zr);
+    bn(t, s.handleError), hn.forEach((e) => P.addSetting(e)), await Me(t, gn);
   }
-}, en = {
+}, wn = {
   async install() {
-    ze() && (globalThis.testingRuntime = {
-      on: (...t) => F.on(...t),
-      service: (t) => A.service(t)
+    Re() && (globalThis.testingRuntime = {
+      on: (...t) => N.on(...t),
+      service: (t) => P.service(t)
     });
   }
-}, tn = {
+}, $n = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function sn(t, s) {
-  return i(), y("svg", tn, s[0] || (s[0] = [
+function _n(t, s) {
+  return o(), y("svg", $n, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414z"
     }, null, -1)
   ]));
 }
-const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
+const Cn = R({ name: "zondicons-close", render: _n }), xn = /* @__PURE__ */ v({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
+    fullscreen: { type: Boolean },
+    fullscreenOnMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
     descriptionHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = N(null), r = Ie({ removeOnClose: !1 });
+    const e = B(null), { close: r } = Ae();
     s({ $content: e });
-    const { forwardRef: n } = qe();
-    de("$modalContentRef", e);
-    async function a(u) {
-      r.close(u), await le(1e3), r.remove();
-    }
-    return (u, o) => (i(), f(l(Es), {
+    const { forwardRef: n } = ze();
+    return ae("$modalContentRef", e), (a, u) => (o(), g(l(As), {
       ref: l(n),
       open: "",
-      "onUpdate:open": o[0] || (o[0] = (p) => u.persistent || a())
+      "onUpdate:open": u[0] || (u[0] = (i) => a.persistent || i || l(r)())
     }, {
-      default: m(() => [
-        d(l(Ls), null, {
-          default: m(() => [
-            w(u.$slots, "default", { close: a })
+      default: f(() => [
+        p(l(Ds), null, {
+          default: f(() => [
+            $(a.$slots, "default", { close: l(r) })
           ]),
           _: 3
         })
@@ -1825,36 +1850,36 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
       _: 3
     }, 512));
   }
-}), an = /* @__PURE__ */ h({
+}), kn = /* @__PURE__ */ v({
   __name: "HeadlessModalContent",
   setup(t) {
-    const { child: s } = Ie(), e = sr("$modalContentRef"), r = ee("$contentRef");
-    return G(() => e.value = r.value), (n, a) => (i(), f(l(Rs), { ref: "$contentRef" }, {
-      default: m(() => [
-        w(n.$slots, "default"),
-        l(s) ? (i(), f(l(ms), {
+    const { child: s } = Ae(), e = wr("$modalContentRef"), r = Z("$contentRef");
+    return ee(() => e.value = r.value), (n, a) => (o(), g(l(Bs), { ref: "$contentRef" }, {
+      default: f(() => [
+        $(n.$slots, "default"),
+        l(s) ? (o(), g(l(_s), {
           key: 0,
           is: l(s)
-        }, null, 8, ["is"])) : M("", !0)
+        }, null, 8, ["is"])) : V("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), ln = /* @__PURE__ */ h({
+}), Sn = /* @__PURE__ */ v({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(zs), ue(ce(s.$props)), {
-      default: m(() => [
-        w(s.$slots, "default")
+    return (s, e) => (o(), g(l(js), pe(me(s.$props)), {
+      default: f(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), on = /* @__PURE__ */ h({
+}), Tn = /* @__PURE__ */ v({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1862,34 +1887,33 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(Is), ue(ce(s.$props)), {
-      default: m(() => [
-        w(s.$slots, "default")
+    return (s, e) => (o(), g(l(Fs), pe(me(s.$props)), {
+      default: f(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), un = /* @__PURE__ */ h({
+}), Mn = /* @__PURE__ */ v({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(qs), ue(ce(s.$props)), {
-      default: m(() => [
-        w(s.$slots, "default")
+    return (s, e) => (o(), g(l(Os), pe(me(s.$props)), {
+      default: f(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), cn = {
-  key: 0,
-  class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, dn = ["onClick"], pn = { class: "sr-only" }, Me = ur(), re = /* @__PURE__ */ h({
+}), Vn = ["onClick"], En = { class: "sr-only" }, he = Tr(), ne = /* @__PURE__ */ v({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
+    fullscreen: { type: Boolean },
+    fullscreenOnMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
@@ -1899,87 +1923,99 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
     closeHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = K(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden"]);
+    const e = W(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden", "fullscreen", "fullscreenOnMobile"]);
     s({
-      $content: c(() => {
-        var T;
-        return (T = o.value) == null ? void 0 : T.$content;
+      $content: d(() => {
+        var M;
+        return (M = i.value) == null ? void 0 : M.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = qe(), { id: a, visible: u } = Ie(), o = n, p = fs(), g = c(
+    const { forwardRef: r, currentRef: n } = ze(), { id: a, visible: u } = Ae(), i = n, c = dt(), m = d(
       () => {
-        var T;
-        return u.value && ((T = ae.value.toReversed().find((Be) => Be.visible.value)) == null ? void 0 : T.id) === a.value;
+        var M;
+        return u.value && ((M = oe.value.toReversed().find((je) => je.visible.value)) == null ? void 0 : M.id) === a.value;
       }
-    ), $ = c(() => ae.value.find((T) => T.visible.value)), v = c(() => ae.value.some((T) => Me.has(T))), S = c(() => t.description ? {} : { "aria-describedby": void 0 }), q = c(() => H("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), pe = c(() => H(
-      "isolate fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2",
-      "overflow-hidden rounded-lg bg-white text-left shadow-xl sm:max-w-lg",
-      Me.has(p.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
-      "transition-[scale,opacity] will-change-[scale,opacity] duration-300",
-      {
-        "scale-50 opacity-0": !g.value,
-        "scale-100 opacity-100": g.value
-      },
+    ), h = d(() => oe.value.find((M) => M.visible.value)), w = d(() => oe.value.some((M) => he.has(M))), S = d(() => t.description ? {} : { "aria-describedby": void 0 }), L = d(() => k(
+      "overflow-auto px-4 pb-4 flex flex-col flex-1",
+      { "pt-4": !t.title || t.titleHidden, "max-h-[90vh]": !A.value },
+      t.class
+    )), A = d(() => t.fullscreen || t.fullscreenOnMobile && D.mobile), Bt = d(() => k(
+      "isolate fixed z-50 flex flex-col overflow-hidden bg-white text-left duration-300",
+      A.value ? [
+        "inset-0 transition-[transform,translate] will-change-[transform,translate]",
+        he.has(c.value) || "animate-[slide-in_var(--tw-duration)_ease-in-out]",
+        m.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]",
+        he.has(c.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
+        m.value ? "scale-100 opacity-100" : "scale-50 opacity-0"
+      ],
       t.wrapperClass
     ));
-    return et(() => le(500).then(() => Me.add(p.value))), (T, Be) => (i(), f(nn, V(e, {
-      ref: (me) => l(r)(me),
-      persistent: T.persistent
+    return nt(() => ie(500).then(() => he.add(c.value))), (M, je) => (o(), g(xn, E(e, {
+      ref: (fe) => l(r)(fe),
+      persistent: M.persistent
     }), {
-      default: m(({ close: me }) => {
-        var Fe, Ue;
+      default: f(({ close: fe }) => {
+        var Fe, Oe;
         return [
-          d(on, {
-            class: x(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
-              "animate-[fade-in_var(--tw-duration)_ease-in-out]": !v.value,
-              "bg-black/30": ((Fe = $.value) == null ? void 0 : Fe.id) === l(a) || !$.value && ((Ue = l(ae)[0]) == null ? void 0 : Ue.id) === l(a),
-              "opacity-0": !$.value
+          p(Tn, {
+            class: _(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
+              "animate-[fade-in_var(--tw-duration)_ease-in-out]": !w.value,
+              "bg-black/30": ((Fe = h.value) == null ? void 0 : Fe.id) === l(a) || !h.value && ((Oe = l(oe)[0]) == null ? void 0 : Oe.id) === l(a),
+              "opacity-0": !h.value,
+              hidden: A.value
             }])
           }, null, 8, ["class"]),
-          d(an, V(S.value, { class: pe.value }), {
-            default: m(() => [
-              !T.persistent && !T.closeHidden ? (i(), y("div", cn, [
+          p(kn, E(S.value, { class: Bt.value }), {
+            default: f(() => [
+              !M.persistent && !M.closeHidden ? (o(), y("div", {
+                key: 0,
+                class: _(["absolute top-0 right-0 pt-3.5 pr-2.5", { "hidden sm:block": !A.value }])
+              }, [
                 b("button", {
                   type: "button",
                   class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                  onClick: (al) => me()
+                  onClick: (Ml) => fe()
                 }, [
-                  b("span", pn, C(T.$td("ui.close", "Close")), 1),
-                  d(l(rn), { class: "size-4" })
-                ], 8, dn)
-              ])) : M("", !0),
-              T.title ? (i(), f(un, {
+                  b("span", En, C(M.$td("ui.close", "Close")), 1),
+                  p(l(Cn), { class: "size-4" })
+                ], 8, Vn)
+              ], 2)) : V("", !0),
+              M.title ? (o(), g(Mn, {
                 key: 1,
-                class: x(["px-4 pt-5 text-base font-semibold text-gray-900", {
-                  "sr-only": T.titleHidden,
-                  "pb-0": T.description && !T.descriptionHidden,
-                  "pb-2": !T.description || T.descriptionHidden
+                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
                 }])
               }, {
-                default: m(() => [
-                  d(z, {
-                    text: T.title,
+                default: f(() => [
+                  p(q, {
+                    text: M.title,
                     inline: ""
                   }, null, 8, ["text"])
                 ]),
                 _: 1
-              }, 8, ["class"])) : M("", !0),
-              T.description ? (i(), f(ln, {
+              }, 8, ["class"])) : V("", !0),
+              M.description ? (o(), g(Sn, {
                 key: 2,
-                class: x(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
+                class: _(["px-4 pt-1 pb-2", { "sr-only": M.descriptionHidden }])
               }, {
-                default: m(() => [
-                  d(z, {
-                    text: T.description,
+                default: f(() => [
+                  p(q, {
+                    text: M.description,
                     class: "text-sm leading-6 text-gray-500"
                   }, null, 8, ["text"])
                 ]),
                 _: 1
-              }, 8, ["class"])) : M("", !0),
+              }, 8, ["class"])) : V("", !0),
               b("div", {
-                class: x(q.value)
+                class: _(L.value)
               }, [
-                w(T.$slots, "default", { close: me })
+                $(M.$slots, "default", { close: fe })
               ], 2)
             ]),
             _: 2
@@ -1990,29 +2026,29 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
     }, 16, ["persistent"]));
   }
 });
-function mn(t) {
-  const s = c(() => t.title ?? k("ui.alert", "Alert")), e = c(() => !t.title);
+function Hn(t) {
+  const s = d(() => t.title ?? T("ui.alert", "Alert")), e = d(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const fn = /* @__PURE__ */ h({
+const Ln = /* @__PURE__ */ v({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = mn(e);
-    return s(), (a, u) => (i(), f(re, {
+    const e = t, { renderedTitle: r, titleHidden: n } = Hn(e);
+    return s(), (a, u) => (o(), g(ne, {
       title: l(r),
       "title-hidden": l(n)
     }, {
-      default: m(() => [
-        d(z, { text: a.message }, null, 8, ["text"])
+      default: f(() => [
+        p(q, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), Mt = /* @__PURE__ */ h({
+}), zt = /* @__PURE__ */ v({
   __name: "Form",
   props: {
     form: {}
@@ -2021,36 +2057,36 @@ const fn = /* @__PURE__ */ h({
   setup(t, { emit: s }) {
     let e;
     const r = s;
-    return G((n) => {
+    return ee((n) => {
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
-    }), de("form", t.form), (n, a) => (i(), y("form", {
-      onSubmit: a[0] || (a[0] = tt((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
+    }), ae("form", t.form), (n, a) => (o(), y("form", {
+      onSubmit: a[0] || (a[0] = at((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
     }, [
-      w(n.$slots, "default")
+      $(n.$slots, "default")
     ], 32));
   }
 });
-function hn(t) {
-  const s = dt(
+function In(t) {
+  const s = vt(
     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 ?? k("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? k("ui.accept", "Ok")), a = c(() => t.cancelText ?? k("ui.cancel", "Cancel"));
+  ), e = d(() => t.title ?? T("ui.confirm", "Confirm")), r = d(() => !t.title), n = d(() => t.acceptText ?? T("ui.accept", "Ok")), a = d(() => t.cancelText ?? T("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const gn = {
+const Rn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, vn = { class: "flex items-center" }, bn = ["onUpdate:modelValue", "required"], yn = { class: "ml-1.5" }, $n = { class: "mt-4 flex flex-row-reverse gap-2" }, wn = /* @__PURE__ */ h({
+}, zn = { class: "flex items-center" }, qn = ["onUpdate:modelValue", "required"], Pn = { class: "ml-1.5" }, An = { class: "mt-4 flex flex-row-reverse gap-2" }, Dn = /* @__PURE__ */ v({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2065,54 +2101,54 @@ const gn = {
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: o } = hn(e);
-    return s(), (p, g) => (i(), f(re, {
+    const e = W(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: i } = In(e);
+    return s(), (c, m) => (o(), g(ne, {
       title: l(n),
       "title-hidden": l(a),
       persistent: ""
     }, {
-      default: m(({ close: $ }) => [
-        d(Mt, {
+      default: f(({ close: h }) => [
+        p(zt, {
           form: l(r),
-          onSubmit: (v) => $([!0, l(r).data()])
+          onSubmit: (w) => h([!0, l(r).data()])
         }, {
-          default: m(() => [
-            d(z, {
-              text: p.message,
-              actions: p.actions
+          default: f(() => [
+            p(q, {
+              text: c.message,
+              actions: c.actions
             }, null, 8, ["text", "actions"]),
-            p.checkboxes ? (i(), y("ul", gn, [
-              (i(!0), y(D, null, U(p.checkboxes, (v, S) => (i(), y("li", { key: S }, [
-                b("label", vn, [
-                  st(b("input", {
-                    "onUpdate:modelValue": (q) => l(r)[S] = q,
+            c.checkboxes ? (o(), y("ul", Rn, [
+              (o(!0), y(j, null, O(c.checkboxes, (w, S) => (o(), y("li", { key: S }, [
+                b("label", zn, [
+                  lt(b("input", {
+                    "onUpdate:modelValue": (L) => l(r)[S] = L,
                     type: "checkbox",
-                    required: v.required,
+                    required: w.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, bn), [
-                    [Ft, l(r)[S]]
+                  }, null, 8, qn), [
+                    [Jt, l(r)[S]]
                   ]),
-                  b("span", yn, C(v.label), 1)
+                  b("span", Pn, C(w.label), 1)
                 ])
               ]))), 128))
-            ])) : M("", !0),
-            b("div", $n, [
-              d(R, {
-                variant: p.acceptVariant,
+            ])) : V("", !0),
+            b("div", An, [
+              p(z, {
+                variant: c.acceptVariant,
                 submit: ""
               }, {
-                default: m(() => [
-                  L(C(l(u)), 1)
+                default: f(() => [
+                  I(C(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p.required ? M("", !0) : (i(), f(R, {
+              c.required ? V("", !0) : (o(), g(z, {
                 key: 0,
-                variant: p.cancelVariant,
-                onClick: (v) => $(!1)
+                variant: c.cancelVariant,
+                onClick: (w) => h(!1)
               }, {
-                default: m(() => [
-                  L(C(l(o)), 1)
+                default: f(() => [
+                  I(C(l(i)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2124,92 +2160,92 @@ const gn = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), _n = {
+}), Bn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Cn(t, s) {
-  return i(), y("svg", _n, s[0] || (s[0] = [
+function jn(t, s) {
+  return o(), y("svg", Bn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
     }, null, -1)
   ]));
 }
-const xn = E({ name: "zondicons-cheveron-left", render: Cn }), kn = {
+const Fn = R({ name: "zondicons-cheveron-left", render: jn }), On = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Sn(t, s) {
-  return i(), y("svg", kn, s[0] || (s[0] = [
+function Un(t, s) {
+  return o(), y("svg", On, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "m12.95 10.707l.707-.707L8 4.343L6.586 5.757L10.828 10l-4.242 4.243L8 15.657z"
     }, null, -1)
   ]));
 }
-const Ht = E({ name: "zondicons-cheveron-right", render: Sn }), Tn = {
+const qt = R({ name: "zondicons-cheveron-right", render: Un }), Nn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Mn(t, s) {
-  return i(), y("svg", Tn, s[0] || (s[0] = [
+function Wn(t, s) {
+  return o(), y("svg", Nn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M2.93 17.07A10 10 0 1 1 17.07 2.93A10 10 0 0 1 2.93 17.07M9 5v6h2V5zm0 8v2h2v-2z"
     }, null, -1)
   ]));
 }
-const De = E({ name: "zondicons-exclamation-solid", render: Mn }), Hn = {
+const De = R({ name: "zondicons-exclamation-solid", render: Wn }), Kn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Vn(t, s) {
-  return i(), y("svg", Hn, s[0] || (s[0] = [
+function Qn(t, s) {
+  return o(), y("svg", Kn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M20 19V7H4v12zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7 14v-2h5v2zm-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z"
     }, null, -1)
   ]));
 }
-const En = E({ name: "mdi-console", render: Vn }), Ln = {
+const Zn = R({ name: "mdi-console", render: Qn }), Jn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Rn(t, s) {
-  return i(), y("svg", Ln, s[0] || (s[0] = [
+function Gn(t, s) {
+  return o(), y("svg", Jn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M6 6V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2zm2 0h4a2 2 0 0 1 2 2v4h4V2H8zM2 8v10h10V8z"
     }, null, -1)
   ]));
 }
-const zn = E({ name: "zondicons-copy", render: Rn }), In = {
+const Xn = R({ name: "zondicons-copy", render: Gn }), Yn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function qn(t, s) {
-  return i(), y("svg", In, s[0] || (s[0] = [
+function ea(t, s) {
+  return o(), y("svg", Yn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
     }, null, -1)
   ]));
 }
-const An = E({ name: "mdi-github", render: qn }), Pn = { class: "flex" }, Dn = { class: "sr-only" }, jn = /* @__PURE__ */ h({
+const ta = R({ name: "mdi-github", render: ea }), sa = { class: "flex" }, ra = { class: "sr-only" }, na = /* @__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 (!A.sourceUrl)
+    const s = t, e = d(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = d(() => {
+      if (!P.sourceUrl)
         return !1;
       const a = encodeURIComponent(e.value), u = encodeURIComponent(
         [
@@ -2217,35 +2253,35 @@ const An = E({ name: "mdi-github", render: qn }), Pn = { class: "flex" }, Dn = {
           "",
           "Error details:",
           "```",
-          ss(
+          cs(
             s.report.details ?? "Details missing from report",
-            1800 - a.length - A.sourceUrl.length
+            1800 - a.length - P.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${A.sourceUrl}/issues/new?title=${a}&body=${u}`;
-    }), n = c(() => te(
+      return `${P.sourceUrl}/issues/new?title=${a}&body=${u}`;
+    }), n = d(() => se(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: zn,
+          iconComponent: Xn,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), D.toast(T("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: En,
+          iconComponent: Zn,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), P.toast(
-              k(
+            window.error = a, console.error(a), D.toast(
+              T(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
               )
@@ -2257,24 +2293,24 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: An,
+          iconComponent: ta,
           url: r.value
         });
       }
     ));
-    return (a, u) => (i(), y("div", Pn, [
-      (i(!0), y(D, null, U(n.value, (o) => w(a.$slots, "default", V({ ref_for: !0 }, o), () => [
-        d(R, {
+    return (a, u) => (o(), y("div", sa, [
+      (o(!0), y(j, null, O(n.value, (i) => $(a.$slots, "default", E({ ref_for: !0 }, i), () => [
+        p(z, {
           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: m(() => [
-            b("span", Dn, C(a.$td(`errors.report_${o.id}`, o.description)), 1),
-            (i(), f(Y(o.iconComponent), {
+          default: f(() => [
+            b("span", ra, C(a.$td(`errors.report_${i.id}`, i.description)), 1),
+            (o(), g(te(i.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2284,7 +2320,7 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), Bn = /* @__PURE__ */ h({
+}), aa = /* @__PURE__ */ v({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2292,20 +2328,20 @@ ${s.report.details}`), P.toast(k("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(), f(z, {
+    const s = d(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
+    return (e, r) => (o(), g(q, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function Fn(t) {
-  const s = N(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
+function la(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()) || k("errors.detailsEmpty", "This error is missing a stacktrace.");
+      return ((u = e.value.details) == null ? void 0 : u.trim()) || T("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
-  ), n = k("errors.previousReport", "Show previous report"), a = k("errors.nextReport", "Show next report");
+  ), n = T("errors.previousReport", "Show previous report"), a = T("errors.nextReport", "Show next report");
   return {
     activeReportIndex: s,
     details: r,
@@ -2314,92 +2350,92 @@ function Fn(t) {
     activeReport: e
   };
 }
-const Un = { class: "px-4 pt-5 pb-4" }, On = { class: "flex justify-between gap-4" }, Nn = { class: "flex items-center gap-2" }, Wn = {
+const oa = { class: "px-4 pt-5 pb-4" }, ia = { class: "flex justify-between gap-4" }, ua = { class: "flex items-center gap-2" }, ca = {
   key: 0,
   class: "flex gap-0.5"
-}, Kn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Qn = ["textContent"], Jn = /* @__PURE__ */ h({
+}, da = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, pa = ["textContent"], ma = /* @__PURE__ */ v({
   __name: "ErrorReportModal",
   props: {
     report: {},
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: o } = Fn(e);
-    return s(), (p, g) => (i(), f(re, {
-      title: p.$td("errors.report", "Error report"),
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: i } = la(e);
+    return s(), (c, m) => (o(), g(ne, {
+      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: m(() => [
-        b("div", Un, [
-          b("h2", On, [
-            b("div", Nn, [
-              d(l(De), { class: "size-5 text-red-600" }),
-              d(Bn, {
+      default: f(() => [
+        b("div", oa, [
+          b("h2", ia, [
+            b("div", ua, [
+              p(l(De), { class: "size-5 text-red-600" }),
+              p(aa, {
                 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(), y("span", Wn, [
-                d(R, {
+              c.reports.length > 1 ? (o(), y("span", ca, [
+                p(z, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === 0,
                   "aria-label": l(u),
                   title: l(u),
-                  onClick: g[0] || (g[0] = ($) => r.value--)
+                  onClick: m[0] || (m[0] = (h) => r.value--)
                 }, {
-                  default: m(() => [
-                    d(l(xn), { class: "size-4" })
+                  default: f(() => [
+                    p(l(Fn), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                d(R, {
+                p(z, {
                   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: g[1] || (g[1] = ($) => r.value++)
+                  onClick: m[1] || (m[1] = (h) => r.value++)
                 }, {
-                  default: m(() => [
-                    d(l(Ht), { class: "size-4" })
+                  default: f(() => [
+                    p(l(qt), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : M("", !0)
+              ])) : V("", !0)
             ]),
-            d(jn, {
-              report: l(o),
+            p(na, {
+              report: l(i),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(o).description ? (i(), f(z, {
+          l(i).description ? (o(), g(q, {
             key: 0,
-            text: l(o).description,
+            text: l(i).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : M("", !0)
+          }, null, 8, ["text"])) : V("", !0)
         ]),
-        b("div", Kn, [
+        b("div", da, [
           b("pre", {
             class: "p-4 text-xs text-red-800",
             textContent: C(l(n))
-          }, null, 8, Qn)
+          }, null, 8, pa)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), Zn = {
+}), fa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Xn(t, s) {
-  return i(), y("svg", Zn, s[0] || (s[0] = [
+function ha(t, s) {
+  return o(), y("svg", fa, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
@@ -2419,40 +2455,50 @@ function Xn(t, s) {
     ], -1)
   ]));
 }
-const Gn = E({ name: "svg-spinners-90-ring-with-bg", render: Xn }), Yn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, ea = { class: "sr-only" }, ta = /* @__PURE__ */ h({
+const ga = R({ name: "svg-spinners-90-ring-with-bg", render: ha }), va = { class: "relative mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, ba = { class: "sr-only" }, ya = /* @__PURE__ */ v({
   __name: "ProgressBar",
   props: {
     filledClass: {},
+    overflowClass: {},
     progress: {},
     job: {}
   },
   setup(t) {
     let s;
-    const e = N(0), r = c(() => H("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => typeof t.progress == "number" ? t.progress : e.value);
-    return Le(
+    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 = d(() => typeof t.progress == "number" ? t.progress : e.value), u = d(() => a.value > 1 ? 100 * ((a.value - 1) / a.value) : null);
+    return de(
       () => t.job,
       () => {
-        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (a) => e.value = a });
+        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()), (a, u) => (i(), y("div", Yn, [
+    ), _e(() => s && s()), (i, c) => (o(), y("div", va, [
       b("div", {
-        class: x(r.value),
-        style: Ut(`transform:translateX(-${(1 - n.value) * 100}%)`)
+        class: _(r.value),
+        style: Ue(`transform:translateX(-${(1 - a.value) * 100}%)`)
       }, null, 6),
-      b("span", ea, C(a.$td("ui.progress", "{progress}% complete", {
-        progress: n.value * 100
+      u.value ? (o(), y("div", {
+        key: 0,
+        class: _(n.value),
+        style: Ue({ width: `${u.value}%` })
+      }, null, 6)) : V("", !0),
+      b("span", ba, C(i.$td("ui.progress", "{progress}% complete", {
+        progress: a.value * 100
       })), 1)
     ]));
   }
 });
-function sa(t) {
-  const s = c(() => t.title ?? k("ui.loading", "Loading")), e = c(
-    () => t.message ?? k("ui.loadingInProgress", "Loading in progress...")
-  ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
+function wa(t) {
+  const s = d(() => t.title ?? T("ui.loading", "Loading")), e = d(
+    () => t.message ?? T("ui.loadingInProgress", "Loading in progress...")
+  ), r = d(() => typeof t.progress == "number" || !!t.job), n = d(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const ra = /* @__PURE__ */ h({
+const $a = /* @__PURE__ */ v({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2461,30 +2507,30 @@ const ra = /* @__PURE__ */ h({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = sa(e);
-    return s(), (o, p) => (i(), f(re, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = wa(e);
+    return s(), (i, c) => (o(), g(ne, {
       persistent: "",
-      class: x(["flex", { "flex-col-reverse": l(u), "items-center justify-center gap-2": !l(u) }]),
       "wrapper-class": "w-auto",
       title: l(r),
-      "title-hidden": l(a)
+      "title-hidden": l(a),
+      class: _({ "flex-col-reverse": l(u), "flex-row items-center justify-center gap-2": !l(u) })
     }, {
-      default: m(() => [
-        l(u) ? (i(), f(ta, {
+      default: f(() => [
+        l(u) ? (o(), g(ya, {
           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(), f(l(Gn), {
+        }, null, 8, ["progress", "job"])) : (o(), g(l(ga), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        d(z, { text: l(n) }, null, 8, ["text"])
+        p(q, { text: l(n) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), je = /* @__PURE__ */ h({
+}), Be = /* @__PURE__ */ v({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2495,128 +2541,133 @@ const ra = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
-      id: `input-${oe()}`,
-      name: c(() => t.name),
-      label: c(() => t.label),
-      description: c(() => t.description),
-      value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: we(a),
-      required: c(() => {
+    const r = e, n = Y("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `input-${ce()}`,
+      name: d(() => t.name),
+      label: d(() => t.label),
+      description: d(() => t.description),
+      value: d(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: Ce(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 de("input", u), s(u), (o, p) => (i(), f(Y(o.as), null, {
-      default: m(() => [
-        w(o.$slots, "default")
+    return ae("input", u), s(u), (i, c) => (o(), g(te(i.as), null, {
+      default: f(() => [
+        $(i.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), na = ["for"], be = /* @__PURE__ */ h({
+}), _a = ["for"], we = /* @__PURE__ */ v({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = I("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Re(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), y("label", {
+    const s = H("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = xe(), r = d(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (o(), y("label", {
       key: 0,
       for: l(s).id
     }, [
-      w(n.$slots, "default", {}, () => [
-        L(C(l(s).label), 1)
+      $(n.$slots, "default", {}, () => [
+        I(C(l(s).label), 1)
       ])
-    ], 8, na)) : M("", !0);
+    ], 8, _a)) : V("", !0);
   }
-}), aa = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], Vt = /* @__PURE__ */ h({
+}), Ca = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], Pt = /* @__PURE__ */ v({
   __name: "HeadlessInputInput",
   props: {
     type: {}
   },
   setup(t) {
-    const s = ee("$inputRef"), e = I("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = X("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), u = c(() => {
+    const s = Z("$inputRef"), e = H("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = Y("form", null), n = d(() => e.name ?? void 0), a = d(() => e.value), u = d(() => {
       if (t.type)
         return t.type;
-      const $ = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
-      return ["text", "email", "number", "tel", "url"].includes($) ? $ : "text";
-    }), o = c(() => {
-      if (t.type === "checkbox")
+      const h = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
+      return ["text", "email", "number", "tel", "url"].includes(h) ? h : "text";
+    }), i = d(() => {
+      if (u.value === "checkbox")
         return !!a.value;
     });
-    function p() {
-      s.value && e.update(g());
+    function c() {
+      s.value && e.update(m());
     }
-    function g() {
+    function m() {
       if (!s.value)
         return null;
-      switch (t.type) {
+      switch (u.value) {
         case "checkbox":
           return s.value.checked;
         case "date":
-          return s.value.valueAsDate;
+        case "time":
+        case "datetime-local":
+          return new Date(Math.round(s.value.valueAsNumber / 6e4) * 6e4 + Ge);
+        case "number":
+          return s.value.valueAsNumber;
         default:
           return s.value.value;
       }
     }
-    return ct(e, () => {
-      var $;
-      return ($ = s.value) == null ? void 0 : $.focus();
-    }), G(() => {
+    return gt(e, () => {
+      var h;
+      return (h = s.value) == null ? void 0 : h.focus();
+    }), ee(() => {
       if (s.value) {
-        if (t.type === "date" && a.value instanceof Date) {
-          s.value.valueAsDate = a.value;
+        if (["date", "time", "datetime-local"].includes(u.value) && a.value instanceof Date) {
+          const h = Math.round(a.value.getTime() / 6e4) * 6e4;
+          s.value.valueAsNumber = h - Ge, e.update(new Date(h));
           return;
         }
         s.value.value = a.value ?? null;
       }
-    }), ($, v) => (i(), y("input", {
+    }), (h, w) => (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, aa));
+      onInput: c
+    }, null, 40, Ca));
   }
-}), Et = /* @__PURE__ */ h({
+}), At = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = I(
+    const s = H(
       "input",
       "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
-    ), e = c(() => typeof s.description == "string" ? s.description : ""), r = c(() => !!s.description);
-    return (n, a) => w(n.$slots, "default", {
+    ), 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(), f(z, V({ key: 0 }, n.$attrs, {
+      r.value ? (o(), g(q, E({ key: 0 }, n.$attrs, {
         id: `${l(s).id}-description`,
         text: e.value
-      }), null, 16, ["id", "text"])) : M("", !0)
+      }), null, 16, ["id", "text"])) : V("", !0)
     ]);
   }
-}), la = ["id"], ye = /* @__PURE__ */ h({
+}), xa = ["id"], $e = /* @__PURE__ */ v({
   __name: "HeadlessInputError",
   setup(t) {
-    const s = I("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? k(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
-    return (r, n) => e.value ? (i(), y("p", {
+    const s = H("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = d(() => s.errors ? T(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, n) => e.value ? (o(), y("p", {
       key: 0,
       id: `${l(s).id}-error`
-    }, C(e.value), 9, la)) : M("", !0);
+    }, C(e.value), 9, xa)) : V("", !0);
   }
-}), ia = {
+}), ka = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, oa = /* @__PURE__ */ h({
+}, Sa = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2625,65 +2676,71 @@ const ra = /* @__PURE__ */ h({
     description: {},
     modelValue: {},
     inputClass: {},
-    wrapperClass: {}
+    wrapperClass: {},
+    descriptionClass: {},
+    errorClass: {}
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Pe(), a = c(() => H("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
-      var o, p, g;
-      return H(
+    const s = W(t, ["label", "inputClass", "wrapperClass", "descriptionClass", "errorClass"]), e = Z("$inputRef"), [r, n] = Pe(), 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 m, h, w;
+      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": (g = e.value) == null ? void 0 : g.errors
+          "focus:ring-primary-600": !((m = e.value) != null && m.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((h = e.value) != null && h.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (w = e.value) == null ? void 0 : w.errors
         },
         t.inputClass
       );
     });
-    return (o, p) => (i(), f(je, V({
+    return (m, h) => (o(), g(Be, E({
       ref: "$inputRef",
-      label: o.label,
+      label: m.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
+      "onUpdate:modelValue": h[0] || (h[0] = (w) => m.$emit("update:modelValue", w))
     }), {
-      default: m(() => {
-        var g;
+      default: f(() => {
+        var w;
         return [
-          d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          p(we, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           b("div", {
-            class: x(a.value)
+            class: _(a.value)
           }, [
-            d(Vt, V(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (i(), y("div", ia, [
-              d(l(De), { class: "size-5 text-red-500" })
-            ])) : M("", !0)
+            p(Pt, E(l(r), { class: c.value }), null, 16, ["class"]),
+            (w = e.value) != null && w.errors ? (o(), y("div", ka, [
+              p(l(De), { class: "size-5 text-red-500" })
+            ])) : V("", !0)
           ], 2),
-          d(Et, { class: "mt-2 text-sm text-gray-600" }),
-          d(ye, { class: "mt-2 text-sm text-red-600" })
+          p(At, {
+            class: _(u.value)
+          }, null, 8, ["class"]),
+          p($e, {
+            class: _(i.value)
+          }, null, 8, ["class"])
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-function zl(t, s = {}) {
+function ro(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function Il(t, s = {}) {
+function no(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function ql(t, s, e = {}) {
+function ao(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2691,21 +2748,21 @@ function ql(t, s, e = {}) {
     values: t
   };
 }
-function Al(t) {
+function lo(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function Pl(t) {
+function oo(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Dl(t, s) {
+function io(t, s) {
   return {
     default: s,
     type: "enum",
@@ -2713,55 +2770,55 @@ function Dl(t, s) {
     values: t
   };
 }
-function jl(t) {
+function uo(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Bl(t) {
+function co(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function ua(t) {
+function Ta(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Fl(t, s = {}) {
+function po(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Ul(t, s = {}) {
+function mo(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Ol(t, s = {}) {
+function fo(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function ca(t) {
-  const s = dt({
-    draft: ua(t.defaultValue ?? "")
-  }), e = c(() => t.title ?? t.message), r = c(() => t.title ? t.message : null), n = c(() => t.acceptText ?? k("ui.accept", "Ok")), a = c(() => t.cancelText ?? k("ui.cancel", "Cancel"));
+function Ma(t) {
+  const s = vt({
+    draft: Ta(t.defaultValue ?? "")
+  }), e = d(() => t.title ?? t.message), r = d(() => t.title ? t.message : null), n = d(() => t.acceptText ?? T("ui.accept", "Ok")), a = d(() => t.cancelText ?? T("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const da = { class: "mt-4 flex flex-row-reverse gap-2" }, pa = /* @__PURE__ */ h({
+const Va = { class: "mt-4 flex flex-row-reverse gap-2" }, Ea = /* @__PURE__ */ v({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2776,43 +2833,43 @@ const da = { class: "mt-4 flex flex-row-reverse gap-2" }, pa = /* @__PURE__ */ h
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: o } = ca(e);
-    return s(), (p, g) => (i(), f(re, {
+    const e = W(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: i } = Ma(e);
+    return s(), (c, m) => (o(), g(ne, {
       title: l(n),
       persistent: ""
     }, {
-      default: m(({ close: $ }) => [
-        d(Mt, {
+      default: f(({ close: h }) => [
+        p(zt, {
           form: l(r),
-          onSubmit: (v) => $(l(r).draft)
+          onSubmit: (w) => h(l(r).draft)
         }, {
-          default: m(() => [
-            l(a) ? (i(), f(z, {
+          default: f(() => [
+            l(a) ? (o(), g(q, {
               key: 0,
               text: l(a)
-            }, null, 8, ["text"])) : M("", !0),
-            d(oa, {
+            }, null, 8, ["text"])) : V("", !0),
+            p(Sa, {
               name: "draft",
               class: "mt-2",
-              placeholder: p.placeholder,
-              label: p.label
+              placeholder: c.placeholder,
+              label: c.label
             }, null, 8, ["placeholder", "label"]),
-            b("div", da, [
-              d(R, {
-                variant: p.acceptVariant,
+            b("div", Va, [
+              p(z, {
+                variant: c.acceptVariant,
                 submit: ""
               }, {
-                default: m(() => [
-                  L(C(l(u)), 1)
+                default: f(() => [
+                  I(C(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              d(R, {
-                variant: p.cancelVariant,
-                onClick: (v) => $()
+              p(z, {
+                variant: c.cancelVariant,
+                onClick: (w) => h()
               }, {
-                default: m(() => [
-                  L(C(l(o)), 1)
+                default: f(() => [
+                  I(C(l(i)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2824,65 +2881,65 @@ const da = { class: "mt-4 flex flex-row-reverse gap-2" }, pa = /* @__PURE__ */ h
       _: 1
     }, 8, ["title"]));
   }
-}), ma = {
+}), Ha = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function fa(t, s) {
-  return i(), y("svg", ma, s[0] || (s[0] = [
+function La(t, s) {
+  return o(), y("svg", Ha, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M12 21q-1.625 0-3.012-.8T6.8 18H4v-2h2.1q-.075-.5-.088-1T6 14H4v-2h2q0-.5.012-1t.088-1H4V8h2.8q.35-.575.788-1.075T8.6 6.05L7 4.4L8.4 3l2.15 2.15q.7-.225 1.425-.225t1.425.225L15.6 3L17 4.4l-1.65 1.65q.575.375 1.038.862T17.2 8H20v2h-2.1q.075.5.088 1T18 12h2v2h-2q0 .5-.013 1t-.087 1H20v2h-2.8q-.8 1.4-2.187 2.2T12 21m-2-5h4v-2h-4zm0-4h4v-2h-4z"
     }, null, -1)
   ]));
 }
-const ha = E({ name: "material-symbols-bug-report", render: fa }), ga = {
+const Ia = R({ name: "material-symbols-bug-report", render: La }), Ra = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function va(t, s) {
-  return i(), y("svg", ga, s[0] || (s[0] = [
+function za(t, s) {
+  return o(), y("svg", Ra, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M7 21q-.825 0-1.412-.587T5 19V6q-.425 0-.712-.288T4 5t.288-.712T5 4h4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4h4q.425 0 .713.288T20 5t-.288.713T19 6v13q0 .825-.587 1.413T17 21zm5-7.1l1.9 1.9q.275.275.7.275t.7-.275t.275-.7t-.275-.7l-1.9-1.9l1.9-1.9q.275-.275.275-.7t-.275-.7t-.7-.275t-.7.275L12 11.1l-1.9-1.9q-.275-.275-.7-.275t-.7.275t-.275.7t.275.7l1.9 1.9l-1.9 1.9q-.275.275-.275.7t.275.7t.7.275t.7-.275z"
     }, null, -1)
   ]));
 }
-const ba = E({ name: "material-symbols-delete-forever-rounded", render: va }), ya = {
+const qa = R({ name: "material-symbols-delete-forever-rounded", render: za }), Pa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function $a(t, s) {
-  return i(), y("svg", ya, s[0] || (s[0] = [
+function Aa(t, s) {
+  return o(), y("svg", Pa, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M11.25 13.5q.95 0 1.6-.65t.65-1.6t-.65-1.6t-1.6-.65t-1.6.65t-.65 1.6t.65 1.6t1.6.65m4.825 4l-2.625-2.625q-.5.325-1.062.475t-1.138.15q-1.775 0-3.012-1.237T7 11.25t1.238-3.012T11.25 7t3.013 1.238T15.5 11.25q0 .575-.162 1.138t-.488 1.062l2.65 2.65zM5 21q-.825 0-1.412-.587T3 19v-4h2v4h4v2zm10 0v-2h4v-4h2v4q0 .825-.587 1.413T19 21zM3 9V5q0-.825.588-1.412T5 3h4v2H5v4zm16 0V5h-4V3h4q.825 0 1.413.588T21 5v4z"
     }, null, -1)
   ]));
 }
-const wa = E({ name: "material-symbols-frame-inspect", render: $a }), _a = {
+const Da = R({ name: "material-symbols-frame-inspect", render: Aa }), Ba = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ca(t, s) {
-  return i(), y("svg", _a, s[0] || (s[0] = [
+function ja(t, s) {
+  return o(), y("svg", Ba, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V5q0-.425.288-.712T19 4t.713.288T20 5v5q0 .425-.288.713T19 11h-5q-.425 0-.712-.288T13 10t.288-.712T14 9h3.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.7 0 3.113-.862t2.187-2.313q.2-.35.563-.487t.737-.013q.4.125.575.525t-.025.75q-1.025 2-2.925 3.2T12 20"
     }, null, -1)
   ]));
 }
-const xa = E({ name: "material-symbols-refresh-rounded", render: Ca }), ka = { class: "grid grow place-items-center" }, Sa = { class: "flex flex-col items-center p-8" }, Ta = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Ma = { 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" }, Ha = /* @__PURE__ */ h({
+const Fa = R({ name: "material-symbols-refresh-rounded", render: ja }), Oa = { class: "grid grow place-items-center" }, Ua = { class: "flex flex-col items-center p-8" }, Na = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Wa = { 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" }, Ka = /* @__PURE__ */ v({
   __name: "StartupCrash",
   setup(t) {
     async function s() {
-      await P.confirm(
-        k("startupCrash.purgeConfirmTitle", "Delete everything?"),
-        k(
+      await D.confirm(
+        T("startupCrash.purgeConfirmTitle", "Delete everything?"),
+        T(
           "startupCrash.purgeConfirmMessage",
           `If the problem persists, one drastic solution may be to wipe the storage in this device to start from scratch. However, keep in mind that **all the data that you haven't synchronized will be deleted forever**.
 
@@ -2890,61 +2947,61 @@ Do you still want to proceed?`
         ),
         {
           acceptVariant: "danger",
-          acceptText: k("startupCrash.purgeConfirmAccept", "Purge device")
+          acceptText: T("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await mt.purge(), await A.reload());
+      ) && (await yt.purge(), await P.reload());
     }
     return (e, r) => {
-      const n = Ot("i-majesticons-exclamation");
-      return i(), y("div", ka, [
-        b("div", Sa, [
-          d(n, { class: "size-20 text-red-600" }),
-          b("h1", Ta, C(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
-          d(z, {
+      const n = Gt("i-majesticons-exclamation");
+      return o(), y("div", Oa, [
+        b("div", Ua, [
+          p(n, { class: "size-20 text-red-600" }),
+          b("h1", Na, C(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          p(q, {
             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"]),
-          b("div", Ma, [
-            d(R, {
+          b("div", Wa, [
+            p(z, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
-              default: m(() => [
-                d(l(xa)),
-                L(" " + C(e.$td("startupCrash.reload", "Try again")), 1)
+              default: f(() => [
+                p(l(Fa)),
+                I(" " + C(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
-            d(R, {
+            p(z, {
               variant: "danger",
               onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
             }, {
-              default: m(() => [
-                d(l(ha)),
-                L(" " + C(e.$td("startupCrash.inspect", "View error details")), 1)
+              default: f(() => [
+                p(l(Ia)),
+                I(" " + C(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
             }),
-            d(R, {
+            p(z, {
               variant: "danger",
               onClick: r[2] || (r[2] = (a) => s())
             }, {
-              default: m(() => [
-                d(l(ba)),
-                L(" " + C(e.$td("startupCrash.purge", "Purge device")), 1)
+              default: f(() => [
+                p(l(qa)),
+                I(" " + C(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
-            d(R, {
+            p(z, {
               variant: "danger",
               onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
             }, {
-              default: m(() => [
-                d(l(wa)),
-                L(" " + C(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+              default: f(() => [
+                p(l(Da)),
+                I(" " + C(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
             })
@@ -2953,23 +3010,23 @@ Do you still want to proceed?`
       ]);
     };
   }
-}), Lt = /* @__PURE__ */ h({
+}), Dt = /* @__PURE__ */ v({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(Y(s.action.dismiss ? l(As) : "button"), {
+    return (s, e) => (o(), g(te(s.action.dismiss ? l(Us) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
-      default: m(() => [
-        L(C(s.action.label), 1)
+      default: f(() => [
+        I(C(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), Va = { key: 0 }, Ea = /* @__PURE__ */ h({
+}), Qa = { key: 0 }, Za = /* @__PURE__ */ v({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -2977,11 +3034,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(Ps), null, {
-      default: m(() => [
-        w(s.$slots, "default", {}, () => [
-          s.message ? (i(), y("span", Va, C(s.message), 1)) : M("", !0),
-          (i(!0), y(D, null, U(s.actions, (r, n) => (i(), f(Lt, {
+    return (s, e) => (o(), g(l(Ns), null, {
+      default: f(() => [
+        $(s.$slots, "default", {}, () => [
+          s.message ? (o(), y("span", Qa, C(s.message), 1)) : V("", !0),
+          (o(!0), y(j, null, O(s.actions, (r, n) => (o(), g(Dt, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -2990,7 +3047,7 @@ Do you still want to proceed?`
       _: 3
     }));
   }
-}), La = /* @__PURE__ */ h({
+}), Ja = /* @__PURE__ */ v({
   __name: "Toast",
   props: {
     message: {},
@@ -2999,14 +3056,15 @@ Do you still want to proceed?`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = c(() => ut(
+    const e = d(() => ht(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
         variants: {
           variant: {
             secondary: "bg-gray-900 text-white ring-black",
-            danger: "bg-red-50 text-red-900 ring-red-100"
+            danger: "bg-red-50 text-red-900 ring-red-100",
+            warning: "bg-yellow-50 text-yellow-900 ring-yellow-100"
           }
         },
         defaultVariants: {
@@ -3014,98 +3072,98 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (i(), f(Ea, {
-      class: x(e.value)
+    return s(), (r, n) => (o(), g(Za, {
+      class: _(e.value)
     }, {
-      default: m(() => [
-        r.message ? (i(), f(z, {
+      default: f(() => [
+        r.message ? (o(), g(q, {
           key: 0,
           text: r.message,
           inline: ""
-        }, null, 8, ["text"])) : M("", !0),
-        (i(!0), y(D, null, U(r.actions, (a, u) => (i(), f(R, {
+        }, null, 8, ["text"])) : V("", !0),
+        (o(!0), y(j, null, O(r.actions, (a, u) => (o(), g(z, {
           key: u,
           action: a,
           variant: r.variant,
-          as: Lt
+          as: Dt
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Ra = { $ui: P }, za = {
+}), Ga = { $ui: D }, Xa = {
   async install(t, s) {
     const e = {
-      "alert-modal": fn,
-      "confirm-modal": wn,
-      "error-report-modal": Jn,
-      "loading-modal": ra,
-      "prompt-modal": pa,
-      "startup-crash": Ha,
-      toast: La,
+      "alert-modal": Ln,
+      "confirm-modal": Dn,
+      "error-report-modal": ma,
+      "loading-modal": $a,
+      "prompt-modal": Ea,
+      "startup-crash": Ka,
+      toast: Ja,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
-      P.registerComponent(r, n);
-    await ke(t, Ra);
+      D.registerComponent(r, n);
+    await Me(t, Ga);
   }
 };
-async function Ia(t, s = {}) {
+async function Ya(t, s = {}) {
   var r;
-  const e = [en, vr, Yr, Dr, wr, za, ...s.plugins ?? []];
-  A.instance = t, await Ys(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
+  const e = [wn, qr, yn, nn, Br, Xa, ...s.plugins ?? []];
+  P.instance = t, await vr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await N.emit("application-ready");
 }
-async function Nl(t, s = {}) {
+async function ho(t, s = {}) {
   var r;
-  const e = Nt(t);
-  J() && (window.$aerogel = e), await Ia(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await F.emit("application-mounted");
+  const e = Xt(t);
+  G() && (window.$aerogel = e), await Ya(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await N.emit("application-mounted");
 }
-const qa = /* @__PURE__ */ h({
+const el = /* @__PURE__ */ v({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (i(), f(l(Ds), null, {
-      default: m(() => [
-        (i(!0), y(D, null, U(s.$ui.toasts, (r) => (i(), f(Y(r.component), V({
+    return (s, e) => (o(), g(l(Ws), null, {
+      default: f(() => [
+        (o(!0), y(j, null, O(s.$ui.toasts, (r) => (o(), g(te(r.component), E({
           id: r.id,
           key: r.id
         }, { ref_for: !0 }, r.properties), null, 16, ["id"]))), 128)),
-        d(l(js), { 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(Ks), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
   }
-}), Aa = /* @__PURE__ */ h({
+}), tl = /* @__PURE__ */ v({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (i(), y(D, null, [
-      d(l(hs), { nested: "" }),
-      d(qa)
+    return (s, e) => (o(), y(j, null, [
+      p(l(Cs), { nested: "" }),
+      p(el)
     ], 64));
   }
-}), Pa = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Wl = /* @__PURE__ */ h({
+}), sl = { class: "text-primary-text flex min-h-full flex-col text-base leading-tight font-normal antialiased" }, go = /* @__PURE__ */ v({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (i(), y("div", Pa, [
-      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
-        (i(), f(Y(s.$ui.requireComponent("startup-crash"))))
-      ]) : w(s.$slots, "default", { key: 1 }),
-      d(Aa)
+    return (s, e) => (o(), y("div", sl, [
+      s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
+        (o(), g(te(s.$ui.requireComponent("startup-crash"))))
+      ]) : $(s.$slots, "default", { key: 1 }),
+      p(tl)
     ]));
   }
-}), Da = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], ja = /* @__PURE__ */ h({
+}), rl = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], nl = /* @__PURE__ */ v({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = ee("$textAreaRef"), e = I(
+    const s = Z("$textAreaRef"), e = H(
       "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 ct(e, () => {
+    return gt(e, () => {
       var u;
       return (u = s.value) == null ? void 0 : u.focus();
-    }), (u, o) => (i(), y("textarea", {
+    }), (u, i) => (o(), y("textarea", {
       id: l(e).id,
       ref: "$textAreaRef",
       name: r.value,
@@ -3114,22 +3172,51 @@ const qa = /* @__PURE__ */ h({
       "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, Da));
+    }, null, 40, rl));
   }
-}), Ba = { class: "group" }, Fa = { class: "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, Ua = { class: "pt-2 pl-4" }, Kl = /* @__PURE__ */ h({
+}), al = { class: "group" }, ll = /* @__PURE__ */ v({
+  __name: "Details",
+  props: {
+    label: { default: () => {
+    } },
+    contentClass: {},
+    summaryClass: {}
+  },
+  setup(t) {
+    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) => (o(), y("details", al, [
+      b("summary", {
+        class: _(e.value)
+      }, [
+        p(l(qt), { class: "size-6 transition-transform group-open:rotate-90" }),
+        $(r.$slots, "label", {}, () => [
+          b("span", null, C(r.label ?? r.$td("ui.details", "Details")), 1)
+        ])
+      ], 2),
+      b("div", {
+        class: _(s.value)
+      }, [
+        $(r.$slots, "default")
+      ], 2)
+    ]));
+  }
+}), vo = /* @__PURE__ */ v({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (i(), y("details", Ba, [
-      b("summary", Fa, [
-        d(l(Ht), { class: "size-6 transition-transform group-open:rotate-90" }),
-        b("span", null, C(s.$td("ui.advancedOptions", "Advanced options")), 1)
+    return (s, e) => (o(), g(ll, {
+      label: s.$td("ui.advancedOptions", "Advanced options")
+    }, {
+      default: f(() => [
+        $(s.$slots, "default")
       ]),
-      b("div", Ua, [
-        w(s.$slots, "default")
-      ])
-    ]));
+      _: 3
+    }, 8, ["label"]));
   }
-}), Oa = { class: "flex h-6 items-center" }, Ql = /* @__PURE__ */ h({
+}), ol = { class: "flex h-6 items-center" }, bo = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3142,53 +3229,298 @@ const qa = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["inputClass", "labelClass"]), e = ee("$inputRef"), [r, n] = Pe(), a = c(() => H("relative flex items-start", n.value)), u = c(() => {
-      var p, g;
-      return H(
+    const s = W(t, ["inputClass", "labelClass"]), e = Z("$inputRef"), [r, n] = Pe(), a = d(() => k("relative flex items-start", n.value)), u = d(() => {
+      var c, m;
+      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": (g = e.value) == null ? void 0 : g.errors
+          "border-gray-300 focus:ring-primary-600": !((c = e.value) != null && c.errors),
+          "border-red-400 border-2 focus:ring-red-600": (m = e.value) == null ? void 0 : m.errors
         },
         t.inputClass
       );
-    }), o = c(() => H("ml-2 text-sm leading-6", t.labelClass));
-    return (p, g) => (i(), f(je, V({
+    }), i = d(() => k("ml-2 text-sm leading-6", t.labelClass));
+    return (c, m) => (o(), g(Be, E({
       ref: "$inputRef",
       class: a.value
     }, s, {
-      "onUpdate:modelValue": g[0] || (g[0] = ($) => p.$emit("update:modelValue", $))
+      "onUpdate:modelValue": m[0] || (m[0] = (h) => c.$emit("update:modelValue", h))
     }), {
-      default: m(() => [
-        b("div", Oa, [
-          d(Vt, V(l(r), {
+      default: f(() => [
+        b("div", ol, [
+          p(Pt, E(l(r), {
             type: "checkbox",
             class: u.value
           }), null, 16, ["class"])
         ]),
-        p.$slots.default ? (i(), y("div", {
+        c.$slots.default ? (o(), y("div", {
           key: 0,
-          class: x(o.value)
+          class: _(i.value)
         }, [
-          d(be, { class: "text-gray-900" }, {
-            default: m(() => [
-              w(p.$slots, "default")
+          p(we, { class: "text-gray-900" }, {
+            default: f(() => [
+              $(c.$slots, "default")
             ]),
             _: 3
           }),
-          d(ye, { class: "text-red-600" })
-        ], 2)) : p.label ? (i(), y("div", {
+          p($e, { class: "text-red-600" })
+        ], 2)) : c.label ? (o(), y("div", {
           key: 1,
-          class: x(o.value)
+          class: _(i.value)
         }, [
-          d(be, { class: "text-gray-900" }),
-          d(ye, { class: "text-red-600" })
-        ], 2)) : M("", !0)
+          p(we, { class: "text-gray-900" }),
+          p($e, { class: "text-red-600" })
+        ], 2)) : V("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Na = /* @__PURE__ */ h({
+}), il = /* @__PURE__ */ v({
+  __name: "Provide",
+  props: {
+    name: {},
+    value: {}
+  },
+  setup(t) {
+    return ae(t.name, t.value), (s, e) => $(s.$slots, "default");
+  }
+}), ul = { 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" }, st = /* @__PURE__ */ v({
+  __name: "ComboboxOption",
+  props: {
+    textValue: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["select"],
+  setup(t, { emit: s }) {
+    const e = s, r = H("select", "<ComboboxOption> must be a child of a <Combobox>"), n = Qs(), a = H("combobox"), u = d(() => {
+      var m;
+      const c = (m = r.options) == null ? void 0 : m.find((h) => h.value === t.value);
+      return c ? r.renderOption(c.value) : F(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, m) => (o(), g(l(Zs), E(c.$props, {
+      class: "group p-1 outline-none",
+      onSelect: m[0] || (m[0] = (h) => i(h))
+    }), {
+      default: f(() => [
+        b("div", ul, [
+          $(c.$slots, "default", {}, () => [
+            I(C(u.value), 1)
+          ])
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), cl = { class: "relative flex max-w-[calc(100vw-2rem)] items-center gap-2 truncate rounded-md px-2 py-1 text-sm select-none *:truncate" }, dl = /* @__PURE__ */ v({
+  __name: "ComboboxOptions",
+  props: {
+    newInputValue: { type: Function }
+  },
+  emits: ["select"],
+  setup(t) {
+    const { contains: s } = Js({ sensitivity: "base" }), e = H("select", "<ComboboxOptions> must be a child of a <Combobox>"), r = H("combobox"), n = Z("$group"), a = d(
+      () => {
+        var c;
+        return ((c = e.options) == null ? void 0 : c.filter((m) => s(m.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 de(n, () => {
+      var c;
+      return r.$group = ((c = n.value) == null ? void 0 : c.$el) ?? null;
+    }), (c, m) => (o(), g(l(Gs), null, {
+      default: f(() => [
+        p(l(Xs), {
+          position: "popper",
+          align: l(e).align,
+          side: l(e).side,
+          "side-offset": 4,
+          class: _(l(i))
+        }, {
+          default: f(() => [
+            p(l(Ys), null, {
+              default: f(() => [
+                p(l(er), { class: "group p-1 outline-none" }, {
+                  default: f(() => [
+                    b("div", cl, C(c.$td("ui.comboboxEmpty", "No options found")), 1)
+                  ]),
+                  _: 1
+                }),
+                p(l(tr), {
+                  ref_key: "$group",
+                  ref: n
+                }, {
+                  default: f(() => {
+                    var h;
+                    return [
+                      u.value ? (o(), g(st, {
+                        key: 0,
+                        value: ((h = c.newInputValue) == null ? void 0 : h.call(c, l(r).input)) ?? l(r).input,
+                        onSelect: m[0] || (m[0] = (w) => c.$emit("select"))
+                      }, {
+                        default: f(() => [
+                          I(C(l(r).input), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["value"])) : V("", !0),
+                      (o(!0), y(j, null, O(a.value, (w) => (o(), g(st, {
+                        key: w.key,
+                        value: w.value,
+                        onSelect: m[1] || (m[1] = (S) => c.$emit("select"))
+                      }, null, 8, ["value"]))), 128))
+                    ];
+                  }),
+                  _: 1
+                }, 512)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["align", "side", "class"])
+      ]),
+      _: 1
+    }));
+  }
+}), pl = /* @__PURE__ */ v({
+  __name: "ComboboxTrigger",
+  emits: ["focus", "change", "blur"],
+  setup(t, { emit: s }) {
+    const e = s, r = H("select", "<ComboboxTrigger> must be a child of a <Combobox>"), n = H("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 m;
+        return (m = n.$group) == null ? void 0 : m.contains(c);
+      }) || e("blur");
+    }
+    return de(
+      () => n.input,
+      () => {
+        if (n.preventChange) {
+          n.preventChange = !1;
+          return;
+        }
+        e("change");
+      }
+    ), (i, c) => (o(), g(l(sr), null, {
+      default: f(() => [
+        p(l(rr), {
+          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] = Yt((m) => i.$emit("blur"), ["esc"]))
+        }, null, 8, ["id", "modelValue", "placeholder", "class", "display-value", "name"])
+      ]),
+      _: 1
+    }));
+  }
+}), ml = /* @__PURE__ */ v({
+  __name: "ComboboxLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const s = H("select", "<ComboboxLabel> must be a child of a <Combobox>"), e = xe(), 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(pt), E({
+      key: 0,
+      for: l(s).id,
+      class: n.value
+    }, a.$props), {
+      default: f(() => [
+        $(a.$slots, "default", {}, () => [
+          I(C(l(s).label), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["for", "class"])) : V("", !0);
+  }
+}), yo = /* @__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 = W(t, ["as", "compareOptions"]), { expose: a, acceptableValue: u, update: i, renderOption: c } = kt({ as: t.as, compareOptions: t.compareOptions, ...n }, r), m = B(!1), h = {
+      input: B(u.value ? c(u.value) : ""),
+      preventChange: B(!1),
+      $group: B(null)
+    };
+    function w(S) {
+      h.input.value = c(S), i(S);
+    }
+    return s(a), (S, L) => (o(), g(l(nr), {
+      "ignore-filter": "",
+      open: m.value,
+      "reset-search-term-on-blur": !1,
+      "reset-search-term-on-select": !1,
+      "model-value": l(u),
+      by: S.compareOptions,
+      "onUpdate:modelValue": L[4] || (L[4] = (A) => w(A))
+    }, {
+      default: f(() => [
+        p(il, {
+          name: "combobox",
+          value: h
+        }, {
+          default: f(() => [
+            p(ml),
+            p(pl, {
+              onFocus: L[0] || (L[0] = (A) => m.value = !0),
+              onChange: L[1] || (L[1] = (A) => m.value = !0),
+              onBlur: L[2] || (L[2] = (A) => m.value = !1)
+            }),
+            p(dl, {
+              "new-input-value": S.newInputValue,
+              onSelect: L[3] || (L[3] = (A) => m.value = !1)
+            }, null, 8, ["new-input-value"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["open", "model-value", "by"]));
+  }
+}), fl = /* @__PURE__ */ v({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3197,37 +3529,37 @@ const qa = /* @__PURE__ */ h({
   },
   emits: ["select"],
   setup(t) {
-    const s = K(t, ["class"]), e = c(() => H(
+    const s = W(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(), f(l(Bs), V({ class: e.value }, s, {
+    return (r, n) => (o(), g(l(ar), E({ class: e.value }, s, {
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
-      default: m(() => [
-        w(r.$slots, "default")
+      default: f(() => [
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Wa = /* @__PURE__ */ h({
+}), hl = /* @__PURE__ */ v({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = I(
+    const s = H(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (i(), f(l(Fs), {
+    return (e, r) => (o(), g(l(lr), {
       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: m(() => [
-        w(e.$slots, "default", {}, () => [
-          (i(!0), y(D, null, U(l(s).options, (n, a) => (i(), f(Na, V(
+      default: f(() => [
+        $(e.$slots, "default", {}, () => [
+          (o(!0), y(j, null, O(l(s).options, (n, a) => (o(), g(fl, E(
             {
               key: a,
-              as: n.route || n.href ? bt : void 0,
+              as: n.route || n.href ? xt : void 0,
               class: n.class
             },
             { ref_for: !0 },
@@ -3239,13 +3571,13 @@ const qa = /* @__PURE__ */ h({
             } : {},
             {
               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: m(() => [
-              L(C(n.label), 1)
+            default: f(() => [
+              I(C(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3254,7 +3586,7 @@ const qa = /* @__PURE__ */ h({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), Jl = /* @__PURE__ */ h({
+}), wo = /* @__PURE__ */ v({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3265,23 +3597,23 @@ const qa = /* @__PURE__ */ h({
     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 de("dropdown-menu", e), s(e), (r, n) => (i(), f(l(Us), null, {
-      default: m(() => [
-        d(l(Os), null, {
-          default: m(() => [
-            w(r.$slots, "default")
+    return ae("dropdown-menu", e), s(e), (r, n) => (o(), g(l(or), null, {
+      default: f(() => [
+        p(l(ir), null, {
+          default: f(() => [
+            $(r.$slots, "default")
           ]),
           _: 3
         }),
-        d(l(Ns), null, {
-          default: m(() => [
-            w(r.$slots, "options", {}, () => [
-              d(Wa)
+        p(l(ur), null, {
+          default: f(() => [
+            $(r.$slots, "options", {}, () => [
+              p(hl)
             ])
           ]),
           _: 3
@@ -3290,7 +3622,7 @@ const qa = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Ka = ["aria-hidden"], Qa = ["tabindex", "aria-label", "type"], Zl = /* @__PURE__ */ h({
+}), gl = ["aria-hidden"], vl = ["tabindex", "aria-label", "type"], $o = /* @__PURE__ */ v({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3303,106 +3635,106 @@ const qa = /* @__PURE__ */ h({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = ee("$inputRef"), n = N(null), a = N(t.text), u = c(() => H("inline whitespace-pre", t.contentClass)), o = c(() => H("invisible whitespace-pre", t.contentClass)), p = c(() => H("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
-    function g() {
+    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 m() {
       n.value = t.text;
     }
-    function $() {
+    function h() {
       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), (v, S) => (i(), y("div", {
-      class: x(["relative", { "pointer-events-none!": v.disabled && !n.value }])
+    return ee(() => a.value = t.text), (w, S) => (o(), y("div", {
+      class: _(["relative", { "pointer-events-none!": w.disabled && !n.value }])
     }, [
-      n.value ? (i(), y("span", {
+      n.value ? (o(), y("span", {
         key: 1,
-        class: x(o.value)
-      }, C(a.value), 3)) : (i(), y("div", {
+        class: _(i.value)
+      }, C(a.value), 3)) : (o(), y("div", {
         key: 0,
-        class: x(u.value)
+        class: _(u.value)
       }, [
-        w(v.$slots, "default")
+        $(w.$slots, "default")
       ], 2)),
-      v.type === "number" ? (i(), y("span", {
+      w.type === "number" ? (o(), y("span", {
         key: 2,
-        class: x(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
-      }, null, 2)) : M("", !0),
+        class: _(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
+      }, null, 2)) : V("", !0),
       b("form", {
         class: "w-full",
-        "aria-hidden": v.formAriaHidden,
-        onSubmit: S[4] || (S[4] = tt((q) => {
-          var pe;
-          return (pe = r.value) == null ? void 0 : pe.blur();
+        "aria-hidden": w.formAriaHidden,
+        onSubmit: S[4] || (S[4] = at((L) => {
+          var A;
+          return (A = r.value) == null ? void 0 : A.blur();
         }, ["prevent"]))
       }, [
-        st(b("input", {
+        lt(b("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": S[0] || (S[0] = (q) => a.value = q),
-          tabindex: v.tabindex ?? void 0,
-          "aria-label": v.ariaLabel ?? void 0,
-          type: v.type,
-          class: x([
-            p.value,
-            { "opacity-0": !n.value, "appearance-textfield": !n.value && v.type === "number" }
+          "onUpdate:modelValue": S[0] || (S[0] = (L) => a.value = L),
+          tabindex: w.tabindex ?? void 0,
+          "aria-label": w.ariaLabel ?? void 0,
+          type: w.type,
+          class: _([
+            c.value,
+            { "opacity-0": !n.value, "appearance-textfield": !n.value && w.type === "number" }
           ]),
-          onKeyup: S[1] || (S[1] = (q) => v.$emit("update", a.value)),
-          onFocus: S[2] || (S[2] = (q) => g()),
-          onBlur: S[3] || (S[3] = (q) => $())
-        }, null, 42, Qa), [
-          [Wt, a.value]
+          onKeyup: S[1] || (S[1] = (L) => w.$emit("update", a.value)),
+          onFocus: S[2] || (S[2] = (L) => m()),
+          onBlur: S[3] || (S[3] = (L) => h())
+        }, null, 42, vl), [
+          [es, a.value]
         ])
-      ], 40, Ka)
+      ], 40, gl)
     ], 2));
   }
-}), Ja = {
+}), bl = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function Za(t, s) {
-  return i(), y("svg", Ja, s[0] || (s[0] = [
+function yl(t, s) {
+  return o(), y("svg", bl, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0 0 80 446.25h340.89a32 32 0 0 0 28.18-47.17m-198.6-1.83a20 20 0 1 1 20-20a20 20 0 0 1-20 20m21.72-201.15l-5.74 122a16 16 0 0 1-32 0l-5.74-121.95a21.73 21.73 0 0 1 21.5-22.69h.21a21.74 21.74 0 0 1 21.73 22.7Z"
     }, null, -1)
   ]));
 }
-const Xa = E({ name: "ion-warning", render: Za }), Ga = {
+const wl = R({ name: "ion-warning", render: yl }), $l = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ya(t, s) {
-  return i(), y("svg", Ga, s[0] || (s[0] = [
+function _l(t, s) {
+  return o(), y("svg", $l, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10m9.8 4a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-2a2 2 0 1 1 0-4a2 2 0 0 1 0 4"
     }, null, -1)
   ]));
 }
-const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-medium" }, sl = ["datetime"], rl = /* @__PURE__ */ h({
+const Cl = R({ name: "zondicons-view-show", render: _l }), xl = { class: "font-medium" }, kl = ["datetime"], Sl = /* @__PURE__ */ v({
   __name: "ErrorLogsModal",
   setup(t) {
-    return (s, e) => (i(), f(re, {
+    return (s, e) => (o(), g(ne, {
       title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
     }, {
-      default: m(() => [
+      default: f(() => [
         b("ol", null, [
-          (i(!0), y(D, null, U(s.$errors.logs, (r, n) => (i(), y("li", {
+          (o(!0), y(j, null, O(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"
           }, [
             b("div", null, [
-              b("h3", tl, C(r.report.title), 1),
+              b("h3", xl, C(r.report.title), 1),
               b("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, C(r.date.toLocaleTimeString()), 9, sl),
-              d(z, {
+              }, C(r.date.toLocaleTimeString()), 9, kl),
+              p(q, {
                 class: "text-sm text-gray-500",
-                text: r.report.description ?? l(Tt)(r.report)
+                text: r.report.description ?? l(Rt)(r.report)
               }, null, 8, ["text"])
             ]),
-            d(R, {
+            p(z, {
               size: "icon",
               variant: "ghost",
               "aria-label": s.$td("errors.viewDetails", "View details"),
@@ -3413,8 +3745,8 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
                 s.$errors.logs.map(({ report: u }) => u)
               )
             }, {
-              default: m(() => [
-                d(l(el), {
+              default: f(() => [
+                p(l(Cl), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3427,36 +3759,36 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), Xl = /* @__PURE__ */ h({
+}), _o = /* @__PURE__ */ v({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (i(), f(R, {
+    return (s, e) => s.$errors.logs.length > 0 ? (o(), g(z, {
       key: 0,
       size: "icon",
       variant: "ghost",
       title: s.$td("errors.viewLogs", "View error logs"),
       "aria-label": s.$td("errors.viewLogs", "View error logs"),
-      onClick: e[0] || (e[0] = (r) => s.$ui.modal(rl))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(Sl))
     }, {
-      default: m(() => [
-        d(l(Xa), { class: "size-6 text-red-500" })
+      default: f(() => [
+        p(l(wl), { class: "size-6 text-red-500" })
       ]),
       _: 1
-    }, 8, ["title", "aria-label"])) : M("", !0);
+    }, 8, ["title", "aria-label"])) : V("", !0);
   }
-}), Gl = /* @__PURE__ */ h({
+}), Co = /* @__PURE__ */ v({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = c(() => Tt(t.error));
-    return (e, r) => (i(), f(z, {
+    const s = d(() => Rt(t.error));
+    return (e, r) => (o(), g(q, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), Yl = /* @__PURE__ */ h({
+}), xo = /* @__PURE__ */ v({
   __name: "Link",
   props: {
     class: {},
@@ -3471,30 +3803,31 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(R, V({ variant: "link" }, s.$props), {
-      default: m(() => [
-        w(s.$slots, "default")
+    return (s, e) => (o(), g(z, E({ variant: "link" }, s.$props), {
+      default: f(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), ei = /* @__PURE__ */ h({
+}), ko = /* @__PURE__ */ v({
   __name: "SettingsModal",
   setup(t) {
-    const s = c(() => rs(A.settings, "priority", "desc"));
-    return (e, r) => (i(), f(re, {
-      title: e.$td("settings.title", "Settings")
+    const s = d(() => ds(P.settings, "priority", "desc"));
+    return (e, r) => (o(), g(ne, {
+      title: e.$td("settings.title", "Settings"),
+      "fullscreen-on-mobile": e.$app.settingsFullscreenOnMobile
     }, {
-      default: m(() => [
-        (i(!0), y(D, null, U(s.value, (n, a) => (i(), f(Y(n.component), { key: a }))), 128))
+      default: f(() => [
+        (o(!0), y(j, null, O(s.value, (n, a) => (o(), g(te(n.component), { key: a }))), 128))
       ]),
       _: 1
-    }, 8, ["title"]));
+    }, 8, ["title", "fullscreen-on-mobile"]));
   }
-}), nl = {
+}), Tl = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, ti = /* @__PURE__ */ h({
+}, So = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3507,70 +3840,70 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Pe(), a = c(() => H("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
-      var o, p, g;
-      return H(
+    const s = W(t, ["label", "inputClass", "wrapperClass"]), e = Z("$inputRef"), [r, n] = Pe(), a = d(() => k("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = d(() => {
+      var i, c, m;
+      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": (g = e.value) == null ? void 0 : g.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": (m = e.value) == null ? void 0 : m.errors
         },
         t.inputClass
       );
     });
-    return (o, p) => (i(), f(je, V({
+    return (i, c) => (o(), g(Be, E({
       ref: "$inputRef",
-      label: o.label,
+      label: i.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
+      "onUpdate:modelValue": c[0] || (c[0] = (m) => i.$emit("update:modelValue", m))
     }), {
-      default: m(() => {
-        var g;
+      default: f(() => {
+        var m;
         return [
-          d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          p(we, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           b("div", {
-            class: x(a.value)
+            class: _(a.value)
           }, [
-            d(ja, V(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (i(), y("div", nl, [
-              d(l(De), { class: "size-5 text-red-500" })
-            ])) : M("", !0)
+            p(nl, E(l(r), { class: u.value }), null, 16, ["class"]),
+            (m = e.value) != null && m.errors ? (o(), y("div", Tl, [
+              p(l(De), { class: "size-5 text-red-500" })
+            ])) : V("", !0)
           ], 2),
-          d(Et, { class: "mt-2 text-sm text-gray-600" }),
-          d(ye, { class: "mt-2 text-sm text-red-600" })
+          p(At, { class: "mt-2 text-sm text-gray-600" }),
+          p($e, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-class si {
+class To {
   constructor() {
-    _(this, "status");
-    _(this, "_listeners");
-    _(this, "_progress");
-    _(this, "_cancelled");
-    _(this, "_started");
-    _(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new ns(), this._started = new Q(), this._completed = new Q();
+    x(this, "status");
+    x(this, "_listeners");
+    x(this, "_progress");
+    x(this, "_cancelled");
+    x(this, "_started");
+    x(this, "_completed");
+    this.status = this.getInitialStatus(), this._listeners = new ps(), this._started = new J(), this._completed = new J();
   }
   async start() {
     this.beforeStart(), this._started.resolve();
     try {
       await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
     } catch (s) {
-      if (s instanceof Ge)
+      if (s instanceof tt)
         return;
-      throw te(as(s), (e) => {
+      throw se(ms(s), (e) => {
         this._completed.reject(e);
       });
     }
   }
   async cancel() {
-    this._cancelled = new Q(), await this._cancelled;
+    this._cancelled = new J(), await this._cancelled;
   }
   serialize() {
     return this.serializeStatus(this.status);
@@ -3605,10 +3938,10 @@ class si {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new Ge();
+      throw this._cancelled.resolve(), new tt();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? ls(
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? fs(
       s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
     ) : 0;
@@ -3622,154 +3955,165 @@ class si {
     return { ...s };
   }
 }
-async function ri(t) {
+async function Mo(t) {
   await t.start();
 }
 export {
-  Kl as AdvancedOptions,
-  fn as AlertModal,
-  A as App,
-  Wl as AppLayout,
-  Aa as AppOverlays,
-  Gs as AppService,
-  qa as AppToasts,
-  R as Button,
-  El as Cache,
-  br as CacheService,
-  Ql as Checkbox,
-  wn as ConfirmModal,
-  Jl as DropdownMenu,
-  Na as DropdownMenuOption,
-  Wa as DropdownMenuOptions,
-  Zl as EditableContent,
-  Xl as ErrorLogs,
-  rl as ErrorLogsModal,
-  Gl as ErrorMessage,
-  Jn as ErrorReportModal,
-  jn as ErrorReportModalButtons,
-  Bn as ErrorReportModalTitle,
-  vt as Errors,
-  yl as EventListenerPriorities,
-  F as Events,
-  Zs as EventsService,
-  Mt as Form,
-  or as FormController,
-  bt as HeadlessButton,
-  je as HeadlessInput,
-  Et as HeadlessInputDescription,
-  ye as HeadlessInputError,
-  Vt as HeadlessInputInput,
-  be as HeadlessInputLabel,
-  ja as HeadlessInputTextArea,
-  nn as HeadlessModal,
-  an as HeadlessModalContent,
-  ln as HeadlessModalDescription,
-  on as HeadlessModalOverlay,
-  un as HeadlessModalTitle,
-  Vr as HeadlessSelect,
-  Ze as HeadlessSelectLabel,
-  wt as HeadlessSelectOption,
-  _t as HeadlessSelectOptions,
-  $t as HeadlessSelectTrigger,
-  yt as HeadlessSelectValue,
-  Wr as HeadlessSwitch,
-  Ea as HeadlessToast,
-  oa as Input,
-  si as Job,
-  Ge as JobCancelledError,
-  Z as Lang,
-  ve as Layouts,
-  Yl as Link,
-  ra as LoadingModal,
-  ft as MOBILE_BREAKPOINT,
-  z as Markdown,
-  re as Modal,
-  li as ModalComponent,
-  ii as ModalsPortal,
-  ta as ProgressBar,
-  pa as PromptModal,
-  zr as Select,
-  Ct as SelectLabel,
-  Xe as SelectOption,
-  xt as SelectOptions,
-  kt as SelectTrigger,
-  xe as Service,
-  Ee as ServiceBootError,
-  Or as Setting,
-  ei as SettingsModal,
-  Ha as StartupCrash,
-  mt as Storage,
-  Kr as Switch,
-  ti as TextArea,
-  La as Toast,
-  P as UI,
-  Cr as UIService,
-  kl as __valueType,
-  gr as aerogelDirectives,
-  Ws as appNamespace,
-  zl as booleanInput,
-  ke as bootServices,
-  Nl as bootstrap,
-  Ia as bootstrapApplication,
-  H as classes,
-  oi as closeModal,
-  Ml as computedAsync,
-  Hl as computedDebounce,
-  ui as createModal,
-  Il as dateInput,
-  _l as defineDirective,
-  xl as defineFormValidationRule,
-  wl as definePlugin,
-  Ce as defineServiceState,
-  Js as defineServiceStore,
-  $l as defineSettings,
-  ri as dispatch,
-  ql as enumInput,
-  ht as getCurrentLayout,
-  Tt as getErrorMessage,
-  mr as getMarkdownRouter,
-  Qs as getPiniaStore,
-  Hr as hasSelectOptionLabel,
-  sr as injectOrFail,
-  tr as injectReactive,
-  I as injectReactiveOrFail,
-  Ys as installPlugins,
-  ci as modals,
-  Fl as numberInput,
-  Ul as objectInput,
-  Sl as onCleanMounted,
-  ct as onFormFocus,
-  Tl as persistent,
-  ur as reactiveSet,
-  Rl as registerErrorHandler,
-  fr as renderMarkdown,
-  ot as renderVNode,
-  Ll as replaceExisting,
-  Al as requiredBooleanInput,
-  Pl as requiredDateInput,
-  Dl as requiredEnumInput,
-  jl as requiredNumberInput,
-  Bl as requiredObjectInput,
-  ua as requiredStringInput,
-  Ks as resetPiniaStore,
-  pt as safeHtml,
-  Vl as setMarkdownRouter,
-  di as showModal,
-  Ol as stringInput,
-  gt as translate,
-  k as translateWithDefault,
-  mn as useAlertModal,
-  hn as useConfirmModal,
-  Fn as useErrorReportModal,
-  Cl as useEvent,
-  dt as useForm,
+  vo as AdvancedOptions,
+  Ln as AlertModal,
+  P as App,
+  go as AppLayout,
+  tl as AppOverlays,
+  gr as AppService,
+  el as AppToasts,
+  z as Button,
+  eo as Cache,
+  Pr as CacheService,
+  bo as Checkbox,
+  yo as Combobox,
+  ml as ComboboxLabel,
+  st as ComboboxOption,
+  dl as ComboboxOptions,
+  pl as ComboboxTrigger,
+  Dn as ConfirmModal,
+  ll as Details,
+  wo as DropdownMenu,
+  fl as DropdownMenuOption,
+  hl as DropdownMenuOptions,
+  $o as EditableContent,
+  _o as ErrorLogs,
+  Sl as ErrorLogsModal,
+  Co as ErrorMessage,
+  ma as ErrorReportModal,
+  na as ErrorReportModalButtons,
+  aa as ErrorReportModalTitle,
+  Ct as Errors,
+  Fl as EventListenerPriorities,
+  N as Events,
+  fr as EventsService,
+  zt as Form,
+  Sr as FormController,
+  xt as HeadlessButton,
+  Be as HeadlessInput,
+  At as HeadlessInputDescription,
+  $e as HeadlessInputError,
+  Pt as HeadlessInputInput,
+  we as HeadlessInputLabel,
+  nl as HeadlessInputTextArea,
+  xn as HeadlessModal,
+  kn as HeadlessModalContent,
+  Sn as HeadlessModalDescription,
+  Tn as HeadlessModalOverlay,
+  Mn as HeadlessModalTitle,
+  Zr as HeadlessSelect,
+  Ye as HeadlessSelectLabel,
+  Mt as HeadlessSelectOption,
+  Vt as HeadlessSelectOptions,
+  Tt as HeadlessSelectTrigger,
+  St as HeadlessSelectValue,
+  pn as HeadlessSwitch,
+  Za as HeadlessToast,
+  Sa as Input,
+  To as Job,
+  tt as JobCancelledError,
+  Ge as LOCAL_TIMEZONE_OFFSET,
+  X as Lang,
+  ye as Layouts,
+  xo as Link,
+  $a as LoadingModal,
+  Ir as MINUTE_MILLISECONDS,
+  wt as MOBILE_BREAKPOINT,
+  q as Markdown,
+  ne as Modal,
+  Ho as ModalComponent,
+  Lo as ModalsPortal,
+  ya as ProgressBar,
+  Ea as PromptModal,
+  il as Provide,
+  Yr as Select,
+  Et as SelectLabel,
+  et as SelectOption,
+  Ht as SelectOptions,
+  Lt as SelectTrigger,
+  Te as Service,
+  Ie as ServiceBootError,
+  cn as Setting,
+  ko as SettingsModal,
+  Ka as StartupCrash,
+  yt as Storage,
+  mn as Switch,
+  So as TextArea,
+  Ja as Toast,
+  D as UI,
+  Fr as UIService,
+  Ql as __valueType,
+  zr as aerogelDirectives,
+  cr as appNamespace,
+  ro as booleanInput,
+  Me as bootServices,
+  ho as bootstrap,
+  Ya as bootstrapApplication,
+  k as classes,
+  Io as closeModal,
+  Gl as computedAsync,
+  Xl as computedDebounce,
+  Ro as createModal,
+  no as dateInput,
+  Nl as defineDirective,
+  Kl as defineFormValidationRule,
+  Ul as definePlugin,
+  Se as defineServiceState,
+  mr as defineServiceStore,
+  Ol as defineSettings,
+  Mo as dispatch,
+  ao as enumInput,
+  $t as getCurrentLayout,
+  Rt as getErrorMessage,
+  Hr as getMarkdownRouter,
+  pr as getPiniaStore,
+  Qr as hasSelectOptionLabel,
+  zo as injectModal,
+  wr as injectOrFail,
+  yr as injectReactive,
+  H as injectReactiveOrFail,
+  vr as installPlugins,
+  qo as modals,
+  po as numberInput,
+  mo as objectInput,
+  Zl as onCleanMounted,
+  gt as onFormFocus,
+  Jl as persistent,
+  Tr as reactiveSet,
+  so as registerErrorHandler,
+  Lr as renderMarkdown,
+  ft as renderVNode,
+  to as replaceExisting,
+  lo as requiredBooleanInput,
+  oo as requiredDateInput,
+  io as requiredEnumInput,
+  uo as requiredNumberInput,
+  co as requiredObjectInput,
+  Ta as requiredStringInput,
+  dr as resetPiniaStore,
+  bt as safeHtml,
+  Yl as setMarkdownRouter,
+  Po as showModal,
+  fo as stringInput,
+  _t as translate,
+  T as translateWithDefault,
+  Hn as useAlertModal,
+  In as useConfirmModal,
+  la as useErrorReportModal,
+  Wl as useEvent,
+  vt as useForm,
   Pe as useInputAttrs,
-  sa as useLoadingModal,
-  pi as useModal,
-  ca as usePromptModal,
-  ir as validate,
-  lr as validateType,
-  he as validators,
-  ut as variantClasses
+  wa as useLoadingModal,
+  Ae as useModal,
+  Ma as usePromptModal,
+  kt as useSelect,
+  kr as validate,
+  xr as validateType,
+  ve as validators,
+  ht as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map